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;  }
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;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1300px; margin:auto;  }
/*header*/
.header{width: 100%; position:absolute; top: 10px;z-index: 99999; } 
.header .logo{float: left; width: 330px; height: 100px; background: url("../images/logo.png") no-repeat 0 10px; background-size: 100%;}
.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: 18px;line-height: 80px; padding: 0 17px; color: #fff; }
.header .menu ul li a:hover{color: #285c67; }
.header .menu li .drop{ background:#fff; overflow:hidden; position:absolute; width:500px; left:0; top:80px; display:none;}
.header .menu li .drop ul{ width: 100%;  }
.header .menu li .drop li{ text-align: left;}
.header .menu li .drop li a{display: block; color: #666;font-size: 14px; line-height: 20px;  padding:10px 15px;}
.header .menu li .drop li a:hover{background: #346ded; 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/b-wx.png") no-repeat center; background-size:70% ;  position: relative; float: left; margin:28px 10px;}
.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: #fff; float: left; margin: 30px 0; border-left: 1px solid #fff; padding-left: 10px;}
.h-lang a{color: #fff; font-size:14px;}
.h-search{width: 16px; height: 16px; background: url("../images/b-search.png"); margin:33px 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(../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;   float: left; margin: 26px 0  26px 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: #285c67; font-size: 24px; margin-rihgt:20px; }
#x_menu ul{width: 100%;}
#x_menu ul li{ float: left; margin:0  30px 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;}

.i-title{width:100%; text-align: center;}
.i-title h1{font-size: 45px; text-transform: uppercase; font-weight: bold; color: #151515;}
.i-title h5{ font-size:32px; color: #333;text-align: center;}
.i-title .cf{color: #fff;}

.i-banner{width: 100%; position: relative; overflow: hidden;    margin: auto;    text-align: center;}
.i-banner .bg{width: 100%; }
.i-banner .bg img{max-width: 100%;}
.banner-txt{  width: 1300px;  height: 280px;  position: absolute;  color: #fff;  z-index: 5;  top: 50%;  margin-top: -140px;  left: 50%;  margin-left: -650px;}
.banner-txt em{ display: block; width: 160px; height: 2px; background: #fff;transition: all 1s; }
.banner-txt .banner-span{width: 585px;height: 90px;  margin: 20px 0;}
.banner-txt .banner-span span{display: block;width:65px; font-size: 60px; font-weight: 600; height: 65px; text-align: center; text-shadow: 0 0 5px #666; float: left;}
.banner-txt p{width:100%;font-family: Arial; font-size: 20px; text-transform: uppercase; letter-spacing: 2px; font-weight: 100; text-shadow: 0 0 5px #666;}
.banner-txt a{  display: block;  width: 108px;  height: 24px;  font-family: Arial;  margin-top: 40px;  color: #fff;  font-size: 13px;  text-align: center;  text-transform: uppercase;
    background: url(../images/more.png) no-repeat; position: absolute; }

 
.ban-box{width:100%; position:absolute; color: #fff; z-index: 5; bottom:2%;   }
.ban-box .section{position: relative;}
.ban-box .ban-video {width: 35%; position: absolute; bottom:2%; left: 0; }
.ban-box .ban-video a{display: block;color: #fff;border: 3px solid #fff; overflow: hidden; }
.ban-box .ban-video img{max-width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.ban-box .ban-video .news-video{position: absolute; width: 110px; left: 50%; margin-left: -55px;  bottom:30%; text-align: center; z-index: 10;}
.ban-box .ban-video .news-video i{display: block;width: 45px; height: 45px; background: url("../images/video-icon.png"); background-size: 100%; margin:8px auto;}
.ban-box .ban-video .news-video h4{font-size: 24px;  text-shadow: 0 0 10px #000; }
.ban-box .ban-video a:hover{border: 3px solid #144abe;}
.ban-box .ban-video a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}


.ban-box .ban-news {width: 63%; position: absolute; bottom:2%;  right:0;}
.ban-box .ban-news li{width: 48%;background: #fff; float: left;margin: 0 1%;}
.ban-box .ban-news li a{ display:block; width: 90%; overflow: hidden; background:url("../images/ban-ul.jpg") no-repeat right top; padding: 15px 5%;}
.ban-box .ban-box-txt{ max-width: 280px; padding-right: 10px; float: left; border-right: 1px solid #dadada;}
.ban-box .ban-box-time{ float: right;}
.ban-box .ban-news li a h3{ font-size: 18px; line-height:40px; height:40px; overflow:hidden; color: #010101;}
.ban-box .ban-news li a p{font-size: 14px; line-height:20px; height:20px; overflow:hidden; color: #666666;}
.ban-box .ban-news li a span{ font-size: 32px;line-height:40px; height:40px; overflow:hidden;  font-weight:bold; color: #373737;}
.ban-box .ban-news li a h4{ font-size: 14px;line-height:20px; height:20px; color: #373737;}
.ban-box .ban-news li i{display: block; float: right; width: 40px; height: 40px;}
.ban-box .ban-news li:nth-child(1){background:#346ded url("../images/ban-ul-a.png") no-repeat right top; }
.ban-box .ban-news li:nth-child(1) h3{color: #fff;}
.ban-box .ban-news li:nth-child(1) p{color: #fff;}
.ban-box .ban-news li:nth-child(1) h4{color: #fff;}
.ban-box .ban-news li:nth-child(1) span{color: #fff;}
.ban-box .ban-news li a:hover{background:#144abe url("../images/ban-ul-a.png") no-repeat right top; }
.ban-box .ban-news li a:hover h3{color: #fff;}
.ban-box .ban-news li a:hover p{color: #fff;}
.ban-box .ban-news li a:hover h4{color: #fff;}
.ban-box .ban-news li a:hover span{color: #fff;}

.i-more{width: 159px; height:44px; line-height: 44px; margin:30px auto; font-size: 15px;  color: #fff; background:#144abe url("../images/dj.png") no-repeat 130px; text-align: center;   transition: all 1s; text-transform: uppercase; }
.i-more a{color: #fff;}

.i-about{width: 100%; padding: 80px 0 80px 0;background: url("../images/i-about.jpg") no-repeat bottom center; position: relative; background-size: 100%;}
.i-about .about-box{width: 100%; overflow: hidden;}
.i-about .about-txt{width:50%; background: url("../images/ab-png.png") no-repeat 0 20px; float: left;padding-left: 10%;}
.i-about .about-txt h2{display: none; font-size: 40px;  text-transform: uppercase;  font-weight: bold;  color: #222;  font-family: Arial;}
.i-about .about-txt i{display: none;  width: 80px;  height: 2px;  margin:8px 0;  background: #000;}
.i-about .about-txt h1{ font-size: 33px; color: #595959;}
.i-about .about-txt .one{ font-size:18px; color: #144abe;line-height:30px;padding-top:20px;}
.i-about .about-txt .one h3{ font-size:20px;}
.i-about .about-txt .two{ font-size:15px; color: #144abe;line-height:30px;padding-top:10px; text-indent:2em; text-align:justify;}

.i-about .about-txt em{ display: block; width: 40px; height: 2px; margin: 30px 0 10px 0; background: #144abe;  }
.i-about .about-txt p{font-size: 15px; line-height:30px; text-align:justify; padding:10px 0; text-indent: 2em; color: #666666;}
.i-about .about-txt img{display: none; max-width: 100%; margin-top: 30px;}
.i-about .about-txt a{display: block; width: 175px; height:50px; line-height: 50px; background:#144abe url("../images/dj.png") no-repeat 145px 17px; margin-top:20px; color: #fff; text-transform: uppercase; text-align: center; border-radius: 5px; font-size: 15px; }
.i-about .about-img{width: 40%; text-align: center; float: right;}
.i-about .about-img img{max-width: 100%; float: right;}
.i-about .about-num{width: 100%; padding:10px 0 15px 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;}

 .js-tab-con {
	height: 0;
	overflow: hidden;
}
.js-tab-con.active {
	height: auto;
}
.js-tab-con .map {
	margin-top: 50px;
	border: 1px solid #dcdcdc;
}
.js-tab-con .map-box {
	width: 100%;
	height: 500px;
	position: relative;
}
.js-tab-con .map-box img {
	max-width: 1000%;
}
.js-tab-con .map-box .allmap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.js-tab-con .map-box .anchorBL {
	display: none;
}


/*产品*/
.pro {padding: 55px 4% 40px  4%;position: relative;}
.pbt{text-align: center;color: #e8b16b;font-size: 16px;}
.pbt p{margin-top: 10px;}
.pro .prolist{width: 100%;margin:40px 0 50px 0;height: 50px;}
.pro .prolist ul li{position: relative;transition:.5s;float: left;width: 11.5%;margin-right: 1%;}
.pro .prolist ul li a{color:#fff;font-size:18px;display:block;transition:.2s;line-height:50px;overflow: hidden;background: #316fe8;text-align: center;overflow: hidden;    height: 50px;}
.pro .prolist ul li:hover a{margin: -13px 0 0 0;background: #336deb;height:60px;line-height: 60px;}
.pro .f_cb{width: 100%;}
.pro .f_cb li{width: 24%;margin: 0 1% 1% 0;}
.pro .f_cb li a{color:#fff;display: block;overflow: hidden;position: relative;}
.pro .f_cb li a h5{line-height: 45px;text-align: left;position: absolute;bottom: 0px;background: rgba(0,0,0,0.6);color: #fff;z-index: 9999;width: 100%;font-size: 16px;transition: .5s;text-indent: 16px;margin: 0px; transition: .5s;}
.pro .f_cb li a:hover h5{background: rgba(52,109,237,0.75);height: 100%;font-size: 26px;padding: 20% 10% 0 10%;text-align: center;line-height: 30px;}
.pro .f_cb li a p{position: absolute;top: 50%;color: #fff;font-size: 30px;z-index: 9999;width: 100%;text-align: center;opacity: 0;transition: .5s;}
.pro .f_cb li a:hover p{opacity: 1;}
.pro .f_cb li{float: left;zoom:1; }
.pro .f_cb li img{width:100%;display: block; position: relative;z-index: 52; transition: .5s;}
.pro .f_cb li:hover img{filter: brightness(120%);}
.pro .f_cb li a:after{content:">";position: absolute;right: 2%;bottom: 2%;z-index: 99999;transition: .5s;font-family: "SimSun";font-style: normal;font-size: 18px;background: #fff;border-radius: 50%;overflow: hidden;width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px;font-weight: bold;}
.pro .f_cb li:hover a:after{content:"+";width: 50px;height: 50px;line-height: 50px;left: 0;right: 0;margin: 0 auto;font-size: 42px;bottom: 6%;}


@media all and (max-width:1470px){
	.pro .f_cb li a h5{line-height: 70px;font-size: 20px;}
	.pro .prolist ul li a:after{width: 30px;height: 30px;line-height: 30px;text-indent: 9px;}
	
}
@media all and (max-width:1366px){
	.pro .f_cb li a h5{line-height: 60px;font-size: 18px;}
	.pro .prolist ul li a:after{width: 25px;height: 25px;line-height: 25px;text-indent: 7px;}
}

@media all and (max-width:798px){
	.pro .prolist ul li{width:24%;}
	.pro .prolist ul li a{font-size:14px;line-height:20px;height:40px;margin:2px 0; vertical-align:middle;}
	
}


.fabt{text-align: center;padding-top: 50px;}
.cppichz>div{ padding-bottom: 50px;}
.cppichz a{float: left; width: 350px; margin-right: 10px;text-align: center; position: relative;margin-bottom: 10px;}
.cppichz a span{overflow: hidden; }
.cppichz a span img{width: 100%;display: block;}
.cppichz a em{background: #e6e6e6; line-height: 2; font-size: 16px; display: block; font-style: normal;color: #111;line-height: 37px;overflow: hidden;}
.cppichz a div{position: absolute;width: 100%; height: 100%; background: rgba(52,109,237,0.75); color: #fff; left: 0; top: 20px; opacity: 0; transition: all .3s;}
.cppichz a div::before{content: ''; background: url(../images/356.png) center/cover; width: 60px;height: 60px; margin: auto; margin-top: 60px;display: block;}
.cppichz a:hover div{top: 0; opacity: 1;}
.cppichz a div p{position: absolute; left: 0; right: 0; bottom: 0; top: 30px; margin: auto;  line-height: 30px;font-size: 14px;text-align: center; border: 1px solid #fff;  height: 30px; width: 80px; }
.proname{padding-top:30px;}
.proname a em{height: 61px;text-align: left;text-indent: 10px;position: relative;background: #336deb;line-height: 61px;color: #fff;font-size: 14px;}
.proname a em:after{content:"详情";display:block;height:62px;width:100px;color:#fff;font-size:20px;position:absolute;right:0;top:0;text-indent:0;text-align:center;}
.proname a em i{position:absolute;right:-20px;bottom:0;background:red;width:110px;height:100%;-webkit-transform:skew(-15deg);-moz-transform:skew(-15deg);-ms-transform:skew(-15deg);-o-transform:skew(-15deg);transform:skew(-15deg);}
.proname img{height:300px;}
 

/*产品优势*/

.til01{color: #3e3f40;font-size:30px;line-height:37px;font-family: "Microsoft Yahei";clear: both;display: block;height:116px;white-space: nowrap;}
.til01 span{color: #3e3f40;display: block;font-size:48px;line-height:49px;text-align: right;width:560px;float: left;padding:0 10px 0 0;font-weight: bold;}
.case .til01 span,.edge .til01 span{width:430px;}
.til01 p{display: block;width: 590px;float: left;background:url(../images/ico01.png) no-repeat 0 4px;padding: 0 0 0 20px;}
.til01 p em{display: block;font-size: 10px;line-height: 16px;letter-spacing: 2px;opacity: 0.4;}
.til01 a{color: #3e3f40;}

.baozhuang{background:url(../images/baozhuangbg.jpg) no-repeat center 0;padding:99px 0 0;font-family:"Microsoft Yahei";line-height:20px;height: 850px;}
.baozhuang_c{background:#fff;height:574px;padding: 54px 20px 0;z-index:0;position: relative;}
.baozhuang_c:after{content: "";position: absolute;top:20px;right:20px; z-index:-1;width: 1156px;height: 580px;}
.baozhuang_c:before{content: "";position: absolute;width:50%;height:584px;top:20px;right:20px;background: #f6f6f6;z-index:-1;}
.baozhuang_c dl{width: 483px;height: 188px;float: left;padding: 0 90px 0 32px;position: relative;}
.baozhuang_c dt,.baozhuang_c dt{width: 437px;height: 166px;display: block;}
.baozhuang_c dt{position: absolute;left:37px;top: 0;display: none;}
.baozhuang_c dd span{ padding: 18px 0 0;}
.baozhuang_c dd p{width: 335px;float: left;}
.baozhuang_c dd p b{display: block;white-space: nowrap;font-size: 24px;line-height: 64px;color: #3e3f40;}
.baozhuang_c dd p em{display: block;font-size: 36px;line-height: 48px;color: #346bee;font-weight: bold;}
.baozhuang_c dl:nth-child(2n){padding-right: 0;}
.baozhuang_c dl:hover dt{display: block;}


@media (max-width:1200px){
	.baozhuang{ height: auto;}
	.baozhuang_c:before{background:#fff;}
	.til01 span{width:100%;display:none;}
	.baozhuang_c dl{width:100%;height:auto;padding:0;}
	
	.pro .prolist ul li a{line-height:none;}
	
	.proname{clear:both;}
	.cppichz a{width:100%;display:block;float:none;}
}

/*i-project*/
.i-project{width: 100%; padding:60px 0; overflow:hidden; position: relative; }
.i-project-box{width: 100%; overflow: hidden;  margin-top: 50px; position: relative;}
.i-project-box .i-pro-fl{ width:32.5%;float: left;border: 4px solid #e5e5e5;box-sizing: border-box;}
.i-project-box .i-pro-fm{ width:32.5%; margin-left:1%;border: 4px solid #e5e5e5;box-sizing: border-box; float: left;}
.i-project-box .i-pro-fr{ width:32.5%; float: right;border: 4px solid #e5e5e5;box-sizing: border-box;}
.i-project-box img{width: 100%; display: block; margin: auto;   transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-project-box a{display: block; overflow: hidden; width: 100%;  position: relative;}
.i-project-box .pro-position{width: 92%; height: 30px; font-size: 20px; color: #fff; padding: 99px 4% 20px 4%;   position: absolute; bottom: 0;}
.i-project-box h3{display: block; float: left; line-height: 30px; height: 30px; overflow: hidden;  font-size: 20px; color: #fff;}
.i-project-box span{font-family: Arial; display: block; float: right; line-height: 30px;font-size: 12px; color: #fff; background: url("../images/xxxx.png") no-repeat right center; padding-right: 20px; text-transform: uppercase; }
.i-project-box a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}
.i-project-box a:hover .pro-position{background: url("../images/pro-position.png");}
.p-more{width: 159px; height:44px; line-height: 44px; margin-top: 30px; font-size: 14px;  color: #fff; background:#144abe url("../images/dj.png") no-repeat 130px; float: right; text-align: center;   transition: all 1s; }
.p-more a{color: #fff;}


/*科研*/
.i-ky{width: 100%; padding:50px 0 30px 0;  position: relative; background: #144abe; overflow: hidden; }
.ky-box{width: 100%;overflow: hidden; margin-top: 50px;}
.ky-box-fl{width: 36%;  float: left;   }
.ky-box-fl ul{width: 100%}
.ky-box-fl ul li{width: 100%; margin-bottom:8px; position: relative;}
.ky-box-fl ul li a{display: block;width: 99%; border: 1px solid #fff; margin: auto;  overflow:hidden;}
.ky-box-fl ul li img{max-width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;display: block;}
.ky-box-fl ul li h4{ position: absolute;color: #fff; font-size: 20px; left: 40px; bottom: 20px;}
.ky-box-fl ul li a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}
.ky-box-fr{ width: 62%;float: right;  background: url("../images/ky-box-fr.png"); color: #fff;}

#Yscrollouter{width: 6px; height: 640px; background: url("../images/yscrollouter.png") no-repeat center;  position: absolute;top:0;z-index: 99; display: block!important; right: 0;}
#Yscrollinner{width: 6px; height: 100px; background: #fff; border-radius:10px; position: absolute; top: 0; left: 0;  z-index: 9999;}
#div1{width: 96%; height:585px; padding:0 2%; margin: 0 auto; position: relative; }
#div1::-webkit-scrollbar {display:none}
.div2{width:96%; padding:20px 2%; position: absolute; left:0; top:0;}
.div2 ul{width: 48%; float: left; margin: 0 1%;}
.div2 ul li{width: 100%;}
.div2 ul li h3{font-size: 15px; padding-bottom: 10px;}
.div2 ul li h4{font-size: 14px;padding-bottom: 10px;}
.div2 ul li p{font-size: 13px;padding-bottom: 11px; line-height: 22px;}

/* 侧边悬浮导航 */
.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;}
 
/*i-news*/
.i-news{width: 100%;  padding:50px 0 30px 0;    position: relative; overflow: hidden;}
.news-box{width: 100%;padding-top: 40px;}
.news-box .list{width: 100%;}
.news-box .list li{float:left;width:33.333%;}
.news-box .list li img{max-width: 100%; margin: auto; border: 1px solid #eee;}
.news-box .list li a{display: block;width: 94%; border: 1px solid #ebebeb; background: #fff; overflow: hidden;  margin:10px auto;}
.news-box .list .news-img{width: 90%;margin: 20px auto;overflow: hidden;}
.news-box .list .news-img img{ height: 215px; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.news-box .list .news-txt{width:90%; margin:0 auto; padding-top:20px;}
.news-box .list .news-txt h3{font-size:18px; overflow: hidden; color: #000; height: 28px; line-height:28px; }
.news-box .list .news-txt p{line-height: 24px; font-size: 13px; color: #777;height:75px; overflow: hidden; margin-top: 10px; }
.news-box .list .news-txt span{display: block; color: #144abe;  text-align:right;height: 30px;line-height: 30px; margin: 10px 0;}
.news-box .list .time{width:90%; margin:0 auto;overflow: hidden;  padding-bottom: 15px;}
.news-box .list .time span{display: block; width: 150px; border-bottom: 1px solid #bfbfbf; color: #919191; float: left; font-size: 14px; text-align:left; height: 30px;line-height: 30px; margin: 10px 0;}
.news-box .list .time i{display: block; width: 30px;  height: 30px; background:url("../images/i.png"); float: right;margin: 10px 0; }
.news-box .list li a:hover{ background: #346ded;}
.news-box .list li a:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.news-box .list li a:hover h3,.news-box .list li a:hover p,.news-box .list li a:hover span{ color: #fff;}



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

.powerbox{
	background: url(../images/power01.jpg) no-repeat center center;
	background-size:cover ;
	padding-top: 70px;
	padding-bottom: 50px;
	
}
.container{width:1200px;margin:auto;}
.counter{
	font-size: 66px;
	font-weight: bold;
	color: white;
}
.demo span{
	color: white;
	font-size: 18px;
}
.demo p{
	color: white;
	font-size: 14px;
	line-height: 30px;
	margin-top: 20px;
}
.demo li{	text-align: center;}
.col-md-3 { display:inline-block;   width:33%;  vertical-align:text-top}
.link{
	background: #0f0f0f;	padding: 15px 0;	line-height: 30px;
}
.link span{	color: white;	font-size: 16px;}

.footer-copyright{width: 100%; background:#131796; color: #fff; padding:12px 0 45px 0;  font-size: 12px;overflow: hidden;}
.footer-copyright a{color: #fff;}
#links{width:92%; max-width:1300px; margin:auto; padding:50px 0 30px 0; border-bottom: 1px solid #fff;  margin-bottom:25px;}
#links span,#links a{display: inline-block; font-size: 14px; color: #fff; opacity:1;}
#links .line{display: inline-block; width: 1px; height: 10px; background-color: #fff; opacity: 0.4; margin:0 12px;}
.footer-copyright .fl,.footer-copyright .fr{color: #fff; opacity: 0.8; }


@media (max-width:1200px){
	
	 
	 .powerbox{
	background: url(../images/power01.jpg) no-repeat center center;
	background-size:cover ;
	padding-top: 70px; width:100%;
	padding-bottom: 50px;}
	
	.counter{
	font-size:48px;
	font-weight: bold;
	color: white;
}
.demo span{
	color: white;
	font-size:16px;
}
.demo p{
	color: white;
	font-size: 14px;
	line-height: 18px;
	margin-top: 20px;
}
.demo li{	text-align: center;}
.col-md-3 { display: block;    width: 30%;    padding: 2%;    vertical-align: text-top;}
.link{
	background: #0f0f0f;	padding: 15px 0;	line-height: 30px;
}


	
	
    .header{ background: #fff; top: 0; padding: 10px 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:#144abe; 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;}
    .header .menu li .drop{width: 100%; position:static;}
    .header .menu li .drop ul{ width:100%; padding:0;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%;  border-bottom: 1px solid #e5e5e5;}
    .h-wx,.h-lang,.h-search,.x_menu{display: none;}

    .i-banner{margin-top: 65px;}
    .banner-txt{width: 92%; height: 170px;margin-top: -110px; position: absolute; left: 4%;  margin-left: 0;}
    .banner-txt .banner-span{ height: 55px;}
    .banner-txt .banner-span span{font-size: 40px;width: 55px;   height: 55px}
    .banner-txt a{margin-top: 20px;}
    .ban-box{width: 100%;}
    .ban-box .ban-news{width: 100%;}
    .ban-box .ban-box-txt{width: 73%; padding-right: 1%;}
    .ban-box .ban-box-time{width: 25%; text-align: center;}
    .i-project-box span{display: none;}

    .set-content{width: 100%;}
    .set-middle{width: 100%;}
    .set-title{width: 100%;}
    .set-title ul li{width: 25%; float: left; height: auto; padding: 15px 0;  border-bottom: 0; border-right: 1px solid #95c4f6; box-sizing: border-box;}
    .set-title ul .on .set-pos{ width: 100%; padding: 0; position: static;}
    .set-title .set-num{width: 100%; line-height: 30px; border: 0;}
    .set-title .set-i-p{width: 100%;}
    .set-title .set-i-p i{ width: 48px; height: 34px;margin: 5px auto;}
    .scroll_horizontal{width:999px; }
    .scroll_horizontal .box{width:999px; }
    .scroll_horizontal .list li{float:left;width:333px;}
    .ky-box-fl{display: none;}
    .ky-box-fr{width: 100%;}
    #div1{height: 500px;}

}
@media (max-width:1200px){
    .product-num-nub{font-size: 35px;}
    .mm{right: 5px;bottom: 8px; font-size: 25px;}
    .yy{  right: 5px;}
    .i-about,.i-project,.i-ky,.i-service,.i-news{padding:40px 0;}
    .i-title h1{font-size: 38px;}
}


@media (max-width:1120px){

    .scroll_horizontal{width:666px; }
    .scroll_horizontal .box{width:666px; }
    .scroll_horizontal .list li{float:left;width:222px;}
}


@media (max-width:1024px){

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

    .ban-box{display: none;}
    .banner-txt .banner-span{ width: 100%; margin: 12px 0;height: 45px;}
    .banner-txt .banner-span span{font-size: 40px;width: 45px;   height: 45px}
    .banner-txt{margin-top: -75px;height: 150px; overflow:hidden;}
    .banner-txt a{margin-top: 10px;}

    .i-about .about-txt{width: 100%; padding: 0; background: none;}
    .i-about .about-txt i{display: block;}
    .i-about .about-txt h2{display: block; font-size:16px}
	.i-about .about-txt h3{font-size:16px}
    .i-about .about-txt .one{font-size:12px;color: #333;}
    .i-about .about-txt h1{color: #333;font-size:20px}
    .i-about .about-txt em{display: none;}
    .i-about .about-txt p{color: #666;width:0px; height:0px; overflow:hidden;}
    .i-about .about-txt img{display: block;}
    .i-about .about-img{display: none;}

}
@media (max-width:856px){
    .i-service-txt{padding:8px 2%; }
    .i-service-txt h4{font-size: 24px;margin-bottom:2px;}
    .i-service-txt p{ height: 44px; overflow: hidden;  line-height: 22px;}
    .footer-copyright{line-height: 24px;}
    .footer-copyright .fl{ width: 100%; text-align: center;}
    .footer-copyright .fr{ width: 100%; text-align: center;}
}

@media (max-width:768px){

    #div1{height: 400px;}
    .div2 ul li p{    padding-bottom: 8px;}
    .scroll_horizontal{width:500px; }
    .scroll_horizontal .box{width:500px; }
    .scroll_horizontal .list li{float:left;width:250px;}


}


@media (max-width:685px){
    .banner-txt {  margin-top: -60px;  height: 120px;    }
    .banner-txt em{width: 80px;}
    .banner-txt .banner-span{height: 40px;}
    .banner-txt .banner-span span{font-size: 28px; height: 40px; width: auto;}
    .banner-txt p{  font-size: 16px;  letter-spacing: 1px;}
    .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;}
    .i-title h1{font-size: 30px;}
    .i-title h5{font-size: 28px;}
    .i-project-box .i-pro-fl{width: 100%;}
    .i-project-box .i-pro-fm{width: 100%; margin: 10px 0;}
    .i-project-box .i-pro-fr{width:100%;}
    .i-project-box span{display: block;}
    .ky-box-fl{width: 100%;display: block;}
    .ky-box-fr{width: 100%;}
    #div1::-webkit-scrollbar {display:block}
    .div2 ul{width: 98%;}
    .scroll_horizontal{width:300px; }
    .scroll_horizontal .box{width:300px; }
    .scroll_horizontal .list li{float:left;width:300px;}
    .set-title .set-i-p i{ width: 40px; height: 28px;margin: 5px auto;}
    .set-title .set-num{font-size: 18px; font-family: Impact;}
    .set-title .set-i-p p{font-size: 14px;}
    .news-box .list li{width: 100%;}
    .news-box .list .news-img img{height: auto;}
}