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;

}

.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.jszcbox .jszctext{
	width: 75px;
}
.jszcbox .jszcimg{
	width: 45px;
    opacity: 0.4;
}
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:#2b292f;

    -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: #353535; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }



.clearfix:before, .clearfix:after {  content:"";  display:table;}

.clearfix:after{    clear:both;    overflow:hidden;}

.clearfix{ *zoom:1;}

.fl{ float:left;}

.fr{ float:right;}

.section{ width:92%; max-width:1400px; margin:auto;  }

.mian-position{width: 100%;position: fixed;z-index: 99;  box-shadow: 0 1px 20px rgba(0,0,0,0.15); top: 0; background: #fff;}

.top-header{width: 100%;background: #fbfaf8;color: #797979;overflow: hidden;}

.top-header .wec{line-height:35px;}

.top-header .header-a{ line-height: 17px; padding:9px 0; font-style: italic; color: #818181;}

.img-box{width: 100%; overflow: hidden;}

/*header*/

.header{width: 100%; background: #fff;}

.header .section{position: relative;}

.header .logo{padding: 25px 0; float: left;}

.header .logo img{max-width: 100%;display:block;}

.header .head-fr{float: right;}

.header .menu{float: left;}

.header .menu ul li{float:left; position: relative; }

.header .menu ul li a{display:block;  padding: 0 30px; text-align:center;font-size: 16px;line-height: 97px; color: #1f1f1f;}

.header .menu ul li a:hover{background: #2fa8e1; color: #fff;}

.header .menu ul li a.on{background: #2fa8e1;color: #fff;}

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

.header .menu li .drop{ background:#004fa1; overflow:hidden; position:absolute; width:100%; left:0; top:97px; display:none;}

.header .menu li .drop ul{ width:100%; margin:0 auto;}

.header .menu li .drop li{ width:100%; }

.header .menu li .drop li a{ padding:0;color: #fff;line-height: 45px;}

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

.h60{width: 100%; height: 60px; display: none;}

.b-search{width: 40px; height: 23px; margin: 37px 20px; background: url("../search.jpg") no-repeat center;  float: left; position: relative; }

.b-search .search{width:218px; height:26px; border-radius: 20px; overflow:hidden;border:1px solid #bbbbbb; position: absolute;  z-index: 10;  top:45px;  right: 0;  opacity: 0;  transition: opacity 1s;}

.b-search .search input.username{  width:193px; max-width:100%; float:left; border:none;   height:26px; line-height:26px;  font-size:12px; color:#c4c4c4; background: #fff; text-indent:0.5em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}

.b-search .search input.da_button{ width:25px; max-width:100%;float:left; border:none;   height:26px; line-height:25px;   font-size:12px; color:#CCC; background:#fff url(../b-search.png) no-repeat;  -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; appearance: none; }

.b-search:hover .search {    visibility: visible;    opacity: 1;}





.i-title{width: 100%; text-align: center;}

.i-title h2{ color: #353535; font-size: 47px; text-transform: uppercase;}

.i-title p{color:#353535; font-size: 33px;}

.i-title span{ display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 20px; }

.i-title .c-f{color: #fff;}

.i-title .bf{background: #fff;}

.n-title{width: 100%; text-align: center;}



.n-title{width: 100%; position: relative; height: 45px; margin-bottom: 20px;}

.n-title em{background: #2fa8e1; margin:23px auto; height: 9px; display: block;width: 650px; background: url("../em.png") no-repeat center center;}

.n-title span{ display: block;background: #fff;  width: 200px; line-height: 50px;  text-align: center; color: #131313; text-transform: uppercase; font-size: 30px; position:absolute; z-index: 10; left: 50%; margin-left: -100px; margin-top: -21px;}

.n-title p{color:#d3d3d3; font-size: 20px; text-transform: uppercase;}
.n-title p.hh{color:#d3d3d3!important; font-size: 20px!important;}


.i-more{width: 100%; padding: 40px 0;}

.i-more a{display: block;line-height: 40px; color: #7d7d7d; font-size: 15px; border: 1px solid #bfbfbf; text-align: center; margin: auto; width: 190px;height: 40px; }

.i-more a:hover{color: #fff;background: #2fa8e1;  border: 1px solid #2fa8e1;}



.i-product{width: 100%; overflow: hidden; padding:80px 0 30px 0; background:#fff;}

.set-content{ width: 100%;  margin-top:50px;}

.set-title {width: 100%;  height: 45px;  display: flex;  z-index: 9999;}

.set-title ul{margin: auto;}

.set-title ul li{  float:left;display: block;  text-align: center;border-bottom: 3px solid #fff;  height: 42px; font-size: 19px;  line-height: 42px;  color: #353535;  position: static;  cursor: pointer; padding: 0 10px; margin: 0 20px; }

.set-title ul .on{  color: #2fa7e0; border-bottom: 3px solid #2fa7e0;}

.set-middle{  box-sizing: border-box;  overflow: hidden;  padding: 15px 17px 0 19px;}

.set-middle-item {width: 100%; color: #000; }

.scroll_horizontal{position:relative;width:1200px; margin:30px auto;}

.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;margin:0 auto;}

.scroll_horizontal .list{overflow:hidden;width:9999px;}

.scroll_horizontal .product-list li{float:left;width:400px;text-align:center;}

.scroll_horizontal .list li a{display: block;width: 92%; margin: auto;}

.scroll_horizontal .product-list li a{border: 1px solid #e1e0e1; border-radius: 18px; box-shadow: 0 0 10px #ccc;overflow:hidden;}

.scroll_horizontal .list li h4{ font-size: 22px; padding:15px 10px; color: #212121;}

.scroll_horizontal .list li p{ font-size: 18px; padding: 5px 0 20px 0; color: #979797;}

.scroll_horizontal .list li img{max-width: 100%; margin: auto; transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.scroll_horizontal .plus{position:absolute;top:50%;width:20px;height:37px; margin-top:-18px;background:url("../p-l.png") no-repeat;cursor:pointer;}

.scroll_horizontal .minus{position:absolute;top:50%;width:20px;height:37px; margin-top:-18px;background:url("../n-r.png") no-repeat;cursor:pointer;}

.scroll_horizontal .plus{left:-53px;}

.scroll_horizontal .minus{right:-53px;}

.scroll_horizontal .plus:hover{background:url("../p-l-h.png") no-repeat;}

.scroll_horizontal .minus:hover{background:url("../n-r-h.png") no-repeat;}

.scroll_horizontal .list li a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s;}

.scroll_horizontal .list li a:hover h4{color: #0086d1;}



.i-about{width: 100%; overflow: hidden; padding: 50px 0; background:url("../i-about.jpg") no-repeat top center;}

.about-box{width: 100%; overflow: hidden; margin-top: 80px;}

.about-box .about-fl{width:60%;float: left;}

.about-box .about-fl img{max-width:100%;}

.about-box .about-fr{width:35%;float: right;}

.about-box .about-fr h4{ font-size: 32px;  }

.about-box .about-fr em{background: #0086d1; margin:30px 0; height: 3px; display: block;width: 74px;}

.about-box .about-fr p{ font-size: 15px; padding:10px 0; line-height: 30px; text-indent: 2em; }



/*i-solution*/

.i-solution{width: 100%;overflow: hidden; background:#237eaa url("../i-solution.jpg") no-repeat top center;}

.i-solution .section{max-width: 1600px;}

.i-solution ul{width: 100%; overflow: hidden; }

.i-solution ul li{width: 33.333%; float: left; text-align: center;}

.i-solution ul li a{display:block;color: #fff; position: relative;}

.i-solution ul li img{margin: auto;}

.i-solution .solution-img{width: 100%; overflow: hidden;}

.i-solution .solution-img img{opacity: 0.7; transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.i-solution .solution-box{width: 80%; padding: 0 10%; position: absolute; top: 30%; overflow: hidden;}

.i-solution .solution-box h2{ font-size: 31px; height: 70px; line-height: 35px; padding: 20px 0;}

.i-solution .solution-box p{ font-size: 16px;  height: 112px; margin: 20px 0 80px 0; line-height: 28px;}

.i-solution .solution-box span{display: block; width: 156px; height: 40px; line-height: 40px; margin: auto; font-size: 16px; border: 1px solid #fff; border-radius: 20px; background: #fff; color: #2fa7e0; text-transform: uppercase;}

.i-solution ul li a:hover span{color:#fff;border: 1px solid #fff;background: none; }

.i-solution ul li a:hover .solution-img img{opacity: 1;transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}



/*i-news*/

.i-news{width: 100%; padding:60px 0; overflow: hidden; background: #ffffff;}

.aui-nav-content-box { width: 100%; position: relative; margin-top: 50px; }

.aui-nav-list-box { width:460px; margin: auto; overflow: hidden; zoom: 1; border-bottom: none; z-index: 110; display: block; }

.aui-nav-list-box ul li { float: left; height: 50px; cursor: pointer; line-height: 50px; width: 210px; margin: 0 10px; text-align: center; font-size: 20px; }

.aui-nav-list-box ul li a {background: #2fa7e0;display: block;width: 100%; color: #fff; border-radius: 5px;}

.aui-nav-list-box ul .aui-current a { background: #004ea2; color: #fff;}

.aui-nav-list-box ul li a:hover{background: #004ea2; color: #fff;}

.aui-nav-list-item { display: none;}

.aui-nav-list-item dl{width: 100%; margin-top: 50px;}

.aui-nav-list-item dl dt{width: 35%; float: left;}

.aui-nav-list-item dl dt img{max-width: 100%;}

.aui-nav-list-item dl dd{width: 58%; float: right;}

.aui-nav-list-item dl dd span{display: block; font-size: 20px;line-height: 45px; height: 45px; overflow: hidden; }

.aui-nav-list-item dl dd em{display: block; width: 35px; height: 2px; background: #2fa7e0;   margin: 30px 0;}

.aui-nav-list-item dl dd h2{font-size: 28px; color: #2b2b2b;  }

.aui-nav-list-item dl dd p{font-size: 16px;  color: #6d6d6d;  line-height:28px; margin-top: 20px; text-indent: 2em; }

.aui-nav-list-item dl dd i{display: block; margin-top: 50px; width: 46px; height: 11px; background: url("../n-j.jpg") no-repeat;}

.news-list{width: 100%; padding-top: 50px; overflow: hidden; }

.news-list ul{ width:100%;}

.news-list ul li{ width:33.333%; margin:10px 0; float: left; overflow: hidden; }

.news-list ul li a{display: block;width: 82%; padding:10px 6%; margin: auto; color: #2c2c2c;background: #f6f6f8; }

.news-list ul li span{display: block;font-size: 20px; line-height: 45px; height: 45px; overflow: hidden; }

.news-list ul li em{display: block; width: 35px; height: 4px; background: #2fa7e0;   margin: 10px 0 20px 0;}

.news-list ul li h2{width: 100%; font-size: 20px; overflow: hidden; color: #000; height: 56px; line-height:28px; }

.news-list ul li p{text-align: right; font-size: 16px;text-transform: uppercase; color:#2fa7e0; padding: 10px 0 20px 0;}

.news-list ul li a:hover{ background: #004ea2;}

.news-list ul li a:hover img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}

.news-list ul li a:hover h2,.news-list ul li a:hover p,.news-list ul li a:hover span{ color: #fff;}

.news-list ul li a:hover p{color: #fff;}



/*wor-wrap*/

.wor-wrap{width: 100%; overflow: hidden;}

.wor-wrap .wor-box{width: 50%;float: left; overflow: hidden; position: relative;}

.wor-wrap .wor-box img{transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.wor-box .wor-con{ width: 210px; position:absolute; z-index: 999; top: 20%; color: #fff; text-align: center;}

.wor-box .wor-con h5{font-size:30px; line-height: 50px; margin: 30px 0; text-align: center; }

.wor-box .wor-con a{ display: block;background: url("../case32.png") no-repeat center; width: 31px; height: 31px; margin: auto; font-size: 14px;}

.wor-box .pos-lr{ right: 30%; }

.wor-box .pos-ri{ left: 30%;  }

.wor-wrap .wor-box:hover img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}

/*banner*/

.banner{width: 100%; height: 540px; margin-top: 132px; overflow: hidden;}

.banner img{display: block; border: 0;}

.ab-ban{background: url("../ab-ban.jpg") no-repeat center;}

.cp-ban{background: url("../cp-ban.jpg") no-repeat center;}

.technology-ban{background: url("../technology-ban.jpg") no-repeat center;}

.cn-ban{background: url("../cn-ban.jpg") no-repeat center;}

.recruitment-ban{background: url("../recruitment-ban.jpg") no-repeat center;}

.news-ban{background: url("../news-ban.jpg") no-repeat center;}





.main-nav { width: 100%; overflow:hidden; box-shadow: 0 0 10px #ccc; }

.main-nav .left-nav {  float: left;  }

.main-nav .left-nav a { float: left; height: 75px;  line-height: 73px; border-bottom: 2px solid #fff; padding: 0 30px; text-align: center; display: block; font-size: 16px; color: #666666; }

.main-nav .left-nav a:hover{ color: #2fa8e1;border-bottom: 2px solid #2fa8e1;  }

.main-nav .left-nav a.on{color: #2fa8e1; border-bottom: 2px solid #2fa8e1; }

.main-nav .right-now {  float: right; height: 60px;  line-height: 60px;}

.main-nav .right-now a {  float: left;  font-size: 14px;  color: #999;  transition: color .3s;}

.main-nav .right-now a.hm{background: url("../ico4.png") no-repeat left center; padding-left: 20px;}

.main-nav .right-now i {  width: 4px;  height: 60px;  display: block;  float: left;  background: url(../case26.png) no-repeat center;  margin: 0 12px;}





/*about*/

.main-about{width: 100%; padding: 50px 0 80px 0; overflow: hidden;}

.main-about .ab-l{width:40%;  float: left; font-size: 16px;  margin-top: 50px;line-height: 28px; color: #444;}

.main-about .ab-l h4{ font-size: 32px;  }

.main-about .ab-l em{background: #0086d1; margin:20px 0; height: 3px; display: block;width: 74px;}

.main-about .ab-l p{ font-size: 15px; padding:15px 0; line-height: 30px; text-indent: 2em; }

.main-about .ab-r{width:55%; float: right; overflow: hidden;  line-height: 25px; margin-top: 50px; color: #444; }

.main-about .ab-r img{max-width:100%;}



.main-wh{width: 100%; padding: 50px 0 10px 0; overflow: hidden;}

.main-wh ul{width: 100%; overflow: hidden; margin-top: 60px;}

.main-wh ul li{width: 33.333%; float: left; text-align: center;}

.main-wh ul li a{display: block; color: #333; text-align: center;}

.main-wh .wh-pic{width: 100%; height: 148px; position: relative; overflow: hidden;}

.main-wh .wh-pic em{width: 100%; display: block; height: 1px; margin-top: 64px; background: url("../em-xian.jpg"); }

.main-wh ul li img{ left: 50%; top: 50%; margin-top: -64px; margin-left: -64px; position: absolute; }

.main-wh ul li h4{ font-size: 20px;line-height: 60px;}

.main-wh ul li p{ font-size: 15px; line-height: 20px;}





.main-wh-img{width: 100%; padding:40px 0; overflow: hidden;}

.main-wh-img ul{width: 100%; overflow: hidden; }

.main-wh-img ul li{width: 48%; margin: 20px 1%; float: left; text-align: center;}

.main-wh-img ul li a{display: block; color: #333; text-align: center;}

.main-wh-img ul li img{max-width: 100%; display: block; margin:10px auto;}

.main-wh-img ul li h4{ font-size: 20px;line-height: 60px;}



.main-team{width: 100%; padding: 50px 0; overflow: hidden;}

.main-team dl{width: 100%; overflow: hidden;margin-top: 20px; border-bottom: 1px solid #e5e5e5; padding: 40px 0;}

.main-team dl dt{width: 15%; float: left; text-align: center; color: #666666;}

.main-team dl dt h1{font-size: 36px;}

.main-team dl dt span{display: block; font-size: 16px;line-height: 45px; height: 45px; overflow: hidden; }

.main-team dl dd{width: 83%; float: right;font-size: 16px;  color: #6d6d6d;  line-height:28px;  text-indent: 2em;}

.main-team img{ max-width:100%; display: block; margin:10px auto;}





.zs-box{width: 100%;margin-top: 60px; background: #fff; overflow: hidden;}

.zs-box h4{font-size: 25px; line-height: 60px; color: #333; border-bottom: 1px dashed #e5e5e5; margin-bottom: 40px;}

.scroll_horizontal .ry-list li{float:left;width:400px;text-align:center;}

.scroll_horizontal .ry-list li a{border: 1px solid #eee;}





.zl-box{width: 100%; margin: 45px 0 100px 0; background: #fff; overflow: hidden;}

.zl-box h4{font-size: 25px; line-height: 60px; color: #333; border-bottom: 1px dashed #e5e5e5; margin-bottom: 40px;}

.zl-box ul{overflow:hidden;width:100%;}

.zl-box ul li{float:left;width:25%;text-align:center;}

.zl-box ul li a{display: block; width: 90%; margin: auto;}

.zl-box ul li img{width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s; }

.zl-box ul li h4{font-size: 16px; padding: 10px 0; color: #666666;}

.zl-box ul li a:hover h4{color: #2fa8e1;}

.zl-box ul li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}





.search-box{width: 100%; padding:60px 0; overflow: hidden; background:#fff;}

.search-box ul{width: 100%;}

.search-box ul li{ width: 100%; font-size: 16px; line-height: 40px; border-bottom: 1px solid #ccc; background: url("../jian.jpg") no-repeat 3px 15px; padding-left: 20px;}

.search-box ul li a:hover{color:#0086d1;}

.search-box .cp-sm{width: 100%; border-bottom: 2px solid #0086d1; margin-top: 50px;}

.search-box .cp-sm span{display: block; width: 150px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; color: #fff; background: #0086d1;}







.main-box{width: 100%; padding: 50px 0 120px 0; overflow: hidden;}

.main-box img{max-width:100%;  margin:20px auto;}

.main-box h3 {width: 90%; padding:20px 5%;  font-size: 36px;  color: #333; text-align: center;   line-height: 60px}

/*公海555000线路检测中心*/

.main-news{width:100%; overflow: hidden; padding:45px 0  60px 0;  background: #f8f8f8;}

.main-news ul{ width:100%;}

.main-news ul li{ width:33.333%; margin:10px 0; float: left; overflow: hidden; }

.main-news ul li a{display: block;width: 90%; margin: auto; color: #2c2c2c;background: #fff; }

.main-news .news-img{width: 100%; overflow: hidden;}

.main-news .news-img img{width:100%; height: 240px; transform: translateZ(0px);transition: transform 0.3s ease 0s;}

.main-news .news-txt{width: 90%; padding: 10px  5%; overflow: hidden;}

.main-news .news-txt h4{font-size: 18px; overflow: hidden; color: #333333; height: 60px; line-height:30px; }

.main-news .news-txt p{font-size: 14px; overflow: hidden; color: #666666; height: 56px; line-height:28px; margin: 5px 0; }

.main-news .news-time{width: 94%; overflow: hidden; line-height: 25px; padding: 10px 3%; border-top: 1px solid #e5e5e5; }

.main-news .news-time span{display: block;font-size: 14px;}

.main-news ul li a:hover .news-time{ background: #2fa8e1;}

.main-news ul li a:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}

.main-news ul li a:hover span{ color: #fff;}

.news-detail{width: 100%; background: #f8f8f8; padding: 50px 0; overflow: hidden;}

.news-detail .section{width: 60%; background: #fff; padding: 20px 4%; }

.news-detail h2{ width: 100%; text-align: center; font-size: 30px; color: #000; line-height: 54px; padding: 19px 0;    }

.news-detail .news-time{width: 100%; padding: 10px 0; font-size: 14px; line-height: 24px; border-bottom: 1px solid #e6e6e6; color: #666666; text-align: center;}

.news-detail .news-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}

.news-detail .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}

.news-detail .news-intro p{padding: 5px 0;}

.news-detail .news-intro img{max-width: 100%; margin:10px auto;}





/*公海555000线路检测中心*/

.main-product { width: 100%;overflow: hidden; padding: 50px 0;}

.main-product ul li { width: 31.333%; float: left;  margin:30px 1%; box-shadow: 0 0 10px #ccc;    overflow: hidden;    position: relative}

.main-product ul li a{display: block;}

.main-product .cp-img{width: 100%; overflow: hidden; position: relative;}

.main-product .cp-img img { width: 100%; display: block; transition: transform .3s}

.main-product .product-bg { visibility: hidden; width: 100%; height: 100%;  background: url("../product-bj.png") no-repeat center center;  color: #fff;  text-align: center; position: absolute;  z-index: 10;  top:0;  left: 0; opacity: 0;  transition: opacity 1s;}

.main-product ul li h2 {width: 90%; padding:20px 5%; font-size: 18px;  color: #626262; text-align: center;   line-height: 30px; height:50px;}

.main-product ul li a:hover img { transform: scale(1.1);}

.main-product ul li a:hover h2{background: #2fa8e1;  color: #fff;}

.main-product ul li a:hover .product-bg {  visibility: visible;  opacity: 1;}



.cp-detail-content{width: 100%; padding: 50px 0; overflow: hidden;}

.cp-detail-content  h5{ width: 100%; text-align: center; font-size: 34px; color: #000; line-height: 54px; padding: 19px 0;    }

.cp-detail-content .cp-intro{width: 100%; line-height: 30px; padding: 30px 0; font-size: 15px; color: #555;}
.cp-detail-content .cp-intro span{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.cp-detail-content .cp-intro img{max-width:100%; margin:10px auto;}
.cp-detail-content .cp-intro p{padding: 5px 0;}
.cp-detail-content .cp-intro h2{ color: #111; font-size: 25px; padding: 10px 0; }
.cp-detail-content .cp-intro h3{ color: #111; font-size: 20px; padding: 10px 0; }


.cp-detail-content .cp-intro .set-content{  width: 100%; margin: auto; }
.set-title {  width: 100%;  height: 42px;  display: flex;  z-index: 9999;}
.set-title ul{width: 500px; margin: auto;}
.set-title ul li{  float:left;  display: block;  text-align: center;  height: 100%;  line-height: 42px;  color: #333333;  position: static;  background:#f5f5f5;  box-sizing: border-box;  cursor: pointer; font-size: 16px;  width: 48%; margin: 0 1%;}
.set-title ul .on{  background: #30a9e2; color: #fff;}
.set-middle{   box-sizing: border-box;  overflow: hidden;  padding: 15px 17px 0 19px;}
.set-middle-item{ font-size: 16px; padding: 30px 20px; line-height: 30px; color: #666666;}




.down-up{width: 100%; overflow: hidden; border-top: 1px solid #eeeeee; margin: 20px 0;}
.down-up ul{width: 100%;}
.down-up ul li{width: 100%; font-size: 15px; line-height: 35px;}
.down-up ul li a{display: block; padding-left: 15px; background: url("../case23.png") no-repeat 0 15px;}
.down-up ul li span{color: #2fa8e1;}
.down-up ul li a:hover{color: #2fa8e1;}
    /*main-technology*/

.main-technology{width:100%; overflow: hidden; margin:50px 0;}

.main-technology .main-technology-box{width:100%; overflow: hidden; padding:20px 0 50px 0;}

.main-technology h4{font-size: 20px; color: #333333; line-height: 48px; margin-top: 25px;}

.main-technology p{font-size: 15px; color: #666; line-height: 30px; text-indent: 2em; }

.main-technology img{ max-width:100%; margin:15px auto;}





.join-memo{width: 100%;  margin: 50px 0;}

.join-memo .section{ background: url("../join-memo.jpg") no-repeat right bottom;}

.join-memo h4{ font-size: 18px; color: #333;line-height: 60px;}

.join-memo p{font-size: 15px; color: #666; line-height: 30px;}

.join-memo i{font-style: normal; font-size: 15px; color: #333;}

.join-memo h5{ font-size: 18px; color: #333; margin-top: 30px;line-height: 60px;}

.join-memo .ls{color: #2fa8e1;}



.recruitment-list-t{width: 100%; background: #2fa8e1;overflow: hidden; color: #fff; line-height: 54px; font-size: 14px; font-weight: bold; }

.recruitment-list-t ul{width: 96%; margin: auto;overflow: hidden; }

.recruitment-list-t ul li{ float: left;}

.recruitment-list-t ul li.zw{width: 25%;}

.recruitment-list-t ul li.lx{width: 25%;}

.recruitment-list-t ul li.dd{width: 25%;}

.recruitment-list-t ul li.sj{width: 25%;}

.list{width: 100%;overflow: hidden;}

.list ul li{ overflow: hidden;background:#fbf9f5; border-bottom:1px solid #e6e6e6;}

.list ul li a{ width: 96%; margin: auto;display: block;height:55px;overflow: hidden;  font-size: 15px; color: #333; line-height: 55px;position: relative; padding: 0 2%;  }

.list ul li .zp-t{ width:25%; float: left;color: #1d1d1d;}

.list ul li .zp-adr{width:25%;float: left; }

.list ul li .zp-rs{width:25%;float: left; }

.list ul li .zp-time{width:25%;float: left; }

.list ul li .inactive{background:url("../x-j.jpg") no-repeat right center;}

.list ul li .inactives{background:url("../x-j-h.jpg") no-repeat right center;}

.list ul li ul{display: none; background: #f8f8f8;}

.list ul li ul li {padding: 50px 60px; border:1px solid #e6e6e6; border-top:0; background-color:#fff; font-size: 15px; line-height: 35px; color: #5c5c5c;}

.list ul li ul li h1{font-size: 24px; line-height: 45px; color: #1f1f1f;}

.list .td{padding:0 0 0 30px; }

.list .td:hover{color: #dda645;}





/*联系我们*/

.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:30%; float: left; }

.main-contact .con-fl p{font-size: 15px; padding-left: 30px; line-height: 30px;color: #444;}

.main-contact .con-fl .icon01{ background: url("../icon01.png") no-repeat 0 8px;}

.main-contact .con-fl .icon02{ background: url("../icon02.png") no-repeat 0 8px;}

.main-contact .con-fl .icon03{ background: url("../icon03.png") no-repeat 0 8px;}

.main-contact .con-fl .icon04{ background: url("../icon04.png") no-repeat 0 8px;}

.main-contact .con-fl .icon05{ background: url("../icon05.png") no-repeat 0 8px;}
.main-contact .con-fl span{font-weight: bold;}

.main-contact .con-fl img{margin-top: 10px;}

.main-contact .con-fr{width: 68%; float: right; }

.main-contact .con-fr p{font-size: 15px; padding-left: 30px; line-height: 30px;color: #444;}

.main-contact .con-fr span{font-weight: bold;}



.main-contact-form{width:100%; overflow: hidden; padding:50px 0; background: #f8f8f8;}

.my-map { margin: 60px auto 0 auto; width: 100%; height: 380px; }

.my-map .icon { background: url(../marker.png) no-repeat; }

.my-map .icon-cir { height: 31px; width: 28px; }

.my-map .icon-cir-red { background-position: -11px -5px; }

.amap-container{height: 100%;}



.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:#2fa8e1; color:#fff;}





.foot-box{width: 100%; background:#1e2946; padding:50px 0;overflow: hidden;}

.foot-box .foot-menu{ float: right;}

.foot-box .foot-menu ul{  margin:40px 50px 0 0;float: left;}

.foot-box .foot-menu ul h3{ font-size:18px; line-height: 40px; color: #Fff;}

.foot-box .foot-menu ul li{width: 100%; line-height: 25px; font-size: 14px;}

.foot-box .foot-menu ul li a{ color: #9399a6;}

.foot-box .foot-menu ul li a:hover{color: #2fa8e1;}

.foot-box .foot-logo{ float: left; padding-left: 50px; }

.foot-box .foot-logo img{max-width: 100%;}



.footer{text-align: center; width: 100%; color: #767a87; background:#1e2946; border-top: 1px solid #303a55; line-height: 25px; padding: 15px 0; overflow: hidden;}

.footer a{color: #767a87;}







@media (max-width:1260px){



    .header{z-index: 9999; background: #fff;}

    .header .section{width: 100%;}

    .m_menu{ display:block;}

    .header .menu { position:absolute; left:0; top:70px; background:#00599f; width:100%; display:none;z-index: 999;}

    .header .menu ul li{ width:100%; border-bottom:1px solid #1573bd;}

    .header .menu ul li a{ padding:0; line-height: 40px; color: #fff;}

    .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 .logo{padding: 20px 8px;}

    .header .logo img{ height: 30px;}

    .b-search{display: none;}

    .i-title h2{font-size: 28px;}

    .i-title p{font-size: 24px;}

    .main-about .ab-l h4{font-size: 24px;}

    .scroll_horizontal{position:relative;width:900px; }

    .scroll_horizontal .box{width:900px;}

    .scroll_horizontal .product-list li{width:300px;}

    .banner{ margin-top: 105px;}

    .main-box h3{font-size: 24px;}

    .banner{height:auto; padding-top: 21%; margin-top: 105px;}

    .ab-ban{background-size: cover;}

    .cp-ban{background-size: cover;}

    .sl-ban{background-size: cover;}

    .cn-ban{background-size: cover;}

    .hz-ban{background-size: cover;}

    .zs-ban{background-size: cover;}

    .news-ban{background-size: cover;}

}





@media (max-width:1200px){

    .n-title span{font-size: 28px;    width: 150px;    margin-left: -75px;}
    .n-title em{width: 300px;}
}

@media (max-width:1120px){

    .scroll_horizontal{position:relative;width:768px; }

    .scroll_horizontal .box{width:768px;}

    .scroll_horizontal .product-list li{width:256px;}



}





@media (max-width:1024px){



}

@media (max-width:999px){

    .about-box .about-fl{width: 100%;}

    .about-box .about-fl img{margin: auto;}

    .about-box .about-fr{width: 100%;}

    .main-product ul li{width: 50%;}

}

@media (max-width:856px){

    .main-news ul li{width: 50%;}

    .scroll_horizontal{position:relative;width:500px; }

    .scroll_horizontal .box{width:500px;}

    .scroll_horizontal .product-list li{width:250px;}

    .main-contact .con-fl{width: 100%;}

    .main-contact .con-fr{width: 100%;}

}



/*banner媒体查询*/

@media (max-width:768px){

    .scroll_horizontal .list li h4{    font-size: 16px;}

    .about-box .about-fr h4{font-size: 22px;}

}





@media (max-width:658px){

    .top-header .section{width: 98%;}

    .scroll_horizontal{position:relative;width:300px; }

    .scroll_horizontal .box{width:300px;}

    .scroll_horizontal .product-list li{width:300px;}

    .aui-nav-list-item dl dt{width: 100%;}

    .aui-nav-list-item dl dd{width: 100%;}

    .i-solution{background: none;}

    .i-solution ul li{width: 100%; margin: 10px 0;}

    .news-list ul li{width: 100%; margin: 10px 0;}

    .wor-wrap .wor-box{width: 100%;}

    .wor-box .pos-ri{right: 30%; left: auto;}

    .top-header .wec{display: none;}

    .foot-box .foot-menu{display: none;}

    .foot-box .foot-logo{width: 100%; padding: 0;}

    .foot-box .foot-logo img{max-width: 120px; margin: auto;}

    .footer{width: 100%;text-align: center;}

    .footer  .fr{width: 100%; text-align: center;}
    .main-nav .left-nav{ overflow-x: scroll;white-space: nowrap;}
    .main-nav .section{width: 100%;}
    .main-nav .left-nav::-webkit-scrollbar {display:none}
    .main-nav .left-nav a{  display: inline-block; height: 60px;  line-height: 60px; padding: 0 13px;  float: none;}

    .main-nav .right-now{display: none;}



    .main-about .ab-l{width: 100%;}

    .main-about .ab-r{width: 100%;}

    .main-wh ul li{width: 100%;}

    .zs-box h4{text-align: center;}

    .zl-box ul li{width: 50%;}

    .zl-box h4{text-align: center;}

    .main-team dl dt{width: 100%;}

    .main-team dl dd{width: 100%;}

    .main-news ul li{width: 100%;}

    .main-product ul li{width: 100%;}

    .news-detail .section{width: 92%;    padding: 20px 0;}

    .aui-nav-list-box{width: 100%;}

    .aui-nav-list-box ul li{width: 48%; margin: 0 1%;}

    .set-title ul{width: 100%;}

    .main-news .news-img img{height: auto;}

    .set-title ul li{width: 48%; margin: 0 1%;    padding: 0;}

}



@media (max-width:525px){



}



@media (max-width:428px){





}