/*****************nav*********************/
.header{
	width: 1200px;
	margin:0 auto;
}
.headerLogo{
	float: left;
	padding: 10px 0;
	line-height: 80px;
	font-size: 38px;
}
.headerLogo a{
	color: #2088bf;
}
.headerLogo img{
	width: auto;
	height: 80px;
	float: left;
	margin-right: 10px;
}
.main-menu{
	float: right;
	margin-right: 10px;
}
.main-menu > li{
	float: left;
}
.main-menu > li > a{
	display: inline-block;
	font-size: 16px;
	transition: .5s;
	line-height: 100px;
	position: relative;
	margin:0 10px;
	padding: 0 5px;
}
.main-menu > li > a:hover{
	color:#2088bf;
}
.main-menu > li > a:after{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	display: block;
	border-bottom: 2px solid #2088bf;
	transition: .5s;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
}
.main-menu > li > a:hover:after{
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
.headerHel{
	float: right;
}
.headerHel{
	line-height: 100px;

}
.headerHel i{
	font-size: 25px;
	vertical-align: middle;
	color: #444;
	margin-right: 10px;
}

/****************footer*******************/
.footer{
	background: #212121;
}

.fcontent{
	width: 1200px;
	margin:0 auto;
	padding: 30px;
}
.fcontent dl{
	float: left;
}
.fcontent dl + dl{
	margin-left: 58px;
}
.fcontent dl:nth-of-type(1){
	width: 300px;
}
.fcontent dl dt{
	margin-bottom:10px;
	letter-spacing: 2px;
	color: #d7d8d9;
}
.fcontent dl dt a{
	color: #d7d8d9;
	font-size: 16px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.fcontent dl dt a:hover{
	color:#2088bf;
}
.fcontent dl dd{
	color: #9b9ea0;
	font-size: 14px;
}
.fcontent dl dd + dd{
	margin-top: 4px;
}
.fcontent dl dd a{
	color: #9b9ea0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.fcontent dl dd a:hover{
	color:#2088bf;
}
.fcopy{
	text-align: center;
	font-size: 14px;
	color: #9b9ea0;
	line-height: 3.2;
	border-top: 1px solid #4b5054;
}
.fcopy a{
	color: #9b9ea0;
}
.fcopy img{
	display: inline-block;
}

/***************aside menu****************/
.asideMenu{
	position:fixed;
	right: 20px;
	bottom: 45px;
	width: 44px;
	z-index: 1;
}
.asideMenu ul li{
	width: 100%;
	height: 44px;
	background: #222;
	text-align: center;
	line-height: 44px;
	transition: .5s;
	cursor: pointer;
	position: relative;
}
.asideMenu ul li:hover{
	background:#2088bf;
}
.asideMenu ul li + li{
	margin-top: 2px;
}
.asideMenu ul li i{
	color: #fff;
	font-size: 26px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
}
.asideMenu ul li i.fa-wechat{
	font-size: 24px;
}
.asideMenu ul li i.fa-phone{
	font-size: 30px;
	line-height: 46px;
}
.asideMenu ul li i.fa-angle-up{
	font-size: 40px;
	line-height: 40px;
}
.asidePhone p{
	position: absolute;
	top:0;
	bottom: 0;
	right: 44px;
	background: #222;
	width: 0px;
	box-sizing: border-box;
	transition: .5s;
	overflow:hidden; 
}
.asidePhone p span{
	display: inline-block;
	padding: 0 10px;
	color: #fff;
}
.asidePhone:hover p{
	width: 119px;
	background: #2088bf;
}
.asideWechat img{
	width: 140px;
	position: absolute;
	right: 44px;
	bottom: -48px;
	visibility: hidden;
	opacity: 0;
	transition: .5s;
	border:12px solid #222;
}
.asideWechat:hover img{
	visibility: visible;
	opacity: 1;
	border:12px solid #2088bf;
}

/****************index********************/

/*********banner********/
.ibanner-swiper-container .swiper-slide img{
	width: 100%;
}
.inbanner-swiper-button-prev{
	left: 0;
}
.inbanner-swiper-button-next{
	right: 0;
}
.inbanner-swiper-button-prev,.inbanner-swiper-button-next{
	text-align: center;
	width: 40px;
	height: 100px;
	background: rgba(0,0,0,0.5);
	margin-top: -50px;
}
.inbanner-swiper-button-prev i,.inbanner-swiper-button-next i{
	text-align: center;	
	color: #fff;
	width: 40px;
	height: 100px;
	line-height: 100px;
	font-size: 34px;
}

/********banner end********/

/*********business*********/
.business{
	padding: 60px 0 80px;
}
.businessInside{
	width: 1200px;
	margin:0 auto;
}
.businessInside h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #2088bf;
}
.businessInside h2 + p{
	font-size: 14px;
	color: #999;
	margin-bottom: 40px;
	text-align: center;
}
.businessContent{
	margin-bottom: 40px;
	overflow: hidden;
}
.businessInside .swiper-slide{
	width:25%;
}
.businessInside .swiper-wrapper p{
	font-size: 16px;
	line-height: 60px;
	border-bottom: 1px solid #e0e0e0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.businessInside .swiper-wrapper a:hover p{
	color:#2088bf;
	border-bottom: 1px solid #2088bf;
}
.business-swiper-container{
	cursor: move;
}
.business-swiper-container img{
	width: 100%;
}
.businessMove{
	text-align: center;
	font-size: 16px;
}
.business-swiper-button-prev,.business-swiper-button-next{
	position: static;
	float: none;
	margin:0;
	display: inline-block;
	width: 50px;
	height: 38px;
	border:1px solid #e0e0e0;
	line-height: 36px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.business-swiper-button-prev i,.business-swiper-button-next i{
	color:#848484;
	font-size: 18px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.business-swiper-button-prev:hover,.business-swiper-button-next:hover{
	background:#2088bf;
	border:1px solid #2088bf;
}
.business-swiper-button-prev:hover i,.business-swiper-button-next:hover i{
	color: #fff;
}
.businessMove .businessMore{
	width: 140px;
	height: 38px;
	border:1px solid #e0e0e0;
	display: inline-block;
	line-height: 36px;
	margin:0 10px;
	color:#848484;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.businessMore:hover{
	color:#fff;
	background: #2088bf;
	border:1px solid #2088bf;
}

/*******business end********/

/************about**********/
.about{
	background:#36a5df;
	padding:80px 0;
}
.aboutInside{
	width: 1200px;
	margin:0 auto;
}
.aboutImg{
	width: 400px;
	float: left;
}
.aboutImg img{
	width: 100%;
}
.aboutMain{
	width: 800px;
	float: left;
	padding: 10px 0 0 30px;
}

.aboutMain h2{
	font-size: 26px;
	margin-bottom: 4px;
	color: #f5f5f5
}
.aboutMain h2 + p{
	font-size: 14px;
	margin-bottom: 10px;
	color: #f8f8f8;
}
.aboutMore a{
	text-align: center;
	display: inline-block;
}
.aboutContent p{
	font-size: 14px;
	line-height: 2;
	color: #f8f8f8;
	margin-bottom: 20px;
	text-indent: 2em;
	text-align: justify;
}
.aboutMore a{
	width: 140px;
	height: 38px;
	border:1px solid #f8f8f8;
	display: inline-block;
	line-height: 36px;
	color:#f8f8f8;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.aboutMore a:hover{
	color: #fff;
	background: #2088bf;
	border:1px solid #2088bf;
}

/**********about end********/

/**********products*********/
.products{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 60px;
	margin-bottom: 60px;
	padding-top: 80px;
	background: #f7f7f7;
	overflow: hidden;
}
.productsInside h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #2088bf;
}
.productsInside h2 + p{
	font-size: 14px;
	text-align: center;
	margin-bottom: 20px;
	color: #999;
}
.productsMenu{
	text-align: center;
	margin-bottom: 40px;
}
.productsMenu a{
	display: inline-block;
	padding:8px 30px;
	border:1px solid #e0e0e0;
	font-size: 14px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.productsMenu a:hover{
	background: #2088bf;
	color: #fff;
	border:1px solid #2088bf;
}
.productsMenu a + a{
	margin-left: 5px;
}

.productsItem{
	width: 23%;
	margin-left: 1.6%;
	float: left;
	overflow:hidden;
	position: relative;
	margin-bottom: 25px;
}
.productsItem img{
	width: 100%;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.productsItem a:hover img{
	-webkit-transform: scale(1.5,1.5);
	-ms-transform: scale(1.5,1.5);
	-o-transform: scale(1.5,1.5);
	transform: scale(1.5,1.5);
}
.productsItem p{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 100%;
	background: rgba(32,136,191,.7);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.productsItem p span{
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 24px;
	-webkit-transform: translate(0,-60px) scale(0,0);
	-ms-transform: translate(0,-60px) scale(0,0);
	-o-transform: translate(0,-60px) scale(0,0);
	transform: translate(0,-60px) scale(0,0);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
}
@media screen and (max-width:1600px) {
	.productsItem p span{
		font-size: 22px;
	}
}
@media screen and (max-width:1350px) {
	.productsItem p span{
		font-size: 20px;
	}
}
.productsItem a:hover p{
	visibility: visible;
	opacity: 1;
}
.productsItem a:hover p span{
	-webkit-transform: translate(0,0) scale(1,1);
	-ms-transform: translate(0,0) scale(1,1);
	-o-transform: translate(0,0) scale(1,1);
	transform: translate(0,0) scale(1,1);
}

/********product end********/


/***********case***********/
.cases{
	margin-bottom: 40px;
	overflow: hidden;
}
.casesInside h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #2088bf;
}
.casesInside h2 + p{
	font-size: 14px;
	text-align: center;
	margin-bottom: 20px;
	color: #999;
}
.casesMenu{
	text-align: center;
	margin-bottom: 40px;
}
.casesMenu a{
	display: inline-block;
	padding:8px 30px;
	border:1px solid #e0e0e0;
	font-size: 14px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.casesMenu a:hover{
	background: #2088bf;
	color: #fff;
}
.casesMenu a + a{
	margin-left: 5px;
}
.casesContent{
	width: 1200px;
	margin:0 auto;
}
.casesItem{
	float: left;
	width: 380px;
	margin-right: 30px;
	margin-bottom: 40px;
}
.casesItem:nth-of-type(3n){
	margin-right: 0;
}
.casesItem img{
	width:100%;
}
.casesItem p{
	font-size: 18px;
    line-height: 72px;
    border-bottom: 1px solid #e0e0e0;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    padding: 0 20px;
}
.casesItem p span{
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.casesItem p span.casesTitle{
	display: inline-block;
	width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

.casesDetails{
	color: transparent;
}
.casesItem a:hover p{
	background: #2088bf;
	color: #fff;
}
.casesItem a:hover p span{
	color: #fff;
}
.casesDetails{
	float: right;
}
/*********case end**********/

/***********news************/
.news{
	padding:80px 0 60px;
	background: #f7f7f7;
	border-bottom: 1px solid #e5e5e5;
	overflow:hidden;
}
.newsInside h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #2088bf;
}
.newsInside h2 + p{
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
	color: #999;
}
.newsContainer{
	width:1200px;
	margin:0 auto;
}
.newsItem{
	width: 380px;
	margin-right: 30px;
	float: left;
	margin-bottom: 40px;
}
.newsItem:nth-of-type(3n){
	margin-right: 0;
}
.newsImg{
	position: relative;
}
.newsImg img{
	width: 100%;
}
.newsImg p{
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 8px 10px;
	font-size: 13px;
	color: #939393;
}
.newsText{
	padding:20px;
	background: #fff;
}
.newsText h3{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
}
.newsText p{
	font-size: 13px;
	color: #999;
	line-height: 1.9;
}
.newsHr{
	height: 1px;
	margin:20px 0;
	background: #e0e0e0;
}
.newsHr:after{
	content: "";
	display: block;
	height: 1px;
	width: 0;
	background: #2088bf;
	transition: .5s;
}
.newsItem a:hover .newsHr:after{
	width: 100%;
}
/*********news end**********/

/***********honor***********/
.honor{
	padding: 80px 0;
	border-bottom: 1px solid #e5e5e5;
	background: url(honorbg.jpg) no-repeat center center;
}
.honorInside h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #f5f5f5;
}
.honorInside h2 + p{
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
	color: #f5f5f5;
}
.honorContent{
	position: relative;
	padding: 0 30px;
	margin:0 50px;
}
.honor-swiper-container{
	cursor: move;
}
.honor-swiper-container .swiper-slide{
	width: 16.6%;
}
.honor-swiper-container .swiper-slide img{
	width: 100%;
	border:1px solid #eee;
	cursor: pointer;
}
.honor-swiper-button-prev,.honor-swiper-button-next{
	width: 30px;
	height: 100%;
	top: 0;
	margin-top:0;
	background: rgba(0,0,0,.1);
	text-align: center;
	transition: .3s;
}
.honor-swiper-button-prev:hover,.honor-swiper-button-next:hover{
	background: rgba(0,0,0,.5);
}
.honor-swiper-button-prev i,.honor-swiper-button-next i{
	top: 50%;
	position: relative;
	margin-top:-18px;
	font-size: 36px;
	color: rgba(255,255,255,.1);
	transition: .3s;
}
.honor-swiper-button-prev:hover i,.honor-swiper-button-next:hover i{
	color: rgba(255,255,255,.8);
}
.honor-swiper-button-prev{
	left: 0;
}
.honor-swiper-button-next{
	right: 0;
}
/*********honor end*********/

/**********message**********/
.message{
	padding: 80px 0;
	overflow: hidden;
}
.messageInside h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #2088bf;
}
.messageInside h2 + p{
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
	color: #999;
}
.messageContent{
	width: 1200px;
	margin:0 auto;
	position: relative;
}
.messageItem{
	line-height: 40px;
}
.messageItem + .messageItem{
	margin-top: 20px;
}
.messageItem input{
	border:1px solid #f5f5f5;
	background: #f5f5f5;
	transition: .5s;
	box-sizing: border-box;
	width: 340px;
    height: 44px;
    padding: 0 16px;
    font-size: 14px;
}
.msg{
	position: absolute;
	top: 0;
    right: 0;
}
.msg textarea{
	border:1px solid #f5f5f5;
	background: #f5f5f5;
	transition: .5s;
	box-sizing: border-box;
	width: 795px;
    height: 172px;
    padding: 12px 16px;
    font-size: 14px;
}
.messageItem input:focus,.msg textarea:focus{
	border: 1px solid #2088bf;
}
.verification{
	margin-top: 20px;
	width: 340px;
	float: left;
}
.verificationInput{
	border:1px solid #f5f5f5;
	background: #f5f5f5;
	transition: .5s;
	box-sizing: border-box;
	width: 150px;
    height: 34px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 34px;
    float: left;
}
.verificationInput:focus{
	border: 1px solid #2088bf;
}
.verification img{
	float: right;
}
.msgBubmit{
	float: left;
	margin-left: 65px;
	margin-top: 20px;
	border:1px solid #f5f5f5;
	background: #f5f5f5;
	font-size: 14px;
	height: 34px;
	line-height: 32px;
	outline: none;
	box-sizing: border-box;
	text-align: center;
	padding:0 10px;
	transition: .5s;
	cursor: pointer;
}
.msgBubmit:hover{
	border:1px solid #2088bf;
	background: #2088bf;
	color: #fff;
}
/********message end********/

/***********page************/
.pageMenuOn{
	border:1p solid #2088bf !important;
	background: #2088bf !important;
	color: #fff !important;
}
.banner img{
	width: 100%;
}
.page{
	text-align: center;
}
.page a{
	display: inline-block;
	padding: 9px 15px;
    border: 1px solid #e4eaec;
    background: #ffffff;
    color: #ccd5db;
    cursor: default;
	transition: .5s;
}
.page a + a{
	border-left-color: transparent !important;
}
.page a.pagenum{
	cursor: pointer;
	color:#c0c0c0;
}
.page a.pagenum:hover{
	color: #fff;
	border-color:#2088bf;
	background-color:#2088bf;
}
.page a.pagenumon{
	color: #fff;
	border-color:#2088bf;
	background-color:#2088bf;
	cursor: default;
}
.page a.pageAll{
	transition: .5s;
	cursor: pointer;
	color: #c0c0c0;
}
.page a.pageAll:hover{
	color: #fff;
	border-color:#2088bf;
	background-color:#2088bf;
}
.pageDescription{
	text-align: center;
	font-size: 16px;
	padding:40px 0 60px;
}
/**********page end*********/

/***********page about************/
.pageAbout{
	padding:60px 0 80px;
	border-bottom: 1px solid #e5e5e5;
}
.pageAboutInside{
	width: 1200px;
	margin:0 auto;
}
.pageAboutTitle h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #2088bf;
}
.pageAboutTitle h2 + p{
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
	color: #999;
}
.pageAboutContent{
	width: 51%;
	float: right;
	padding-top: 10px;
}
.pageAboutContent h3{
	color: #2088bf;
	font-size: 22px;
	margin-bottom: 10px;
}
.pageAboutContent h3 ~ h3{
	margin-top: 30px;
}
.pageAboutContent h3:before{
	content: " ";
	display: block;
	width: 10px;
	height: 29px;
	background: #2088bf;
	float: left;
	margin-right: 4px;
}
.pageAboutContent p{
	text-indent: 2em;
	line-height: 1.8;
	margin-bottom: 8px;
}
.pageAboutImg{
	float: left;
}
.pageAboutImg img{
	width: 550px;
}
/**********page about end*********/

/**********page business**********/
.pageBusiness{
	padding:60px 0 80px;
}
.pageBusinessTitle h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #2088bf;
}
.pageBusinessTitle h2 + p{
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
	color: #999;
}
.pageBusinessMain {
	padding-bottom:15px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
.pageBusinessMain ul{
	width: 1200px;
	margin:0 auto;
}
.pageBusinessItem{
	float: left;
	width: 285px;
	margin-bottom: 25px;
	margin-right: 20px;
}
.pageBusinessItem:nth-of-type(4n){
	margin-right: 0;
}
.pageBusinessItem img{
	width: 100%;
}
.pageBusinessItemContent h3{
	font-size: 16px;
    line-height: 60px;
    border-bottom: 1px solid #e0e0e0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pageBusinessItem a:hover h3{
	color:#2088bf;
	border-bottom: 1px solid #2088bf;
}
/********page business end********/

/************page case************/
.pageCases{
	padding:60px 0 80px;
}
.pageCases .casesInside{
	margin-bottom: 40px;
	border-bottom: 1px solid #e5e5e5; 
	overflow: hidden;
}
/**********page case end**********/

/************page equipment************/
.pageProducts{
	padding: 60px 0 80px;
}
.pageProducts .productsInside{
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom:1px solid #e5e5e5;
	overflow: hidden;
}
.pageProductsMenu{
	margin-bottom: 40px;
	margin-left: 1.6%;
}
.pageProductsMenu ul{
	text-align: center;
}
.pageProductsMenu ul + ul{
	margin-top: 10px;
}
.pageProductsMenu li{
	display: inline-block;
}
.pageProductsMenu li +li{
	margin-left: 5px;
}
.pageProductsMenu li a{
	display: inline-block;
	padding: 8px 30px;
	border: 1px solid #e0e0e0;
	font-size: 14px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.pageProductsMenu li a:hover{
	background:#2088bf;
	color: #fff;
}

/**********page equipment end**********/

/**************page news***************/
.pageNews{
	background: #f7f7f7;
	padding: 60px 0 80px;
}
.pageNews .newsInside{
	margin-bottom: 40px;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
}
/*************page news end************/

/************page contact**************/
.contact{
	padding:60px 0 80px;
}
.contactInside h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #2088bf;
}
.contactInside h2 + p{
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
	color: #999;
}
.contactContainer{
	width: 1200px;
	margin:0 auto;
}
.contactContainer dl{
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding:50px 10px 80px;
}
.contactContainer dl + dl{
	border-left: 1px dashed #e5e5e5;
}
.contactContainer dl dt{
	text-align: center;
	margin-bottom: 10px;
}
.contactContainer dl dt img{
	display: inline-block;
}
.contactContainer dl dd{
	text-align: center;
	font-size: 16px;
}
.contactContainer dl dd:nth-of-type(1){
	margin-bottom: 10px;
}
.contactContainer dl dd img{
	display: inline-block;
}
.cWechat{
	position: relative;
}
.qrcodeoImg{
	position: absolute;
	width: 140px;
	top: 20px;
    left: 80px;
    transition: .5s;
    visibility: hidden;
    opacity: 0;
}
.qrcodeobtain{
	transition:.4s;
}
.qrcodeobtain:hover{
	color: #2088bf;
}
.qrcodeobtain:hover .qrcodeoImg{
	opacity: 1;
	visibility: visible;
}
.map h2{
	font-size: 26px;
	text-align: center;
	margin-bottom: 4px;
	color: #2088bf;
}
.map h2 + p{
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
	color: #999;
}
.mapContainer{
	background: #eee;
	width: 100%;
	height: 500px;
}
/***********page contact end***********/

/****************article***************/
.article{
	background: #f5f5f5;
}
.articleInside{
	margin:0 auto;
}
.articleNavBox{
	border-bottom: 1px solid #ccc;
}
.articleNav{
	width: 1200px;
	margin:0 auto;
	padding: 10px 0;
}
.articleNav li{
	float: left;
}
.articleNav li:first-child i{
	margin-right: 10px;
}
.articleNav li + li:before{
	content: "/";
	display: inline-block;
	padding:0 6px;
}
.articleNav li a{
	font-size: 14px;
	transition: .5s;
}
.articleNav li a:hover{
	color: #2088bf;
}
.articleContainer{
	padding:30px 0;
	width: 1200px;
	margin:0 auto; 
}
.articleContent{
	float: left;
	padding: 30px;
	width: 898px;
	background: #fff;
}
.articleAside{
	float: right;
	padding: 30px;
	width: 272px;
	background: #fff;
}
.articleAside h3{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #2088bf;
}
.articleAside dl + dl{
	margin-top: 12px;
	padding-top: 12px;
}
.articleAside dl dt img{
	width: 100%;
}
.articleAside dl dd h4{
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	transition: .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.articleAside dl a:hover dd h4{
	color:#2088bf;
}
.articleContentHeader{
	border-bottom: 1px solid #e0e0e0;
	padding:0 5px 10px;
}
.articleContentHeader h2{
	font-size: 22px;
	color: #2088bf;
	margin-bottom: 4px;
}
.articleContentHeader h2 + p{
	font-size: 14px;
	color: #999;
}
.articleText{
	padding:20px 5px;
	color: #666;
	line-height: 1.5;
}
.articleText p{
	color:#666;
}
.articleText img{
	display: inline-block;
	max-width: 100% !important;
	max-height: 100%;
}
/*************article end**************/

/*link*/
.hflink{
	width: 1200px;
	margin:10px auto;
	color:#333;
	font-size: 15px;
}
.hflink a{
	color:#333;
	font-size: 14px;
}
.hflink a:hover{
	transition: .3s;
	color: #2088bf;
}
.hflink a + a{
	margin-left:20px;
}
/*link end*/