*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:scroll;
}
div,header,p,span,h1,h2,h3,h4,h5,h6,hr,ul,li{
	margin:0;
	padding:0;
}
input,button{outline:0;border:0;background-color:#fff ;}
input{padding:.3125rem .625rem;}
li{list-style:none;}
a{text-decoration:none;color: #000000;display:inline-block;}
a:hover{text-decoration:none;}
a,span{display: inline-block;}
textarea{outline: 0;border: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
img{ vertical-align:middle;}
.clear:after{
	content:"";
	display:block;
	clear:both;
}
.fl { float:left;}
.fr { float:right;}

/*flexbox*/
.faw{display:flex;align-items:center;flex-wrap:wrap;}
.fan{display:flex;align-items:center;flex-wrap:nowrap;}
.fas{display: flex;align-items: center;justify-content: space-between;}
.fsw{display: flex;justify-content: space-between;flex-wrap:wrap;}
.fac{display: flex;justify-content:center;align-items: center;}
.fcw{display: flex;justify-content:center;flex-wrap:wrap;}
.fw{display:flex;flex-wrap:wrap;}
.fnw{display:flex;flex-wrap:nowrap;}
/*模态框*/
.fixed{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
	background:rgba(0,0,0,0.5);
	display:none;
}
.scrollY{overflow-x:hidden;overflow-y:auto;}
/*overflow*/
.text-hidden{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

/*定义在触摸图片时的效果*/
.hover-img{overflow: hidden;}
.hover-img img{
	-webkit-transition:transform .6s;
	-moz-transition:transform .6s;
	-ms-transition:transform .6s;
	transition:transform .6s;
}
.hover-img:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.text-center{text-align:center;}
.cover-layer{position: relative;z-index: 1;}
.cover-layer::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(256,256,256,.7);
	z-index: -1;
}


.btn-black{
	background:#000;
	color:#fff;
	transition:background-color .5s,color .5s;
	-webkit-transition:background-color .5s,color .5s;
	-ms-transition:background-color .5s,color .5s;
	-moz-transition:background-color .5s,color .5s;
	-o-transition:background-color .5s,color .5s;
}
.btn-black:hover{
	background:#fff;
	color:#000;
}

/*按钮上下左右滑动*/
.btn-slide{
	position:relative;
	overflow: hidden;
	background:#000;color:#fff;
	z-index: 1;
}
.btn-slide:hover{
	color:#000;
}
.btn-slide::before{
	position:absolute;
	left:0;
	top:0;
	content:"";
	width:100%;
	height:100%;
	background:#fff;
	color:#000;
	transition:transform .5s;
	transition:transform .5s;
	-webkit-transition:transform .5s;
	-ms-transition:transform .5s;
	-moz-transition:transform .5s;
	-o-transition:transform .5s;
	z-index: -1;
	box-sizing: border-box;
}
.btn-slideup::before{transform:translateY(100%);}
.btn-slidedown::before{transform:translateY(-100%);}
.btn-slideright::before{transform:translateX(100%);}
.btn-slideleft::before{transform:translateX(-100%);}
.btn-slide:hover::before{transform:translate(0)}
.btn-skewcenter::before,.btn-skewcenter::after{
	content:"";
	position: absolute;
	top: 0;
	width:80%;
	height:100%;
	background:#fff;
	color:#000;
	transition:transform .5s;
	-webkit-transition:transform .5s;
	-ms-transition:transform .5s;
	-moz-transition:transform .5s;
	-o-transition:transform .5s;
	z-index: -1;
	box-sizing: border-box;
}
.btn-skewcenter::before{
	left: -30px;
	-webkit-transform: skew(-45deg, 0) translateX(-100%);
	-moz-transform: skew(-45deg, 0) translateX(-100%);
	-ms-transform: skew(-45deg, 0) translateX(-100%);
	transform: skew(-45deg, 0) translateX(-100%);
}
.btn-skewcenter::after{
	right:-30px;
	-webkit-transform: skew(-45deg, 0) translateX(100%);
	-moz-transform: skew(-45deg, 0) translateX(100%);
	-ms-transform: skew(-45deg, 0) translateX(100%);
	transform: skew(-45deg, 0) translateX(100%);
}
.btn-skewcenter:hover::after,.btn-skewcenter:hover::before{
	-webkit-transform: skew(-45deg, 0) translateX(0);
	-moz-transform: skew(-45deg, 0) translateX(0);
	-ms-transform: skew(-45deg, 0) translateX(0);
	transform: skew(-45deg, 0) translateX(0);
}

/*css3的过度效果*/
.linear{
	transition: .5s !important;
	-webkit-transition: .5s !important;
	-ms-transition: .5s !important;
	-moz-transition: .5s !important;
	-o-transition: .5s !important;
}
.linear-transform{
	transition:transform .5s !important;
	-webkit-transition:transform .5s !important;
	-ms-transition:transform .5s !important;
	-moz-transition:transform .5s !important;
	-o-transition:transform .5s !important;
}
.ease{
	transition: .5s ease !important;
	-webkit-transition: .5s ease !important;
	-ms-transition: .5s ease !important;
	-moz-transition: .5s ease !important;
	-o-transition: .5s ease !important;
}
.ease-transform{
	transition:transform .5s ease !important;
	-webkit-transition:transform .5s ease !important;
	-ms-transition:transform .5s ease !important;
	-moz-transition:transform .5s ease !important;
	-o-transition:transform .5s ease !important;
}
.ease-in{
	transition: .5s ease-in !important;
	-webkit-transition: .5s ease-in !important;
	-ms-transition: .5s ease-in !important;
	-moz-transition: .5s ease-in !important;
	-o-transition: .5s ease-in !important;
}
.ease-in-transform{
	transition:transform .5s ease-in !important;
	-webkit-transition:transform .5s ease-in !important;
	-ms-transition:transform .5s ease-in !important;
	-moz-transition:transform .5s ease-in !important;
	-o-transition:transform .5s ease-in !important;
}
.ease-out{
	transition: .5s ease-out !important;
	-webkit-transition: .5s ease-out !important;
	-ms-transition: .5s ease-out !important;
	-moz-transition: .5s ease-out !important;
	-o-transition: .5s ease-out !important;
}
.ease-out-transform{
	transition:transform .5s ease-out !important;
	-webkit-transition:transform .5s ease-out !important;
	-ms-transition:transform .5s ease-out !important;
	-moz-transition:transform .5s ease-out !important;
	-o-transition:transform .5s ease-out !important;
}
.cubic-bezier{
	transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-webkit-transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-ms-transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-moz-transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-o-transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
}

.cubic-bezier-transform{
	transition: transform .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-webkit-transition: transform .3s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-ms-transition: transform .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-moz-transition: transform .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-o-transition: transform .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	/*cubic-bezier(.175, .885, .32, 1.275)*/
}

/*modal*/
.modal{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1050;
	opacity: 0;
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
}

.dialog,.dialog-center {
	width: 31.25rem ;
	min-height: 9.375rem;
	position: relative;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-radius: 10px;
	background-color: #fff;
	margin: 1.875rem auto;
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
}

.dialog {
	transform: translate(0, -40%);
	-webkit-transform: translate(0, -40%);
	-moz-transform: translate(0, -40%);
	-ms-transform: translate(0, -40%);
}

.dialog-center {
	top: 50%;
	margin: 0 auto;
	transform: translate(0, -80%);
	-webkit-transform: translate(0, -80%);
	-moz-transform: translate(0, -80%);
	-ms-transform: translate(0, -80%);
}

.dialog-header {
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	padding: .9375rem ;
}

.dialog-header h3,.dialog-header span {
	display: inline-block;
}

.dialog-header i {
	float: right;
	overflow: hidden;
	cursor: pointer;
	font-size: 18px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: transform .5s;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
}

.dialog-header i:hover {
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
}

.dialog-header i:before,
.dialog-header i:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000000;
	border-radius: 2px;
}

.dialog-header i:before {
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
}

.dialog-header i:after {
	height: 12px;
	width: 2px;
	margin: -6px 0 0 -1px;
}

.dialog-content {
	padding: 15px;
}

.in{opacity: 1;}

.in .dialog {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.in .dialog-center {
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
/*解决swiper左右按钮点击出现框框问题*/
.swiper-button-prev:focus,.swiper-button-next:focus{outline: none;}
.swiper-pagination-bullet:focus{outline: none;}
.disabled{background-color: #e0dddd;cursor: not-allowed;pointer-events: none;}


/*居中的几种方式*/
.posCen-center{
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.posCen-top{
	position:absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.posCen-left{
	position:absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}




/*custom css*/
@font-face{
	font-family:NotoSansHans;
	src: url(../fonts/NotoSansHans-R.eot);
	src: url(../fonts/NotoSansHans-R.eot?#iefix) format("embedded-opentype"),
	url(../fonts/NotoSansHans-R.woff) format("woff"),
	url(../fonts/NotoSansHans-R.ttf) format("truetype"),
	url(../fonts/NotoSansHans-R.svg#jq) format("svg");

}
:root {
	font-size: 1em;
}
@media only screen and (max-width:1400px) {
	:root {
		font-size: .875em;
	}
}
@media only screen and (max-width:800px) {
	:root {
		font-size: .75em;
	}
}
*{
	line-height: 1.5rem;
	font-family: NotoSansHans,"微软雅黑";
	font-weight: normal;
	font-stretch: normal;
	-webkit-font-smoothing:antialiased;
	-mox-osx-font-smoothing: grayscale;
}


.header{
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	width:100%;
	height: 5.0625rem;
	z-index:1000;
}
.header>div:first-child{height:100%;}
.header:before {
	position: absolute;
	content: '';
	z-index: -1;
	top: 0;
	left: 0;
	right: -5px;
	bottom: 100%;
	opacity: 0;
	background: #0095ff;
	box-shadow: 0 0 15px #0095ff;
	transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
}
.logoTel{width:23.125rem;}

.nav-list>li>a{display: flex;align-items: center;font-size: 1rem;color: #fff;position:relative;}
.nav-list>li>a span{
	width:1.25rem;height: 1px;background-color: #ffffff;margin-right: 5px;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
}
.nav-list>li.active>a span,.nav-list>li>a:hover span{
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
}

.nav-list>li>i{font-size:18px;color:#666;}

.header .content{position:relative;}
.header .content>ul{height: 100%;}
.header-search{cursor:pointer;}
.search-box{display:none;position:absolute;top:88px;left:0;width:100%;background:#fff;box-shadow:0 7px 7px rgba(0,0,0,.5);
	height:60px;line-height: 60px;text-align: center;}
.search-box>input{width:65%;height:48px;font-size:20px;padding:5px 15px; border:1px solid #000;}
.search-box>input:focus{border-color:#000 !important;}
.search-box>button{cursor:pointer;font-size:20px;margin:0 20px;}
.search-box>a{padding:7px 10px;border-radius:50%;transition:all .5s}
.search-box>a:hover{background:#000;color:#fff;}

.search-box>div{display: inline-block;}

.selectId{display:inline-block;height: 48px;width:148px;line-height:48px;border:1px solid #000;border-right:0;
	text-align: center;margin-right:-5px;position:relative;
}
.selectId i{transition:transform .5s;}
.selectId.open i{transform:rotate(180deg);}

/*显示 隐藏xuanze*/
.selectId-list{display:none;position:absolute;width:148px;top:48px;left:-1px;background:#000;}
.selectId-list li{line-height:36px;}
.selectId-list li>a{color:#fff;position:relative;padding:5px 0;}
.selectId-list li>a::after{position:absolute;content:"";left:0;bottom:0;background:#fff;
	width:40%;height:1px;transform:scaleX(0);transform-origin:0 100%;transition:transform .5s;}
.selectId-list li>a:hover::after{transform:scaleX(1);transform-origin:0 100%;}


/*修改头部的东西*/
@media (min-width:1400px){
	.content{width:1400px;margin:0 auto;}
}
@media (max-width:1400px){
	.content{width:100%;padding:0 15px}
}

.logo{width:365px;float:left;padding-top:20px;}
.mlogo{
	display: none;
	width: 13rem;
}
.mlogo>img{
	max-width: 100%;
}
/**/
/*导航条效果*/

/*触摸导航条下滑的*/
.nav>li>div{width:100%;position:fixed;top:100px;left:0;background:#fff;}



.nav a{height:42px;display:block;font-size:1.33em;/*overflow:hidden;*/}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #dc6103;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:5.0625rem;overflow:hidden;text-align:left;z-index:110;left:0px;
	background-color:rgba(256,256,256,.5);	box-shadow: 0px 3px 7px 0px rgba(0, 149, 255, .72);}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}

.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:686px;float:right;overflow:hidden;padding:30px  0;}
.nav .sub .nav_xiao .xiao_three ul{width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;overflow:hidden;margin-right:40px;text-align:center;position:inherit;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right: 0;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:14px;height:100%;}

.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#f3782a;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px;}


.nav::after{display:block;clear: both;content:"";}
.nav li {
	height: 100%;
	line-height: 100%;
	text-align: center;
	position: relative;
}
.nav li:not(:last-child){margin-right:3.125rem;}
.nav li a{width: 100%;height: 100%;}
.nav li .t1,.nav li .t2,.txt:after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	color: #fff;
	transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;

}
.nav li .t1{
	top: 35px;
}
.nav li .t2 {
	top: 56px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.nav .active .t1, .nav li:hover .t1 {
	top: 15px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.nav .active .t2, .nav li:hover .t2 {
	top: 35px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.txt{height:100%;position:relative;}
.txt:after{
	content:"";
	top:0;
	left:9px;
	width:64px;
	border-bottom:2px solid #fff;
	opacity:0;
	filter: alpha(opacity=0);
	box-sizing: border-box;
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);

}
.nav li:hover .txt::after,.nav .active .txt::after{
	opacity:1;
	filter: alpha(opacity=100);
	transform: scale(1);
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
}

.header-search{
	width: 42px;
	height: 34px;
	line-height: 30px;
	text-align: center;
	border-radius: 10px;
	border: solid 2px #ffffff;
}
.header-search i{color:#fff;font-size: 18px;}

/*电话*/

.header-tel{color:#fff;}
.header-tel img{margin-right:10px;}

/*header.active::after{content:"";position: absolute;bottom:0;left:0;width:100%;height:1px;box-shadow: 0px 4px 5px 0px rgba(204, 204, 204, 0.61);}*/
.header.active:before{    bottom: 0;opacity: 1;}



/*尾部*/



footer{background:#041621;}
.clist{display:flex;justify-content:space-between;margin-bottom: 50px;}

.clist>div>p{margin-bottom: 34px;}
.clist>div>p>span{width: 100px;height:1px;background: #fff;}
.clist>div>p>img{margin:0 20px;}


.clist>div:not(:last-child){margin-top:85px;}
.clist>div>h3{font-size: 18px;color:#ccc;margin-bottom: 25px;}
.fabout{margin-top:80px;}
.fabout>li{position:relative;margin-bottom: 22px;}
.fabout>li span{color: #ccc;}
.fabout>li>img{position: absolute;right:175px;top:0;display: none;width: 108px;}
.fabout>li>a:hover+img{display:block;}

.fproduct{width: 255px;}
.fproduct>li{margin-bottom: 10px;}
.fproduct>li>a{font-size: 14px;color: #808080;width: 120px;height: 30px;line-height:30px;border: solid 1px #808080;text-align: center;}
.fcontact>li{font-size: 14px;color: #808080;padding-left: 46px;}
.fcontact>li:not(:last-child){margin-bottom: 20px;}
.fcontact>li:first-child{background: url(../images/fsite.png) no-repeat left center;}
.fcontact>li:nth-child(2){background: url(../images/ftel.png) no-repeat left center;}
.fcontact>li:last-child{background: url(../images/femail.png) no-repeat left center;}


.friendship-links{width: 955px;margin: 0 auto;margin-bottom:10px;text-align:center;}
.friendship-links *{font-size: 14px;}
.friendship-links>span{width: 70px;color: #5c5c5c;}
.friendship-links>div{width: 885px;display: inline-block;}
.friendship-links>div>a{color: #5c5c5c;line-height:1;}
.friendship-links>div>a:not(:last-child){padding-right:5px;border-right:1px solid #5c5c5c;;}


.copyright *{font-size:14px;color: #5c5c5c;}
.copyright{border-top: solid 1px #5c5c5c;text-align: center;padding:16px 0;}

.recom-news{padding-bottom: 3rem;}
.recom-news .wbTitle {margin-bottom: 3rem;}
.recomnews-list>a{
	float: left;
	position: relative;
	width: 32%;
	padding: 1rem;
	margin-bottom: 1.5rem;
	margin-right: 2%;
}
.recomnews-list>a:nth-child(3n){
	margin-right: 0;
}
.recomnews-list>a:hover {
	background: #f6f6f6;
}
.recomnews-list>a p {
	float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 42.554%;
    height: 88px;
    margin-right: 10px;
    background: #f6f6f6;
}
.recomnews-list>a p img{
	max-width: 100%;
	max-height: 100%;
}
.recomnews-list>a h4{
	float: left;
	width: 53%;
}
.recomnews-list>a span {
    position: absolute;
    right: 25px;
    bottom: 16px;
    font-size: 14px;
    color: #999;
}



/*在767px下显示*/
.side-open{display:none;}
.side-box{display: none;}
@media only screen and (max-width: 1200px) {
	.nav li:not(:last-child) {margin-right: 2rem;}
}
@media only screen and (max-width: 1100px) {
	.header-tel{display: none;}
	.logoTel{width: auto;}
	.nav li:not(:last-child) {margin-right: 1rem;}
	.nav-list>li>a span{width:0.9375rem;}
}

@media (max-width:800px) {
	/*适配手机*/
	/*头部动画的执行*/
	.header-tel{display: none;}
	/*隐藏导航条*/
	.nav-list {
		display: none;
	}
	.side-open {
		display: block;
		width: 33px;
		height: 23px;
		position: fixed;
		right: 15px;
		top: 18px;
		cursor: pointer;
		z-index: 1201;
		background: rgba(255, 255, 255, 0);
		transition: .2s .1s;
		-moz-transition: .2s .1s;
		-ms-transition: .2s .1s;
		-o-transition: .2s .1s;
		-webkit-transition: .2s .1s;
		transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.side-open hr {
		height: 3px;
		background: #00c0ff;
		display: block;
		margin: 0;
		padding: 0;
		border: none;
		position: absolute;
		transition: .5s .3s;
		-moz-transition: .5s .3s;
		-ms-transition: .5s .3s;
		-o-transition: .5s .3s;
		-webkit-transition: .5s .3s;
	}
	.side-open hr:nth-child(1) {
		width: 100%;
		top: 0;
		right: 0;
	}
	.side-open hr:nth-child(2) {
		width: 40%;
		top: 50%;
		left: 0;
		margin-top: -2px;
		opacity: 1;
	}
	.side-open hr:nth-child(3) {
		width: 40%;
		top: 50%;
		right: 0;
		margin-top: -2px;
		opacity: 1;
	}
	.side-open hr:nth-child(4) {
		width: 100%;
		bottom: 0;
		right: 0;
	}
	body.open .side-open {
		right: 324px;
	}
	@media (max-width:320px) {
		body.open .side-open {
			left: 2px;
		}
	}
	body.open .side-open hr:nth-child(1) {
		width: 100%;
		top: 50%;
		margin-top: -2px;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		-o-transform-origin: center;
		-webkit-transform-origin: center;
	}
	body.open .side-open hr:nth-child(2) {
		opacity: 0;
		left: -50%;
	}
	body.open .side-open hr:nth-child(3) {
		opacity: 0;
		right: -50%;
	}
	body.open .side-open hr:nth-child(4) {
		width: 100%;
		bottom: 50%;
		margin-bottom: -2px;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		-o-transform-origin: center;
		-webkit-transform-origin: center;
	}
	.side-box {
		display: block;
		position: fixed;
		top: 0px;
		width: 300px;
		right: -300px;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1200;
		color: rgba(0, 0, 0, 1);
		transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	body.open .side-box {
		width: 200%;
		right: 0;
	}
	.side-box a {
		color: rgba(255, 255, 255, 1);
	}
	.side-cut {
		position: relative;
		width: 284px;
		height: 100%;
		float: right;
	}
	.side-shadow {
		width: 3999px;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		position: absolute;
		z-index: 1;
		top: 0;
		right: 100%;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
	}
	body.open .side-shadow {
		opacity: 1;
		visibility: visible;
	}
	.side-bin {
		width: 100%;
		height: 100%;
		position: relative;
		background: rgba(255, 255, 255, .975);
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 2;
		transition: .3s .1s;
		-moz-transition: .3s .1s;
		-ms-transition: .3s .1s;
		-o-transition: .3s .1s;
		-webkit-transition: .3s .1s;
	}
	.side-search {
		overflow: hidden;
		opacity: 0;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: .6s .3s;
		-moz-transition: .6s .3s;
		-ms-transition: .6s .3s;
		-o-transition: .6s .3s;
		-webkit-transition: .6s .3s;
		transition-property: opacity, transform!important;
		-moz-transition-property: opacity, transform!important;
		-ms-transition-property: opacity, transform!important;
		-o-transition-property: opacity, transform!important;
		-webkit-transition-property: opacity, transform!important;
	}
	body.open .side-search {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.side-search>form {
		padding: 10px 30px 25px 30px;
	}
	.side-search>form .form-group {
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		border-bottom: 1px solid rgba(0, 0, 0, .3);
	}
	.side-search>form .input-search-btn {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		z-index: 3;
		padding: 0 0 0 20px;
	}
	.side-search>form .input-search-btn>.icon {
		font-size: 18px;
		color: rgba(0, 0, 0, 1);
		margin: 0;
	}
	.side-search>form .input-search-btn>.icon:hover {
		color: #00c0ff;
	}
	.side-search>form .input-search {
		position: relative;
		overflow: hidden;
	}
	.side-search>form .input-search .form-control {
		border-radius: 0;
		background: none;
		padding: 0;
		font-family: 'AddFont', Microsoft Yahei;
		width: 224px;
		height: 60px;
		color: rgba(0, 0, 0, 1);
		position: relative;
		z-index: 2;
		font-size: 16px;
	}
	.side-search>form .input-search .form-control::-webkit-input-placeholder {
		color: rgba(0, 0, 0, .8)
	}
	.side-search>form .input-search .form-control:-moz-placeholder {
		color: rgba(0, 0, 0, .8);
	}
	.side-search>form .input-search .form-control::-moz-placeholder {
		color: rgba(0, 0, 0, .8);
	}
	.side-search>form .input-search .form-control:-ms-input-placeholder {
		color: rgba(0, 0, 0, .8);
	}
	@media (max-width:767px) {
		.side-search>form .input-search .form-control {
			height: 40px;
			font-size: 14px;
		}
	}
	.side-nav>ul {
		display: block;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.nav-first {
		display: block;
		position: relative;
		margin: 0 0 1px 0;
		list-style: none;
		cursor: pointer;
		opacity: 0;
		transform: translateY(50%);
		-moz-transform: translateY(50%);
		-ms-transform: translateY(50%);
		-o-transform: translateY(50%);
		-webkit-transform: translateY(50%);
		transition-property: opacity, transform!important;
		-moz-transition-property: opacity, transform!important;
		-ms-transition-property: opacity, transform!important;
		-o-transition-property: opacity, transform!important;
		-webkit-transition-property: opacity, transform!important;
		transition: .6s .95s;
		-moz-transition: .6s .95s;
		-ms-transition: .6s .95s;
		-o-transition: .6s .95s;
		-webkit-transition: .6s .95s;
	}
	.nav-first:nth-child(1) {
		transition: .6s .4s;
		-moz-transition: .6s .4s;
		-ms-transition: .6s .4s;
		-o-transition: .6s .4s;
		-webkit-transition: .6s .4s;
	}
	.nav-first:nth-child(2) {
		transition: .6s .5s;
		-moz-transition: .6s .5s;
		-ms-transition: .6s .5s;
		-o-transition: .6s .5s;
		-webkit-transition: .6s .5s;
	}
	.nav-first:nth-child(3) {
		transition: .6s .59s;
		-moz-transition: .6s .59s;
		-ms-transition: .6s .59s;
		-o-transition: .6s .59s;
		-webkit-transition: .6s .59s;
	}
	.nav-first:nth-child(4) {
		transition: .6s .67s;
		-moz-transition: .6s .67s;
		-ms-transition: .6s .67s;
		-o-transition: .6s .67s;
		-webkit-transition: .6s .67s;
	}
	.nav-first:nth-child(5) {
		transition: .6s .74s;
		-moz-transition: .6s .74s;
		-ms-transition: .6s .74s;
		-o-transition: .6s .74s;
		-webkit-transition: .6s .74s;
	}
	.nav-first:nth-child(6) {
		transition: .6s .8s;
		-moz-transition: .6s .8s;
		-ms-transition: .6s .8s;
		-o-transition: .6s .8s;
		-webkit-transition: .6s .8s;
	}
	.nav-first:nth-child(7) {
		transition: .6s .85s;
		-moz-transition: .6s .85s;
		-ms-transition: .6s .85s;
		-o-transition: .6s .85s;
		-webkit-transition: .6s .85s;
	}
	.nav-first:nth-child(8) {
		transition: .6s .89s;
		-moz-transition: .6s .89s;
		-ms-transition: .6s .89s;
		-o-transition: .6s .89s;
		-webkit-transition: .6s .89s;
	}
	.nav-first:nth-child(9) {
		transition: .6s .92s;
		-moz-transition: .6s .92s;
		-ms-transition: .6s .92s;
		-o-transition: .6s .92s;
		-webkit-transition: .6s .92s;
	}
	.nav-first:nth-child(10) {
		transition: .6s .94s;
		-moz-transition: .6s .94s;
		-ms-transition: .6s .94s;
		-o-transition: .6s .94s;
		-webkit-transition: .6s .94s;
	}
	body.open .nav-first {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.nav-first>a:before {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 0%;
		height: 100%;
		background: #00c0ff;
		z-index: 2;
		transition: width .3s ease-in-out;
		-moz-transition: width .3s ease-in-out;
		-ms-transition: width .3s ease-in-out;
		-o-transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
	}
	body.open .nav-first.active>a:before {
		width: 100%;
		transition: width .3s 1s;
		-moz-transition: width .3s 1s;
		-ms-transition: width .3s 1s;
		-o-transition: width .3s 1s;
		-webkit-transition: width .3s 1s;
	}
	.nav-first:hover a:before {
		width: 100%;
	}
	.side-nav>ul:hover>.nav-first.active>a:before {
		width: 3px;
		transition: width .3s ease-in-out;
		-moz-transition: width .3s ease-in-out;
		-ms-transition: width .3s ease-in-out;
		-o-transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
	}
	.side-nav>ul:hover>.nav-first.active:hover>a:before {
		width: 100%;
	}
	.nav-first>u {
		display: none;
	}
	.nav-first>i {
		display: none;
	}
	.nav-first>a {
		position: relative;
		z-index: 3;
		display: block;
		padding: 0 30px;
		line-height: 70px;
		color: rgba(0, 0, 0, .9);
	}
	.nav-first>a:after {
		display: table;
		clear: both;
		content: ''
	}
	.nav-first>a>i {
		float: left;
		position: relative;
		z-index: 3;
		padding: 0 15px 0 1px;
		line-height: 70px;
		font-size: 18px;
	}
	.nav-first>a>b {
		line-height: 60px;
		float: left;
		font-weight: normal;
		position: relative;
		z-index: 3;
	}
	body.open .nav-first:hover>a,
	body.open .nav-first.active>a,
	.side-nav>ul:hover>.nav-first.active:hover>a {
		color: rgba(255, 255, 255, 1);
		transition: color .3s;
		-moz-transition: color .3s;
		-ms-transition: color .3s;
		-o-transition: color .3s;
		-webkit-transition: color .3s;
	}
	.side-nav>ul:hover>.nav-first.active>a {
		color: rgba(0, 0, 0, .9);
		transition: color .3s;
		-moz-transition: color .3s;
		-ms-transition: color .3s;
		-o-transition: color .3s;
		-webkit-transition: color .3s;
	}
	body.open .nav-first.active>a {
		color: rgba(255, 255, 255, 1);
		transition: color .3s 1s;
		-moz-transition: color .3s 1s;
		-ms-transition: color .3s 1s;
		-o-transition: color .3s 1s;
		-webkit-transition: color .3s 1s;
	}
	.nav-first>a>p,
	.side-nav>ul:hover>.nav-first.active>a>p {
		position: absolute;
		top: 50%;
		right: 30px;
		color: rgba(255, 255, 255, 1);
		background: rgba(0, 0, 0, .4);
		font-family: 'AddFont';
		padding: 6px;
		border-radius: 50%;
		line-height: 1;
		margin: 0;
		font-size: 12px;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		z-index: 3;
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
	}
	body.open .nav-first:hover>a>p,
	body.open .nav-first.active>a>p,
	.side-nav>ul:hover>.nav-first.active:hover>a>p {
		color: #00c0ff;
		background: rgba(255, 255, 255, .8);
	}
	body.open .nav-first.active>a>p {
		color: #00c0ff;
		background: rgba(255, 255, 255, .8);
		transition: .3s 1s;
		-moz-transition: .3s 1s;
		-ms-transition: .3s 1s;
		-o-transition: .3s 1s;
		-webkit-transition: .3s 1s;
	}
	@media (max-width:992px) {
		.nav-first>ul {
			list-style: none;
			margin: 0!important;
			padding: 0;
			display: none;
			height: 100%;
			overflow: hidden;
			width: auto!important;
			background: rgba(0, 0, 0, .03);
		}
		.nav-first>ul>dl {
			display: none;
		}
		.nav-first>i {
			display: block;
			position: absolute;
			width: 76px;
			height: 60px;
			right: 0;
			top: 0;
			z-index: 4;
			cursor: pointer;
		}
		.nav-first>i:before {
			position: absolute;
			content: '';
			width: 12px;
			height: 2px;
			margin: -1px 0 0 -6px;
			transition: .3s;
			-moz-transition: .3s;
			-ms-transition: .3s;
			-o-transition: .3s;
			-webkit-transition: .3s;
			background: #00c0ff;
			top: 50%;
			left: 50%;
			border-radius: 2px;
		}
		.nav-first>i:after {
			position: absolute;
			content: '';
			height: 12px;
			width: 2px;
			margin: -6px 0 0 -1px;
			transition: .3s;
			-moz-transition: .3s;
			-ms-transition: .3s;
			-o-transition: .3s;
			-webkit-transition: .3s;
			background: #00c0ff;
			left: 50%;
			top: 50%;
			border-radius: 2px;
		}
		.nav-first.active>i:before,
		.nav-first.active>i:after,
		.nav-first:hover>i:before {
			background: rgba(255, 255, 255, 1);
		}
		.nav-first:hover>i:after {
			background: rgba(255, 255, 255, 1);
		}
		.nav-first.mobile-active>a:before {
			width: 100%;
		}
		.nav-first.mobile-active>a>i,
		.nav-first.mobile-active>a>b {
			color: rgba(255, 255, 255, 1);
		}
		.nav-first.mobile-active>a>p {
			color: rgba(255, 255, 255, 1);
		}
		.nav-first.mobile-active>ul {
			padding: 1px 0 0 0;
			height: auto;
		}
		.nav-first.mobile-active>i:before {
			background: rgba(255, 255, 255, 1);
		}
		.nav-first.mobile-active>i:after {
			height: 0;
		}
		.nav-second {
			margin: 0 0 1px 0;
			list-style: none;
			padding: 0;
		}
		.nav-second>ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.nav-second>a {
			display: block;
			position: relative;
			padding: 0 30px;
			line-height: 50px;
			color: #000;
		}
		.nav-second>a>b {
			display: block;
			font-size: 15px;
			font-weight: normal;
			color: rgba(0, 0, 0, .8);
			position: relative;
			z-index: 1;
			transition: .3s;
			-moz-transition: .3s;
			-ms-transition: .3s;
			-o-transition: .3s;
			-webkit-transition: .3s;
		}
		.nav-second>a:after {
			background: #00c0ff;
			content: '';
			width: 0;
			height: 100%;
			position: absolute;
			z-index: 0;
			top: 0;
			left: 0;
			transition: .3s;
			-moz-transition: .3s;
			-ms-transition: .3s;
			-o-transition: .3s;
			-webkit-transition: .3s;
		}
		.nav-second:hover>a:after {
			width: 100%;
		}
		.nav-second>ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.nav-second>ul:after {
			display: block;
			content: '';
			clear: both;
		}
		.nav-second:hover>a>b {
			color: rgba(255, 255, 255, 1);
		}
		.nav-third {
			display: block;
			line-height: none;
			padding: 1px 0 0 0;
			margin: 0 30px;
		}
		.nav-third>a {
			padding: 0 30px;
			line-height: 50px;
			margin-bottom: 1px;
			background: rgba(0, 0, 0, .08);
			display: block;
			position: relative;
		}
		.nav-third>a>b {
			display: block;
			font-weight: normal;
			color: rgba(0, 0, 0, .9);
		}
		.nav-third>a:after {
			background: #00c0ff;
			content: '';
			width: 0;
			height: 100%;
			position: absolute;
			z-index: 0;
			top: 0;
			left: 0;
			transition: .3s;
			-moz-transition: .3s;
			-ms-transition: .3s;
			-o-transition: .3s;
			-webkit-transition: .3s;
		}
		.nav-third>a>b {
			position: relative;
			z-index: 1;
			color: rgba(255, 255, 255, 1);
			font-weight: normal;
			transition: .3s;
			-moz-transition: .3s;
			-ms-transition: .3s;
			-o-transition: .3s;
			-webkit-transition: .3s;
		}
		.nav-third:hover>a:after {
			width: 100%;
		}
		.nav-third:hover>a>b {
			color: rgba(255, 255, 255, 1);
		}
	}
	@media (max-width:767px) {
		.nav-first>a {
			line-height: 60px;
		}
		.nav-first>a>i {
			font-size: 16px;
			line-height: 60px;
		}
	}
	.side-head {
		position: fixed;
		z-index: 1199;
		top: 0;
		left: 0;
		right: 5px;
		padding: 0 95px 0 40px;
		height: 80px;
		line-height: 80px;
	}
	.side-foot {
		padding: 30px 30px 25px 30px;
		text-align: left;
		overflow: hidden;
	}
	.side-phone {
		border-bottom: 1px solid rgba(0, 0, 0, .15);
		line-height: 1;
		margin-bottom: 20px;
		padding-bottom: 20px;
		opacity: 0;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: .6s .4s;
		-moz-transition: .6s .4s;
		-ms-transition: .6s .4s;
		-o-transition: .6s .4s;
		-webkit-transition: .6s .4s;
		transition-property: opacity, transform!important;
		-moz-transition-property: opacity, transform!important;
		-ms-transition-property: opacity, transform!important;
		-o-transition-property: opacity, transform!important;
		-webkit-transition-property: opacity, transform!important;
	}
	.side-phone:after {
		display: block;
		clear: both;
		content: '';
	}
	body.open .side-phone {
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1;
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.side-phone P {
		float: left;
		margin: 0;
		line-height: 1;
	}
	.side-phone p b {
		display: block;
		font-family: 'AddFont';
		font-weight: normal;
		color: rgba(0, 0, 0, .6);
		margin-bottom: 5px;
	}
	.side-phone p a {
		display: block;
		font-family: 'AddFont';
		color: rgba(0, 0, 0, 1);
		font-size: 22px;
		letter-spacing: -1px;
	}
	.side-phone i {
		float: right;
		display: block;
		font-size: 28px;
		color: rgba(255, 255, 255, 1);
		background: rgba(0, 0, 0, .8);
		padding: 4px 4px 0 4px;
		margin-top: 9px;
		cursor: pointer;
	}
	.side-phone i:hover {
		background: rgba(0, 0, 0, .8);
		transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s;
		-webkit-transition: .5s;
	}
	.social-box {
		margin: -4px 0 0 -4px;
		opacity: 0;
		transform: translateY(75%);
		-moz-transform: translateY(75%);
		-ms-transform: translateY(75%);
		-o-transform: translateY(75%);
		-webkit-transform: translateY(75%);
		transition: .6s .4s;
		-moz-transition: .6s .4s;
		-ms-transition: .6s .4s;
		-o-transition: .6s .4s;
		-webkit-transition: .6s .4s;
	}
	body.open .social-box {
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1;
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.social-box:after {
		display: block;
		content: '';
		clear: both;
	}


	.social-box a {
		font-size: 14px;
		width: 34px;
		line-height: 34px;
		height: 34px;
		border-radius: 99px;
		cursor: pointer;
		text-align: center;
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
		background: rgba(0, 0, 0, .8);
		margin: 4px 0 0 4px;
		float: left;
		color: rgba(255, 255, 255, 1);
	}
	.social-box a:hover {
		background: #00c0ff;
		color: rgba(255, 255, 255, 1);
	}
	.social-weixin {
		position: relative;
		cursor: pointer;
	}
	.social-weixin p {
		position: absolute;
		background: #000;
		cursor: none;
		transition: .3s .35s;
		-moz-transition: .3s .35s;
		-ms-transition: .3s .35s;
		-o-transition: .3s .35s;
		-webkit-transition: .3s .35s;
		transition-property: opacity, transform!important;
		-moz-transition-property: opacity, transform!important;
		-ms-transition-property: opacity, transform!important;
		-o-transition-property: opacity, transform!important;
		-webkit-transition-property: opacity, transform!important;
		bottom: 100%;
		left: 50%;
		margin: 0 0 10px -75px;
		z-index: 9;
		visibility: hidden;
		opacity: 0;
	}
	.social-weixin:hover p {
		visibility: visible;
		opacity: 1;
	}
	.social-weixin p:after {
		position: absolute;
		bottom: -10px;
		left: 50%;
		content: '';
		margin-left: -8px;
		border-style: solid;
		border-width: 10px 8px 0 8px;
		border-color: #000 transparent transparent transparent;
	}
	.social-weixin p img {
		width: 150px;
	}
	.side-text {
		white-space: pre-wrap;
		padding-top: 10px;
		color: rgba(0, 0, 0, 1);
		opacity: 0;
		font-family: 'Addfont', Microsoft Yahei;
		transform: translateY(30px);
		-moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-o-transform: translateY(30px);
		-webkit-transform: translateY(30px);
		transition: .6s .4s;
		-moz-transition: .6s .4s;
		-ms-transition: .6s .4s;
		-o-transition: .6s .4s;
		-webkit-transition: .6s .4s;
		transition-property: opacity, transform!important;
		-moz-transition-property: opacity, transform!important;
		-ms-transition-property: opacity, transform!important;
		-o-transition-property: opacity, transform!important;
		-webkit-transition-property: opacity, transform!important;
	}
	body.open .side-text {
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1;
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	.hlogo{display: none;}
	.mlogo{display: block;}
	.header{background-color: #fff;box-shadow: 0 0 8px 0 rgba(0, 149, 255, 0.1);}
	.section{
		margin-top: 5.0625rem;
	}
	/*尾部*/
	.footer{display: none;}
	.dialog, .dialog-center{width:90%;}

	.mfooter{
		overflow: hidden;
		background-color: #2b3338;
	}
	.mfooter>img{
		margin: 2.8rem auto 1.3rem;
		height: 2.3rem;
	}
	.mfooter>h3{
		font-size: 1.25rem;
		color: #bbbbbb;
	}
	.mfooter>p{
		margin: 1.5rem auto 3.25rem;
		color: #777;
	}
	.mf-nav{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 1.2rem 0 8px;
		background: #fff;
		z-index: 20;
	}
	.mf-nav>a{
		float: left;
		width: 20%;
		padding-top: 2.25rem;
		text-align: center;
	}
	.mf-nav>a:first-child{
		background: url(../images/mf-logo.png) no-repeat top center;
		background-size: 2.2rem 2.2rem;
	}
	.mf-nav>a:nth-child(2){
		background: url(../images/mf-web.png) no-repeat top 5px center;
		background-size: 2rem 1.6rem;
	}
	.mf-nav>a:nth-child(4){
		background: url(../images/mf-qq.png) no-repeat top 5px center;
		background-size: 1.8rem 1.8rem;
	}
	.mf-nav>a:nth-child(5){
		background: url(../images/mf-tel.png) no-repeat top 5px center;
		background-size: 1.8rem 1.8rem;
	}

	.mf-nav .mf-menu{
		position: relative;
	}
	.mf-nav .mf-menu>div{
		position: absolute;
		top: -1.875rem;
		width: 5.8rem;
		height: 5.8rem;
		border-radius: 50%;
		background: linear-gradient(180deg, #2ad9ff 0%, #0296ff 100%),
		linear-gradient(#0ec597, #0ec597);
		box-shadow: 0px 2px 1px 0px rgba(55, 127, 208, 0.26);
	}
	.mf-nav .mf-menu>div{
		font-size: 1.125rem;
		color: #fff;
	}
	.mf-nav .mf-menu>div>p{
		margin-top: 1.3rem;
		margin-bottom: .5rem;
		font-size: 3rem;
		color: #fff;
	}

}

@media only screen and (max-width:400px) {
	.clist>div{width:auto;}
}

/*title and subtitle common css*/
.wbTitle{font-size: 1.875rem;line-height:1.875rem;text-align: center;padding-top:3rem;color: #393939;}
.wbTitle>span{color: #0095ff;}
.wbSubtitle{font-size: 0.875rem;color:#333;text-align: center;margin-top: 6px;margin-bottom: 3.75rem;}

/*page top img*/
.basebg{background: #fafafa;}
.top>img{width: 100%;}

/*pagination*/
.pagination{margin-top:4.375rem;text-align: center;}
.pagination>div{display: inline-block;padding:1.0625rem 2.1875rem;border-radius: 50px;background-color: #fff;}
.pagination>div>li{float:left;min-width:26px;height:26px;padding: 0 3px;margin-right: 5px;line-height:26px;border-radius:50px;}
.pagination>div>li.active,.pagination>div>li.active>a{background-color: #0095ff;color: #fff;}

/*navigation*/
.navigation{margin-top:1.875rem;border-radius:50px;background-color: #fff;}
.navigation a{height: 2.875rem;line-height: 2.875rem;font-size: 14px;color: #333;}
.navigation a:first-child{padding-left:2.125rem;border-radius: 50px 0 0 50px;}
.navigation a:last-child{padding-right:2.125rem;border-radius:  0 50px 50px 0;}
.navigation img{width: 8px;margin-top: -2px;}
.navigation a:nth-child(1) img{margin-right: 1.125rem;}
.navigation a:nth-child(2){text-align: right;}
.navigation a:nth-child(2) img{margin-left: 1.125rem;}
/*navigation animate*/
.navigation a span{width:34px;position: relative;}
.navigation a span::before{
	content: "";
	position: absolute;
	top: 11px;
	width: 20px;
	height: 2px;
	background: #000000;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin:0;
	-moz-transform-origin:0;
	-ms-transform-origin:0;
	transform-origin:0;
	-webkit-transition:transform .5s;
	-o-transition:transform .5s;
	-ms-transition:transform .5s;
	-moz-transition:transform .5s;
	transition:transform .5s;
}
.navigation a:nth-child(2) span::before{
	right:0;
	-webkit-transform-origin: 100%;
	-moz-transform-origin: 100%;
	-ms-transform-origin: 100%;
	transform-origin: 100%;
}

.navigation a:hover span::before{
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}

/*navigation style*/
.navig-style .swiper-button-next span,.navig-style .swiper-button-prev span{
	position: relative;
	top: -6px;
}
.navig-style .swiper-button-next span::before,.navig-style .swiper-button-prev span::before{
	content: "";
	position: absolute;
	width: 36px;
	height: 2px;
	background: #000000;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin:0;
	-moz-transform-origin:0;
	-ms-transform-origin:0;
	transform-origin:0;
	-webkit-transition:transform .5s;
	-o-transition:transform .5s;
	-ms-transition:transform .5s;
	-moz-transition:transform .5s;
	transition:transform .5s;
}
.navig-style .swiper-button-prev span::before{left: 1px;}
.navig-style .swiper-button-next span::before{
	right: -12px;
	-webkit-transform-origin: 100%;
	-moz-transform-origin: 100%;
	-ms-transform-origin: 100%;
	transform-origin: 100%;
}

.navig-style .swiper-button-prev:hover span::before,.navig-style .swiper-button-next:hover span::before{
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}
.navig-style .swiper-button-next, .navig-style .swiper-container-rtl .swiper-button-prev{background: url(../images/right.png) no-repeat;right: 0;}
.navig-style .swiper-button-prev, .navig-style .swiper-container-rtl .swiper-button-next{background: url(../images/left.png) no-repeat;left: 0;}

.left-nav{
	position: fixed;
	left: 1.875rem;
	bottom: 40%;
	z-index: 12;
}
.left-nav>a{
	display: block;
	width: 6.25rem;
	-webkit-animation: scale 2s linear infinite;
	-moz-animation: scale 2s linear infinite;
	-ms-animation: scale 2s linear infinite;
	animation: scale 2s linear infinite;
}
@-webkit-keyframes scale{
	0% {-webkit-transform: scale(1);}
	25% {-webkit-transform: scale(.9);}
	50% {-webkit-transform: scale(.8);}
	75% {-webkit-transform: scale(.9);}
	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes scale{
	0% {-webkit-transform: scale(1);}
	25% {-webkit-transform: scale(.9);}
	50% {-webkit-transform: scale(.8);}
	75% {-webkit-transform: scale(.9);}
	100% {-webkit-transform: scale(1);}
}
@-ms-keyframes scale{
	0% {-webkit-transform: scale(1);}
	25% {-webkit-transform: scale(.9);}
	50% {-webkit-transform: scale(.8);}
	75% {-webkit-transform: scale(.9);}
	100% {-webkit-transform: scale(1);}
}
@keyframes scale{
	0% {-webkit-transform: scale(1);}
	25% {-webkit-transform: scale(.9);}
	50% {-webkit-transform: scale(.8);}
	75% {-webkit-transform: scale(.9);}
	100% {-webkit-transform: scale(1);}
}
.left-nav>a:nth-child(2),.left-nav>a:nth-child(4){
	animation-duration:1s;
	-webkit-animation-duration:1s;
}

.left-nav>a>img{
	max-width: 100%;
}

.floating_ck {
	position: fixed;
	right: 20px;
	top: 30%;
	z-index: 999;
}

.floating_ck dl dd {
	position: relative;
	width: 80px;
	height: 80px;
	background-color: #0095ff;
	border-bottom: solid 1px orange;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 20%;
	cursor: pointer;
}

.floating_ck dl dd:hover {
	background-color: orange;
	border-bottom: solid 1px orange;
}

.floating_ck dl dd:hover .floating_left {
	display: block;
}

.floating_ck .consult {
	background-image: url(../images/zxicon.png);
}

.floating_ck .words {
	background-image: url(../images/qq.png)
}

.floating_ck .quote {
	position: relative;
	background-image: url(../images/cktel.png);
}
.floating_ck .quote.telHide{
	overflow: hidden
}
.floating_ck .quote .tel {
    position: absolute;
    left: 80px;
    top: 0;
    z-index: 1;
    width: 184px;
    line-height: 80px;
    font-size: 1.625rem;
    color: #fff;
    cursor: pointer;
    background: orange;
}

.floating_ck .qrcord {
	background-image: url(../images/erweima.png);
}


.floating_ck .return {
	background-image: url(../images/fanhui.png);
}

.floating_ck dd span {
	color: #fff;
	display: block;
	padding-top: 54px;
}

.floating_left {
	position: absolute;
	left: -160px;
	top: 0px;
	padding: 10px 0;
	width: 160px;
	height: 80px;
	background-color: orange;
	border-bottom: solid 1px orange;
	display: none;
}
.floating_left img{
	max-width: 100%;
	max-height: 120px;
	margin-bottom: 16px;
}

.floating_left a {
	color: #fff;
	line-height: 80px;
}

.floating_ewm {
	height: 300px;
	top: -180px;
}

.floating_ewm i {
	background-image: url(../images/wx.jpg);
	display: block;
	width: 145px;
	height: 145px;
	margin: auto;
	margin-top: 7px;
	background-size: 145px 145px;
}

.floating_ewm p {
	color: #fff;
	margin-top: 5px;
}

.floating_ewm .qrcord_p01 {
	font-size: 14px;
	line-height: 20px;
}

.floating_ewm .qrcord_p02 {
	font-size: 18px;
}

@media only screen and (max-width: 767px) {
	.floating_ck{display: none;}
}