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; }


.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.cf{clear:both;float:left;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1300px; margin:auto;  }
.tc{ text-align:center}
.font18{font-size:18px;}
.h20{height:20px;}

/*header*/
.header{width: 100%;  background: #fff; box-shadow: 0 0 10px #ccc;  }
.header .section{position: relative;}
.header .logo{float: left; width: 357px; height:80px; background: url("../images/logo2.png") no-repeat; background-size: 100%; margin: 10px 0;}
.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: 88px; padding: 0 17px; color:#565656; }
.header .menu ul li a:hover{color: #144abe;  border-top: 3px solid #285c67;}
.header .menu .on .navv{color: #346ded!important;  border-top: 3px solid #285c67!important;}
.header .menu li .drop{ background:#fff;  overflow:hidden; position:absolute; width:500px; left:0; top:90px; display:none; z-index: 999999999999;}
.header .menu li .drop ul{ width: 100%;}
.header .menu li .drop li{   border-bottom: 1px solid #e5e5e5; display:inline-table;}
.header .menu li .drop li a{  color: #666;font-size: 14px; line-height: 20px;  padding:15px 10px; margin: 0;}
.header .menu li .drop li a:hover{background: #0c1c90; color: #fff;line-height: 20px;padding:15px 10px; }
.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:#356ced 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; 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: #285c67; font-size: 20px;  }
#x_menu ul{width: 100%;}
#x_menu ul li{ float: left; margin:0  40px 0 15px; }
#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;}

.x_menu-pro{width:820px; }
.x_menu-pro p {float:left;width:20%;}

.n-banner{width: 100%; position: relative; overflow: hidden; }
.about-banner{width: 100%; padding-top:30%; background: url("../images/about-banner.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/product-banner.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%; }
.n-banner-txt{position: absolute; top: 50%; margin-top: -63px; left: 18%; color: #fff; z-index: 9999;}
.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;}


/*鍏徃绠€浠�*/

.main-class, .dandu{width: 100%; background: #f0f0f0; line-height: 90px; height: 90px; padding: 0;}
.main-class .zuo, .dandu .section{ white-space: nowrap; }
.main-class .zuo::-webkit-scrollbar {display:none}

.main-class a {display: inline-block; padding:0 20px;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: #346ded;border-bottom: 3px solid #346ded;}
.main-class .on{color: #346ded;border-bottom: 3px solid #346ded;}

@media (max-width:1200px){
	.main-class, .dandu{width: 100%; background: #f0f0f0; line-height: 40px; height:auto; padding: 0;}
	.main-class .zuo, .dandu .section{ white-space: nowrap; }
	.main-class .zuo::-webkit-scrollbar {display:none}

	.main-class a {display: inline-block; padding:0 10px;line-height: 40px;  font-size:13px; color: #606060; border-bottom: 1px solid #f0f0f0; background: url("../images/main-class.jpg") no-repeat right center;   }
	.main-class a:last-child{background: none;}
	.main-class a:hover{color: #346ded;border-bottom: 2px solid #346ded;}
	.main-class .on{color: #346ded;border-bottom: 2px solid #346ded;}

}

.dandu .on {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;   }
.dandu .section::-webkit-scrollbar {display:none}
.dandu .on{color: #346ded;border-bottom: 3px solid #346ded;}
.bread a{color: #666;font-size:14px;}

.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: #346ded; 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; text-indent:2rem;}
.main-about .ab-r p .red{color:#b40000; list-style:none; display:inline;}
.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:65px; 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:#346ded url(../images/news04.png) no-repeat 150px 20px;  }
.main-about .ab-r a:hover{  width: 210px; background: #346ded 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: #346ded; font-size: 40px; font-weight: bold; text-transform: uppercase;}
.n-title p{ color: #434343; font-size: 35px;}
.n-title .ctit{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: #346ded;}
.yjgk-jj p{text-indent: 2em; line-height: 35px;}
.yjgk-jj img{max-width: 100%; margin-left: 30px; margin-bottom: 30px;}

.yjgk-jj .section p{ text-indent:2em;font-size:16px;color:#1c1c1c; line-height:40px;padding-top:20px;}
	.yjgk-jj .section   dt{ text-indent:2em;font-size:16px;color:#1c1c1c;font-weight:bold;line-height:40px;padding-top:20px;}
	.yjgk-jj .section   dd{ text-indent:2em;font-size:14px;color:#818181;line-height:26px;}
	.yjgk-jj .section     span{color:#b40000;}
	
.yjgk-jj .more{display: block; width: 100%; padding:10px 0;  color: #fff;  background: #346ded; 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;margin-left:8%}
.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:26px; color: #171717; margin: 35px 0 13px 0;}
.yjgk-ld-txt p{ color: #6a6a6a; line-height: 30px; font-size: 15px;}

.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: 3330px!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: 180px;}
.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: #346ded;}
.main-video-box .news-video video{width: 100%; height: 400px;}


.danye {    font-size: 14px;    line-height: 30px;    padding: 30px 0px 30px 0;}
.dsz{width:55%;line-height:35px; text-align:justify;padding-top:50px;}
.dsz span, .nab dd span, .nab  p span{color:#b40000;}
.guwen{margin:90px 0 0 80px;}
.guwenjj{ margin-left:80px;line-height:40px;}
.guwenjj h3{color:#b40000;padding-top:30px;}
.zhice{line-height:35px;font-size:15px;}
.zhice h3{color:#b40000;font-size:22px;padding-top:50px;}

@media (max-width:999px){
	.dsz{width:100%;line-height:35px; text-align:justify;padding-top:0px;}
	.dsz span, .nab dd span, .nab  p span{color:#b40000;}
	.guwen{margin:0px 0 0 30px;} 
	.guwenjj{ margin-left:0px;line-height:40px;width: 100%;}
	.guwenjj h3{color:#b40000;padding-top:30px;width: 100%;}
	.zhice{line-height:35px;font-size:15px;}
	.zhice h3{color:#b40000;font-size:22px;padding-top:50px;}
}


.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 .lianzi{font-size: 16px; color:#fff; display: block; padding-left:10px;   background: url("../images/yjgk-video-span.png") no-repeat left center; }

.yjgk-ry{ width:100%; overflow: hidden; padding: 60px 0;background: #fff; }
.yjgk-ry ul{width: 100%; margin-top: 60px; overflow: hidden;}
.yjgk-ry ul li{width: 134px; height: 127px; padding: 40px 65px 73px 65px; 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 h4{font-size:18px;line-height: 25px; color: #373737;margin-top:30px;}
.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: #346ded; 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: #285c67;}
.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: #346ded; 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: #346ded;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 ;}




/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#316fe8;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #316fe8;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #316fe8;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}




/*绮惧搧宸ョ▼*/
.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:16px;  height:35px; overflow: hidden; line-height:35px;margin-bottom:10px;   }
.product-box .product-left a.on{background: #346ded url("../images/ul-hover.png")no-repeat right center;color:#fff; }
.product-box .product-left a:hover{background: #346ded url("../images/ul-hover.png")no-repeat right center;color:#fff; }

@media (max-width:999px){
	.product-box .product-left{width:0; float: left; height:0; overflow:hidden;}
	.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: #346ded url("../images/ul-hover.png")no-repeat right center;color:#fff; }
	.product-box .product-left a:hover{background: #346ded url("../images/ul-hover.png")no-repeat right center;color:#fff; }
}

.product-box .product-right{width: 79%;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%;  transform: translateZ(0px);box-sizing: border-box;}
.product-box .product-right ul li .thumbnail{height:270px;}
.product-box .product-right ul li .thumbnail1{height:270px;}
.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: #346ded;}
.product-box .product-right .product-span-i i{display: block; float: left;line-height: 35px; font-size: 12px; padding: 0 15px; color: #fff; background: #346ded; margin-left: 10px; font-style: normal;}
.product-box .product-right ul li a:hover h4{color: #346ded;}
.product-box .product-right ul li a:hover span{ background: #144abe}
.product-box .product-right ul li a:hover i{ background: #144abe}



.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: 70%; 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;}

.newsinfo-e{padding:7% 15%;background:#144abe;color:#fff;}

@media (max-width:1200px){


	.cp_intro1 img{max-width:90%; display: block; margin: 0 auto;}

}

.product3-boxs .box-four {
    width:1290px;
    margin:auto;
    
}
.product3-boxs .box-four .title {
    font-size:30px;
    color:#3e3b3b;
    padding:67px 0 57px 0;
    text-align:center;
}
.product3-boxs .box-four .list {
    width:100%;
    display:table;
    position:relative;
}
.product3-boxs .box-four .list .prev, .product3-boxs .box-four .list .next,
.box-four .list .prev-il, .box-four .list .next-ir{
    width:40px;
    height:40px;    position:absolute; top:130px;
    cursor:pointer;    z-index:5;
}
.box-four .list .prev-honor,  .box-four .list .next-honor {
    width:40px;    height:40px;    position:absolute;    top:200px;    cursor:pointer;
    z-index:5;}
.product3-boxs .box-four .list .prev, .product3-boxs .box-four .list .prev-honor, .product3-boxs .box-four .list .prev-il {
    left:-73px;
}
.product3-boxs .box-four .list .next, .product3-boxs .box-four .list .next-honor, .product3-boxs .box-four .list .next-ir {
    right:-53px;
}
.product3-boxs .box-four .list .bd {
    width:1290px;    overflow:hidden;
}
.product3-boxs .box-four .list li {
    width:300px;
    float:left;
    margin-right:28px;
    text-align:center;
}
.product3-boxs .box-four .list li .img {
       box-sizing:border-box;
    overflow:hidden;  position:relative;
}

 
.product3-boxs .box-four .list li .img .zz {
    width:100%; text-align:center;
    height:100%;    position:absolute; left:0;    top:100%;    z-index:2;
    background:rgba(0,144,216,.8);    transition:all ease .3s;box-shadow:0 2px 10px rgba(0,0,0,.1); -webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);	
}

.product3-boxs .box-four .list li:hover .img .zz {
    top:0;
}
.product3-boxs .box-four .list li .img .zz img {
    position:absolute; left:125px;
}
.product3-boxs .box-four .list li .img .xg img { top:125px;}
.product3-boxs .box-four .list li .img .jia img { top:189px;}
.product3-boxs .box-four .list li .title {
    width:100%;    font-size:16px;    line-height:30px;    color:#000;
    text-align:center;    padding:15px 0;
}
.product3-boxs .box-four .list li .title span {
    font-size:14px;
    line-height:22px;
    color:#aaa;
    display:block;
}
.xg-fang{width:298px;height:298px; border:1px solid #c1c1c1; }
.n-honor{width:300px;height:400px;}
.i-pro img{border:0px;}

.iprozi{color:#fff;  vertical-align:middle; padding-top:140px;font-size:16px; text-align:center;width:290px;}
.i-prozi img{height:290px;width:290px;}


@media only screen and (max-width:1440px){
.product3-boxs .box-four .list li {
    width:270px;  float:left;  text-align:center;margin:0px 8px;
}
.n-honor{width:270px;height:365px;}
.product3-boxs .box-four { width:1140px; margin:auto;}

.product3-boxs .box-four .list .bd {
    width:1140px;    overflow:hidden;
}

.product3-boxs .box-four .list .prev, .product3-boxs .box-four .list .prev-honor {
    left:-50px;
}
.product3-boxs .box-four .list .next, .product3-boxs .box-four .list .next-honor {
    right:-53px;
}
.product3-boxs .box-four .list .prev-il {
    left:-70px;
}
.product3-boxs .box-four .list .next-ir {
    right:-46px;
}
.box-four .list .prev-honor, .box-four .list .next-honor{
    width:40px;
    height:40px;    position:absolute; top:110px;
    cursor:pointer;    z-index:5;
}
.product3-boxs .box-four .list li .img .jia img { top:160px;}

.i-prozi img{height:285px;width:285px;}

.xg-fang{width:260px;height:260px; border:1px solid #c1c1c1; }

.product3-boxs .box-four .list li .img .zz img {
    position:absolute; left:110px;
}

}



.BeautifyForm{background: #FFF;}
.BeautifyForm .stepHd{height: 90px;margin-bottom: 50px;border-bottom: 4px solid #F5F5F5;}
	.BeautifyForm .stepHd li{position: relative;float: left;width: 50%;height: 90px;text-align: center;}
	.BeautifyForm .stepHd li em{display: block;height: 52px;margin-top: 21px;line-height: 52px;font-size: 18px;}
	.BeautifyForm .stepHd li .ok{z-index: 2;position: relative;display: block;width: 38px;height: 38px;margin: 0 auto;background: url(../images/beautifyform.png) -180px 0 no-repeat;}
	.BeautifyForm .stepHd li .line{position: absolute;left: 0;bottom: -4px;width: 100%;height: 4px;}
	.BeautifyForm .stepHd li.cur{color: #C4261D;}
	.BeautifyForm .stepHd li.cur .ok{background-position: -180px -60px;}
	.BeautifyForm .stepHd li.cur .line{background: url(../images/beautifyform.png) 0 -120px no-repeat;}

 
	.BeautifyForm .stepBd .item{overflow: hidden;float: left;margin: 0 40px;}
	.BeautifyForm .stepBd .itemOk{display: none;padding: 60px 0 120px;text-align: center;font-size: 20px;}

	.BeautifyForm .ht{margin-bottom: 45px;border-bottom: 2px solid #F5F5F5;line-height: 80px;}
		.BeautifyForm .ht em{font-size: 18px;}
		.BeautifyForm .ht span{color: #999;}
		.BeautifyForm .ht span.fr{font-size: 18px;}

		 
		.yanzheng{display:inline-table;}
		.BeautifyForm .table .yanzheng .input-text{width: 252px!important;height:40px;background: none;line-height: 40px;font-size: 16px;color: #666;}
		.BeautifyForm .table .yanzheng input[type='radio']{cursor: pointer;}
		.BeautifyForm .table .yanzheng select{width: 274px;height: 40px;background: none;line-height: 40px;font-size: 16px;color: #666;}
		.BeautifyForm .table .yanzheng .sys_check{width: 120px!important;display:inline;}
		.BeautifyForm .table .yanzheng .imgcode{height:40px;display:inline;margin-left:10px;}
		.BeautifyForm .table.cls_button{width: 1120px;text-align: center;}
		.BeautifyForm .table.cls_button .right .button{display: block;margin: 20px auto 25px;}
		.BeautifyForm .table.cls_button .tel i{width: 40px;height: 40px;background: url(../images/beautifyform.png) -240px 0 no-repeat;}
 
 	
	.BeautifyForm .form{width:100%;}
		.BeautifyForm .table{float: left;width:45%;clear: none;margin-bottom: 30px;line-height: 40px;font-size: 16px;color: #666;}
		.BeautifyForm .table .left{ display:inline-table;width:120px;height: 40px;margin-right: 0;text-align: left;font-size: 16px;color: #666;}
		.BeautifyForm .table .input-text{width:270px!important;height: 34px;background: none;line-height: 34px;font-size: 16px;color: #666; display:inline-table;border:1px solid #dadada;}
		.BeautifyForm .table .left span,.BeautifyForm .table .clue_on{display: none;}
	.BeautifyForm .table {    width:47%;margin-left:30px; margin-bottom: 14px;    line-height: 36px;}
	
.cls_button .button{width:160px;height:36px;padding:0;margin:0;border:none;background:#C4261D;line-height:32px;font-size:18px;text-align:center;color:#FFF;cursor:pointer;vertical-align:middle;transition:color 0.3s linear 0s,background-color 0.3s linear 0s,border-color 0.3s linear 0s}

	
@media screen and (max-width:1200px) {

	.BeautifyForm{background: #FFF;}
.BeautifyForm .stepHd{height: 90px;margin-bottom: 50px;border-bottom: 4px solid #F5F5F5;}
	.BeautifyForm .stepHd li{position: relative;float: left;width: 50%;height: 90px;text-align: center;}
	.BeautifyForm .stepHd li em{display: block;height: 52px;margin-top: 21px;line-height: 52px;font-size: 18px;}
	.BeautifyForm .stepHd li .ok{z-index: 2;position: relative;display: block;width: 38px;height: 38px;margin: 0 auto;background: url(../images/beautifyform.png) -180px 0 no-repeat;}
	.BeautifyForm .stepHd li .line{position: absolute;left: 0;bottom: -4px;width: 100%;height: 4px;}
	.BeautifyForm .stepHd li.cur{color: #C4261D;}
	.BeautifyForm .stepHd li.cur .ok{background-position: -180px -60px;}
	.BeautifyForm .stepHd li.cur .line{background: url(../images/beautifyform.png) 0 -120px no-repeat;}

 
	.BeautifyForm .stepBd .item{overflow: hidden;float: left;width:100%;margin: 0 40px;}
	.BeautifyForm .stepBd .itemOk{display: none;padding: 60px 0 120px;text-align: center;font-size: 20px;}

	.BeautifyForm .ht{margin-bottom: 45px;border-bottom: 2px solid #F5F5F5;line-height: 80px;width:88%;}
		.BeautifyForm .ht em{font-size: 18px;}
		.BeautifyForm .ht span{color: #999;clear:both;float:left;line-height: 20px;}
		.BeautifyForm .ht span.fr{font-size: 18px;}

		 
		.yanzheng{display:inline-table;}
		.BeautifyForm .table .yanzheng .input-text{width: 252px!important;height:40px;background: none;line-height: 40px;font-size: 16px;color: #666;}
		.BeautifyForm .table .yanzheng input[type='radio']{cursor: pointer;}
		.BeautifyForm .table .yanzheng select{width: 274px;height: 40px;background: none;line-height: 40px;font-size: 16px;color: #666;}
		.BeautifyForm .table .yanzheng .sys_check{width: 120px!important;display:inline;}
		.BeautifyForm .table .yanzheng .imgcode{height:40px;display:inline;margin-left:10px;}
		.BeautifyForm .table.cls_button{width:88%;text-align: center;}
		.BeautifyForm .table.cls_button .right .button{display: block;margin: 20px auto 25px;}
		.BeautifyForm .table.cls_button .tel i{width: 40px;height: 40px;background: url(../images/beautifyform.png) -240px 0 no-repeat;}
 
 	
	.BeautifyForm .form{width:100%;}
		.BeautifyForm .table{clear:both; float: left;width:100%;clear: none;margin-bottom: 30px;line-height: 40px;font-size: 16px;color: #666;}
		.BeautifyForm .table .left{clear:both;  display:block;width:120px;height: 40px;margin-right: 0;text-align: left;font-size: 16px;color: #666;}
		.BeautifyForm .table .input-text{width:270px!important;height: 34px;background: none;line-height: 34px;font-size: 16px;color: #666; display:inline-table;border:1px solid #dadada;}
		.BeautifyForm .table .left span,.BeautifyForm .table .clue_on{display: none;}
	 


}


/*鏂伴椈*/
.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: #346ded;}
.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: #346ded;}
.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;}

.flip{padding:20px 0px;line-height:30px;}
.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: #316fe8;}
.news-more{ display: block;  width: 80%; padding: 0 10%; height: 45px; line-height: 45px;  font-size: 16px;  color: #fff;  background:#316fe8 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;   }


/*浼佷笟鏂囧寲*/
.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: #346ded;}
.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: #346ded; 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: #346ded;}



.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: #346ded 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;}

.iw_poi_title {color:#ff0000;font-size:16px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


.main-contact{ width:100%; overflow: hidden; padding:30px 0; color: #666666; font-size: 14px;}
.main-contact h1{font-size: 31px; color: #346ded; margin-bottom: 20px;padding-left:2%;}
.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:100%; float: right; margin-top: 19px;}
.main-contact .main-contact-fr ul{width: 100%;}
.main-contact .main-contact-fr ul li{margin: 10px 2%;padding:0 4%; 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: #144abe;}
.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: #144abe;}
.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; padding:0px 20px;  height: 42px;  line-height: 42px;   display: inline-block;   text-align: center;
}
.qt-pagination .pages{ background:#346ded; 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:#346ded; 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: #346ded;}

.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: #144abe; 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:50px;}
.foot-box .foot-fr .foot-ul-list h3{font-size:16px; color: #144abe; 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: #144abe; }
.footer-copyright{width: 100%;color: #727272;line-height: 40px; padding-top:80px;overflow: hidden;}
.footer-copyright a{color: #727272;}

.foot-box .foot-fr .foot-ul-list .foot-pro{width:500px;} 
.foot-box .foot-fr .foot-ul-list .foot-pro li{color: #bbbbbb; font-size: 14px;line-height: 25px;display:inline-table;width:30%}
.foot-box .foot-fr .foot-ul-list .foot-pro li a{ color: #9c9c9c;}
.foot-box .foot-fr .foot-ul-list .foot-pro li a:hover{ color: #144abe; }


@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: 250px; 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:#346ded; width:100%; display:none;z-index: 999;  padding: 0;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #346ded;}
    .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:0;}
    .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%}

   .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: #346ded;}
}

@media (max-width:999px){
    .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: 85%;}
    .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: #346ded;border-bottom: 4px solid #346ded;    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:200px;}
    .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 #346ded;  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;}
	.yjgk-jj dt, .yjgk-jj dd{ text-indent:2em;}
	 
	.yjgk-jj .section p{ text-indent:2em;font-size:16px;color:#1c1c1c; line-height:40px;padding-top:20px;}
	.yjgk-jj .section p dt{ text-indent:2em;font-size:16px;color:#1c1c1c;font-weight:bold;line-height:40px;padding-top:20px;}
	.yjgk-jj .section p dd{ text-indent:2em;font-size:14px;color:#818181;line-height:26px;}

    .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:90%; 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;}

}

@media (max-width:428px){

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

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

}