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:#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:#444; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }
.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.jszcbox .jszctext{
	width: 75px;
}
.jszcbox .jszcimg{
	width: 50px;
    opacity: 0.6;
}
.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1200px; margin:auto;  }

/*header*/
.h-position{  position: absolute; top:20px;}

.header{width: 100%; height:77px; z-index: 999999;}
.header .section{position: relative;}
.header .logo{margin: 10px 0; float: left; }
.header .logo a{display: block; }
.header .logo a img{height: 57px;}
.header .menu{float: right; padding: 20px 0;}
.header .menu ul li{float:left;line-height: 37px; }
.header .menu ul li a{display:block;  padding: 0 20px; text-align:center;font-size: 16px;line-height: 37px; border-radius: 50px;}
.header .b-f a{color: #fff;}
.header .h-f a{color: #444;}
.header .menu ul li a:hover{color: #fff; background: #006abd;}
.header .menu ul li a.on{color: #fff;background: #006abd;}
.header .menu li a.on,.header .menu li a:hover{background: #006abd; color:#fff}
.header .menu li .drop{ background:#777; overflow:hidden; position:absolute; width:100%; left:0; top:70px; display:none;}
.header .menu li .drop ul{ width:1000px; margin:0 auto; padding:15px 0;}
.header .menu li .drop li{ width:33.3333%; float:left;}
.header .menu li .drop li a{ padding:0;}
.m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:60px; display:none;}
.h60{width: 100%; height: 60px; display: none;}

.i-title{width: 100%; text-align: center;}
.i-title h2{ color: #171717; font-size: 35px;}
.i-title p{color:#007ac7; font-size: 35px; text-transform: uppercase;}

.i-more{width: 100%; margin-top: 40px;}
.i-more a{display: block; background: #007ac7; line-height: 50px; color: #fff; font-size: 16px; text-align: center; margin: auto; width: 190px;height: 50px; font-family: Arial; text-transform: uppercase; }
.i-more a:hover{box-shadow: 0 0 10px #333;}

.product-class{  width: 100%;  overflow: hidden;  background: #006abd;}
.product-class ul{  max-width: 1200px;  display: flex;  justify-content: space-between;  }
.product-class ul li{ width: 33.3%; float: left;}
.product-class ul li a{  display: flex;  justify-content: center;    align-items: center;  font-size: 23px;  color: #fff;   padding:40px 0; }
.product-class ul li:nth-child(2){border-left:1px solid #62a6d5;border-right:1px solid #62a6d5;}
.product-class ul li p{  margin-left: 22px; transition: margin 0.3s;}
.product-class ul li a:hover p{margin-left: 32px;}

.product-box{width: 100%; padding: 50px 0 ; overflow: hidden; background: #f1f1f1;}
.scroll_horizontal{position:relative;width:100%;line-height:20px; margin:50px auto 0 auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:300px;text-align:center;}
.scroll_horizontal .list li a{display:block; width: 94%;background: #fff; margin: auto; }
.scroll_horizontal .list .product-img{display: flex;width: 100%; height:366px; justify-content: center;   align-items: center;position: relative;}
.scroll_horizontal .list .product-img img{width: 92%; margin: auto;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.scroll_horizontal .list .product-txt{visibility: hidden; width: 100%; height: 100%; color: #fff; position: absolute; z-index: 99; top: 0; background: url(../h-j.png); opacity: 0;transition: opacity 1s; }
.scroll_horizontal .list .product-txt span{display: block; width: 32px; height: 32px; color: #fff; font-size: 25px; text-align: center; position: absolute; top: 50%; left: 50%;  margin-left: -16px; margin-top: -16px; background: url(../sj.png); }
.scroll_horizontal .list li h3{ font-size: 15px;background: #f2f5f7;  width: 100%; height:45px; font-weight: bold;  color:#252525;line-height:45px; overflow: hidden;  margin: auto;}
.scroll_horizontal .list li a:hover .product-txt{visibility: visible;  opacity: 1;}
.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 h3{ color: #006abd;}
.scroll_horizontal .plus,.scroll_horizontal .minus{position:absolute;top:50%;width:68px;height:50px; border: 1px solid #ccc; margin-top:-26px;}
.scroll_horizontal .plus{left:-68px;background:#fff url("../p-l.png") no-repeat center;cursor:pointer;}
.scroll_horizontal .minus{right:-68px;background:#fff url("../n-r.png") no-repeat center;cursor:pointer;}
.scroll_horizontal .plus:hover{background:#006abd url("../p-l-h.png") no-repeat center;}
.scroll_horizontal .minus:hover{background:#006abd url("../n-r-h.png") no-repeat center;}


.i-about{width: 100%; padding: 80px 0 20px 0;background:#fff; position: relative;}
.i-about .about-txt{width: 100%; text-align: center; margin-top: 50px;}
.i-about .about-txt p{width: 98%; margin: auto; font-size: 15px; line-height: 35px; padding: 10px 0; text-indent: 2em; color: #171717;}
.i-about .about-num{width: 100%; padding:10px 0; margin-top: 60px;   overflow: hidden;}
.product-num-box{  width: 100%;}
.product-num-content{  width: 100%;    margin: 0 auto;  text-align: center;  font-size: 0;}
.product-num-item{  text-align: center;  position: relative;  float: left; width:23%; margin: 0 1%;  font-size: 16px;  color: #000;  line-height: 62px;}
.product-num-jus{  display: inline-block;  margin: 80px 0;  width: 162px;  height: 56px;  font-size: 22px;  color: #fff;  line-height: 48px;  letter-spacing: 2px;  border: 4px solid #fff;  cursor: pointer;  font-weight: 500;  -webkit-transition: all .3s linear;  -moz-transition: all .3s linear;  transition: all .3s linear;  text-decoration: none;}
.product-num-nub{  display: inline-block;  width: 100%;  font-size: 70px;  color: #303030;  line-height: 62px; font-family: Arial; }
.product-num-add{  font-size: 14px;  color: #868686;   position: absolute; }
.mt{top:0; right: 15px;}
.yy{top:0; right:15px; }
.mm{top:0; right:30px;}
.product-num-inf{  display: block;width: 100%;  font-size: 14px; font-weight: bold;  color: #474747;  line-height:30px; }
.product-num-jus:hover{    background-color: #fff;    color: #474747;}
.product-num-wan{    position:absolute;    right: 25px;  font-size: 60px;   top: 0; color: #474747;}

.sb-box{ width: 100%; height: 490px; position: relative; background: url("../sb.jpg") no-repeat center; background-size: cover;  background-attachment: fixed; }
.sb-box .div-o{    position: absolute;    margin:0 auto;  bottom: 0;  width:1200px;  left:50%; margin-left: -600px;  display: flex;  justify-content: flex-end;  align-items: flex-end; }
.sb-box .div-oo{    background-color: rgb(1,103,185);    padding:40px 26px;    width: 14%}
.sb-box .div-oo p{    font-size: 25px;    color: #ffffff;    letter-spacing: 0.5px}
.sb-box .div-oo a{    width: 35px;   display: block;    margin-top: 38px;}
.sb-box .div-tt{    background-color: rgb(233,240,246);    padding:40px 28px;    width: 17%}
.sb-box .div-tt .p-f{    font-size: 25px;    color: #000000}
.sb-box .div-tt .p-v{    height:2.5px;    background-color: rgb(1,103,185);    width: 7.5%;    margin:18px 0;}
.sb-box .div-tt .p-x{    font-size: 15px;    color: #777777;    letter-spacing: 0.5px;    line-height: 30px;    text-align: justify;
}
/*i-solution*/
.sb-box-ul{width: 100%; padding:40px 0; overflow: hidden; }
.sb-box-ul ul{width: 100%; overflow: hidden; }
.sb-box-ul ul li{width: 33.333%;  float: left; text-align: center;}
.sb-box-ul ul li a{ width:92%; display:block; margin:0 auto;}
.sb-box-ul .product-img{width: 100%;overflow: hidden;}
.sb-box-ul ul li img{width:100%;  transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.sb-box-ul ul li h3{ font-size: 16px; line-height: 40px; color: #252525;}
.sb-box-ul ul li a:hover span{color:#5fe037;}
.sb-box-ul ul li a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s;}


/*i-news*/
.news-box{width: 100%; padding:50px 0; overflow: hidden; background: #f1f1f1;}
.news-list{width: 100%; margin-top:30px; overflow: hidden; }
.news-list ul{ width:100%;}
.news-list ul li{ width:33.333%; margin: 0 0 10px 0;   float: left; overflow: hidden; }
.news-list ul li a{display: block;width: 92%;background: #fff;  position: relative; margin: auto; border: 1px solid #e5e5e5;  }
.news-list .news-txt{width:84%; padding: 20px 8% 40px 8%;}
.news-list .news-txt span{ line-height: 30px; color: #454545;height: 30px; overflow: hidden; margin: 10px 0; font-size: 17px; }
.news-list .news-txt h4{font-size: 20px;  color: #2a2a2a;  line-height:35px;  padding: 20px 0; }
.news-list .news-txt p{ line-height: 28px; color: #777777;height: 140px; overflow: hidden; padding: 15px 0  30px 0; font-size: 15px; }
.news-list .time{width:84%; margin:0 auto;overflow: hidden;  padding-bottom: 15px; color: #007ac7; font-size: 15px; }
.news-list .news-pos-txt{width:84%; padding: 20px 8% 40px 8%; position: absolute; background: url("../h-j.png"); bottom: 0; z-index: 10; }
.news-list .news-pos-txt span{ line-height: 30px; color: #fff;height: 30px; overflow: hidden; margin: 10px 0; font-size: 14px; }
.news-list .news-pos-txt h2{font-size: 20px; overflow: hidden; color: #fff; height: 28px; line-height:28px;  margin: 20px 0; }
.news-list .news-pos-txt p{ line-height: 28px; color: #fff;height: 84px; overflow: hidden; margin: 10px 0; font-size: 15px; }
.news-list .news-img{  width: 100%;overflow: hidden;    }

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


.i-adv{width: 100%; padding: 50px 0;  background:#e9f0f6; overflow: hidden;}
.i-adv h2{font-size: 37px;color: #1c1c1c; padding: 10px 0;}
.i-adv p{font-size: 23px;color: #222222;}
.i-adv span.l{ font-size: 43px; color: #007ac7; font-weight: bold;}
.i-adv span.h{ color: #e18f00;}


/*banner*/
.banner{width: 100%; overflow: hidden;}
.ab-ban{width: 100%;padding-top:19.79%;background: url("../ab-ban.jpg") no-repeat center center; background-size: cover;}
.cp-ban{width: 100%; padding-top:19.79%;background: url("../cp-ban.jpg") no-repeat center center; background-size: cover;}
.sb-ban{width: 100%;padding-top:19.79%;background: url("../sb-ban.jpg") no-repeat center center; background-size: cover;}
.pj-ban{width: 100%;padding-top:19.79%; background: url("../pj-ban.jpg") no-repeat center center; background-size: cover;}
.cn-ban{width: 100%;padding-top:19.79%; background: url("../cn-ban.jpg") no-repeat center center; background-size: cover;}
.jg-ban{width: 100%;padding-top:19.79%; background: url("../jg-ban.jpg") no-repeat center center; background-size: cover;}
.news-ban{width: 100%;padding-top:19.79%;background: url("../news-ban.jpg") no-repeat center center; background-size: cover;}
.recruitment-ban{width: 100%;padding-top:19.79%; background: url("../recruitment-ban.jpg") no-repeat center center; background-size: cover;}




.main-class{width: 100%; text-align: center; overflow: hidden; margin: 50px 0;}
.main-class a{display:inline-block; padding:10px 30px; background: #ddd;  font-size: 14px; margin: 0 10px;}
.main-class a:hover{background: #006abd; color: #fff;}



.m-title{width:100%; height: 50px; line-height: 50px; font-size: 25px; color: #333;}
.m-title img{margin:15px 0 0 5px; }
.h69{width: 100%; height: 69px;}
.main-nav { width: 100%; overflow:hidden; border-bottom: 1px solid #eee;  }
.main-nav .left-nav {  float: left; overflow-x: scroll;white-space: nowrap; }
.main-nav .left-nav::-webkit-scrollbar {display:none}
.main-nav .left-nav a { height: 60px;  line-height: 60px; padding: 0 30px; text-align: center;display: inline-block;  font-size: 16px; color: #333; }
.main-nav .left-nav a:hover{ background:#006abd;color: #fff; }
.main-nav .left-nav a.on{ background:#006abd;color: #fff; }


.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: 16px;}
.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:45%;  float: left; font-size: 16px;  margin-top: 50px;line-height: 28px; color: #444;}
.main-about .ab-l p{padding-bottom: 10px; text-indent: 2em;}
.main-about .ab-r{width:45%; float: right; overflow: hidden;  line-height: 25px; margin-top: 50px; color: #444; }
.main-about .ab-r:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}
.main-about video{width: 60%;}


/*公共图片样式*/
.public-box {  width: 100%; padding: 50px 0; overflow: hidden; background: #f1f1f1;}
.public-box ul{width: 100%;  margin-top: 50px; overflow: hidden;}
.public-box li {  width: 23%; margin:10px 1%;  float: left; position: relative; overflow: hidden;}
.public-box .public-img{width: 100%; overflow: hidden;}
.public-box li img {    width: 100%;  height: 300px;   transition: transform .3s;}
.public-box li h2 {   text-align: center;  font-size: 18px; background: #fff;    color: #333;    line-height: 48px; height: 48px; overflow: hidden; }
.public-box li:hover img {    transform: scale(1.1)}
.public-box li:hover h2 {    color: #006abd}

/*证书图片样式*/
.zs-box {  width: 100%; padding: 50px 0; overflow: hidden; background: #fff;}
.zs-box ul{width: 100%;  margin-top: 50px; overflow: hidden;}
.zs-box li {  width: 48%; margin:10px 1%;  float: left; position: relative; overflow: hidden;}
.zs-box .public-img{width: 100%; overflow: hidden;}
.zs-box li img {    width: 100%;  height: 300px;   transition: transform .3s;}
.zs-box li h2 {   text-align: center;  font-size: 18px; background: #fff;    color: #333;    line-height: 48px; height: 48px; overflow: hidden; }
.zs-box li:hover img {    transform: scale(1.1)}
.zs-box li:hover h2 {    color: #006abd}


/*证书图片样式*/
.qw-box {  width: 100%; padding: 50px 0; overflow: hidden; background: #fff;}
.qw-box ul{width: 100%;  margin-top: 50px; overflow: hidden;}
.qw-box li {  width: 48%; margin:10px 1%;  float: left; position: relative; overflow: hidden;}
.qw-box .public-img{width: 100%; overflow: hidden;}
.qw-box li img {    width: 100%;  height: 600px;   transition: transform .3s;}
.qw-box li h2 {   text-align: center;  font-size: 18px; background: #fff;    color: #333;    line-height: 48px; height: 48px; overflow: hidden; }
.qw-box li:hover img {    transform: scale(1.1)}
.qw-box li:hover h2 {    color: #006abd}

/*新闻中心*/
.main-news{width:100%; overflow: hidden; margin:45px 0  60px 0;}
.main-news .news-query a{display: block;width: 100%;  padding-bottom: 62px; overflow: hidden; border-bottom: 1px dotted #c8c8c8;  margin-top: 40px; }
.main-news .news-query .n-time{width: 10%; background: #eee; padding: 10px 0; float: left; text-align: center;}
.main-news .news-query .n-time span{   display: block;width: 100%;   float: left;  font-size: 48px;  color: #acacac;  margin-left: 1.52%;}
.main-news .news-query .n-time i{width: 100%; font-size: 12px;  display: block;  margin-top: 12px;  color: #acacac; font-style: normal;}
.main-news .news-query .n-txt{width: 88%; float: right;}
.main-news .news-query .n-txt h2 { font-size: 18px;  color: #151515;  height: 24px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main-news .news-query .n-txt p{ color: #666; font-size: 14px;  line-height: 24px;  margin: 15px 0;  overflow: hidden;  }
.main-news .news-query .n-txt span{display: block; height: 25px; line-height: 25px;  width: 73px; text-align: center; font-size: 12px;  color: #666666;  border: 1px solid #666666;    margin-top: 30px;}
.main-news .news-query a:hover h2{ color: #006abd;}

.news-detail{width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}
.news-detail .news-detail-fl{width:73%;}
.news-detail .news-detail-fl h2{ width: 100%; text-align: center; font-size: 30px; color: #000; line-height: 38px; 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-detail-fl .news-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}
.news-detail .news-detail-fl .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.news-detail .news-detail-fl .news-intro p{padding: 5px 0;}
.news-detail .news-detail-fr{width:23%;padding-top: 35px; }
.news-detail .news-detail-fr h4{font-size: 22px;  color: #333;  line-height: 22px;  padding-bottom: 20px;  border-bottom: 1px solid #e6e6e6;  margin-bottom: 15px;}
.news-detail .news-detail-fr ul{width: 90%; margin: 10px auto;}
.news-detail .news-detail-fr ul li{width: 100%;}
.news-detail .news-detail-fr ul li a{ display: block;  color: #666;  height: 30px;  font-size: 14px;  line-height: 30px;  background: url(../case23.png) no-repeat left 10px;  padding-left: 15px;  overflow: hidden;}
.news-detail .news-detail-fr ul li a:hover{ color: #006abd;}
.news-more{ display: block;  width: 80%; padding: 0 10%; height: 45px; line-height: 45px;  font-size: 16px;  color: #fff;  background:#006abd url(../news04.png) no-repeat 150px 20px;  }
.news-more:hover{  width: 85%;  padding: 0 5% 0 10%;  background: #006abd url(../news04.png) no-repeat 180px 20px;   }


/*产品中心*/
.main-product {  width: 100%; padding: 50px 0; overflow: hidden; background: #f1f1f1;}
.main-product ul{width: 100%;  margin-top: 50px; overflow: hidden;}
.main-product li {  width: 23%; margin:10px 1%;  float: left; position: relative; overflow: hidden;}
.main-product .public-img{width: 100%; overflow: hidden;}
.main-product li img {    width: 100%;  height: 300px;   transition: transform .3s;}
.main-product li h2 { background: #f2f5f7;   text-align: center;  font-size: 18px; color: #333;    line-height: 48px; height: 48px; overflow: hidden; }
.main-product li:hover img {    transform: scale(1.1)}
.main-product li:hover h2 {    color: #006abd}




.cp-detail-content{width: 100%; background: #f5f5f5; padding: 50px 0; overflow: hidden;}
.cp-detail-content .cp-de-fl{width:78%;}
.cp-detail-content .cp-de-fl img{max-width: 100%;}
.cp-detail-content .cp-de-fl h2{ width: 100%; text-align: center; font-size: 34px; color: #000; line-height: 54px; padding: 19px 0;    }
.cp-detail-content .cp-de-fl .cp-img{width: 100%; text-align: center;}
.cp-detail-content .cp-de-fl .cp-img img{margin: auto;}
.cp-detail-content .cp-de-fl .cp-intro{width: 100%; line-height: 28px; padding: 30px 0; font-size: 14px; color: #333;}
.cp-detail-content .cp-de-fl .cp-intro span{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.cp-detail-content .cp-de-fl .cp-intro img{max-width:100%; margin:10px auto;}
.cp-detail-content .cp-de-fl .cp-intro p{padding: 5px 0;}
.cp-detail-content .cp-de-fr{width:20%;}
.cp-detail-content .cp-de-fr .other-cp{ width: 100%; box-sizing: border-box;  padding: 13px 9% 55px;  background: #fff;  box-shadow: 0 0 10px rgba(0, 0, 0, .07);}
.cp-detail-content .cp-de-fr .other-cp h4{font-size: 16px;  color: #333;  line-height: 48px;}
.cp-detail-content .cp-de-fr .other-cp ul{width: 100%;}
.cp-detail-content .cp-de-fr .other-cp ul li{width: 100%;}
.cp-detail-content .cp-de-fr .other-cp ul li a{  display: block;  width: 100%;  font-size: 16px;  color: #666;  line-height: 26px;  padding: 2px 0 7px 8%;  background: url(../case23.png) no-repeat left 10px;  transition: background .3s, color .3s;}
.cp-detail-content .cp-de-fr .other-cp ul li a:hover{ color: #006abd;}

/*设备展示*/
.main-device {overflow: hidden; padding: 50px 0;}
.main-device .title {padding-bottom: 30px;}
.main-device .title h2{  font-size: 32px; color: #333; line-height: 52px; text-align: center;}
.main-device .title p{width:70%; margin:auto;font-size: 16px; color: #666; padding: 10px 0; line-height: 26px; text-align: center;}
.main-device .list { width: 100%}
.main-device .list li { width: 23%; float: left;    margin:0 1% 30px 1%; }
.main-device .list .device-img{width: 100%;overflow: hidden; }
.main-device .list img { width: 100%; height: 250px; display: block; transition: transform .3s}
.main-device .list h2 { font-size: 16px; text-align: center;  background: #eee; color: #444;    line-height: 40px}
.main-device .list li:hover img { transform: scale(1.1);}

.recruitment-top{width: 100%; overflow: hidden;padding: 60px 0;}
.recruitment-top .recruitment-zl{width: 42%;}
.recruitment-top dl{width: 100%;overflow: hidden;}
.recruitment-top dl dt{width: 11%; float: left;}
.recruitment-top dl dt img{max-width: 100%;}
.recruitment-top dl dd{width: 89%; float: right;}
.recruitment-top dl dd h4{font-size: 20px;  color: #333;}
.recruitment-top dl dd span{ font-size: 14px; line-height: 24px; color: #999; text-transform: uppercase;}
.recruitment-top .recruitment-txt{width: 100%; overflow: hidden; font-size: 14px; color: #666;line-height: 24px; padding-top: 10px;}
.recruitment-top .recruitment-py{width: 42%;}

.recruitment-list{width: 100%; overflow: hidden;padding: 60px 0; background:#f5f5f5;}
.recruitment-list-t{width: 100%; background: #8a8a8a;overflow: hidden; color: #fff; line-height: 25px; padding: 10px 0; font-size: 14px; font-weight: bold; }
.recruitment-list-t ul{width: 92%; margin: auto;overflow: hidden; }
.recruitment-list-t ul li{ float: left;}
.recruitment-list-t ul li.bm{width: 15%;}
.recruitment-list-t ul li.gw{width: 15%;}
.recruitment-list-t ul li.rs{width: 15%;}
.recruitment-list-t ul li.yq{width: 45%;}
.recruitment-list-t ul li.dy{width: 10%; text-align: center;}

.recruitment-list-b{width: 100%;  overflow: hidden; background: #fff;font-size: 13px; line-height: 22px; }
.recruitment-list-b ul{width: 92%; margin: auto;overflow: hidden;color: #444;  border-bottom: 1px solid #f1f1f1; padding: 20px 4%; }
.recruitment-list-b ul li{ float: left;}
.recruitment-list-b ul li.bm{width: 15%;}
.recruitment-list-b ul li.gw{width: 15%;}
.recruitment-list-b ul li.rs{width: 15%;}
.recruitment-list-b ul li.yq{width: 45%;}
.recruitment-list-b ul li.dy{width: 10%; text-align: center;}
.recruitment-list-b ul:hover{background: #006abd;color: #fff;}


.main-contact{width:100%; overflow: hidden; margin:50px 0;}
.con-content{margin-top: 50px;}
.main-contact .con-ul{width:100%;}
.main-contact .con-ul ul{width: 100%;}
.main-contact .con-ul ul li{width: 23%; float: left;  text-align: center; margin: 10px 1%;}
.main-contact .con-ul .contact-img{width: 160px; height: 160px; margin: auto; overflow: hidden; background: #f1eeec; border-radius: 100%;}
.main-contact .con-ul ul li h3{font-size: 25px; padding: 5px 0; color: #000; }
.main-contact .con-ul ul li p{font-size: 15px; line-height: 25px;color: #444;}
.main-contact .con-ul ul li img{ width: 80px; margin:40px auto;}
.main-contact .con-map{width: 100%;overflow: hidden; margin-top: 50px;}
.my-map { margin: 0 auto; width: 100%; height: 320px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/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:#365ed0; color:#fff;}


.foot-box{width: 100%; background:#00477f; padding:80px 0;overflow: hidden;}
.foot-box .foot-menu{width:30%;float: left;}
.foot-box .foot-menu ul{}
.foot-box .foot-menu ul h3{ font-size:27px;color: #Fff; margin-bottom: 20px;}
.foot-box .foot-menu ul li{width: 50%; float: left; line-height: 25px; font-size: 15px; margin: 5px 0;}
.foot-box .foot-menu ul li a{ color: #fff;display: block; background: url("../jian.png") no-repeat 0 10px; padding-left: 30px;}
.foot-box .foot-contact{ float: left;margin-left:130px; }
.foot-box .foot-contact ul{ }
.foot-box .foot-contact ul h3{font-size:27px;color: #Fff;margin-bottom: 20px;}
.foot-box .foot-contact ul h4{font-size:24px;color: #Fff;}
.foot-box .foot-contact ul li{width: 100%;color: #fff;  margin: 5px 0;font-size: 15px;line-height: 25px;}
.foot-box .foot-wx{ float: right; }
.foot-box .foot-wx p{text-align: center;font-size:16px;color: #Fff; padding: 10px 0;}

.footer{width: 100%;color: #91a4bb; background:#00477f;line-height: 40px;overflow: hidden;text-align: center;}
.footer a{color: #91a4bb;}



@media (max-width:1260px){
    .header{z-index: 9999; background: #fff; height: 60px; position: fixed; top: 0; left: 0;}
    .header .section{width: 100%;}
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:60px; background:#00599f; width:100%; display:none;z-index: 999; padding: 0;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #1573bd;}
    .header .menu ul li a{ padding:0; line-height: 40px; color: #fff;border-radius: 0;}
    .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{margin: 10px 10px; background: url("../logo2.png") no-repeat;width: 186px; height: 40px; background-size: 100%;}
    .header .logo a{width: 186px; height: 40px;}
    .header .logo img{height: 40px; display: none;}
    .scroll_horizontal{width:999px; }
    .scroll_horizontal .box{width:999px; }
    .scroll_horizontal .list li{float:left;width:333px;}
    .banner{margin-top: 60px;}
    .main-contact .con-ul .contact-img{width: 100px; height: 100px;}
    .main-contact .con-ul ul li img{    width: 60px;  margin: 20px auto;}
}


@media (max-width:1200px){
    .sb-box .div-o{width: 100%;left: 0;  margin-left:0;}
    .product-num-nub{font-size: 50px;}
    .i-title h2{    font-size: 25px;}
    .i-title p{    font-size: 20px;}
    .main-product li{width: 31.33%;}
    .public-box li{width: 31.33%;}
}
@media (max-width:1120px){
    .i-more a{    line-height:40px;  font-size: 14px;  width: 150px;  height: 40px;}
}



@media (max-width:1024px){
    .scroll_horizontal{width:666px; }
    .scroll_horizontal .box{width:666px; }
    .scroll_horizontal .list li{float:left;width:222px;}
    .foot-box .foot-contact{    margin-left: 60px;}



}
@media (max-width:999px){
    .sb-box .div-tt{ width: 30%;}
    .sb-box .div-oo{ width: 20%;}
    .main-about video{width: 80%;}

}
@media (max-width:856px){
    .main-product li img{height: 250px;}
    .public-box li img{height: 250px;}
    .scroll_horizontal .plus,.scroll_horizontal .minus{position:absolute;top:50%;width:35px;height:26px; border: 1px solid #ccc; margin-top:-13px;}
    .scroll_horizontal .plus{left:-35px;background-size:80%;cursor:pointer;}
    .scroll_horizontal .minus{right:-35px; background-size:80%;cursor:pointer;}
    .scroll_horizontal .plus:hover{background:#006abd url("../p-l-h.png") no-repeat center;}
    .scroll_horizontal .minus:hover{background:#006abd url("../n-r-h.png") no-repeat center;}
    .product-num-nub{font-size: 35px;}
    .foot-box .foot-contact{    margin-left: 30px;}
    .footer{width: 100%; text-align: center;    line-height: 20px; padding: 10px 0;}
    .footer .fr{width: 100%;text-align: center;}
    .main-news .news-query .n-time{width: 15%;}
    .main-news .news-query .n-txt{width: 83%;}
    .news-detail .news-detail-fl{width: 100%;}
    .news-detail .news-detail-fr{display: none;}
    .cp-detail-content .cp-de-fl{width: 100%;}
    .cp-detail-content .cp-de-fr{display: none;}
    .main-contact .con-ul ul li h3{font-size: 20px;}
}
/*banner媒体查询*/
@media (max-width:768px){
    .scroll_horizontal{width:500px; }
    .scroll_horizontal .box{width:500px; }
    .scroll_horizontal .list li{float:left;width:250px;}
    .main-nav .right-now{display: none;}
    .main-nav .left-nav{width: 100%;}
    .main-about .ab-l{width: 100%;}
    .main-about .ab-r{width: 100%;}
    .main-about img{width: 100%;}
    .main-nav .left-nav a { height:50px;  line-height: 50px; padding: 0 20px; text-align: center;display: inline-block;  font-size: 16px; color: #333; }
    .ab-ban{width: 100%;padding-top:31%;background: url("../wap-ab-ban.jpg") no-repeat center center; background-size: cover;}
    .cp-ban{width: 100%; padding-top:31%;background: url("../wap-cp-ban.jpg") no-repeat center center; background-size: cover;}
    .sb-ban{width: 100%;padding-top:31%;background: url("../wap-sb-ban.jpg") no-repeat center center; background-size: cover;}
    .pj-ban{width: 100%;padding-top:31%; background: url("../wap-pj-ban.jpg") no-repeat center center; background-size: cover;}
    .cn-ban{width: 100%;padding-top:31%; background: url("../wap-cn-ban.jpg") no-repeat center center; background-size: cover;}
    .jg-ban{width: 100%;padding-top:31%; background: url("../wap-jg-ban.jpg") no-repeat center center; background-size: cover;}
    .news-ban{width: 100%;padding-top:31%;background: url("../wap-news-ban.jpg") no-repeat center center; background-size: cover;}
    .recruitment-ban{width: 100%;padding-top:31%; background: url("../recruitment-ban.jpg") no-repeat center center; background-size: cover;}



}


@media (max-width:658px){

    .product-num-nub{font-size: 25px;}
    .sb-box .div-tt{ width: 50%;}
    .sb-box .div-oo{ width: 20%;}
    .product-num-item{width: 48%;}
    .news-list ul li{width: 100%;}
    .news-list img{width: 100%;}
    .i-adv h2{font-size: 25px;}
    .i-adv span.l{font-size: 28px;}
    .foot-box{ padding: 30px 0;}
    .foot-box .foot-menu{width: 100%;}
    .foot-box .foot-menu ul li{width: 31.333%; margin: 0 1%;}
    .foot-box .foot-contact{width: 100%; margin: 20px 0;}
    .foot-box .foot-wx{width: 100%;}
    .foot-box .foot-wx p{text-align: left; padding-left: 40px;}
    .main-product li{width: 48%;}
    .public-box li{width: 48%;}
    .zs-box li{width: 98%;}
    .zs-box li img{height: auto;}

    .main-news .news-query .n-time{width: 20%;}
    .main-news .news-query .n-txt{width: 78%;}
    .recruitment-top .recruitment-zl{width: 100%;}
    .recruitment-top .recruitment-py{width: 100%; margin-top:50px;}
    .main-contact .con-ul ul li{width: 48%;}
    .main-contact .con-ul ul li img{    width: 40px;  margin: 30px auto;}
    .product-class ul{display: block;}
    .product-class ul li:nth-child(2){    border-top: 1px solid #62a6d5;  border-bottom: 1px solid #62a6d5;    border-left: 0;  border-right: 0;}
    .product-class ul li{width: 100%!important;}
    .product-class ul li a{    padding: 10px 0;    justify-content: flex-start;  align-items: flex-start;font-size: 18px; line-height: 50px;}
    .product-class img{ height: 50px;}
    .foot-box .foot-contact ul h3{font-size: 22px;}
    .foot-box .foot-menu ul h3{font-size: 22px;}
    .foot-box .foot-contact ul h4{font-size: 19px;}
    .main-about video{width: 100%;}
    .main-class a{    padding: 10px 15px;    margin: 0 5px;}
    .qw-box li{width: 98%;}
    .qw-box li img{height: auto;}
}

@media (max-width:525px){
    .scroll_horizontal{width:300px; }
    .scroll_horizontal .box{width:300px; }
    .scroll_horizontal .list li{float:left;width:300px;}
    .main-product li img{height: 200px;}
    .public-box li img{height: 200px;}
}

@media (max-width:428px){


}