body{
	width:100%;
	max-width:750px;
	min-width:320px;
	margin:0 auto;
}
.clear{
	clear:both;
}
.header{
	width:100%;
	height:3.2rem;	
	display:flex;
	display:-webkit-flex;
	padding:0 .25rem;
	justify-content:space-between;
	background:#fff;
	position:relative;
	z-index:1000;
}
.top-logo{
	width:40%;
	height:3.2rem;
	line-height:3.2rem;
}
.top-logo img{
	height:2.55rem;
	position:relative;
	z-index:10000;
}

.menuBtn {
	position: absolute;
	top: 48.5%;
	right:5%;
	width: 1.5rem;
	height: 1rem;
	cursor: pointer;
	z-index: 100;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);}
.menuBtn em {
	margin-bottom: .3rem;
	display: block;
	height: .12rem;
	background-color: #009ec1;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.menuBtn em:nth-child(2){
	width:1.2rem;
	float:right;
}
.menuBtn em:nth-child(3){
	clear:both;
}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;left: 5px;top: 50%;width: 24px;}
.menuBtn.on em:first-child {display: block;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
	}
.menuBtn.on em:last-child {
	display: block;
	transform:rotate(-45deg);	
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
/*Carousel start*/
.banner img{ float:left; width:100%; height: auto;}
.relative{position:relative;left:0;top:0;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.opacity6{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* ie8  */filter:alpha(opacity=60);    /* ie5-7  */opacity:0.6;/* css standard, currently it works in most modern browsers  */}
.app_center{width:100%;min-width:320px;margin-left:auto;margin-right:auto;}
.scroll{margin:0 auto;max-width:640px;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute; margin-left:40%;z-index:400px;bottom:0px;}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 5px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#009ec1;}
/*Carousel start*/
#aside {position: fixed;top: 2.6rem;top: -100%;bottom: 0;transition:all .6s;width: 100%;max-width:750px;
	min-width:320px;overflow-y: auto;}
#aside.open {top: 0;background-color:rgba(8,8,8,.9);}
#aside .menu{width:96%;margin:4rem auto 0;font-size:0;}
#aside .menu a{display:inline-block;width:100%;padding:.25rem 0;}
#aside .menu .rtdown-line{border-bottom:1px dashed #666;border-right:1px dashed #666;}
#aside .menu .down-line{border-bottom:1px dashed #666;}
#aside .menu .rt-line{border-right:1px dashed #666;}
#aside .menu a span{display:block;width:2rem;height:2rem;margin:0 auto;}
#aside .menu a p{margin:.45rem 0;font-size:.75rem;color:#fff;text-align:center;}
#aside .menu .sub {padding: 10px 0;display: none;}
#aside .menu .sub > a {padding-left: 46px;display: block;width: 100%;height: 36px;line-height: 36px;color: #fff;font-size: 14px;}
#aside .menu .sub > a:hover,#aside .menu .sub > a.on {color: #d73240;background-color: #1c1c1c;}
#aside .menu .sub-sub {padding: 10px 0;display: none;}
#aside .menu .sub-sub a {padding-left: 60px;display: block;width: 100%;height: 32px;line-height: 32px;color: #fff;font-size: 12px;}
#aside .menu .sub-sub a:hover,#aside .menu .sub-sub a.on {color: #015da4;background-color: #1c1c1c;}
#aside .lang {margin-top: 20px;display: block;text-align: center;color: #fff;}
#aside .lang a {margin: 0 10px;color: #fff;}
#aside .lang a.on {color: #015da4;}
#aside .menu .v1 i{margin-right:.6rem;}
#aside .menu .v1 i.i-nav img{display:inline-block;width:1.6rem;height:1.55rem;}
#aside .menu .v1 i.language img{display:inline-block;width:1.6rem;height:1.05rem;}

.menus{
	position:relative;
}
.menus:after{
	content:'';
	position:absolute;
	bottom:1.75rem;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
}
.menu ul li{
 	float:left;
  	width:25%;	
  	height:1.8rem;
  	line-height:1.8rem;
  	text-align:center;
}
.menu ul li a{
	display:block;
	font-size:.7rem;
	color:#fff;
	background:#009ec1;
}
.menu ul li:nth-child(1) a,.menu ul li:nth-child(2) a,.menu ul li:nth-child(3) a,.menu ul li:nth-child(5) a,.menu ul li:nth-child(6) a,.menu ul li:nth-child(7) a{
	border-right:0.01rem solid #fff;	
}
.menu ul li .m-hov{
	background:#6ac335;	
}
/*返回顶部*/
.backTop{
	width:2.5rem;
	height:2.5rem;
	border-radius:50%;
	background:#000;
	opacity: .7;
	position:fixed;
	right:5%;
	bottom:12%;
	z-index:999;
	cursor:pointer;
}
.backTop:after{
	display:inline-block;
	content:'';
	width:1rem;
	height:1rem;
	border-bottom:.2rem solid #fff;
	border-left:.2rem solid #fff;
	transform:scaleX(0.5) rotateZ(138deg);
	-webkit-transform:scaleX(0.7) rotateZ(136deg);
	position:absolute;
	left:16px;
	top:21px;
	}
.footer{
	width:100%;
	height:3.275rem;
	position:fixed;
	bottom:0;
	left:0;
	z-index:10;
	border-top:1px solid #ddd;
	display:flex;
	display:-webkit-flex;
	}
.footer .icon-tv{
	display:flex;
	display:-webkit-flex;
	flex:auto;
	background:#009ec1;
	align-items:center;
	-webkit-items:center;
	flex-direction:column;
	-webkit-flex-direction:column;
	justify-content:center;
	-webkit-justify-content:center;
	position:relative;
}
.footer .icon-tv:before{
	content:'';
	position:absolute;
	top:0;
	left:-3%;
	width:5px;
	height:100%;
	background:url(../images/icon-foot-line.png) center left no-repeat;
	background-size:contain;
}
.footer .icon-tv i{
	display:block;
	font-size:1.2rem;
	color:#fff;
}

.footer .iconfont-3 i{
	font-size:1.45rem;
}
.footer .iconfont-3 span{
	margin-top:0!important;
}
.footer .icon-tv span{
	display:block;
	font-size:.6rem;
	color:#fff;
	margin-top:0.2rem;
	font-family:'微软雅黑';
	}
.footer .icon-tv img{
	width:1.8rem;
	height:1.6rem;
}
.symbol{
	padding-bottom:3.6rem;
}
@font-face {
  font-family:'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.content{
	width:94%;
	margin:0 auto;
}
.searchBox{
	width:94%;
	margin:3% auto;
	height:1.8rem;
	background:#f1f1f1;
	border-radius: 8px;
}
.searchBox input{
	height:1.6rem;
	line-height:1.6rem;
	border:none;
	outline:none;
}
.searchBox .sear{
	width:86%;
	font-size:.7rem;
	color:#999;
	margin-left:.3rem;
	background:#f1f1f1;
}
.searchBox .smt{
	width:11%;
	height:1.6rem;
	color:#f1f1f1;
	margin-top:1%;
	background:url(../images/icon-search.png) center center no-repeat;
	background-size:62%;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#d7d7d7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#d7d7d7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#d7d7d7;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#d7d7d7;
}
.hot-key{
	position:relative;
	width:94%;
	margin:3% auto;
}
.hot-key span{
	position:absolute;
	top:.15rem;
	left:0;
	color:#888;
	font-size:.7rem;
}
.hot{
	margin-left:3.5rem;
}
.hot a{
	display:inline-block;
	color:#888;
	font-size:.7rem;
}
.same-title-area{
	width:100%;
	/*height:2rem;*/
	line-height:2rem;
	border-bottom:0.05rem solid #e9e9e9;
	border-top:0.5rem solid #f1f1f1;
}
.same-title{
	width:94%;
	margin:0 auto;
	position:relative;
}
.same-title:before{
	content:'';
	position:absolute;
	top:24%;
	left:0;
	width:0.15rem;
	height:0.9rem;
	background:#009ec1;
}
.same-title b,.same-title span,.same-title .amore{
	display:inline-block;
}
.same-title b{
	font-size:.8rem;
	color:#333;
	margin-left:.5rem;
}
.same-title b font{
	color:#009ec1;
}
.same-title span{
	font-size:.8rem;
	font-weight:bold;
	color:#ececec;
	text-transform: capitalize;
}
.same-title .amore{
	position:absolute;
	top:0;
	right:0;
	font-size:.7rem;
	color:#444;
}
.introduce{
	margin:.5rem 0;
}
.introImg {
	border:0.01rem solid #e9e9e9;
	padding:1.5%;
}
.introImg img{
	width:100%;
}
.jf{
	margin-top:.5rem;
	padding-bottom:.3rem;
	border-bottom:0.05rem solid #e9e9e9;
}
.jf p{
	font-size:.7rem;
	color:#535353;
	line-height:1rem;
	word-break: break-all;
}
.news-list{
	margin-top:1.5%;	
}
.news-list ul li,.pro-list ul li{
	position:relative;
	padding:.5rem 0;
	text-align:right;
	border-bottom:1px dashed #e8e8e8;
}
.news-list ul li:last-child,.pro-list ul li:last-child{
	border-bottom:none;
}
.news-list ul li i{
	display:block;
	float:left;
	color:#555;
	margin-right:.5rem;
	transform: rotate(180deg);
}
.news-list ul li a{
	display:inline-block;
	font-size:.7rem;
	color:#535353;
	float:left;
	max-width:70%;
	max-height:0.9rem;
	overflow:hidden;
}
.news-list ul li span,.pro-list ul li span{
	display:inline-block;
	font-size:.7rem;
	color:#999;
}
.product-area{
	background:#f8f8f8;
}
.pro-list ul li i{
	display:block;
	position:absolute;
	top:.45rem;
	left:0;
	color:#009ec1;	
}
.pro-list ul li a{
	display:inline-block;
	font-size:.7rem;
	color:#535353;
	float:left;
	margin-left:1.2rem;
	max-width:70%;
	max-height:0.9rem;
	overflow:hidden;
}
.product-area .same-title-area{
	border-top:0.5rem solid #f8f8f8;
}
.pro-center{
	position:relative;
	margin:.8rem 0;
}
.pro-center .alink{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
}
.proimg{
	position:absolute;
	top:0;
	left:0;
	width:5.725rem;
	height:3.9rem;
	overflow:hidden;
	border:1px solid #e9e9e9;
}
.proimg img{
	width:100%;
}
.protxt{
	margin-left:6.5rem;
}
.protxt p{
	font-size:.7rem;
	color:#333;
	line-height:1.0rem;
	max-width:96%;
	max-height:1rem;
	overflow:hidden;
}
/*=========新闻中心===========*/
.new-nav-area{
	padding:.65rem 0;
	background:#f1f1f1;
}
.news-nav{
	width:96%;
	margin:0 auto;
	background:#fff;
	border-radius:0.5rem;
}
.news-nav a{
	position:relative;
	float:left;
	width:33.3%;
	height:1.875rem;
	font-size:.75rem;
	line-height:1.875rem;
	text-align:center;
	overflow: hidden;
}
.news-one-nav a{
	width:100%;
}
.news-two-nav a{
	width:48%;
}
.news-four-nav a{
	width:25%;
}
.news-nav .select{
	color:#009ec1;
}
.news-nav a:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	background:#e4e4e4;
}
.news-nav a:last-child:after{
	content:none;
}
.jz-more{
	width:60%;
	margin:5% auto;
}
.jz-more a{
	display:block;
	font-size:.7rem;
	color:#fff;
	height:1.8rem;
	line-height:1.8rem;
	text-align:center;
	background:#0099cc;	
	border-radius: 20px;
}
.show-title{
	margin:5% 0;	
	padding-bottom:2.5%;
	text-align:center;
	border-bottom:1px solid #e5e5e5;
}
.show-title h2{
	font-size:.8rem;
	color:#535353;	
}
.time-eye{
	margin-top:.4rem;
}
.time-eye span{
	display:inline-block;
	margin-right:3%;
	font-size:.65rem;
	color:#666;
}
.time-eye span i{
	display:inline-block;
	font-size:.8rem;
	color:#666;
	vertical-align: middle;
	margin-right:.2rem;
}
.show-cont{
	padding:3% 0;
}
.show-cont p{
	font-size:.7rem;
	color:#535353;
	line-height:1.1rem;
}
.show-cont img{
	margin:3% 0;

	min-width: auto;
	max-width: 100%
}
.piece{
	border-top:1px solid #e8e8e8;
	padding:2% 0;
	margin-top:1rem;
}
.syip{
	margin-top:.3rem;
	color:#444;
	height:0.9rem;
	overflow:hidden;
	font-size:.7rem;
}
.syip a{
	font-size:.7rem;
	color:#009ec1;
}
.cooper{
	padding:5% 0;
}
.cooper p{
	font-size:.7rem;
	color:#444;
	line-height:1.05rem;
}
.coop-list{
	margin:2% 0 3%;
}
.coop-list ul li{
	float:left;
	width:31%;	
	margin:1%;
	border:1px solid #e9e9e9;
}
.coop-list ul li img{
	width:100%;
}
.contact{
	margin:3% 0;
}
.contact p{
	font-size:.7rem;
	color:#333;
	line-height:1.2rem;
}
.mapBox{
	margin:5% 0 2%;
	border:0.15rem solid #dcdcdc;
}
.introbox{
	padding:3% 0;
}
.introbox p{
	font-size:.7rem;
	color:#535353;
	line-height:1.05rem;
}
.introbox img{
	margin:4% 0;
	width:100%;
	height: 100%
}
.intro-title{
	padding-bottom:5%;
}
/*==========人才招聘==========*/
.recruit{
	padding:1.2rem 0 1rem;
}
.m-ddtxt{
	display:none;
}
.list-recruit {
  margin-bottom: 50px;
}
.list-recruit dl{
	margin-bottom:12px;
}
.list-recruit .up {
  border-bottom-color: #0e438f;
}
.list-recruit .up dt{
	background:#009ec1;
}
.list-recruit .up dt font{
	color:#fff;
}
.list-recruit .up dd{
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
}
.list-recruit .up dt span {
  background-position: 0 0;
}
.dl-rec-txt dd {
  max-width: 920px;
}
.pd-cont {
  padding: 20px;
}
.dl-rec-txt dt{
  position: relative;
  font-size: .7rem;
  color:#444;
  height:3.25rem;
  padding-left:.2rem;
  line-height: 3.25rem;
  background:#faf9f9;
  cursor: pointer;
}
.dl-rec-txt dt font{
	display:inline-block;
	margin-right:8px;
}
.dl-rec-txt dt:hover{
	color:#009ec1;
}
.dl-rec-txt dt span {
  position: absolute;
  display: block;
  top: 50%;
  right: 14px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/ul-rec-btn.png) no-repeat 0 100%;
}
.dov{
	padding:2% 4%;
}
.dov:last-child{
	border-bottom:none;
}
.dov strong{
	display:block;
	font-size:.72rem;
	color:#000;
	padding:10px 0;
}
.dov p{
	font-size:.65rem;
	color:#333;
	line-height:1.1rem;
}
.dov a{
	display:block;
	font-size:.7rem;
	color:#009ec1;
	margin:.4rem 0;
}
.probox{
	padding:.5rem 0;
}
.probox ul li i{
	top:.55rem;
}
.pro-table table{
	width:100%;
	border:1px solid #eee;
}
.pro-table table td{
	font-size:14px;
	color:#333;
	height:36px;
	line-height:36px;
	text-transform: uppercase;
	border:1px solid #eee;
}