*{box-sizing: border-box;}
body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }
html{ margin: 0; padding: 0; font-size:12px;}
html,body{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:'Microsoft YaHei';
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#3e3e3e;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{border: 0; display: block;  font-size:0;}
body {color:#3e3e3e; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }
.clearfix{ *zoom:1;}
.clearfix:before, .clearfix:after {  content:"";  display:table;}
.clearfix:after{    clear:both;    overflow:hidden;}
.box{overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1156px; margin:auto;  }
.img-box{overflow: hidden;}
/*header*/
.lang{width: 100%; background: #efefef; padding:5px 0; overflow: hidden; text-align: right;}
.lang a{color: #3e3e3e; font-size: 14px;  margin-left:30px;position: relative;}
.header{width: 100%; background: #fff; position: fixed;  left:0;  top: 0;  transition: top 0.4s; z-index: 999999;  }
.header .section{position: relative;}
.header .logo{padding: 13px 0; float: left;}
.header .logo img{max-width: 100%;display:block;}
.header .menu{float: right;}
.header .menu ul{width: 100%; margin-top: 40px;  }
.header .menu ul li{float:left; margin-left:25px; padding-bottom: 20px; position: relative; }
.header .menu ul li a{display:block; padding: 0 10px; border-radius: 5px; text-align:center; font-size: 16px;line-height: 35px; color: #3e3e3e;}
.header .menu li a.on,.header .menu li a:hover{ color:#fff; background: #003e6b;}
.header .menu li .drop{  position:absolute; width:148px; padding: 20px 0; box-shadow: 0 0 5px #999; left:50%; margin-left: -74px; top:55px; display:none;background:#fff; z-index: 9999;}
.header .menu li .drop ul{ width:100%; margin: 0;}
.header .menu li .drop li{ width:100%; margin: 0; padding: 0; position: relative; }
.header .menu li .drop li a{ width:100%; display: block; border-radius:0;  color: #333333;line-height: 35px; font-size: 14px;}
.header .menu li .drop li a:hover{background: #15569d;  color: #fff;}
.header .menu li .drop li a.on{background: #15569d;  color: #fff;}
.header .menu li .drop::before{content: '';position: absolute; display: block;; width: 28px;height: 4px; left: 50%; margin-left: -14px; top: 0; background: #15569d;}

.m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:75px; display:none;}
.m_menu_k{ background: url(../icon_nav_k.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:75px; }

.h60{width: 100%; height: 60px; display: none;}
.hide{  top: -135px;  }

.shadow{box-shadow: 0 0 10px #888;}


.i-title{width: 100%; overflow: hidden; margin-bottom: 50px; text-align: center;}
.i-title h2{ color: #1a1a1a; font-size: 36px;}
.i-title em{ margin:10px auto; border-bottom: 1px solid #d0d7dd; border-top: 1px solid #d0d7dd; height: 4px; display: block;width: 100%; position: relative;}
.i-title p{color:#e8e9ee; font-size:50px; font-weight: bold; font-family:"microsoft yahei" ; line-height: 60px; text-transform: uppercase; position: relative;}
.i-title span{position: absolute;left: 0;top: 0;font-weight: normal; width: 100%; font-size: 26px;  display: block; text-align: center; z-index: 1;color: #7f7f7f; }
.i-title i{font-style: normal; color: #003e6b;}
.white{color: #fff!important;}
.bl{color: #525252!important;}


.i-product{width: 100%; padding:60px 0 0 0;  overflow: hidden; position: relative;  background: #ffffff;}
.i-product .main-product-list{margin-top: 50px;}

.about-box{width: 100%; padding:80px 0;  background: url("../about-box.jpg") no-repeat;background-attachment:fixed; background-size:cover; overflow: hidden;}
.about-box .box{width: 84%; margin:30px auto;}
.about-box .ab-txt{width:54%;float: right; font-size: 14px; line-height: 35px; color: #fff;}
.about-box .ab-txt p{text-indent: 2em;}
.about-box .ab-txt a{display: block; background: #003e6b; line-height: 50px; color: #fff; font-size: 16px; text-align: center; margin: 40px 0; width: 240px; }
.about-box .ab-txt a:hover{box-shadow: 0 0 10px #333;}

.about-box .ab-img{width:38%; float: left; overflow: hidden; }
.about-box .ab-img img{max-width: 100%; margin:0 auto;}


.zs-box{width: 100%; padding: 80px 0; background: #fff; overflow: hidden;}
.scroll_horizontal{position:relative;width:1200px;padding:20px 0;margin:0 auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:99999px;}
.scroll_horizontal .list li{ width: 300px; margin: 10px 0; float: left; text-align: center; overflow: hidden;position: relative; }
.scroll_horizontal .list li a{display: block;width: 96%; margin: auto; color: #575756;  }
.scroll_horizontal .list .img-box{ background: #fff;}
.scroll_horizontal .list li img{display: block; width: 100%; transition: 0.4s;}
.scroll_horizontal .list li h4{ font-size: 16px;  padding: 20px 0;}
.scroll_horizontal .list li a:hover{color:#017dc5; }
.scroll_horizontal .list li a:hover img { transform: scale(1.5);}

.scroll_horizontal .plus{position:absolute;top:40%;width:58px;height:101px; margin-top:-50px;background:url("../p-l.jpg") no-repeat; background-size: 100%; cursor:pointer;}
.scroll_horizontal .minus{position:absolute;top:40%;width:58px;height:101px; margin-top:-50px;background:url("../n-r.jpg") no-repeat; background-size: 100%;cursor:pointer;}
.scroll_horizontal .plus{left:-58px;}
.scroll_horizontal .minus{right:-58px;}


/*banner*/
.banner{width: 100%; height: 278px; margin-top: 135px; position: relative; overflow: hidden;}
.ab-ban{background: url("../about-ban.jpg") no-repeat center;}
.cp-ban{background: url("../cp-ban.jpg") no-repeat center;}
.news-ban{background: url("../news-ban.jpg") no-repeat center;}
.banner span{display: flex; width: 600px; height: 100%; flex-direction: column; justify-content: center; text-align: right; font-size: 24px; color:#fff; margin:0 auto; }


.main-nav { width: 100%; overflow:hidden; margin-top: 140px; border-bottom: 1px dotted #e5e5e5;  }
.main-nav .left-nav {  float: left;  }
.main-nav .left-nav a {  float: left; height: 50px;  line-height:50px;  margin-right: 50px; text-align: center; display: block; font-size: 16px; color: #6a6a6a; border-bottom: 4px solid #fff;}
.main-nav .left-nav a:hover{  border-bottom: 4px solid #4293fe; }
.main-nav .left-nav a.on{  border-bottom: 4px solid #4293fe;}
.main-nav .right-now {  float: right; height: 50px; font-size: 14px; color: #707070; line-height: 50px;}
.main-nav .right-now a { color: #707070;}
.main-nav .right-now span { color: #2f60bd;}



/*about*/
.main-about{width: 100%; padding: 50px 0; font-size: 16px; line-height: 28px; color: #6a6a6a; overflow: hidden;}
.main-about h4{ font-size: 16px;  color: #003e6b; }
.main-about p{ font-size: 14px; }
.main-about img{margin: 20px 0; max-width: 100%;}
.main-about .box{width: 88%; margin: auto; line-height: 30px;}
.main-about h3{ font-size: 18px; line-height: 25px; color: #003e6b; }
.fweight{font-weight: bold;}
.contact-list{border-bottom: 1px solid #e8e8e8;margin-bottom: 50px; padding:30px 15px;}
/*新闻中心*/
.main-news{width:100%; overflow: hidden; padding:50px 0 ;}
.main-news dl{width: 94%; margin:0 auto;}
.main-news dl a{display: block; width: 100%; box-sizing: border-box; padding:27px 27px; overflow: hidden; background: #fff; border-bottom: 1px solid #eeeeee;  }
.main-news dl dt{width: 18%; float: left; overflow: hidden;}
.main-news dl dt img { width: 100%; display: block;  transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-news dl dd{width: 80%; float: right;}
.main-news dl dd h2 { font-size: 18px;  color: #575756;  line-height: 40px; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main-news dl dd i{ font-style: normal; color: #003e6b; font-size: 16px;}
.main-news dl dd p{  color: #828282; font-size: 14px;  line-height: 24px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; margin: 10px 0; }
.main-news dl dd span{display: block; width: 88px; text-align: center;  font-size: 12px; background: #0188e2; color: #fff;   padding: 5px 0; }
.main-news dl a:hover{background: #f7f7f7;}
.main-news dl a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s;}


.main-more{width: 100%; padding:50px 0; overflow: hidden;}
.main-more a{display: block; background: #003e6b; line-height: 50px; color: #fff; font-size: 16px; text-align: center; margin: auto; width: 240px; }
.main-more a:hover{box-shadow: 0 0 10px #333;}


.pro-class{width: 100%; text-align: left; overflow: hidden; margin: 30px 0;}
.pro-class a{display:inline-block;  color: #aeaeae;  font-size: 18px; margin: 0 20px;}
.pro-class a:hover{ color: #31afe7;}
.pro-class a.on{color: #31afe7;}


/*产品中心*/
.main-product {overflow: hidden; padding: 50px 0 80px 0;}
.main-product-list { width: 100%; }
.main-product-list li{ margin: 10px 0; float: left; text-align: center; overflow: hidden; }
.main-product-list li a{display: block;width: 96%; margin: auto; color: #575756;  }
.main-product-list li .img-box{ background: #fff;}
.main-product-list li img{display: block; width: 100%; transition: 0.4s;}
.main-product-list li h4{ font-size: 16px;  padding: 20px 0;}
.main-product-list li a:hover{color:#017dc5; }
.main-product-list li a:hover img { transform: scale(1.5);}

.w25 li{ width:25%;}
.w33 li{ width:33.333%;}
.equipment li {
    width: 24%;
    border: 1px solid #ececec;
    margin: 0.5%;
}

.equipment li h4{ font-size: 16px;  padding: 10px 0;}
.index-ec {
    position: absolute;
    top: 0;
    background: #000000a8;
    color: #fff;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 20px;
    display:none;
}


.cp-detail-content{width: 100%; background: #fff; padding:50px 0; overflow: hidden;}
.cp-detail-content h2{ width: 100%; text-align: center; font-size: 24px; color: #353536; /*border-bottom: 1px solid #e5e5e5;*/ line-height: 30px; /*padding: 10px 0;*/   }

.cp-detail-content .cp-img{width: 100%; text-align: center;}
.cp-detail-content .cp-img img{ max-width:100%; margin:40px 0;}
.cp-detail-content .cp-intro{width: 100%; line-height: 38px; padding: 30px 0; color: #6a6a6a; font-size: 16px;}
.cp-detail-content .cp-intro img{max-width:100%; margin:10px auto;}


.main-partner {overflow: hidden; padding: 50px 0 80px 0;}
.main-partner-list { width: 100%; }
.main-partner-list li{ width:25%; margin: 15px 0; float: left; text-align: center; overflow: hidden; }
.main-partner-list li a{display: block;width: 88%; margin: auto;   border: 1px solid #e6e6e6; }
.main-partner-list li .img-box{ background: #fff;}
.main-partner-list li img{display: block; width: 100%; transition: 0.4s;}
.main-partner-list li a:hover{color:#017dc5; }
.main-partner-list li a:hover img { transform: scale(1.5);}



/*联系我们*/
.main-contact{width:100%; overflow: hidden; margin:50px 0;}
.main-contact h1{ font-size: 18px;  color: #555;  font-weight: normal;  padding: 5px 0;}
.main-contact .con-content{width: 100%; overflow: hidden; margin-top: 50px; border-top: 1px solid #eee;}
.main-contact .con-fl{width:25%; float: left; border-right: 1px solid #eee; padding: 10px 3%;}
.main-contact .con-fl h3{font-size: 25px; padding: 8px 0; color: #000; }
.main-contact .con-fl p{font-size: 15px; line-height: 30px;color: #444;}
.main-contact .con-fl img{margin-top: 10px;}
.main-contact .con-fr{width: 60%; float: left;  padding: 30px 4%; }
.main-contact .con-fr img{max-width: 99%; border: 1px solid #eee;}


.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{ background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;  line-height: 30px;   display: inline-block;   text-align: center;
}
.qt-pagination .pages{ background:#365ed0; color:#fff;}



.footer{width: 100%;color: #fff; background:#003e6b;overflow: hidden; padding:40px 0 10px 0;}
.footer .foot-logo{width: 10%; padding-top: 70px; float: left;}
.footer .foot-logo img{max-width: 100%;}
.footer .foot-nav-copyright{width: 90%; float: right;}
.footer .foot-nav-copyright .foot-nav{  width: 100%; padding-bottom:20px; overflow: hidden; border-bottom: 1px solid #2196da;}
.footer .foot-nav-copyright .foot-nav a{ display: block; float: left; font-size:16px; margin-right:60px;}
.footer .foot-nav-copyright .foot-ul{  width: 100%; padding:20px 0; overflow: hidden; }
.footer .foot-nav-copyright .foot-ul ul{ float: left;}
.footer .foot-nav-copyright .foot-ul ul:nth-child(2){margin:0 1%;}
.footer .foot-nav-copyright .foot-ul ul li{width: 100%;line-height: 30px;}
.footer .foot-nav-copyright .foot-ul ul li h3{font-size:14px;font-weight: bold;}
.footer .foot-nav-copyright .foot-ul ul li p{font-size:14px;}

.foot-copyright{font-size:14px;color: #fff; background: #002c49; padding: 10px 0; width: 100%; line-height: 25px;overflow: hidden;}
.foot-copyright .section{padding-left: 6%;}
.footer a{color: #fff;}

.content-div {
    height: 80px;
    overflow-y: auto;
    padding:0 10px 10px;
}



@media (max-width:1260px){
    .header{z-index: 9999; background: #fff;}
	.lang{width: 100%; padding: 5px 1%;}
    .header .section{width: 100%;}
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:75px; background:#00599f; width:100%; display:none;z-index: 999;}
	   .header .menu ul {margin: 0;}
    .header .menu ul li{ width:100%; margin: 0; padding: 0; border-bottom:1px solid #1573bd;}
    .header .menu ul li a{ padding:0; line-height: 44px; color: #fff;}
    .header .menu li .drop{display: none;}
    .header .menu li .drop ul{ width:100%; padding:0;}
    .header .menu li .drop{ position:static;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%; text-align:left;  box-sizing:border-box; border:none;}

    .header .menu li a.on,.header .menu li a:hover{ color:#fff}

    .header .logo{padding: 10px 10px;}
    .header .logo img{ height: 55px;}

    .i-title h2{  font-size: 25px;}
    .i-title em{width:60%; }
    .i-title em:after{ width: 30px;  height: 6px; margin-left: -15px; }
    .i-title p{ font-size: 18px; }

    .banner{margin-top: 70px;}
    .header .menu .lang a{color: #fff; margin-right: 10px;}
    .header .menu .lang{    padding:10px 0;}
    .header .menu .lang a:before{    background: #fff;}
	
	.scroll_horizontal{width:900px;}
	.scroll_horizontal .box{width:900px;}
	.scroll_horizontal .list li{ width: 300px; }
	.scroll_horizontal .plus,.scroll_horizontal .minus{width:25px;height:44px; margin-top:-22px;}
.scroll_horizontal .plus{left:-25px;}
.scroll_horizontal .minus{right:-25px;}

.i-product{    padding: 30px 0;}
	.about-box,.main-news{  padding: 30px 0}
	.main-more{    padding: 30px 0;}
	.footer .foot-nav-copyright .foot-ul{display: none;}
	.footer .foot-logo{padding: 0;}
	
	.main-nav{    margin-top:110px;}
}
@media (max-width:999px){
	.scroll_horizontal{width:600px;}
		.scroll_horizontal .box{width:600px;}
		.scroll_horizontal .list li{ width: 200px; }
		
	}
	
/*banner媒体查询*/
@media (max-width:768px){
    .main-nav .right-now{display: none;}
.about-box .ab-img{width: 100%;}
.about-box .ab-txt{width: 100%;}
.about-box .box{    width: 100%;}
    .main-nav .left-nav{width: 100%; overflow-x: scroll; overflow-y: hidden;white-space: nowrap; }
    .main-nav .left-nav::-webkit-scrollbar {display:none}
    .main-nav .left-nav a{    font-size: 16px; display: inline-block; float: none; height: 50px;line-height: 50px;margin-right: 10px;   }
    .pro-class a{    font-size: 15px;}
    .pro-class .section{ overflow-x: scroll; overflow-y: hidden;white-space: nowrap; }
    .pro-class .section::-webkit-scrollbar {display:none}
    .pro-class .section a{  display: inline-block; width: auto; margin: 0 10px 0 0;   }
.main-more a{line-height: 40px; font-size: 14px;  width: 180px;}

}


@media (max-width:658px){
    .news-more a{ line-height:50px;  font-size: 20px;width: 90%;border-radius: 50px; height: 50px;  }
    .aui-nav-list-box ul li{font-size: 14px;}
.scroll_horizontal{width:300px;}
		.scroll_horizontal .box{width:300px;}
		.scroll_horizontal .list li{ width: 300px; }
		
    .about-box .about-fl{width: 100%;}
    .about-box .about-fr{display: none;}
    .product-list ul li{width: 50%;}
    .product-list ul li h4{font-size: 12px;}
    .i-product:after{width: 50px; height: 50px;margin-left: -25px;top: -25px;}
    .footer{padding: 30px 0;}
    .footer .foot-logo{width: 100%; margin-bottom: 15px;padding: 0;}
	
    .footer .foot-logo img{ height: 40px; margin: auto;}
    .footer .foot-nav-copyright{width: 100%;}
    .footer .foot-nav-copyright .foot-nav a{ font-size: 14px;line-height: 26px;margin-right: 20px;}
    .footer .foot-nav-copyright .foot-copyright{font-size: 12px;padding: 15px 0;line-height: 22px;}
    .main-product-list li{width: 49%;}
    .main-news dl a{ padding: 20px 0;}
    .main-news dl dt{width: 30%;}
    .main-news dl dd{width: 65%;}
    .main-news dl dd h2{line-height: 30px;}
    .main-news dl dd p{margin:0 0 10px 0;}
    .banner{height: 150px;}
    .banner span{width: 80%;}
.foot-copyright .section{padding: 0;}
    .i-partners .partners-box ul{width: 100%;}


.main-about .box{width: 100%;}
.contact-list{    margin-bottom: 20px;  padding: 10px 0px;}
}

@media (max-width:525px){

}

@media (max-width:428px){


}