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;  font-size:0; display: block;}
body {color:#444; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }
.blank10{clear:both;height:10px;overflow:hidden;display:block;}
.blank20{clear:both;height:20px;overflow:hidden;display:block;}
.blank30{clear:both;height:30px;overflow:hidden;display:block;}
.blank50{clear:both;height:50px;overflow:hidden;display:block;}
.blank60{clear:both;height:60px;overflow:hidden;display:block;}
.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:1300px; margin:auto;  }


/*header*/
.fixed{
position: fixed;
top:0px;
z-index: 999;
}
.header{width: 100%;  background: #fff; box-shadow: 0 0 10px #ccc;  }
.header .section{position: relative;}
.header .logo{float: left; width: 260px; height: 70px; background: url("../images/logo.png") no-repeat; background-size: 100%; margin-top: 20px;}
.header .logo a{display: block;width: 100%; height: 100%;}
.header .h-fr{float: right;}
.header .menu{  float: left;}
.header .menu ul li{ float:left; position: relative; }
.header .menu ul li a{display:block; font-size: 16px;line-height: 87px; margin: 0 25px;  border-top: 3px solid #fff; color: #565656; }
.header .menu ul li a.navv{color: #ff8901!important;  border-top: 3px solid #e3a204!important;}
.header .menu ul li a:hover{color: #ff8901;  border-top: 3px solid #e3a204;}
.header .menu .on .navv{color: #ff8901!important;  border-top: 3px solid #e3a204!important;}
.header .menu li .drop{ background:#fff; border: 1px solid #e5e5e5;  border-top: 3px solid #e3a204; overflow:hidden; position:absolute; width:220px; left:0; top:90px; display:none; z-index: 999999999999;}
.header .menu li .drop ul{ width: 100%;}
.header .menu li .drop li{ width:100%;  border-bottom: 1px solid #e5e5e5; text-align: left;}
.header .menu li .drop li a{display: block; color: #666;font-size: 14px; line-height: 20px;  padding:15px 10px; margin: 0;}
.header .menu li .drop li a:hover{background: #e3a204; color: #fff;}
.m_menu{ background: url(../images/m_menu.png) no-repeat center;  background-size:100%;width:45px; position:absolute; right:5px; top:10px; height:45px; display:none; }
.h-wx{ width: 31px; height: 25px; background: url("../images/h-wx.png") no-repeat center; background-size:70% ; float: left; margin:32px 10px; position: relative;}
.h-wx .h-wx-img {  visibility: hidden;  width: 143px;  background-color: #fff;  position: absolute;  z-index: 10;  top:24px;  left: 50%;  margin-left: -71px;  opacity: 0;  transition: opacity 1s;}
.h-wx:hover .h-wx-img {    visibility: visible;    opacity: 1;}
.h-lang{width: 30px; height: 20px; color: #b0b0b0; float: left; margin: 35px 0;border-left: 1px solid #b0b0b0; padding-left: 10px;}
.h-lang a{color: #b0b0b0; font-size:14px;}
.h-search{width: 16px; height: 16px; background: url("../images/h-search.png"); margin:37px 0; background-size: 100%;float: left; position: relative;}
.h-search .search{width:218px; height:24px; border-radius: 20px; overflow:hidden;border:1px solid #bbbbbb; position: absolute;  z-index: 10;  top:24px;  right: 0;  margin-right: -50px;  opacity: 0;  transition: opacity 1s;}
.h-search .search input.username{  width:193px; max-width:100%; float:left; border:none;   height:25px; line-height:25px;  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;}
.h-search .search input.da_button{ width:25px; max-width:100%;float:left; border:none;   height:25px; line-height:25px;   font-size:12px; color:#CCC; background:#fff url(../images/icon_serch.png) no-repeat 0 5px;  -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; appearance: none; }
.h-search:hover .search {    visibility: visible;    opacity: 1;}

.x_menu{width:34px; height:27px; background:#ff8901 url(../images/x_menu.png) no-repeat center;  float: left; padding: 32px 20px ; margin-left: 10px; }
.x_menu #clickmenu {  border: 0; width: 34px;  height: 27px;   background: url(../images/x_menu.png) no-repeat center;  background-size:100%; }
.bg{display: none;position: fixed;top: 0;left: 0;width: 100%; height: 100%; background-color: black;  z-index: 99999;  -moz-opacity: 0.8;  opacity: 0.50;  filter: alpha(opacity=80);}
#x_menu {  width: 1300px;  height: 300px; background-color: #fff;  padding: 10px;  position: absolute;  display: none;  left: 45%;  z-index: 100000;}
.close {  width: 1300px;  height: 25px;}
.close a{ display: block;  float: right; color: #e3a204; font-size: 20px;  }
#x_menu ul{width: 100%;}
#x_menu ul li{ float: left; margin-right: 30px; }
#x_menu ul li h2{font-size: 22px;  color: #333;  line-height: 47px;}
#x_menu ul li h2 span{width: 35px;  font-size: 30px;  display: inline-block;  color: #e3e3e3;  position: relative;  top: 4px;  transition: color 0.3s;}
#x_menu ul li h2 a{display: inline-block;  color: #333333;}
#x_menu ul li p { padding-left: 40px;  font-size: 15px;  color: #666666;  line-height: 28px;}
#x_menu ul li a{display: inline-block;  color: #666666;  transition: color 0.3s;}


.n-banner{width: 100%; position: relative; overflow: hidden;margin-top:90px; }
.about-banner{width: 100%; padding-top:30%; background: url("../images/jt01.jpg") no-repeat; background-size: 100%; }
.news-banner{width: 100%; padding-top:30%; background: url("../images/news-banner.jpg") no-repeat; background-size: 100%; }
.culture-banner{width: 100%; padding-top:30%; background: url("../images/culture-banner.jpg") no-repeat; background-size: 100%; }
.product-banner{width: 100%; padding-top:30%; background: url("../images/yj01.jpg") no-repeat; background-size: 100%; }
.contact-banner{width: 100%; padding-top:30%; background: url("../images/contact-banner.jpg") no-repeat; background-size: 100%; }
.quality-banner{width: 100%; padding-top:30%; background: url("../images/quality-banner.jpg") no-repeat; background-size: 100%; }
.zp-banner{width: 100%; padding-top:30%; background: url("../images/zp-banner.jpg") no-repeat; background-size: 100%; }

.ywfw-banner{width: 100%; padding-top:30%; background: url("../images/yw01.jpg") no-repeat; background-size: 100%; }
.pphz-banner{width: 100%; padding-top:30%; background: url("../images/pp01.jpg") no-repeat; background-size: 100%; }
.kjcx-banner{width: 100%; padding-top:30%; background: url("../images/kj01.jpg") no-repeat; background-size: 100%; }

.n-banner-txt{position: absolute; top: 50%; margin-top: -63px; left: 18%; color: #fff; z-index: 888;}
.n-banner-txt h2{font-size: 45px;font-family: Arial; font-weight: bold; letter-spacing: 2px;text-transform: uppercase;}
.n-banner-txt h4{font-size: 32px; padding-top: 10px; letter-spacing: 3px; }
.n-banner-txt em{display: block; width: 75px; height: 3px; margin-top: 20px; background: #fff;}
.midtext14{
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}
.pagelist{text-align: center;overflow: hidden;margin-top:5px;}

.pagelist li{display: inline-block;margin:0 5px;border:1px solid gray;padding:5px 8px;}

.pagelist li.thisclass{background:#cacaca;}

.pagelist li.thisclass a{color:#424242;}
.midtext{
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
}
.youshi{width: 1120px;
    margin: 0 auto;
    font-family: "Microsoft YaHei",sans-serif;
    line-height: 2;
    font-size: 16px;
    text-indent: 2em;}
.bline{height: 2px;
    border: 1px solid;
    background-color: #4c69bc;
    width: 1132px;
    margin: 0 auto;}
/*公司简介*/

.main-class{width: 100%; background: #f0f0f0; line-height: 90px; height: 90px; padding: 0;}
.main-class .section{width: 100%;white-space: nowrap; text-align: center;}
.main-class .section::-webkit-scrollbar {display:none}
.main-class a{display: inline-block; padding:0 50px;line-height: 87px;  font-size: 16px; color: #606060; border-bottom: 3px solid #f0f0f0; background: url("../images/main-class.jpg") no-repeat right center;   }
.main-class a:last-child{background: none;}
.main-class a:hover{color: #ff8901;border-bottom: 3px solid #ff8901;}
.main-class .on{color: #ff8901;border-bottom: 3px solid #ff8901;}
.class-bj{position: absolute; right: 0; top: 0;z-index: 10;  width: 10px; height: 60px; display: none;}

/*about*/
.main-about{width: 100%; padding: 60px 0; overflow: hidden;}
.main-about .ab-l{width:23%;  float: left;  }
.main-about .ab-l h3{font-size: 28px;color: #000;}
.main-about .ab-l em{display: block; width: 60px; height: 1px; background: #ff8901; margin: 20px 0;}
.main-about .ab-l p{font-size: 14px;line-height: 28px; color: #707070;}
.main-about .ab-r{width:71%; padding-left: 5%; float: right;border-left: 1px solid #dcdcdc;  color: #878787; }
.main-about .ab-r p{font-size: 14px;line-height: 32px; color: #878787; padding:15px 0;}
.main-about .ab-r span{display: block;font-size: 28px;  line-height: 45px; color: #000; background: url("../images/yj-logo.jpg") no-repeat; padding-left: 50px; margin-bottom: 15px;}
.main-about .ab-r a{ display: block;  width: 210px; text-indent: 1em;  height: 45px; line-height: 45px;  margin-top: 30px; font-size: 16px;  color: #fff;  background:#ff8901 url(../images/news04.png) no-repeat 150px 20px;  }
.main-about .ab-r a:hover{  width: 210px; background: #ff8901 url(../images/news04.png) no-repeat 180px 20px;   }
.main-about .ab-r h2{ color: #000; font-size: 21px;}

.main-wh{width: 100%; padding:65px 0; background:url("../images/main-wh.jpg");   background-size: cover;  background-attachment: fixed; overflow: hidden;}
.main-wh h2{color: #fff; font-size: 30px; text-align: center;}
.main-wh ul{width: 100%;  font-size: 0; overflow: hidden; margin-top: 50px;}
.main-wh ul li{width: 31.333%; margin:0 1%; float: left; text-align: center; }
.main-wh ul li img{max-width:100%; margin: auto;}
.main-wh ul li h4{color: #fff; font-size: 30px; padding: 20px 0;  text-align: center;}
.main-wh ul li p{font-size: 14px; line-height: 28px; color: #fff;  }
.yg{width: 100%;}
.yg img{max-width: 100%;}


.about-num{width: 100%; padding:10px 0; margin-top: 60px; background: #fff; box-shadow: 0 0 10px #ccc; 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:18%; margin: 0 1%;  font-size: 16px;  color: #000;  line-height: 62px; }
.product-num-inf{  display: block;width: 100%; font-size: 15px;  color: #323232; font-weight: bold;   line-height:30px; }
.product-num-nub{  display: inline-block;  width: 100%;  font-size: 50px; border-right: 1px solid #d9d9d9; color: #303030;  line-height: 62px; font-family: Arial; font-weight: bold;}
.product-num-add{  font-size: 15px;  color: #858585;   position: absolute; }
.mt{bottom:0; right: 15px;}
.yy{bottom:6px;  right:45px;}
.mm{bottom:20px; right:30px;font-size: 40px;}
.product-num-jus:hover{    background-color: #fff;    color: #474747;}
.product-num-wan{    position:absolute;    right: 25px;  font-size: 60px;   top: 0; color: #474747;}



.n-title{width: 100%; text-align: center;}
.n-title h2{ color: #ff8901; font-size: 40px; font-weight: bold; text-transform: uppercase;}
.n-title p{ color: #434343; font-size: 35px;}
.n-title .cf{color: #fff;}

.yjgk-jj{ width:100%; overflow: hidden; padding: 60px 0; color: #666666; font-size: 14px;}
.yjgk-jj .yjgk-title{width: 100%;}
.yjgk-jj h1{ font-size: 33px; color: #000;}
.yjgk-jj em{display: block; width: 40px; height: 2px; margin: 20px 0; background: #ff8901;}
.yjgk-jj p{line-height: 35px;}
.yjgk-jj img{max-width: 100%; margin-left: 30px; margin-bottom: 30px;}
.yjgk-jj .more{display: block; width: 100%; padding:10px 0;  color: #fff;  background: #015cb9; text-align: center; margin-top: 10px;}
.yjgk-jj .more img{margin: auto;}

.yjgk-ld{ width:100%; overflow: hidden; padding: 60px 0;background: url("../images/yjgk-ld.jpg") no-repeat left center; }
.yjgk-ld-content{width: 92%; background: #fff url("../images/yjgk-ld-content.jpg") no-repeat left center; padding: 40px 4%; min-height: 375px; overflow: hidden;}
.yjgk-ld-img{width: 40%; float: left;}
.yjgk-ld-img img{max-width: 100%;}
.yjgk-ld-txt{width: 45%; float: right; padding:0 3%; }
.yjgk-ld-txt:before{content: ""; display: block; width: 37px; height: 30px; margin-left:-40px; float: left;background: url("../images/yh01.png") no-repeat; }
.yjgk-ld-txt:after{content: ""; display: block;width: 37px; height: 30px; float: right;background: url("../images/yh02.png") no-repeat;}
.yjgk-ld-txt h3{ font-size: 23px; color: #171717; margin: 35px 0 10px 0;}
.yjgk-ld-txt p{ color: #6a6a6a; line-height: 30px; font-size: 15px;}

.jtgk_zs{width:100%;margin-top:20px;}
.jtgk_zs ul{width: 1200px;margin: 0 auto;}
.jtgk_zs ul li {width:30%;float:left;margin-left:20px;margin-right:20px;margin-top:30px;}
.jtgk_zs ul li img{width:100%;}

.yjgk-lc{ width:100%; overflow: hidden; padding: 60px 0;background: #f9f9f9; }
.time-line{width:1200px;margin:50px auto;position: relative;}
.time-line .left-btn,.time-line .right-btn{width: 43px;height: 43px;position: absolute;margin-top:-21px;cursor: pointer;}
.time-line .left-btn{background: url(../images/lc-prev.png) no-repeat;left:-43px;top:50%;}
.time-line .right-btn{background: url(../images/lc-next.png) no-repeat;right:-43px;top:50%;}
.time-line .right-btn:hover{background: url(../images/lc-next.png) no-repeat;}
.time-line .left-btn:hover{background: url(../images/lc-next.png) no-repeat;}
.time-line .time-box{width: 1200px;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{width: 33330px!important;overflow: hidden;position: relative;}
.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
.time-line .time-box li{width:280px; float: left;padding: 10px 10px; position: relative; cursor: pointer;}
.time-line .time-box li h3{ font-size: 25px; font-weight: bold; line-height: 30px;}
.time-line .time-box li p{font-size: 15px; line-height: 25px; color: #6e6e6e; }
.time-line .time-box li:nth-child(2n){margin-top: 280px;}
.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-280deg);}
.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;}
.time-line .time-box li:hover,.time-line .time-box li.active{}
.time-line .time-box li:hover:before,.time-line .time-box li.active:before{}
.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../images/point-hover.png) no-repeat;}
.m-time-box{width: 90%; background: #fff;padding: 30px 5%;text-align: center;}
.m-time-box h3{ font-size: 30px; font-weight: bold; line-height: 30px; margin-bottom: 10px;}
.m-time-box p{font-size: 16px; line-height: 28px; color: #333;  }

/*工匠精神*/
.main-video-box{width: 100%; padding:60px 0; background: #fff; overflow: hidden;}
.main-video-box li{float:left;width:48%; margin:10px 1%;}
.main-video-box li a{display: block;width: 100%;  background: #fff; overflow: hidden; }
.main-video-box .news-video{width: 100%;overflow: hidden;}
.main-video-box  h3{font-size: 18px; color: #222; height: 28px; line-height:28px; margin: 20px 0 ; }
.main-video-box li a:hover h3{ color: #015cb9;}
.main-video-box .news-video video{width: 100%; height: 400px;}

.yjgk-video{ width: 100%; overflow: hidden;height: 322px;background: url("../images/yjgk-video.jpg") no-repeat center;}
.yjgk-video h2{font-size: 50px;font-weight: 100; color:#fff; margin: 100px 0 15px 0;}
.yjgk-video a{font-size: 16px; color:#fff; display: block; padding-left: 50px;   background: url("../images/yjgk-video-span.png") no-repeat left center; }

.yjgk-ry{ width:100%; overflow: hidden; padding: 0;background: #fff; }
.yjgk-ry ul{width: 100%; margin-top: 60px; overflow: hidden;}
.yjgk-ry ul li{width: 265px; height: 330px; padding: 0; margin:10px 30px 20px 30px;  float: left; /*background: url("../images/yjgk-ry-ul.jpg") no-repeat  center;*/  color: #bbbbbb; font-size: 14px; text-align: center;}
.yjgk-ry ul li img{width:265px;height:330px;}
.yjgk-ry ul li h4{font-size:18px;line-height: 25px; color: #373737;}
.yjgk-ry ul li p{ font-size:13px;line-height: 20px;color: #7f7f7f;}


.zzjg-box{width: 100%; padding: 60px 0;overflow: hidden;background: url("../images/zzjg-box.jpg") no-repeat center;}
.zzjg-box img{max-width: 100%;}


.qyzx-box{width: 100%; padding: 60px 0;overflow: hidden;}
.qyzx-box .qyzx-box-fl{width: 25%; float: left;}
.qyzx-box .qyzx-box-fl h1{ color: #015cb9; font-size: 40px; font-weight: bold;}
.qyzx-box .qyzx-box-fl img{max-width: 100%; margin:30px auto;}
.qyzx-box .qyzx-box-fr{width: 70%; float: right;}
.qyzx-box .qyzx-box-fr ul{width: 100%; margin-top: 60px;}
.qyzx-box .qyzx-box-fr ul li{width: 100%;margin-bottom:5px;  font-size: 14px;line-height: 25px; }
.qyzx-box .qyzx-box-fr ul li h3{font-size:23px; color: #fff; padding: 15px 25px; background: #e3a204;}
.qyzx-box .qyzx-box-fr ul li p{ font-size:16px;color: #606060;  padding: 10px 25px;background: #eeeeee;}

/*荣誉墙*/
.container{  width: 100%; background: #f0f0f0 url("../images/slide.png")no-repeat  bottom center; padding: 10px 0 100px 0; }
.container .section{position: relative;}
.slide{  max-width: 900px;  min-height: 580px;overflow: hidden;  margin: 0 auto; position: relative;}
.slide .img{  overflow: hidden;  position: absolute;  transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
.slide .img img{  width: calc(100% - 14px);  height: calc(100% - 14px);  margin: 7px;}
.slide .img h2{color: #015cb9; font-size: 26px; position: absolute; width: 100%; text-align: center; bottom:0;}
.slide .img1{  width: 40%;  height: 40%;  top: 30%;  left: -50%;  z-index: 1;}
.slide .img2{  width: 60%; height: 60%;  top: 20%;  left: -20%;  z-index: 2;}
.slide .img3{  width: 80%;  height: 80%;  top: 10%;  left: 10%;  z-index: 3;}
.slide .img4{  width: 60%;  height: 60%;  top: 20%;  left: 60%;  z-index: 2;}
.slide .img5{  width: 40%;  height: 40%;  top: 30%;  left: 110%;  z-index: 1;}
.slide-left{width: 38px; height: 38px; border: 0; position: absolute; top: 250px; left: 0;  background: url("../images/slide-left.png")no-repeat  bottom center}
.slide-right{width: 38px;  height: 38px; border: 0;  position: absolute; top: 250px;  right: 0;background: url("../images/slide-right.png")no-repeat  bottom center}

.m-ry { width: 100%; padding: 40px 0; background: #fff; display: none;}
.m-ry ul{width: 100%;}
.m-ry ul li{width: 98%; margin: 10px 1%; float: left; background: #f7f7f7;}
.m-ry ul li a{display: block;width:92%; margin: 20px auto 30px auto;}
.m-ry ul li img{width: 100%; transform: translateZ(0px);box-sizing: border-box;}
.m-ry ul li h4{width:100%; font-size: 19px; height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 10px ; color: #4d4e4e ;}

.ry-box{width: 100%; padding: 60px 0;}
.ry-box h1{width: 100%; text-align: center; font-size: 30px;  line-height: 60px;}
.zhl{background: #f1f1f1;}

.p-r-memo{width: 100%; border-bottom: 3px solid #ebebeb; overflow: hidden;}
.p-r-memo .section{padding: 50px 0 30px 0;  }
.p-r-memo span{color: #015cb9;font-size: 24px;  padding: 20px 50px 20px 5px;}
.p-r-memo p{width:100%; font-size: 15px; color: #777777; line-height: 30px;padding: 8px 0; }
.product-memo .section{padding: 50px 0 30px 0;  background: url("../images/product-memo.jpg")no-repeat right }

.ry-img-box{width: 100%;}
.ry-img-box ul{width: 100%;}
.ry-img-box ul li{width: 31.333%; margin: 10px 1%; float: left; background: #f7f7f7;}
.ry-img-box ul li a{display: block;width:84%; margin: 20px auto 30px auto;}
.ry-img-box ul li img{width: 100%; height: 240px; transform: translateZ(0px);box-sizing: border-box;}
.ry-img-box ul li h4{width:100%; font-size: 19px; height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 10px ; color: #4d4e4e ;}

/*精品工程*/
.product-box{ width:100%; overflow: hidden; margin-top: 60px;}
.product-box .product-left{width: 18%; float: left; }
.product-box .product-left a{display:block; width:95%; padding-left:5%;color:#5b5b5b; font-size:14px;  height:45px; overflow: hidden; line-height:45px;margin-bottom:10px;   }
.product-box .product-left a.on{background: #015cb9 url("../images/ul-hover.png")no-repeat right center;color:#fff; }
.product-box .product-left a:hover{background: #015cb9 url("../images/ul-hover.png")no-repeat right center;color:#fff; }

.product-box .product-right{width: 99%;float: right;}
.product-box .product-right ul{ width:100%;overflow: hidden; font-size: 0;}
.product-box .product-right ul li{margin-bottom:25px;width:33.333%; float: left; }
.product-box .product-right ul li a{display: block; width: 92%; margin: auto;}
.product-box .product-right .product-img{width: 100%; overflow: hidden;}
.product-box .product-right .product-txt{width: 100%; overflow: hidden; background: #f3f3f3;}
.product-box .product-right ul li img{width: 100%; height: 365px; transform: translateZ(0px);box-sizing: border-box;}
.product-box .product-right ul li .thumbnail{height:207px;}
.product-box .product-right ul li .thumbnail1{height:229px;}
.product-box .product-right ul li h4{width:90%; margin:10px auto;font-size: 18px; height: 50px; line-height: 25px; color: #4d4e4e ;}
.product-box .product-right .product-span-i{float: right;}
.product-box .product-right .product-span-i span{display: block; float: left; line-height: 35px; font-size: 14px; padding: 0 15px; color: #fff; background: #5187be;}
.product-box .product-right .product-span-i i{display: block; float: left;line-height: 35px; font-size: 12px; padding: 0 15px; color: #fff; background: #5187be; margin-left: 10px; font-style: normal;}
.product-box .product-right ul li a:hover h4{color: #015cb9;}
.product-box .product-right ul li a:hover span{ background: #015cb9}
.product-box .product-right ul li a:hover i{ background: #015cb9}



.product-box .product-right ul li a:hover img{ transform: scale(1.1, 1.1); transition: transform 0.6s ease 0s;}
.product-box .product-right .cp_title {  font-size:20px;  text-align: center;  font-weight: bold;  line-height: 28px;  padding: 25px 0; color: #000d27 ;  }
.product-box .product-right .cp-img{text-align: center;  }
.product-box .product-right .cp-img img{max-width: 100%;}
.product-box .product-right .cp-intro{font-size: 14px;  line-height: 30px;  padding: 10px 0 60px 0;}
.product-box .product-right .cp-intro img{max-width: 100%;}

.cp-detail-content{width: 100%; background: #fff; padding: 60px 0; overflow: hidden;}
.cp-detail-content img{max-width: 100%;}
.cp-detail-content h2{ width: 60%; margin: auto; text-align: center; font-size: 34px; color: #000; line-height: 54px; padding: 19px 0;    }
.cp-detail-content .cp-img{width: 100%; text-align: center;}
.cp-detail-content .cp-img img{margin: auto;}
.cp-detail-content .cp-intro{width: 100%; line-height: 28px; padding: 30px 0; font-size: 14px; color: #333;}
.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_intro1 img{max-width: 850px; display: block; margin: 0 auto;}


/*新闻*/
.main-news-top{width: 100%; padding:60px 0; background: #fff; overflow: hidden;}
.main-news-top .news-left{width: 45%; float: left;}
.main-news-top .news-left img{width: 100%; display: block;}
.main-news-top .news-right{width: 50%; float: right;}
.main-news-top dl{ width:100%; overflow: hidden; }
.main-news-top dl a{display: block;width: 100%;  background: #fff; padding: 5px 0; overflow: hidden;}
.main-news-top dl dt {width:20%; float: left; padding: 20px 0; text-align: center;  }
.main-news-top dl dt h2{font-size: 27px;  overflow: hidden; font-weight: bold ;color: #000;line-height: 35px; height: 35px;  }
.main-news-top dl dt em{display: block; width: 40%; margin:5px auto; height: 2px; background: #c8c8c8;}
.main-news-top dl dt p{font-size: 20px; line-height: 35px; color: #1d1d1d;height: 35px; overflow: hidden; }
.main-news-top dl dd{width:75%; float: right;}
.main-news-top dl dd h4{font-size: 21px; line-height: 40px; height: 40px; overflow: hidden; color: #232323;}
.main-news-top dl dd p{font-size: 14px; height: 50px; line-height: 25px; color: #7a7a7a; padding-top: 5px;overflow: hidden;}
.main-news-top dl a:hover{background: #015cb9;}
.main-news-top dl a:hover h2{ color: #fff;}
.main-news-top dl a:hover p{ color: #fff;}
.main-news-top dl a:hover h4{ color: #fff;}

.main-news-box{width: 100%; padding:60px 0; background: #f7f7f7; overflow: hidden;}
.main-news-box li{float:left;width:31.333%; margin:10px 1%;}
.main-news-box li img{max-width: 100%; margin: auto;}
.main-news-box li a{display: block;width: 94%; border: 1px solid #ebebeb; background: #fff; overflow: hidden;  margin:10px auto;}
.main-news-box .news-img{width: 90%;margin: 20px auto;overflow: hidden;}
.main-news-box .news-img img{ height: 215px; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-news-box .news-txt{width:90%; margin:0 5% 10px 5%;}
.main-news-box .news-txt h3{font-size: 16px; overflow: hidden; color: #000; height: 28px; line-height:28px; }
.main-news-box .news-txt em{display: block; height:6px; background: url("../images/news-em.png"); margin:10px 0;}
.main-news-box .news-txt p{line-height: 24px; font-size: 13px; color: #777;height:72px; overflow: hidden; margin-top: 10px; }
.main-news-box .news-txt span{display: block; color: #949494; height: 30px;line-height: 30px;}
.main-news-box .time{width:90%; margin:0 auto;overflow: hidden;  padding-bottom: 15px;}
.main-news-box li a:hover{ background: #015cb9;}
.main-news-box li a:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.main-news-box li a:hover h3,.main-news-box li a:hover p,.main-news-box li a:hover span{ color: #fff;}

.news-detail{width: 100%; background: #fff; padding:60px 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: 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-detail-fl .news-intro{width: 100%; padding-top: 20px; line-height: 30px; font-size: 15px; 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-fl .news-intro img{max-width: 100%; margin: auto;}
.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(../images/case23.png) no-repeat left 10px;  padding-left:15px;overflow: hidden;}
.news-detail .news-detail-fr ul li a:hover{ color: #3399dc;}
.news-more{ display: block;  width: 80%; padding: 0 10%; height: 45px; line-height: 45px;  font-size: 16px;  color: #fff;  background:#3399dc url(../images/news04.png) no-repeat 150px 20px;  }
.news-more:hover{  width: 85%;  padding: 0 5% 0 10%;  background: #3399dc url(../images/news04.png) no-repeat 180px 20px;   }

/*科技创新*/
.kjcx-box{width: 100%; padding:60px 0; background: #f7f7f7; overflow: hidden;}
.kjcx-box li{float:left;width:23%; margin:10px 1%;}
.kjcx-box li img{max-width: 100%; margin: auto; height: 400px;}
.kjcx-box li a{display: block;width: 100%; overflow: hidden;  }
.kjcx-box .news-img{overflow: hidden;height:400px; background:url(../images/kjbg.png) no-repeat; padding:20px;}
.kjcx-box .news-img img{ height: 360px; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.kjcx-box .news-txt{width:90%; margin:0 5% 10px 5%; text-align: center;}
.kjcx-box .news-txt h3{font-size: 16px; overflow: hidden; color: #000; height: 28px; line-height:28px; }
.kjcx-box .news-txt p{line-height: 24px; font-size: 13px; color: #777;height:72px; overflow: hidden; margin-top: 10px; }
.kjcx-box .news-txt span{display: block; color: #949494; height: 30px;line-height: 30px;}
.kjcx-box .time{width:90%; margin:0 auto;overflow: hidden;  padding-bottom: 15px;}
.kjcx-box li a:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.kjpic{width:100%;}
.kjpic img {text-align:center;margin: 0 auto; width: 600px;}

/*企业文化*/
.main-wh-box{width:100%; overflow: hidden; background: #f9f9f9; padding:60px 0;}
.main-wh-box dl{width:100%;padding: 10px 0; overflow: hidden;background: #fff;  }
.main-wh-box dl a{display: block;width: 96%; margin:5px auto;  background: #fff;  overflow: hidden;  }
.main-wh-box dl dt{width: 25%;float: left; }
.main-wh-box dl dt img{max-width: 100%;}
.main-wh-box dl dd{width: 73%;float: left; margin-left: 2%;}
.main-wh-box dl dd span{ font-size: 35px;color: #015cb9;}
.main-wh-box dl dd h3{ font-size: 21px; color: #000;margin-top: 15px;}
.main-wh-box dl dd p{ font-size: 14px; line-height: 24px; margin-top: 15px; color: #6f6f6f;}
.main-wh-box ul{width: 100%;overflow: hidden;}
.main-wh-box ul li{width: 100%; overflow: hidden; background: #fff; margin: 20px 0;}
.main-wh-box ul li a{display: block;width: 96%; margin:30px auto;  background: #fff;  overflow: hidden;  }
.main-wh-box .n-time{width: 15%; padding: 10px 0; color: #015cb9; font-size: 22px; float: left; text-align: center;}
.main-wh-box .n-txt{ width:83%;float: right; }
.main-wh-box .n-txt h2 { font-size: 21px;  color: #000; }
.main-wh-box .n-txt p{ color: #6f6f6f; font-size: 14px;  line-height: 24px;  margin-top: 15px; overflow: hidden;  }
.main-wh-box a:hover h2{ color: #015cb9;}



.quality-box{width:100%; margin: auto; overflow: hidden; padding:60px 0; line-height: 28px; font-size: 15px; color: #444; }

.quality-box video{ display: block; margin: auto;}
.quality-box h3{font-size: 28px; line-height: 50px;}
.quality-box img{max-width: 100%; margin:10px auto; }
.quality-box p{margin:15px 0; }
.quality-box h5{font-size: 22px; line-height: 50px;}
.quality-box h1{text-align: center;  margin-top: 50px;}
.quality-box .quality-down{width:100%; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 15px 0; overflow: hidden; margin-top: 50px;}
.quality-box .quality-down span{display: block; float: left; background: url("../images/pdf.png") no-repeat 0 5px; padding-left: 35px;}
.quality-box .quality-down a{display: block; float: right; padding: 0 30px; background:#1e9be8 url("../images/xia.png") no-repeat 10px 8px;border-radius: 10px; color: #fff;}


.service-memo{width: 100%; padding:50px 0; text-align: center; }
.service-memo i{ display: block; width: 62px; height: 49px; background: url("../images/service-yh.jpg"); margin: auto;}
.service-memo h1{font-size: 41px; color: #000;padding: 8px 0; }
.service-memo h2{font-size: 31px; color: #2f2f2f; padding: 8px 0; }
.service-memo p{ font-size: 16px; color: #646464; line-height: 25px; }

.service-box{width: 100%; padding:20px 0 50px 0; }
.service-box ul{width: 100%;}
.service-box ul li{width: 100%; margin-bottom: 50px; }
.service-box .service-img{width: 100%; position: relative;}
.service-box .service-img img{width: 100%;}
.service-box .service-img h4{ color: #919191; font-size: 25px; padding: 20px 0;}
.service-box .service-img .service-pos{ padding: 30px 30px  30px 100px; color: #fff; position: absolute;z-index: 9999; background: #015cb9 url("../images/service-pos.png") no-repeat 30px 50px;  bottom:20px; right: 20px;  text-align: right;}
.service-box .service-img .service-pos h1{ font-size: 36px; }
.service-box .service-img .service-pos h2{ font-size: 22px;}

.service-box .service-txt{width: 100%; text-align: left; font-size: 18px; line-height: 35px; padding-bottom: 15px; text-indent: 2em;}



.main-contact{ width:100%; overflow: hidden; padding:30px 0; color: #666666; font-size: 14px;}
.main-contact h1{font-size: 31px; color: #015cb9; margin-bottom: 20px;}
.main-contact .contact-zgs{width: 94%; overflow: hidden;padding: 35px 3% 35px 3%; background: #fafafa url("../images/contact-zgs.jpg") no-repeat right bottom; }
.main-contact .contact-fgs{width: 94%; overflow: hidden;padding: 30px 3% 15px 3%; background: #fafafa; margin-top:20px; }
.main-contact .main-contact-fl{width: 25%; float: left;}
.main-contact .main-contact-fl span{display: block; font-size: 20px; background: #fafafa url("../images/contact-gs.png") no-repeat;  line-height: 28px; padding-left: 40px;  color: #222;}
.main-contact .main-contact-fl p{ font-size: 16px; color: #565656; margin-top: 10px;}
.main-contact .main-contact-fr{width: 73%; float: right; margin-top: 19px;}
.main-contact .main-contact-fr ul{width: 100%;}
.main-contact .main-contact-fr ul li{width: 23%; margin: 10px 1%; float: left; font-size: 17px; line-height: 35px; color: #565656; border-bottom: 1px solid #dbdbdb;}
.main-contact .main-contact-bot{width: 92%; overflow: hidden; margin-left: 8%;}
.main-contact .main-contact-bot ul{width: 100%;}
.main-contact .main-contact-bot ul li{width: 18%; margin: 10px 1%; float: left; font-size: 17px; line-height: 35px; color: #565656; border-bottom: 1px solid #dbdbdb;}
.main-contact .main-contact-two{ width: 100%; overflow: hidden;}
.main-contact .con-two{width: 43%; padding: 30px 3% 15px 3%; background: #fafafa; margin-top:20px; }
.main-contact .con-two-name{width: 45%; float: left;}
.main-contact .con-two-name p{margin-top: 10px;}
.main-contact .con-two-list{width: 39%; float: right;}
.main-contact .con-two span{display: block; font-size: 20px; background: #fafafa url("../images/contact-gs.png") no-repeat;  line-height: 28px; padding-left: 40px;  color: #222;}
.main-contact .con-two p{ font-size: 16px; color: #565656; }
.main-contact .con-two-list{ float: right;margin-top: 19px;}
.main-contact .con-two-list ul{width: 100%;}
.main-contact .con-two-list ul li{width: 100%; margin: 10px 0; float: left; font-size: 17px; line-height: 35px; color: #565656; border-bottom: 1px solid #dbdbdb;}
.main-contact .main-contact-txt{ float: left;width: 40%;}
.main-contact .main-contact-txt span{display: block; font-size: 20px; background: #fafafa url("../images/contact-gs.png") no-repeat;  line-height: 28px; padding-left: 40px;  color: #222;}
.main-contact .main-contact-txt p{ font-size: 17px; color: #565656; margin-top: 10px;}
.main-contact .main-contact-ul{ float: left; margin-left:40px;    margin-top: 26px;}
.main-contact .main-contact-ul ul li{ margin: 10px 50px 10px 0; float: left; font-size: 17px; line-height: 35px; color: #565656; border-bottom: 1px solid #dbdbdb;}


.main-join{width: 100%;  padding: 80px 0 180px 0; overflow: hidden; margin-bottom:50px;background: url("../images/main-join.png") no-repeat center bottom;}
.join-l{width: 40%; float: left;color: #333333;}
.join-l h1{font-size: 48px; margin-top: 120px;}
.join-l em{ display:block; margin:30px 0;width: 28px; height:2px; background: #fc8b0a;}
.join-l p{font-size: 15px; line-height: 28px;}
.join-r{width: 55%; border-left: 1px solid #dbdbdb; float: right; overflow-y: scroll; height: 400px;}
.join-r h2{width: 90%; margin:20px 5% 30px 5%; font-size: 48px;color: #333333; }
.anzhong-gdt::-webkit-scrollbar { width: 5px; height: 1px;  }
.anzhong-gdt::-webkit-scrollbar-thumb { box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);background: #959596;  }
.anzhong-gdt::-webkit-scrollbar-track { box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background: #ededed;}
.list{width: 90%; margin: auto; color: #333333; }
.list ul li{margin-bottom: 20px;}
.list ul li a{ font-size:16px; display: block; color: #333333; height:36px;line-height: 36px;position: relative; border-bottom: 1px solid #e2e2e2;  }
.list ul li .inactive{ background: url("../images/j-j-r.png") no-repeat right center;}
.list ul li .inactives{ background: url("../images/j-j-x.png") no-repeat right center;}
.list ul li a:hover{color: #fc8b0a;}
.list ul li ul{display: none;}
.list ul li ul li {padding: 30px 0; border-bottom:1px solid #e6e6e6; 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;}
.scrollbar {  width : 90%;  height: 300px;  margin: 0 auto;}




.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{ background-color: #e8e8e8; margin:5px 4px; width: 42px;  height: 42px;  line-height: 42px;   display: inline-block;   text-align: center;
}
.qt-pagination .pages{ background:#015cb9; color:#fff;}


.i-adv{width: 100%; height: 356px;  background: url("../images/adv.jpg") no-repeat center; overflow: hidden;text-align: center;}
.i-adv span{color: #fff;display: block;width:100%; font-size: 38px; line-height: 48px; margin: 85px 0 10px 0; text-shadow: 0 0 10px #bbb;letter-spacing:25px; }
.i-adv p{color: #fff;display: block;width:100%;  font-size: 20px;  margin-top: 30px; text-transform: uppercase; letter-spacing:5px;}
.i-adv a{ text-align: center;line-height: 40px; display: block;width: 130px; background:#015cb9; margin: 30px auto; color: #fff;font-size: 14px;}
.i-adv a:hover{color:#fff;}


.search-box{padding: 50px 0;}
.search-box ul{ width:100%; overflow: hidden; }
.search-box ul li{width: 100%; border-bottom: 1px dotted #eee;font-size: 16px;overflow: hidden;line-height:45px;}
.search-box ul li a{display: block;width: 79%; float: left; color: #232323;  overflow: hidden; background: url("../images/case23.png") no-repeat 0 17px;padding-left:1%;}
.search-box ul li span{display: block;width: 20%; float: right;  color: #232323;   }

.search-box ul li a:hover h4{ color: #015cb9;}

.foot-box{width: 100%;  background: url("../images/foot-box.jpg") no-repeat center bottom; padding-top:80px;overflow: hidden; border-top: 1px solid #eee;}
.foot-box .foot-fl{width: 170px;float: left;}
.link-box {width: 100%;  background: #ebebeb;  position: relative;  display: inline-block; }
.link-box span{display: block;width: 150px; height: 35px; padding-left: 20px; line-height: 35px; background: url("../images/xj.png") no-repeat right center;}
.link-box .link-box-txt {  visibility: hidden;  width: 240px;    position: absolute;  z-index: 1;  top: 100%;  left: 0;   opacity: 0;  transition: opacity 0.2s;}
.link-box .link-box-txt a{display: block; width: 220px; padding: 0 10px;  color: #222;  background: #ccc; font-size: 14px; line-height: 28px;}
.link-box .link-box-txt a:hover{ background: #fc8b0a; color: #fff; }
.link-box:hover .link-box-txt {  visibility: visible;  opacity: 1;}
.foot-box .foot-fl .wx-box{width: 100%; margin-top: 40px;}
.foot-box .foot-fl .wx-box img{margin: auto; display: block;}
.foot-box .foot-fl .wx-box p{color: #9c9c9c; line-height: 40px; font-size: 14px; text-align: center;}
.foot-box .foot-fr{float: right;}
.foot-box .foot-fr .foot-ul-list{float: left; margin-left: 100px;}
.foot-box .foot-fr .foot-ul-list h3{font-size:16px; color: #1048a3; padding-bottom: 20px;}
.foot-box .foot-fr .foot-ul-list .foot-ul li{width: 100%;color: #bbbbbb; font-size: 14px;line-height: 25px;}
.foot-box .foot-fr .foot-ul-list .foot-ul li a{ color: #9c9c9c;}
.foot-box .foot-fr .foot-ul-list .foot-ul li a:hover{ color: #1048a3; }
.footer-copyright{width: 100%;color: #727272;line-height: 40px; padding-top:80px;overflow: hidden;}
.footer-copyright a{color: #727272;}

@media (max-width:1420px){

}

@media (max-width:1300px){
    .header{ background: #fff; top: 0; position: fixed; box-shadow: 0 0 5px #ccc;z-index: 99999999;}
    .header .section{width: 100%;}
    .header .logo{width: 127px; height: 45px; background: url("../images/logo2.png") no-repeat; background-size: 100%; margin-left: 10px; }
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:65px; background:#015cb9; 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; text-align: center;margin: 0; color: #fff; border: 0;}
    .header .menu li .drop{width: 100%; position:static;}
    .header .menu li .drop ul{ width:100%; padding:0;margin: 0;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%;  border-bottom: 1px solid #e5e5e5;}
    .n-title h2{font-size: 30px;}
    .n-title p{ font-size: 25px;}
    .h-wx,.h-lang,.h-search,.x_menu{display: none;}
    .n-banner{margin-top: 65px;}
    .n-banner-txt{ left: 4%;}
    .about-banner{width: 100%; padding-top:44%; background: url("../images/w-about-banner.jpg") no-repeat; background-size: 100%; }
    .news-banner{width: 100%; padding-top:44%; background: url("../images/w-news-banner.jpg") no-repeat; background-size: 100%; }
    .culture-banner{width: 100%; padding-top:44%; background: url("../images/w-culture-banner.jpg") no-repeat; background-size: 100%; }
    .product-banner{width: 100%; padding-top:44%; background: url("../images/w-product-banner.jpg") no-repeat; background-size: 100%; }
    .contact-banner{width: 100%; padding-top:44%; background: url("../images/w-contact-banner.jpg") no-repeat; background-size: 100%; }
    .quality-banner{width: 100%; padding-top:44%; background: url("../images/w-quality-banner.jpg") no-repeat; background-size: 100%; }

    .i-adv span{ font-size: 32px;  line-height: 48px;  margin: 85px 0 10px 0;  letter-spacing:5px;}
    .i-adv p{  font-size: 18px;  letter-spacing: 2px;}
    .yjgk-ry ul{width: 972px; margin:50px auto 0 auto;}
    .public-class .section{    width: 92%;  left: 4%;  margin-left: 0;}
    .product-box .section{width: 100%;}
    .p-r-memo{border-bottom:1px solid #ccc;}
    .product-box{margin-top: 10px;}
    .product-box .product-left{width: 100%;}
    .product-box .product-left ul{ width: 80%; overflow: auto;  margin: 0 auto;  white-space: nowrap; font-size: 0;  }
    .product-box .product-left ul::-webkit-scrollbar {display:none}
    .product-box .product-left ul li{	width: 14.666%; background: #f4f4f4; margin: 0 1%;  display: inline-block; }
    .product-box .product-left ul li a{    width: 100%;  padding-left:0; color: #222; text-align: center;}
    .product-box .product-right{width: 100%; margin-top: 30px;}

    .main-about{    padding: 30px 0;}
    .news-detail{    padding: 30px 0;}
    .main-contact .main-contact-fr ul li{width: 48%;}
    .main-contact .main-contact-bot{margin-left: 27%; width: 73%;}
    .main-contact .main-contact-bot ul li{width: 48%}
	
	.main-class a {
    display: inline-block;
    padding: 0 10px;
    line-height: 87px;
    font-size: 16px;
    color: #606060;
    border-bottom: 3px solid #f0f0f0;
    background: url(../images/main-class.jpg) no-repeat right center;
}

   .class-bj{display: block;}

    .public-class a{font-size: 15px;}

    .service-memo h1{font-size: 30px;}
    .service-memo h2{font-size: 22px;}


    .time-line{width:900px;}
    .time-line .time-box{width: 900px;}
    .cp-detail-content{padding: 30px 0;}
    .cp-detail-content h2{font-size: 28px; font-weight: bold;    line-height: 35px;}
}
@media (max-width:1200px){
    .product-num-nub{font-size: 35px;}
    .mm{right: 5px;bottom: 8px; font-size: 25px;}
    .yy{  right: 5px;}
    .p-r-memo p{width: 90%; font-size: 14px;line-height: 25px;}
    .product-memo .section{ background:none;}
    .product-box .product-right ul li img{height: 300px;}
    .main-wh-box dl dt{width: 30%;}
    .main-wh-box dl dd{width: 68%;}
    .main-contact .con-two{width: 94%; }
    .main-contact .con-two-name{width: 25%;}
    .main-contact .con-two-list{width: 73%;}
    .main-contact h1{font-size: 25px; font-weight: bold;}
    .time-line{display: none;}
    .foot-box .foot-fr .foot-ul-list{margin-left: 70px;}
    .main-contact .main-contact-txt{width: 100%;}
    .main-contact .main-contact-ul{width: 100%; margin: 0;}
    .product-box .product-left ul li a:hover{background: none; color: #000;}
}


/*@media (max-width:1120px){
    .yjgk-ry ul{width: 648px; }
    .ry-img-box ul li img{ height: 200px;}
    .quality-box .quality-txt{width: 98%; min-height: auto; margin: 10px 1%;}

}*/


@media (max-width:1024px){
    .product-box .product-left ul{ width: 92%;}
    .foot-box .foot-fr .foot-ul-list{margin-left: 50px;}
}
@media (max-width:999px){
    .product-box .product-right ul li img{height: 285px;}
    .main-wh-box dl dt{width: 40%;}
    .main-wh-box dl dd{width: 58%;}
    .main-wh-box .n-time{width: 20%;}
    .main-wh-box .n-txt{width: 78%;}
    .p-r-memo{border: 0;}
    .product-memo .section{padding: 50px 0 0 0;}
    .product-box .product-left ul{background: #f4f4f4; width: auto;}
    .product-box .product-left ul li{width: auto; padding: 0 28px; background: url("../images/main-class.jpg") no-repeat right center;}
    .product-box .product-left ul li a{font-size: 16px;}
    .ry-img-box{ margin: 0;  padding:0;}
    .service-memo i{width: 49px; height: 32px; background-size: 100%;}
    .foot-box .foot-fr .foot-ul-list{margin-left: 30px;}
    .main-join{padding: 50px 0;}
    .join-l h1{font-size: 30px; margin-top:0;}
    .join-l{width: 100%;}
    .join-r{width: 100%; margin-top: 50px;}
    .join-r h2{font-size: 30px;  margin: 15px 0;}
}
@media (max-width:856px){
    .ry-img-box ul li img{ height: 180px;}
    .main-wh-box dl dt{width: 50%;}
    .main-wh-box dl dd{width: 48%;}
    .main-wh-box dl dd span{    font-size: 28px;}
    .main-contact .main-contact-fl{width: 100%;}
    .main-contact .main-contact-fr{width: 100%;margin-top: 0;}
    .main-contact .main-contact-bot{width: 100%; margin: 0;}
    .main-contact .con-two-name{width: 100%;}
    .main-contact .con-two-list{width: 100%;margin-top: 0}
    .main-contact .main-contact-txt{width: 100%;}
    .main-contact .main-contact-ul{width: 100%; margin: 0;}
    .foot-box .foot-fl{display: none;}
    .foot-box .foot-fr{width: 100%;}
    .foot-box .foot-fr .foot-ul-list{ width: auto; margin-left: 40px;}


    .service-box .service-img .service-pos{width: 92%; padding: 15px 4%; position: static; text-align: center;    background: #015cb9;}
}

@media (max-width:768px){
    .main-about .ab-l{width: 100%; display: none;}
    .main-about .ab-r{width: 100%; padding:0;  border: 0; margin-top: 30px;}
    .yjgk-ld{background: #5789d2; padding: 70px 0 40px 0;}
    .yjgk-lc{padding: 70px 0 40px 0;}
    .yjgk-ld-img{width: 100%;}
    .yjgk-ld-img img{width: 100%;}
    .yjgk-ld-txt{width: 85%; min-height: 414px;  padding: 0 3%; margin:30px auto 0 auto;}
    .qyzx-box .qyzx-box-fl{width: 100%;}
    .qyzx-box .qyzx-box-fl img{display: none;}
    .qyzx-box .qyzx-box-fl h1{    font-size: 30px; text-align: center;}
    .qyzx-box .qyzx-box-fr{width: 100%;}
    .qyzx-box .qyzx-box-fr ul li h3{font-size:20px; }
    .ry-img-box ul li img{ height: 150px;}
    .container{ background-size: 100%; padding: 10px 0;}
    .main-news-box li{width: 48%;}
    .main-news-top .news-left{ width: 100%;}
    .main-news-top .news-right{width: 100%; margin-top: 20px;}
    .main-news-top dl dt p{    font-size: 15px;}
    .main-news-top dl dt{ padding:10px 0;}
    .news-detail .news-detail-fl{width: 100%;}
    .news-detail .news-detail-fr{display: none;}
    .news-detail .news-detail-fl h2{font-size: 25px;line-height: 32px; font-weight: bold;}
    .main-wh-box .n-time{width: 100%; text-align: left;}
    .main-wh-box .n-txt{width: 100%;}
    .public-class .section{position: static;width: 100%;  left: 0; font-size: 0;overflow-x: scroll;white-space: nowrap; background: #f4f4f4;}
    .public-class .section::-webkit-scrollbar {display:none}

    .quality-class a{width: auto; padding: 0 28px; background: url("../images/main-class.jpg") no-repeat right center;}
    .quality-class a:nth-child(4){background:none;}
    .public-class a{display: inline-block; float: none;  color: #000;}
    .public-class span{display: block; width: 100%;height: 20px; line-height: 20px; border-right: 1px solid #ccc; padding:0; box-sizing: border-box; margin:20px auto; font-size: 16px; }
    .public-class a:last-child span{border: 0;}
    .public-class .ry,.public-class .jpgc,.public-class .qy,.public-class .zb,.public-class .hy,.public-class .lx,.public-class .jt{background:none;}
    .public-class .on {background:#f4f4f4;color: #015cb9;border-bottom: 4px solid #015cb9;    height: 56px;  line-height: 56px;}
    .public-class .on .ry,.public-class .on .jpgc,.public-class .on .qy,.public-class .on .zb,.public-class .on .hy{background:none;}
    .foot-box{padding-top: 10px;}
    .footer-copyright{line-height: 25px;padding-top: 10px;}
    .footer-copyright .fl,.footer-copyright .fr{width: 100%; text-align: center;}
}


@media (max-width:685px){
    .product-num-item{width: 31.333%;}
    .product-num-inf{font-size: 14px;}
    .yy{right: 10px;}
    .product-num-nub{font-size: 28px;    line-height: 45px;}
    .product-num-item:nth-child(3) .product-num-nub{border: 0;}
    .product-num-item:nth-child(4){display: none;}
    .product-num-item:nth-child(5){display: none;}

    .p-r-memo p{width: 100%; font-size: 14px;line-height: 24px;}
    .n-banner-txt{margin-top: -32px;}
    .n-banner-txt h2{font-size: 22px;    letter-spacing: normal;}
    .n-banner-txt h4{font-size: 20px; font-weight: bold;letter-spacing: normal;}
    .yjgk-video{height: 262px;}
    .yjgk-video h2{font-size: 35px; text-align: center;}
    .yjgk-video a{margin: auto; width: 150px;}
    .yjgk-ry ul{width: 324px; }
    .main-video-box li{width: 98%;}
    .main-video-box .news-video video{width: 100%; height: auto;}

    .ry-memo p{width: 100%;}

    .p-r-memo span{border-top:0; border-left: 5px solid #015cb9;  display: block; line-height: 25px; margin: 10px 0;   padding: 0 0 0 10px;}
    .product-box .product-right ul li{width: 50%;}
    .ry-img-box ul li{width:48%; }
    .ry-img-box ul li img{ height: 150px;}
    .main-wh-box dl dt{width: 100%;}
    .main-wh-box dl dt img{width: 100%;}
    .main-wh-box dl dd{width: 100%; margin-top:10px;}
    .main-contact .main-contact-fr ul li h4,.main-contact .main-contact-bot ul li h4,.main-contact .con-two h4,.main-contact .main-contact-ul ul li h4{ color: #000;}

    .yjgk-jj h1{text-align: center;}
    .yjgk-jj em{ margin:15px auto;}
    .yjgk-jj img{display: none;}
    .more-img{display: block!important;}
    .foot-box .foot-fl{display: none;}
    .foot-box .foot-fr{display: none;}
    .service-memo p{width: 70%; margin: auto;}
    .service-memo h1{font-size: 26px;}
    .service-memo h2{font-size: 20px;}
    .service-box .service-img h4{color: #111;    font-size: 20px;}
    .service-box .service-img .service-pos h1{font-size: 24px;font-weight: bold; }
    .service-box .service-img .service-pos h2{font-size: 16px;}
    .container{display: none;}
    .m-ry{display: block;}
    .main-wh ul li{width: 98%; margin: 10px 1%;}
    .main-wh ul li img{width: 105px; margin: auto;}
}

@media (max-width:525px){
    .product-box .product-right ul li{width: 100%;}
    .product-box .product-right ul li img{height:auto;}
    .main-news-box li{width: 98%;}
    .main-news-box .news-img img{height: auto;}
    .main-contact .main-contact-fr ul li,.main-contact .main-contact-bot ul li{width: 100%; margin: 5px 0;}
    .ry-img-box ul li{width: 98%;}
    .ry-img-box ul li img{height: 260px;}
    .yjgk-ld-content{padding: 15px 4%;}
    .main-wh-box ul li a{ margin: 10px auto;}
	.kjcx-box li {
    width: 90%;

}
.kjcx-box .news-img {   
    background: url(../images/kjbg.png) no-repeat center; 
}
.kjcx-box .news-img img {
 padding-top:20px;
}
.header .logo {
    width: 170px;
}
.youshi {
    /* width: 100%;  */
    padding: 0 15px;
}

.jtgk_zs ul{width: 100%;margin: 0 auto;}
.jtgk_zs ul li {width:90%;float:left;margin-left:20px;margin-right:20px;margin-top:30px;}

}

@media (max-width:428px){

}
@media (max-width:380px){

}
@media (max-width:325px){

}