@charset "utf-8";/* CSS Document */
/* 公用样式*/
*{margin:0px;padding:0px;border:0px;box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
::-webkit-input-placeholder {/* WebKit browsers */color: #898888;}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:#ababab;}
::-moz-placeholder {/* Mozilla Firefox 19+ */color: #898888;}
:-ms-input-placeholder {/* Internet Explorer 10+ */color: #898888;}
a{outline:none;color:666;text-decoration:none;}
img{border:none;}
body a {transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all; }
body {-webkit-tap-highlight-color: rgba(0,0,0,0);color: #000;font-size: 14px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;smoothing: grayscale;-o-smoothing: grayscale;font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;-webkit-text-size-adjust: none;min-width:1280px;}
ol,ul{list-style:none;}
body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-track {background: rgba(18, 32, 32, 0.8);}
body::-webkit-scrollbar-thumb {background: #000;}
body::-webkit-scrollbar-button {background: #000;}
body::-webkit-scrollbar-corner {background: #000;}
body::-moz-selection {text-shadow: none;background:#00ba00;color: #EFEFEF;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

.fl {float: left;}
.fr {float: right;}
@font-face {
  font-family: 'AGaramondPro-Regular';
  src: url('fonts/AGaramondPro-Regular.eot');
  src:
    url('fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/AGaramondPro-Regular.woff') format('woff'),
    url('fonts/AGaramondPro-Regular.ttf') format('truetype'),
    url('fonts/AGaramondPro-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSerifCN-Bold';
  src: url('fonts/SourceHanSerifCN-Bold-2.eot');
  src:
    url('fonts/SourceHanSerifCN-Bold-2.eot?#iefix') format('embedded-opentype'),
    url('fonts/SourceHanSerifCN-Bold-2.woff') format('woff'),
    url('fonts/SourceHanSerifCN-Bold-2.ttf') format('truetype'),
    url('fonts/SourceHanSerifCN-Bold-2.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ACaslonPro-Regular';
  src: url('fonts/ACaslonPro-Regular.eot');
  src:
    url('fonts/ACaslonPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/ACaslonPro-Regular.woff') format('woff'),
    url('fonts/ACaslonPro-Regular.ttf') format('truetype'),
    url('fonts/ACaslonPro-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'iskpota';
  src: url('fonts/iskpota.eot');
  src:
    url('fonts/iskpota.eot?#iefix') format('embedded-opentype'),
    url('fonts/iskpota.woff') format('woff'),
    url('fonts/iskpota.ttf') format('truetype'),
    url('fonts/iskpota.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSerifCN-Regular';
  src: url('fonts/SourceHanSerifCN-Regular.eot');
  src:
    url('fonts/SourceHanSerifCN-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/SourceHanSerifCN-Regular.woff') format('woff'),
    url('fonts/SourceHanSerifCN-Regular.ttf') format('truetype'),
    url('fonts/SourceHanSerifCN-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* 公用样式结束*/
a,a:hover{text-decoration: none;}

#topcontrol{background:#fa9000; height:30px; width:30px; border-radius:4px;}

	
.w1200{width:1200px;margin:0 auto; position:relative;}
.w1400{max-width:1400px;margin:0 auto; min-width:1200px; padding: 0 10px}
.w1600{max-width:1600px;margin:0 auto; min-width:1200px; padding: 0 10px;}	.nav{display: none;}
	.headerr{display:none;}
	.headd{display: none;}
	.allpage{display: none}
/*header*/
.header{overflow:visible;position: fixed;z-index:99;left:0;top:0;width:100%;padding-top:0;transition-duration:.5s; height:100px; left:0; right:0;min-width:1300px; background:rgba(0,28,71,.9); z-index: 999;}
.header-right .logo{height:80px;transition-duration:.5s; float: left;}
.header-right .logo img {display: block; height: 100%;}
.header .header-mains{transition:all 0.5s;padding:10px 5px;max-width:1600px;margin: 0 auto;min-width:1300px;position: relative;  }
/*header .header-nav*/
.header .header-nav{ float:left; margin-left:30px; margin-top: 10px;}
.header .header-nav .nav-item{position:relative;display:inline-block;*display:inline;zoom:1;}
.header .header-right{padding-top:6px; position: relative;}
.header .header-nav .nav-top-a1{display:block;font-size:16px;line-height:60px;padding:0 20px;color:#fff;transition-duration:.3s; text-transform:uppercase; }
.header .header-nav .nav-top-a1:hover{color:#fff}
/*er*/
.header .header-nav .nav-sub-wrap{display:none;background:rgba(0,28,71,.7);position:absolute;left:50%;margin-left:-65.5px;width:130px;top:70px;height:auto;border-top:2px solid #fff;  height:auto;}
.header .header-nav .sub-a{display: block;color:#fff; font-size:14px; line-height:30px; padding:10px 0; text-align:center; }
.header .header-nav .sub-a:hover{background:rgba(0,28,71,.8);}
.header .youx{
	margin-top: 10px;
	height: 60px;
	width: 30px;
	float: right;
	background:url(../img/mail.png) no-repeat center;
}
.header .yuyan{
	margin-top: 10px;
	margin-left: 20px;
	float: right;
	color: #fff;
	font-size: 14px;
	line-height: 60px;
	height: 60px;
}
.header .yuyan a{
	color: #fff;
	padding: 0 5px;
	float:right;
}
.header .yuyan a:hover{
	color:#94F2FB
}
/*top-link*/
.header .top-link{ position:absolute;top:0; right:0;}
.header .top-link a{ padding:0 19px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.header .top-link a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.header .top-link .linkatm{ padding-right:0;background-image:url(../img/top-line2.png);background-repeat:no-repeat;background-position:left center;}
/*nav-bg*/
.header.nav-bg{box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.03);position:fixed;transition:all .5s; background-color:#001c47;background:rgba(0, 28, 71,.9);}
.header.nav-bg .header-mains{padding:10px 5px;}
.header.nav-bg .logo{top:20px;}


/*css3*/
.hide1 {-webkit-transform: scale(0) !important;-ms-transform: scale(0) !important;transform: scale(0) !important;opacity: 0 !important; }
.show1 {z-index:100;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1; }



/*top pro nav*/
.header .header-nav .nav-item.noPosition{ position:static;}
.pc-nav-submenus-popup{z-index: 999;overflow: hidden;position: absolute;width: 1920px;margin-left: -960px;top:90px;left:50%;background-color: #fff;height: 385px; display:none; text-align:center;transition: max-height .6s}
.pc-nav-submenus-popup .w1200{ position:relative; text-align:center;}
.header .has-submenu.opened .pc-nav-submenus-popup{display: block;max-height: 100vh}
.productWrapper ul.productul>li{position: relative;transform: translate3d(0,7%,0);}
.productWrapper ul.productul>li.new::before{content: '新品';position: absolute;left: 50%;transform: translateX(-50%);bottom: 41px;width: 51px;line-height: 18px;font-size: 13px;color: #db0000;font-weight: 800;border: 1px solid #db0000;border-radius: 11px;text-align: center;padding: 1px 0;background-color: #fff5f5}
.productWrapper .swiperContainer.show{display: block}
.productWrapper ul.productul{position: absolute;top: 93px;left: 0;right: 0;background-color: #fff;z-index: 999;height: 292px;justify-content: center; margin:0 auto;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.productWrapper ul.productul>li{margin: 0 10px;width:190px;text-align: center;display: inline-block;*display: inline;zoom:1; vertical-align:top;transition:all 0.5s;}
.productWrapper ul.productul>li:hover img{transform: scale(1.05);transform-origin: center center}
.productWrapper ul.productul a{display: block}
.productWrapper ul.productul .img{background-color: #eee;width:190px;height:190px;margin-bottom: 19px;display: flex;align-items: center;justify-content: center; overflow:hidden;transition:all 0.5s;}
.productWrapper ul.productul .img img{transition:all 0.5s;}
.productWrapper ul.productul .proTitle{font-size: 12px;line-height: 20px;font-weight: 500;color: #333333}
.productWrapper ul.productul.show{display: flex;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index: 1000;}

.submenu{margin: 0 auto;position: relative;text-align: center}
.submenu>li{display: inline-block;height: 93px;padding: 0 23px;line-height: 93px}
.submenu>li span{cursor: pointer; color:#333333; display:inline-block; position:relative;line-height:40px; padding-top:25px;}
.submenu>li span:before {content: "";display: block;background: #333333;position: absolute; bottom:0; left:0; right:0;width:0;height:1px;z-index:2;transition:all 0.5s; margin:0 auto;}
.submenu>li.on span:before{width:100%;}
.submenu>li{padding:0 ; margin:0 30px;}
.submenu>li>a{padding-bottom: 5px}
.submenu a,.submenu>li{color: #333;font-size: 18px;font-weight: 500}






/* banner代码开始*/
.content5.swiper-pagination-bullets{width:auto!important;height:25px;padding:0px 10px 0px 10px;border-radius:15px;left:50%!important;bottom:60px!important;transform:translate(-50%,0)}
.content5.swiper-slide img{display:inline-block;width:100%;height:auto;}
.content5.swiper-pagination-bullet{width:10px!important;height:10px!important;opacity: 0.6;background-color:#fff!important;margin-top:5px!important;border-radius:100%;}
.content5.swiper-pagination-bullet-active{background: #fff;opacity: 1;}	
.banner{width:100%;}
.banner img{width:100%;}
.banner .swiper-wrapper{ font-size:0;}
.banner .swiper-pagination-bullets{ position:absolute; left:0; right:0; bottom:30px!important;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{ background:#fff;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#a71e23;}


/*关于我们*/
.index-ab{padding:0;background: url("../img/abou.jpg") no-repeat center;  height: 810px; width: 100%}
.index-ab .abda{ margin: 0 auto; position: relative; height: 100%;}
.index-ab .sanjian{
	width:100%; 
	padding: 20px 2%;
	height: 500px;
	position: absolute;
	top: -140px;
	left: 0;
	background: url(../img/abbb.png) no-repeat center bottom #fff;
	z-index: 9;
	border-radius: 10px
}
.index-ab .sanjian .tou{
	margin-top:20px;
	width: 100%;
	height:150px;
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #041431;
	font-weight: bold;
}
.index-ab .sanjian span{
	font-size: 34px;
	font-weight: bold;
	color: #135db6;
     word-spacing: 5px
}
.index-ab .sanjian .san{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
}
.index-ab .sanjian .san ul li{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.index-ab .sanjian .san ul li:last-child{
	margin-right: 0;
}
.index-ab .sanjian .san ul li .tu{
	width: 100%;
	height: 70px;
	text-align: center;
   vertical-align: middle;
	float: left;
}
.index-ab .sanjian .san ul li .tu img{
	height: 100%;
}
.index-ab .sanjian .san ul li .huang{
	width: 100%;
	margin-top: 16px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: left;
	color: #f9a225;
	font-size:20px;
	font-weight: bold
}
.index-ab .sanjian .san ul li .xiax{
	width: 100%;
	height: auto;
	float: left;
	line-height:30px;
	text-align: center;
	font-size: 16px;
}
.index-ab .abda .abd{
	color: #fff;
	width: 100%;
	height: 450px;
	position: absolute;
	left: 0;
	bottom: 0;
	
}
.index-ab .abda .abd ul li{
	margin:120px 1% 0 1%;
	padding-right: 2%;
	text-align: center;
	height: 100%;
	float: left;
	width:31%;
	border-right: 1px solid rgba(255,255,255,.5);
	font-size:16px;
	line-height: 30px;
	
}
.index-ab .abda .abd ul li:last-child{
	border-right: none;
}
.index-ab .abda .abd ul li span{
	font-size: 46px;
	font-weight: bold;
	line-height: 240%
}

/*新闻中心*/
.indexn{padding:30px 0; background:#f2f2f2;}
.indexn .tit{height: 60px;width: 100%; line-height: 60px;padding:20px 0 0 0; font-size: 30px; color: #333;
margin-bottom: 40px; float: left;}
.indexn .tit span{ font-size: 24px; text-transform: capitalize}
.indexn .tit a{ font-size: 18px; text-transform: uppercase; float: right; color:#333; transition: all .5s}
.indexn .tit a span{border-bottom: 1px solid #333; text-transform: uppercase;font-size: 18px;}
.indexn .tit a:hover{color:#004b92; margin-right: 10px;}
.indexn .xwnr{
	width: 100%; float: left;
}
.indexn .znr{
	width: 70%;
	float: left;
}
.indexn .ynr{
	width: 20%;
	float: right;
}
.indexn .ynr img{
	width: 100%;
}
.indexn .xwnr ul li{
	position: relative;
	width: 100%;
	height: 140px;
	line-height: 24px;
	border-bottom: 1px dotted #3d3d3d;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	
	
}
.indexn .xwnr ul li a{
	color: #777;
}
.indexn .xwnr ul li a:hover{
	color: #333;
}
.indexn .xwnr ul li a:hover span{
	color:#004b92
}
.indexn .xwnr ul li p span{
	line-height: 180%;
	font-size: 24px;
	color: #333;
}
.indexn .tim{
	padding-left: 26px;
	position: absolute;
	bottom: 10px; left: 0;
	height: 20px;
	background: url(../img/tim.png) no-repeat center left;
	line-height: 20px;
	color: #9b9b9b;
	font-size: 12px;
}



/*产品列表*/
.inpro{
	padding: 30px 0
}
.inpro .tit{height: 60px;width: 100%; line-height: 60px;padding:20px 0 0 0; font-size: 30px; color: #333;
margin-bottom: 40px; float: left;}
.inpro .tit span{ font-size: 24px; text-transform: capitalize}
.inpro .tit a{ font-size: 18px; text-transform: uppercase; float: right; color:#333; transition: all .5s}
.inpro .tit a span{border-bottom: 1px solid #333; text-transform: uppercase;font-size: 18px;}
.inpro .tit a:hover{color:#004b92; margin-right: 10px;}
.lanmuc-bannj{width: 100%; height: auto;}
.lanmuc-bannj .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.lanmuc-bannj .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.lanmuc-bannj .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.lanmuc-bannj .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.lanmuc-bannj .slide_container {
  position: relative;
  float: left;
  width: 100%;
  }

.lanmuc-bannj .slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.lanmuc-bannj .slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .lanmuc-bannj .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.lanmuc-bannj .slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .lanmuc-bannj .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../img/themes.gif") no-repeat left top;
  margin-top: -45px;
	cursor: pointer;
  }

.lanmuc-bannj .slide_nav:active {
  opacity: 1.0;
  }

.lanmuc-bannj .slide_nav.next {
	cursor:pointer;
  left: auto;
  background-position: right top;
  right: 0;
  }
	

/*我们的服务*/
.indexCase{padding-top:30px;}
.indexCase .titleBox{ height:100px; position: relative;}
.indexCase .gangg{
	width: 1400px;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: 26px;
	background: url(../img/xwg.png) no-repeat center;
}
.indexCase .titleBox .titleBig{ text-align:center;padding-bottom:10px}
.indexCase .titleBox .titleBig .en{color: #404040;font-size:16px;line-height:30px; text-transform:uppercase;}
.indexCase .titleBox .titleBig .cn{ color: #404040;font-size:30px;line-height: normal;margin-top:10px;}
.indexCase .tuwen{
	margin-top: 20px;
	width: 100%;
	height: auto;
	float: left;
}
.indexCase .tuwen ul li{
	width: 16%;
	float: left;
	margin-right: 5%;
}
.indexCase .tuwen ul li:last-child{
	margin-right: 0;
}
.indexCase .tuwen ul li .stu{
	text-align: center;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	float: left;
}
.indexCase .tuwen ul li .xwe{
	text-align: center;
	width: 100%;
	height: auto;
	float: left;
	line-height: 26px;
	font-size: 24px;
	color: #333;
}
.indexCase.tuwen ul li .xwe p span{
	color: #999999;
	font-size: 16px;
	text-transform: uppercase;
}
.indexCase .yizhan{
	width: 100%;
	height: auto;
	float: left;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	margin: 40px 0;
	color: #989898;
	letter-spacing: 10px;
}
.fgt{
	width: 100%;
	height: 240px;
	background: url(../img/fenget.jpg) no-repeat center;
}
.fgt .you{
	position: relative;
	background: url(../img/huore.png) no-repeat center;
	height: 100%;
}
.fgt .zuo{
	position: absolute;
	width: 45%;
	height: auto;
	margin-top: 64px;
	line-height: 26px;
	color: #fff;
}
.fgt .lian{
	padding-left: 52px;
	width: 140px;
	height: 40px;
	background: url(../img/tel.png) no-repeat center left #fff;
	border-radius: 10px;
	position: absolute;
	left: 10px;
	bottom: 30px;
	line-height: 40px;
	color: #004480;
	transition: all .5s
}
.fgt .lian:hover{
	left: 20px;
}
/*footer*/
.footer{width:100%;background:#eeeeee; overflow:hidden;padding: 20px 0; }
.footer .footer-lx{width:28%;height:auto; float:left;color:#242424;}
.footer .footer-lx h3{
	margin-bottom: 20px;
	font-weight: bold
}
.footer .footer-lx .titi{
	width: 100%; float: left;
}
.footer .footer-lx .shuru{
	width: 90%;
	float: left;
	border:1px solid #ccc;
	height: 40px;
	color: #333;
	margin-bottom: 10px;
	padding-left: 20px;
	outline: none;
}
.footer .footer-lx .tijiao{
	width: 30%; float: left;
	background: #004480;
	color: #fff;
	height: 30px;
	margin-bottom: 20px;
}

.footer .footer-lx td{
	height: 30px;
}

.footer .ylink{width:50%; float:left;margin-left: 5%; margin-top: 20px}
.footer .ylink ul{ float:left;display:inline-block;zoom:1; width: 100%}
.footer .ylink li{padding:0;margin:0;text-align:left;line-height:30px;float: left; margin:4px 5px; position: relative; width:18%;} 
.footer .ylink li a{color:#2c2c2c;font-size:18px;text-align:left; width:100%;}
.footer .ylink li a:hover{color:#2c2c2c;}

.footer .ylink li ul{width: auto; position: absolute; left:-6px; top: 50px;}	
.footer .ylink li ul li{line-height: 30px; font-size: 10px; width: 100%}
.footer .ylink li ul li a{color: #ACACAC; font-size:16px;}	
.footer .ylink li ul li a：hover{color: #fff;}	

.footer .ewm{ width:15%; height:130px; display:inline-block; float:right;  line-height:24px; color: #8b8b8b; text-align: center;
margin-top: 30px;}
.footer .ewm ul li{
	float: left;
	width: 46%;
	margin: 20px 2%;
}
.footer .ewm img{width: 100%;}

.copyright{float:left; width:100%;text-align:center;display:block;font-size:12px;background: #001d4c;color: #80899b; height: 36px; line-height: 36px;}
.copyright a{color:#80899b;}

/*关于我们的详情页*/
.jmab{width: 100%;
	margin: 0 auto;
}
.jmab .nei {
	/* height: 80px; */
	line-height: 80px;
	background: #eeeeee;
	float: left;
	width: 100%;
	color: #001c47;
   }
.jmab .neix{
	position: relative;
	height: 100%;
    margin: 0 auto;
	font-size: 24px;
}
.jmab .neix .liebiao{
	height: 100%;
  	position: absolute;
	right: 0;
	bottom: 18px;	
}

.jmab .neix ul li{
	margin-top: 18px;
	float: left;
	position: relative;
}
.jmab .neix ul li a{
	transition: all .5s;
	padding: 0 26px;
	color: #565656;
	font-size: 16px;
	display: block;
}
.jmab .neix li:hover a{
	font-weight: bold;
}
.neix .sousou{
	width: 220px;
	height: 30px; 
	line-height: 30px;
	padding-left: 20px;
	border: 1px solid #b5b5b5;
	position: absolute;
	right: 340px;
	font-size: 12px;
	border-radius: 20px;
	bottom: 22px;
	background: #f8f8f8;
	outline: none;
}
.neix .soushang{
	outline: none;
	position: absolute;
	background: url(../img/sou.png) no-repeat center;
	width: 40px;
	height: 30px;
	right: 340px;
	bottom: 22px;
	z-index: 99;
}

.jmab .liebiao .gang{
	position: absolute;
	width:0px;
	height: 3px;
	background: #001c47;

	display: none;
}
.jmab .liebiao ul li .bk{position: absolute; left:0; top:80px; background: #596379; display: none}

.jmab .liebiao ul li .bk li{height: 36px; line-height: 36px; text-align:center; margin-top: 0;
width: 100%;}
.jmab .liebiao ul li .bk li:hover{ background: #5f708c;
}
.jmab .liebiao ul li .bk li a{display: block; color: #fff; font-size: 12px; 
display: flex;
justify-content: center;
align-items: center;}
.jmab .liebiao ul li:hover .gang{
	display: block;
	width: 40px;
	bottom: 14px;
	left: 50%;
	transform: translate(-50%,-50%)
}
.jmab .gjj{
	width: 100%;
	height:800px;
	background: url(../img/abouxx.jpg) no-repeat center;
	position: relative;
}
.jmab .gjj .sanjian{
   width: 100%;
	margin: 0 auto;
}
.jmab .sanjian .tou{
	margin-top:40px;
	width: 100%;
	height:100px;
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #041431;
	font-weight: bold;
}
.jmab .sanjian span{
	font-size: 34px;
	font-weight: bold;
	color: #135db6;
     word-spacing: 5px
}
.jmab .jies{
	text-align: center;
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 40px;
}
.jmab .jies  p span{
  color: #f8a225;
	font-size: 20px;
	line-height: 200%;
}
.jmab .jies p{
	font-size:16px;
	line-height: 36px;
}
.jmab .dada{
	width: 100%;
	color: #fff;
	line-height: 36px;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
}
.wenhua{
	width: 100%; height: 500px;
	background: url(../img/wen.jpg) no-repeat center;
}
.wenhua .whn{
	margin: 0 auto;
}
.wenhua .tou{
	margin-top:40px;
	width: 100%;
	height:120px;
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
.wenhua .tou span{
	font-size: 34px;
	font-weight: bold;
     word-spacing: 5px
}
.wenhua .wen{
	width: 100%; 
	height: 150px;
	float: left;
}
.wenhua .wen img{
	width: 100%;
}
.wenhua .xiaoz{
	margin-top: 30px;
	color: #fff;
	text-align: center;
	width: 100%;
	float: left;
	line-height: 50px;
	font-size: 18px;
}
.wenhua .xiaoz i{
	font-size: 30px;
	
}
/*资质证书*/
.zizhi{
	width: 100%;
	height: auto;
	background: #eeeeee;
}
.zizhi .ziz .tou{
	margin-top:40px;
	width: 100%;
	height:120px;
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #041431;
	font-weight: bold;
	margin-bottom: 20px;
}
.zizhi .ziz .tou span{
	font-size: 34px;
	font-weight: bold;
     word-spacing: 5px;
	color: #135db6;
}
/*致辞*/
.zhici{
	width: 100%;
	height: auto;
}
.zhici .ziz .tou{
	margin-top:40px;
	width: 100%;
	height:120px;
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #041431;
	font-weight: bold;
	margin-bottom: 20px;
}
.zhici .ziz .tou span{
	font-size: 34px;
	font-weight: bold;
     word-spacing: 5px;
	color: #135db6;
}
.zhici .zc{
	width: 100%; height: 600px;
	background: url(../img/zhici.png) no-repeat center;
}
.zhici .zc .zcn{
	float: right;
	width: 50%;
	text-indent: 2rem;
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	color: #6a6a6a;
}
.zhici .zc .zcn span{
	float: right;
}
/*新闻的列表页*/
.jmab .xinw{
	margin: 0 auto;
}
.jmab .xinw .zuoce{
	margin-top: 50px;
	width: 22%; float: left;
	border: 1px solid #ccc;
	padding: 10px 14px
}

.jmab .xinw .zuoce .daf{
	width: 100%;
	float: left;
	margin-bottom: 10px
}
.jmab .xinw .zuoce .daf ul{
	margin-top: 10px;
}
.jmab .xinw .zuoce .daf ul li{
	position: relative;
	height: 50px;
	line-height: 50px;
	width: 100%;
	float: left;
	padding: 4px 8px;
	margin-bottom: 5px;
}
.jmab .xinw .zuoce .daf ul li a{
	color: #707070;
	display: block;
}
.jmab .xinw .zuoce .daf ul li a .gaga{
	position: absolute;
    width: 20px;
    height: 2px;
    background: #bfbfbf;
    top: 26px;
    right: 20px;
}
.jmab .xinw .zuoce .daf ul li:hover{
	background: #f8f8f8;
}
.jmab .xinw .zuoce .daf .timu{
	position: relative;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 10px;
	color: #001c47;
}
.jmab .xinw .zuoce .daf .timu .you{
	position: absolute;
	width: 50px;
	height: 3px;
	background: #001c47;
	right: 20px;
	top: 28px;
}


.jmab .xinw .youce ul li .ztt{
	display: none;
}
.jmab .xinw .youce ul li .xwn{
	width: 100%
}
.jmab .xinw .youce{
	width: 75%;
	float: right;
}
.jmab .xinw ul{
	width: 100%; margin-top: 40px;
}
.jmab .xinw ul li{
	border-bottom: 1px solid #f8f8f8;
    transition: all .5s;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding: 14px;
}
.jmab .xinw ul li .ztt{
	width:23%;
	height: 180px;
	float: left;
}
.jmab .xinw ul li .xwn{
	float: right;
	width: 77%
}
.jmab .xinw ul li .xwn .timu{
	height: 50px;
	line-height: 40px;
	float: left;
	width: 100%;
	font-size: 20px;
	color: #333;
}
.jmab .xinw ul li:hover {
	box-shadow: 0 5px 5px rgba(10,73,137,.1);
}
.jmab .xinw ul li:hover .xwn .timu{
	color: #0a4989;
	font-weight: bold;
}
.jmab .xinw ul li .xwn .wenz{
	line-height: 24px;
	font-size: 14px;
	color: #666;
	height: 50px;
	float: left;
	overflow: hidden;
	-webkit-line-clamp:2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	
}
.jmab .xinw ul li:hover .xwn .wenz{
	color: #333;
}
.jmab .xinw ul li .xwn .time{
	margin-top: 10px;
	width: 100%;
	height:20px;
	line-height: 24px;
	background: url(../img/tim.png) no-repeat left center;
	padding-left: 26px;
	color: #999;
	float: left;
	
}
.jmab .xinw ul li .xwn .geng{
	width: 120px;
	float: left;
	margin-top: 20px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	border: 2px solid #001c47;
	color: #001c47;
	transition: all .5s;
}
.jmab .xinw ul li:hover .xwn .geng{
	background: #001c47;
	color: #fff;
}
/*新闻翻页*/
.jmab .fany{
	position:relative;
	height: 80px;
 }
 .jmab .fany  #pages{
	 position:absolute;
	left:50%;
   bottom:0;
 transform:translate(-50%,-50%)
 }
 .jmab .fany li{
  width: 30px;
  margin: 0 5px;
  float: left;
  background: #eeeeee;
  height: 30px;
  line-height: 30px;
  text-align:center;
 }
.jmab .fany a{
	width: 30px;
	height: 30px;
	color: #8c8c8c;
	padding: 5px 10px;
	/* margin: 0 5px; */
	background: #eeeeee;
   }
.jmab .fany a:hover{
	background: #001c47;
	color: #fff;

}

.shangxia{
	margin: 20px 0;
	width: 100%;
	float: left;
	height: 60px;
	font-size: 12px;
}
.shangxia a{
	width: 100%;
	height: 24px;
	line-height: 24px;
	float: left;
	color: #001c47;
	
}
.shangxia a:hover{
	text-decoration: underline;
}


/*新闻详情*/
.lanxin{
	width: 100%;
	background: #e5e5e5;
	padding-bottom: 80px;
}
.lanxin .lxda{
	margin: 0 auto; 
}
.lanxin .xinwx{
	width: 100%;
	padding: 20px 20px 80px 20px;
	position: relative;
    background: #fff;
}
.lanxin .xinwx h3{
	color: #0a4989;
	font-weight: bold;
	line-height: 40px;
}
.lanxin .xinwx .timu{
	top: -150px;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 150px;
	border-bottom: 1px solid #d2d2d2;
	position:absolute;
	background: #fff;
	padding: 20px;
}
.lanxin .xinwx .shijian{
	width: 100%;
	height: 30px;
	float: left;
	margin-top: 0px;
	color: #9b9b9b;
}
.lanxin .timu .xixi{
	width: 100%;
	float: left;
	margin-top: 0px;
	color: #666;
	text-align: right;
}
.lanxin .xinwx .neir{
	width: 100%; margin: 30px 0;
	background: #fff;
	color: #343434;
	line-height: 26px;
}

.lanxin .xinwx .fan{
    padding: 2px 50px;
	line-height: 40px;
	text-align: center;
	background: #001c47;
	color: #fff;
	left:50%;
	bottom:20px;
	position: absolute;
	transform: translate(-50%,-50%)

}
.lanxin .xinwx .fan:hover{
	color: #fff602;
	box-shadow: 0 3px 5px #ccc;
}

.xinw .dangt .fan{
    padding: 2px 50px;
	line-height: 40px;
	text-align: center;
	background: #001c47;
	color: #fff;
	left:43%;
	bottom:0px;
	position: absolute;
	transition: transform(-50%,-50%)

}
.xinw .dangt .fan:hover{
	color: #fff602;
	box-shadow: 0 3px 5px #ccc;
}
.xinw .dangt{
	width: 100%;
	float: left;
	margin: 40px 0;
	position: relative;
	padding-bottom: 70px;
}
.xinw .dangt img{
	width: 100%;
}
/*瀑布流*/
.content{
    width:100%;
    margin: 20px auto;
}
.list{
	padding-bottom:30px;
    width: 100%;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
}
.list-item{
	width: auto;
	float: left;
    margin-bottom: 30px;
}
.item-img{
	position: relative;
}
.item-img .yin{
	position: absolute;
	width: 100%;
	height: 20%;
	left: 0;
	bottom: 0;
	background: linear-gradient(to top,rgba(85,103,130,1),rgba(255,255,255,0))
}
.item-img .zizi{
	color: #fff;
	font-size: 20px;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	left: 0;
	bottom: 20px;
	z-index: 99;
}
.item-img img{width: 100%;}

/*产品page页*/
.proo .tou{
	margin-top:40px;
	width: 100%;
	height:120px;
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #041431;
	font-weight: bold;
}
.proo span{
	font-size: 34px;
	font-weight: bold;
	color: #135db6;
     word-spacing: 5px
}
.xinw .cpfl{
	width: 100%;
	height: auto;
}
.xinw .zdiv{
	float: left;
	width: 43%;
	height: auto;
	margin-bottom: 80px;
}
.xinw .zdiv .stu{
	position: relative;
	float: left;
	width: auto;
	margin-bottom: 20px;
}
.xinw .zdiv .stu img{
	width: 100%
}
.xinw .zdiv .xtu{
	position: relative;
	float: left;
	width:auto;
	height:auto;
}
.xinw .zdiv .xtu img{
	width: 100%
}
.xinw .ydiv{
	float: right;
	width: 55%;
}
.xinw .ydiv .stu{
	position: relative;
	height: 410px;
	float: left;
	margin-bottom: 20px;
}
.xinw .ydiv .stu img{
	width: 100%;
	height: 100%
}
.xinw .ydiv .xtu{
	
	float: left;
	width: 100%;
	height: 214px;
	background: #001c47;
	padding-top:70px;
	line-height: 30px; 
	color: #fff;
	font-size: 16px;
	text-align:center;
}
.xinw .ydiv .xtu span{
	font-size: 26px;
}
.xinw .hui{
	display: none;
	width: 100%; height: 100%;
	background: rgba(0,0,0,.4);
	position: absolute;
	top: 0;
	left: 0;
}
.xinw .bai{
	display: none;
	position: absolute;
	width: 100%;
	height:200px;
	padding: 0 30px;
	left: 0; bottom: 0px;
	z-index: 99;
	line-height:32px;
	color: #fff;
}
.xinw .bai h3{
	line-height: 150%
}
.xinw .bai a{
	padding: 4px 10px;
	font-size: 16px;
	color: #f9a225;
	border:1px solid rgba(249,162,47,.5)
}
.xinw .bai a:hover{
	background: #f9a225;
	color: #fff;
}
/*产品型号和列表*/
.cpxh{
	height: auto;
	margin: 30px auto;
	padding-bottom: 40px;
}
.xinghao{
	width: 20%;
	float: left;
	/* height:380px; */
	padding:10px 2%;
	border: 1px solid #bfbfbf;
}
.xinghao .daf{
	width: 100%;
	float: left;
	margin-bottom: 10px
}
.xinghao .daf ul li{
	width: 100%;
	float: left;
	padding: 4px 5px
}
.xinghao .daf ul li:hover{
	background: #f8f8f8;
}
.xinghao .daf .timu{
	position: relative;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 10px;
	color: #001c47;
}
.xinghao .daf .timu .you{
	position: absolute;
	width: 20px;
	height: 3px;
	background: #bfbfbf;
	right: 20px;
	top: 28px;
}

.xinghao ul li .lie{
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	position: relative;
	color: #5a5a5a;
}
.xinghao ul li .liez{
	width: 16px;
	height: 16px;
	position: absolute; left: 5px;
	top: 12px;
	border: 1px solid #bfbfbf;
}
.xinghao ul li a{
	display: block;
	color: #5a5a5a;
}
.xinghao ul li a:hover{
	color: #001c47
}
.xinghao ul li a:hover .liez{
	background: #001c47
}
.cpxh .lieb{
	width: 74%;
	float: right;
}
.cpxh .lieb .tou{
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #bfbfbf;
	color: #454545;
	font-size: 20px;
	padding-bottom: 30px;
}
.cpxh .lieb .wei{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.cpxh .lieb .wei ul li{
	transition: all .5s;
	width: 33%;
	height: 570px;
	float: left;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.cpxh .lieb .wei ul li:hover{
	box-shadow: 0 3px 10px #ccc
}
.cpxh .lieb .wei ul li .tup{
	width: 88%;
	margin: 14px 6%;
	float: left;
	overflow: hidden;
	
}
.cpxh .lieb .wei ul li .tup img{
	width: 100%;
	height: 350px;
	transition: all .5s;
}
.cpxh .lieb .wei ul li:hover .tup img{
	transform: scale(1.1)
}
.cpxh .lieb .wei ul li .xwz{
	width:100%;
	padding:0 4%;
	float: left;
	line-height: 30px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	display: -webkit-box;
	color: #717171
}
.cpxh .lieb .wei ul li .xwz span{
	font-size: 18px;
	color: #333
}
.wei .yase{
	position: relative;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	width: 100%;
	padding: 0 5%;
	float: left;
}
.wei .yase .kuai{
	position: absolute;
	width:80%;
	height: 20px;
	left: 18%;
	bottom: 2px;
	
}
.lieb .yase .kuai ul li{
	width: 14px;
	height: 14px;
	float: left;
	margin: 0 5px;
	padding-bottom: 0;
}
.lieb .yase .kuai ul li:first-child{
	border: 1px solid #f00;
} 
.lieb .yase .kuai ul li:last-child{
	border: 1px solid #333;
}
.lieb .yase .kuai ul li:nth-child(2){
	border: 1px solid green;
	background: green;
}
.lieb .yase .kuai ul li:nth-child(3){
	border: 1px solid #00a0e9;
}
.lieb .jiage{
	width: 100%;
	padding: 0 5%;
	float: left;
	color: #e25d1b;
	font-size: 16px;
	margin-top: 10px;
}
.lieb .liaojie{
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #001c47;
	color: #001c47;
	float: left;
	margin-left: 5%;
	margin-top: 20px;
}
.lieb .liaojie:hover{
	background:#001c47;
	color: #fff;
}
/*产品的详情*/
.neir .ztt{
	width: 35%;
	float: left;
}
.neir .ztt .sdd{
	width: 96%;
	padding: 2%;
	border:1px solid #f8f8f8;
}
.neir .ztt .sd{
	width: 100%;
	height: auto;
}
.neir .ztt .sd img{
	width: 100%;
}
.neir .ztt .xd{
	width:96%;
	height: auto;
	float: left;
	margin:2% 0;
}
.neir .ztt .xd li{
	box-shadow: 0 0 3px #f4f4f4;
	width: 22%;
	height: auto;
	float: left;
	margin-right: 4%;
}
.neir .ztt .xd li:hover{
	box-shadow: 0 3px 3px #999;
}
.neir .ztt .xd li:last-child{
	margin-right: 0;
}
.neir .ztt .xd li img{
	width: 96%;
	margin: 2%;
}

        .box {
            width: 350px;
            height: 350px;
            margin: 100px;
            border: 1px solid #ccc;
            position: relative;
        }
 
        .big {
            width: 400px;
            height: 400px;
            position: absolute;
            top: 0;
            left: 360px;
            border: 1px solid #ccc;
            overflow: hidden;
            display: none;
        }
 
        .big img {
            position: absolute;
            width: 800px;
        }
 
        .mask {
            width: 175px;
            height: 175px;
            background: rgba(255, 255, 0, 0.4);
            position: absolute;
            top: 0px;
            left: 0px;
            cursor: move;
            display: none;
        }
 
        .small {
            position: relative;
        }


.neir .youbian{
	width: 64%;
	float: right;
}
.youbian .yase{
	width: 100%;
	height: 120px;
	line-height: 60px;
	float: left;
	position: relative;
	font-weight: bold;
}
.youbian .yase .yasx{
	width: auto;
 position: absolute;
	left: 50px;
	bottom: 70px;
	
	
}
.youbian .yase .yasx li{
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 5px;
	padding-bottom: 0;
}
.youbian .yasx li:first-child{
	border: 2px solid #f00;
} 
.youbian .yasx li:last-child{
	border: 2px solid #333;
}
.youbian .yasx li:nth-child(2){
	border: 2px solid green;
	background: green;
}
.youbian .yasx li:nth-child(3){
	border: 2px solid #00a0e9;
}
.youbian .ding{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #e25d1b;
	color: #fff;
	position: absolute;
	right: 20px;
	bottom: 70px;
}
.youbian .ding:hover{
	box-shadow: 0 3px 5px #e25d1b;
}
.youbian .yase .jiage{
	font-size: 24px;
	color: #e25d1b;
	position: absolute;
	left: 0;
	bottom: 0;
}
.youbian .cpxx{
	width: 100%; float: left;
	margin-top: 30px
}
.youbian .cpxx img{
	width: 100%;
}

/*侧边栏*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:5px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#073968 url(../img/fixCont.png) no-repeat 0 -169px;}
.yb_bar .yb_phone{background:#073968 url(../img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_QQ{text-indent:0;background:#073968 url(../img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_ercode{background:#073968 url(../img/fixCont.png) no-repeat 0 -57px;}
.hd_qr{padding:0 0px 25px 10px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}	


.jmab .xinw .youce ul li .ztt{
	display: none;
}
.jmab .xinw .youce ul li .xwn{
	width: 100%
}

.jmab .neinei .mianbao{
	margin-bottom: 30px;
	font-size: 13px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #333;
	float: left;
	border-bottom: 1px solid #eeeeee;
}
.jmab .neinei .mianbao a{
	color:#0a4989;
}
.jmab .neinei .mianbao a:hover{
	color:#001c47;
	font-weight: bold;
}
.jmab .neinei{
	margin-top: 50px;
	width: 100%;
	float: left;
	line-height:28px;
	font-size:16px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
}
.jmab .neinei h3{
	color: #333;
	text-align: center;
}
.jmab .neinei center{
	font-size: 12px;
	color: #999;
	line-height: 30px;
}