@charset "utf-8";

.inbanner{ width:100%; height: 420px; position: relative; overflow: hidden;}
.inbanner>img{ position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 0;}


.ibcate{ width: 100%; display: table; position: absolute; color: #fff; text-align: center;
	height: 100%; left:0; top:0; z-index: 1;}
.ibcatein{ display: table-cell; vertical-align: middle; position: relative; top: -30px;}
.ibcatein .cn{ font-size: 40px; line-height: 78px;}
.ibcatein .en{  font-size: 46px; line-height: 94px; font-family: 'arial'; font-weight: bold; text-transform: uppercase;}
.ibcatein .hx{ width: 80px; height: 4px; background-color: #fff; margin: 0 auto;}

.js-qiecon{ display: none;}.js-qiecon.on{ display: block;}
/* @media screen and (max-width:1000px){
	.inbanner{ height: 420px;}
	.inbanner>img{ width: auto; left:50%; margin-left: -520px;}
} */


/* 三级导航 */
.outnavbg{ width: 100%; height: 60px; background-color: #fff; border-bottom: 1px solid #bfbfbf;}
.outnav3{ height: 60px; padding: 0; position: relative; z-index: 1; overflow: hidden; text-align: center;}
.outnav3 .nav-left,.outnav3 .nav-right{ width: 50px; height: 100%; cursor: pointer; position: absolute;
	top:0; z-index: 2; background-position: center; background-repeat: no-repeat; display: none;
	transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.outnav3 .nav-left{ left:0; background-image: url(../images/nv-lt.png); background-color: #ddd;}
.outnav3 .nav-right{ right:0; background-image: url(../images/nv-gt.png); background-color: #ddd;}
.outnav3 .nav-left:hover,.outnav3 .nav-right:hover{ background-color: #81cdf1;}
.outnav3  #wrapper22{ width: 100%; height: 100%; position: relative;}

.outnav3.on{ padding: 0 50px;}
.outnav3.on .nav-left,.outnav3.on .nav-right{ display: block;}

.nav7{ width:100%; height: 100%; font-size: 0; white-space: nowrap;}
.nav7 li{ width: 150px; display: inline-block; height: 100%; overflow: hidden;}
.nav7.fen2 li{ width: 50%;}
.nav7.fen3 li{ width: 33.3%;}
.nav7.fen4 li{ width: 25%;}
.nav7.fen5 li{ width: 20%;}
.nav7 li a{ display: block; position: relative; color: #333; line-height: 60px; font-size: 16px;}
.nav7 li:hover a,.nav7 li.on a{ background-color: #333; color: #fff;}
.nav7 li:first-child a{ background-image: none;}
@media screen and (max-width:750px){
	.nav7 li a{ font-size: 26px;}
}



.baninfo{ height: 40px; padding: 10px 0; overflow: hidden; position: relative; z-index: 2;
	background-color: rgba(0,0,0,0.4); margin-top: -60px;}

.erji{ float: left; font-size: 0; white-space: nowrap;}
.erji a{ display: inline-block; width: 100px; height: 40px; position: relative;
	 color: #fff; text-align: center; font-size: 16px; line-height: 40px;}
.erji a.on{ color: #00a0e3;}
.erji a:hover{ color: #00a0e3;}


.tree{ float: right; height: 40px; line-height: 40px; color: #fff; position: relative;
	padding-left: 26px; background: url('../images/tree.png') left no-repeat;}
.tree a{ color: #fff; padding: 0 5px;}
.tree a.leaf,.tree a:hover{ color: #00a0e3;}
@media screen and (max-width:1620px){
	.tree{ padding-right: 20px;}
	.baninfo .cer2{ width: 1200px;}
}
@media screen and (max-width:1300px){
	.baninfo .cer2{ width: 1000px;}
}
@media screen and (max-width:1220px){
	.tree{ display: none;}
	.erji{ float: none; text-align: center;}
	.baninfo{ width: 100%; height: auto; overflow: auto;}
}
@media screen and (max-width:750px){
	.erji a{ font-size: 26px; width: 150px;}
}





.atc{ padding: 55px 44px 50px; overflow: hidden; border: 1px solid #ddd;}
.atc-h{ padding-bottom: 20px; border-bottom: 1px solid #ddd; text-align: center;}
.atc-h h1{ font-size: 24px; color: #333; line-height: 40px;}

.atc-date{ color: #999; line-height: 24px; margin-top: 14px;}
.atc-date span{ margin: 0 16px; display: inline-block;}

.atc-con{ padding: 25px 0 50px; font-size: 16px; line-height: 26px; color: #333; text-align: justify;}
.atc-con img{ max-width: 100%;}


.atc-pn{ overflow: hidden; text-align: center; position: relative; height: 40px; line-height: 40px; padding: 10px 0;}
.atc-pn a{ display: inline-block; width: 38px; height: 38px; border: 1px solid #dedede; margin: 0 14px;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; line-height: 38px; color: #333;}
a.atc-prev,a.atc-next{ font-family: 'simsun'; font-size: 30px; color: #333;}
a.atc-ret{ width: 130px; text-align: left; text-indent: 52px; vertical-align: top;
	background: url('../images/ret.png') 21px center no-repeat;}

.atc-pn a:hover{ color: #0573c6; box-shadow: 0 0 10px 0 #0573c6;}

.videowrap{ width: 100%; position: relative; text-align: center;}
.video { width: 900px; max-width: 100%; height: 540px;}

/* @media screen and (max-width:1620px){
	.atc{ width: 1200px; padding: 0 44px; margin: 0 auto; border: 0 none;}
}*/
@media screen and (max-width:1400px){
	.atc{ width: 1200px;padding: 0 30px; margin: 0 auto; border: 0 none;}
}
@media screen and (max-width:1280px){
	.atc{ width: 1000px;}
}
@media screen and (max-width:1080px){
	.atc{ width: auto;}
}
@media screen and (max-width:900px) {
	.videowrap{ padding-bottom: 60%; height: 0;}
	.video{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
}
@media screen and (max-width:750px) {
	.atc{ padding: 0 22px;}
	.atc-h h1{ font-size: 32px; line-height: 48px;}
	.atc-h .atc-date{ font-size: 24px; line-height: 36px; margin-top: 20px;}
	.atc-con{ font-size: 26px; line-height: 44px;}
	.atc-con div,.atc-con p,.atc-con span{ font-size: 26px !important; line-height: 44px!important;}
	.atc-pn{ height: 60px; line-height: 60px;}
	.atc-pn a{ width: 58px; height: 58px; line-height: 58px;
		-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px;}
	a.atc-ret{ width: 200px;}
}







.lvyoulist{ width: 1680px; padding: 80px 0 10px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.lvyoulist li{ float: left; width: 33.3%; margin-bottom: 50px;}
.lvyoulist li .lin{ padding: 0 40px;}
.lvyoulist li a{ display: block;}
.lvyoulist .pic{ width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative;}

.lvyoulist img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}
.lvyoulist .pic i{ position: absolute; z-index: 2; left:0; top:0; width: 100%; height: 100%;
	 background: url('../images/chain.png') center no-repeat; opacity: 0; filter:alpha(opacity= 0);}

.lvyoulist li h3{ font-size: 16px; color: #333; line-height: 30px; text-align: center; display: table;
	width: 100%; height: 70px; overflow: hidden; background-color: #fff; border-bottom: 1px solid #999;}
.lvyoulist li h3 div{ display: table-cell; padding: 0 10px; vertical-align: middle;}
.lvyoulist li h3 div span{ display: block; max-height: 60px; overflow: hidden;}

.lvyoulist li:hover a{ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2);}
.lvyoulist li:hover h3{ background-color: #00a0e3; color: #fff; border-color: #00a0e3;}
.lvyoulist li:hover .pic i{ opacity: 1; filter:alpha(opacity= 100);}

.lvyoulist li h3,.lvyoulist li i{-webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}

@media screen and (max-width:1500px){
	.lvyoulist{ padding: 60px 20px 10px; width: auto;}
	.lvyoulist li .lin{ padding: 0 20px;}
}
@media screen and (max-width:1200px){
	.lvyoulist{ padding: 60px 15px 10px; width: auto;}
	.lvyoulist li .lin{ padding: 0 15px;}
}
@media screen and (max-width:1040px){
	.lvyoulist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.lvyoulist li h3{ font-size: 26px; line-height: 40px; height: 100px;}
	.lvyoulist li h3 div span{ max-height: 80px;}
}







.newslist{ padding: 30px 0;}
.newslist li{ width: 100%; height: 428px; padding: 50px 0;}
.newslist .lin{ overflow: hidden; height: 100%; background-color: #fff;}
.newslist li .picout{ float: right; width: 50%; height: 100%; position: relative;}
.newslist li .pic{ padding-left: 30px; height: 100%; overflow: hidden;}
.newslist li .pairout{ float: left; width: 50%; height: 100%;}
.pair{ padding-right: 30px;}

.newslist li:nth-child(even) .picout{ float: left;}
.newslist li:nth-child(even) .pic{ padding-left: 0; padding-right: 30px;}
.newslist li:nth-child(even) .pairout{ float: right;}
.newslist li:nth-child(even) .pair{ padding-left: 30px; padding-right: 0;}

.pair h3{ color: #000; font-size: 30px; line-height: 56px; height: 112px; overflow: hidden; margin-bottom: 46px;}
.pair .date{ color: #333; line-height: 36px; font-weight: bold; margin-bottom: 40px;}
.pair .txt{ font-size: 16px; color: #333; line-height: 32px; height: 128px; overflow: hidden; margin-bottom: 36px;}
.pair label{ display: block; color: #333; line-height: 28px; font-weight: bold; text-transform: uppercase;
	background: url('../images/jtr3.png') 120px no-repeat;}
li:hover .pair h3{ color: #00a0e3;}
.pair h3{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	-ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
@media screen and (max-width:1380px){
	.newslist{ width: 1000px; margin: 0 auto;}
	.newslist li .pic img.full{ position: absolute; width: 570px; left:50%; top:0; z-index: 1; margin-left: -285px;}
}
@media screen and (max-width:1080px){
	.newslist{ width: auto; padding: 30px;}
}
@media screen and (max-width:960px){
	.pair .date{ margin-bottom: 20px;}
	.pair h3{ margin-bottom: 25px;}
	.pair .txt{ height: 160px; margin-bottom: 20px;}
}
@media screen and (max-width:750px){
	
	.newslist li{ height: auto;}
	.newslist li .picout{ width: 100%; height: 428px;}
	.newslist li .picout,.newslist li:nth-child(even) .picout{ float: none;}
	.newslist li .pairout{ width: 100%; height: auto;}
	.newslist li .pairout,.newslist li:nth-child(even) .pairout{ float: none;}
	.newslist li .pic,.newslist li:nth-child(even) .pic{ padding-left: 0; padding-right: 0;}

	.pair{ padding: 30px;}
	.pair h3{ font-size: 30px;}
	.pair .txt{ font-size: 26px; line-height: 40px; height: 200px; margin-bottom: 40px;}
	.pair label{ background-position: 200px center;}
}






.linyulist{ width: 100%; padding: 80px 0 60px;}
.linyulist li{ width: 100%; margin-bottom: 30px;}
.linyulist li a{ display: block; position: relative; height: 450px; overflow: hidden;
	padding: 0 0 0 800px; background-color: #03325b;}

.linyulist li .pic{ position: absolute; left: 0; top: 0; z-index: 1; width: 800px; height: 100%;}
.linyulist li .wz{ padding: 24px 30px 34px 34px; color: #fff;}
.linyulist li h3{ font-size: 34px; line-height: 54px; height: 54px;
	overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.linyulist li .txt{ font-size: 16px; line-height: 26px; height: 260px; margin: 20px 0 26px; overflow: hidden;text-align: justify;}
.linyulist li label{ font-family: 'arial'; line-height: 20px; padding-bottom: 13px; display: block; width: 130px;
	background: url('../images/jtr4.png') left bottom no-repeat; text-transform: uppercase;}

.linyulist li:hover a{ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2);}

.linyulist label,.linyulist .date{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	 -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
@media screen and (max-width:1240px){
	.linyulist{ width: auto; padding: 60px 30px 30px;}
	.linyulist li a{ padding-left: 66.6%;}
	.linyulist li .pic{ width: 66.6%;}
 	.linyulist li .pic img.full{ width: auto; position: absolute; left:50%; top:0; z-index: 1; margin-left: -400px;}
}
@media screen and (max-width:1000px){
	.linyulist li{ margin-bottom: 40px;}
	.linyulist li a{ padding-left: 0; width: 800px; height: auto; margin: 0 auto; max-width: 100%;}
	.linyulist li .pic{ width: 100%; height: 450px; position: static;}
	.linyulist li .pic img.full{ position: static; width: 100%; margin-left: 0;}
	.linyulist li .txt{ height: auto;}
}
@media screen and (max-width:750px){
	.linyulist li .txt{ font-size: 26px; line-height: 40px;}
	.linyulist li label{ width: 160px; line-height: 40px; background-position: right bottom;}
}







.hezuo{ padding: 60px 0 100px; background: url('../images/lxbg.jpg') top no-repeat; background-size: 100% 100%;}

.hezuo .ganxie{ font-size: 16px; color: #fff; line-height: 26px; margin: 20px 0 50px;}

.lxerji{ position: relative; font-size: 0; width: 100%; border-bottom: 1px solid #fff;}
.lxerji li{ display: inline-block; height: 90px; text-align: center; margin-right: 38px;}
.lxerji li a{ display: block; padding-bottom: 26px; position: relative;
	color: #fff; line-height: 64px; font-size: 28px; height: 64px;}
.lxerji li a::after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; 
   border-bottom: 4px solid #fff; -webkit-transition: .3s; transition: .3s;}
.lxerji li a:hover::after{ width: 100%; left:0;
	 transition: width 0.3s; -webkit- transition: width 0.3s;}
.lxerji li.on a::after{ width: 100%; left:0;}

.lxcontent{ font-size: 14px; color: #666; line-height: 26px;}




.biaodan{ background-color: #fff; padding: 80px 65px 85px; border: 5px solid #eee;}
.liuyan{ color: #666; font-size: 0; width: 1060px; max-width: 100%;}
.liuyan .hang{ width: 530px; height: 36px; line-height: 36px; margin-bottom: 24px;}
.liuyan .hang.short{ float: left; width: 300px; margin-right: 30px;}
.liuyan .hang.fat{ width: 100%; height: auto;}


.liuyan input[type=text]{ width: 100%; height: 34px; border:1px solid #ddd;
	 line-height: 34px; text-indent: 10px; font-size: 14px; margin-left: -2px;}
.liuyan p { padding-left: 84px; height: 100%;}
.liuyan p label{float: left; margin-left: -84px; width: 80px; font-size: 14px; }
.liuyan textarea{ padding: 0 1%; height: 96px; border:1px solid #ddd; resize:none;
	vertical-align: top; width:98%; line-height: 24px; font-size: 14px; margin-left: -2px;}
.liuyan input[type=text]:focus,.liuyan textarea:focus{ border-color: #00a0e3;}
.liuyan input[type=text],.liuyan textarea{ transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}

.liuyan .hang i.v{ display: block; width: 100%; height: 100%; vertical-align: top;}

.liuyan .hang2{ float: left; height: 36px; line-height: 36px; margin-bottom: 24px;}
.liuyan .hang2 i.v{ display: inline-block; height: 100%; vertical-align: top;}

.liuyan input#yzm1,.liuyan input#yzm{ width: 125px;}
.liuyan img#verifyImg1,.liuyan img#verifyImg{ width: 80px; height: 36px; cursor: pointer; vertical-align: top; margin-left: 15px;}
.liuyan .yzmchange{ display: inline-block; width: 60px; text-align: center; vertical-align: top;}

.liuyan .btnarea{ float: right; text-align: center; margin-top: 40px;}
.liuyan .btnarea input{ width: 140px; height: 36px; font-size: 18px; line-height: 34px; color: #fff;}
.liuyan .btnarea input:hover{ opacity: 0.9; filter:alpha(opacity=90);}

.liuyan input#tj{ background-color: #00a0e3; border: 1px solid #00a0e3; margin-right: 20px;}
.liuyan input#cz{ background-color: #bbb; border: 1px solid #bbb;}
.liuyan input#tj:hover{ background-color: #fff; color: #00a0e3;}
.liuyan input#cz:hover{ background-color: #fff; color: #bbb;}

@media screen and (max-width:1640px){
	.hezuo .cer2{ width: 1200px;}
}
@media screen and (max-width:1300px){
	.hezuo .cer2{ width: 1000px;}
}
@media screen and (max-width:1050px){
	.hezuo .cer2{ width: auto; padding: 0 30px;}
}
@media screen and (max-width:1220px){
	.liuyan .hang{ width: 100%;}
	.liuyan .hang.short{ width: 32%; margin-right: 2%;}
	.liuyan .hang.short.i4{ margin-right: 0;}
	.liuyan textarea{ width: 98%;}
}
@media screen and (max-width:960px){
	.biaodan{ padding: 60px 40px 65px;}
	.liuyan .hang2{ float: none;}
	.liuyan .btnarea{ float: none;}
	.liuyan input#yzm,.liuyan input#yzm1{ width: 200px;}
	.liuyan img#verifyImg1,.liuyan img#verifyImg{ width: auto;}
	.liuyan .hang.short{ float: none; width: 100%; margin-right: 0;}
}
@media screen and (max-width:750px){
	.hezuo .ganxie{ font-size: 26px; line-height: 40px;}
	.biaodan{ padding: 40px 30px 65px;}
	.liuyan .hang{ height: auto; line-height: 50px; margin-bottom: 30px;}

	.liuyan input[type=text]{ font-size: 24px; height: 48px; line-height: 48px;}
	.liuyan p { padding-left: 0; height: auto;}
	.liuyan p label{ float: none; display: block; width: 200px; height: 40px;
		line-height: 40px; margin-left: 0; font-size: 24px;}
	.liuyan textarea{ line-height: 40px; font-size: 24px; height: 200px;}
	
	.liuyan .hang i.v,.liuyan .hang2 i.v{height: auto;}
	.liuyan .hang2{ height: auto; line-height: 50px; margin-bottom: 40px;}

	.liuyan img#verifyImg1,.liuyan img#verifyImg1{ height: 50px;}
	.liuyan .yzmchange{ width: 100px; height: 50px;}
	.v span.Validform_checktip{ font-size: 22px; line-height: 30px; height: 30px; left:auto; right:0;}

	.liuyan  .btnarea input{ width: 260px; height: 60px; font-size: 30px; }
}







.lxone{ overflow: hidden; height: 430px; background-color: #fff; margin: 80px auto;}

.lxcon{ padding: 65px 0 10px;}
.lxcon h2{ color: #333; font-size: 24px; line-height: 40px; font-weight: bold; margin-bottom: 10px;}
.lxcon .lx1{ padding-left: 35px; font-size: 16px; color: #333; line-height: 24px; margin-top: 20px;
	background: url('../images/lx1.jpg') top left no-repeat;}
.lxcon .lx2{ padding-left: 35px; font-size: 16px; color: #333; line-height: 24px; margin-top: 20px;
	background: url('../images/lx2.jpg') top left no-repeat;}
.lxcon .lx3{ padding-left: 35px; font-size: 16px; color: #333; line-height: 24px; margin-top: 20px;
	background: url('../images/lx2.jpg') top left no-repeat;}
.lxcon .shoptime{ width: 304px; height: 24px; background-color: #00a0e3; margin-top: 10px;
	font-size: 16px; color: #fff; line-height: 24px; text-align: center;}
.lxcon .hotline{ height: 40px; font-size: 16px; color: #333; line-height: 40px; font-weight: bold; margin-top: 20px;}
.lxcon .hotline span{ font-size: 24px; color: #00a0e3;}

.lxcon h4{ font-size: 20px; line-height: 30px; color: #333;
	padding-bottom: 20px; border-bottom: 1px solid #e3e3e3;}
.lxcon h4 i{ display: inline-block; width: 40px; height: 20px; background-color: #00a0e3;
	font-size: 16px; color: #fff; text-align: center; line-height: 20px; margin-left: 10px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
#map{ width: 100%; height: 430px;}
@media screen and (max-width:1640px){
	.lxone{ width: 1200px;}
	.lxcon{ padding: 65px 30px 10px;}
}
@media screen and (max-width:1300px){
	.lxone{ width: 1000px;}
}
@media screen and (max-width:1100px){
	.lxone{ width: auto; height: auto;}
	.lxone .lefthalf{ float: none; width: 800px; margin: 0 auto;}
	.lxone .righthalf{ float: none; width: 800px; margin: 0 auto; height: 430px;}
	.lxcon{ padding: 0 30px 70px;}
}
@media screen and (max-width:800px){
	.lxone .lefthalf{ width: 100%;}
	.lxone .righthalf{ width: auto; padding: 0 30px;}
}
@media screen and (max-width:750px){
	.lxcon h2{ font-size: 36px; line-height: 50px;}
	.lxcon .lx1{ font-size: 26px; line-height: 46px; background-position: left 11px; margin-top: 40px;}
	.lxcon .lx2{ font-size: 26px; line-height: 46px; background-position: left 11px;}
	.lxcon .shoptime{ font-size: 26px; line-height: 40px; height: 40px; width: 500px; margin-top: 20px;}
	.lxcon .hotline{ font-size: 26px; line-height: 50px; height: 50px;}
	.lxcon .hotline span{ font-size: 40px;}

	.lxcon h4{ font-size: 28px; line-height: 40px;}
	.lxcon h4 i{ font-size: 26px; width: 60px; height: 36px; line-height: 36px;}
}









.pianyi{ padding-top: 120px; margin-top: -120px;}

.whout{ padding: 70px 0 90px;}
.cate{ text-align: center;}
.cate .cn{ font-size: 24px; line-height: 1.5em; height: 1.5em; color: #333;
	background: url('../images/line1.png') center no-repeat;}
.cate .cn2{ font-size: 24px; line-height: 1.5em; height: 1.5em; color: #fff;
	background: url('../images/line2.png') center no-repeat;}

.whlist{ width: 1260px; padding: 52px 0 0; max-width: 100%; margin: 0 auto; overflow: hidden;}
.whlist li{ float: left; width: 33.3%;}
.whlist li .lin{ padding: 0 30px;}
.whlist li a{ display: block; width: 100%; background-color: #f5f5f5; padding-bottom: 24px;}
.whlist .pic{ width: 100%; height: 0; padding-bottom: 87.5%; position: relative; background-color: #009bd8;}
.whlist .pic img{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
.whlist .pic .pic_h4{ position: absolute; top:50%; left:0; z-index: 2; width: 100%; 
	text-align: center; margin-top: -54px;}
.whlist .pic .pic_h42{ position: absolute; top:50%; left:0; z-index: 2; width: 100%; 
	text-align: center; margin-top: -54px;}

.whlist li h3{ font-size: 18px; color: #333; line-height: 30px; font-weight: bold;
	padding: 0 44px; height: 30px; overflow: hidden; margin-top: 18px;}
.whlist li h4{ font-size: 24px; color: #fff; font-weight: bold; line-height: 1.5em; padding: 0 10px;
	 z-index: 3; opacity: 0; filter:alpha(opacity= 0);}
.whlist li .txt{ font-size: 18px; color: #666; line-height: 30px; padding:0 44px; height: 30px; overflow: hidden;}

.whlist li:hover a{ box-shadow: 0 0 4px 0 #f5f5f5;}
.whlist li:hover img{ opacity: 0.5; filter:alpha(opacity= 50);}
.whlist li:hover h4{ opacity: 1; filter:alpha(opacity= 100);}
.whlist li:hover h3{ color: #009bd8;}


.whlist li h3,.whlist li h4{-webkit-transition: .3s; -moz-transition: .3s;
	-ms-transition: .3s; -o-transition: .3s; transition:  .3s;}
@media screen and (max-width:1200px){
	.pianyi{ padding-top: 80px; margin-top: -80px;}
	.whlist{ padding: 52px 10px 0; width: auto;}
	.whlist li .lin{ padding: 0 10px;}
}
@media screen and (max-width:900px){
	.whlist{ width: 600px;}
	.whlist li{ float: none; width: 100%; margin-bottom: 30px;}
	.whlist li .lin{ padding: 0;}
}
@media screen and (max-width:750px){
	.cate .cn,.cate .cn2{ font-size: 36px;}
	.whout{ padding: 50px 0 50px;}
	.whlist li:hover a{ box-shadow: none;}
	.whlist li h3{ font-size: 28px; line-height: 50px; height: 50px;}
	.whlist li h4{ font-size: 32px; line-height: 50px;}
	.whlist li .txt{ font-size: 28px; line-height: 50px; height: 50px;}

	.whlist .pic .pic_h4{ margin-top: -75px;}
	.whlist .pic .pic_h42{ margin-top: -75px;}
}



.cate3{ text-align: center; position: relative; padding-top: 26px;}
.cate3:before{ content: ''; position: absolute; left: 50%; top:0; z-index: 0;
	width: 60px; height: 4px; margin-left: -30px; background-color: #03325b;}
.cate3 .cn{ font-size: 34px; line-height: 44px; height: 44px; color: #333;}
.cate3 .en{ font-size: 20px; line-height: 1.3em; height: 1.3em; color: #e0e0e0; text-transform: uppercase;}

.jiagou{ padding: 80px 0; background: #fff url('../images/city.jpg') bottom no-repeat;}
.jiagoupic{ margin: 62px 0 0; text-align: center;}
.jiagoupic img{ width: 90%; max-width: 1200px; height: auto!important;}


.rongyu{ padding-top: 74px; height: 456px; background: url('../images/rybg.jpg') center no-repeat;}
.picScroll-left2{ overflow:hidden; position:relative; padding: 0 100px; margin: 55px auto 0;}

.rylist{ overflow: hidden;}
.rylist li{ float: left; width: 272px;}
.rylist li .lin{ padding: 0 11px;}
.rylist li a{ display: block; padding: 12px 12px 12px; background-color: #ddd;}

.rylist li .pic{ overflow: hidden; background-color: #fff; height: 170px;
	line-height: 170px; text-align: center; font-size: 0;}
.rylist li img{ max-width: 100%; max-height: 100%;}

.rylist li h3{ font-size: 16px; color: #333; line-height: 28px;
	width: 100%; height: 56px; overflow: hidden; margin-top: 12px;}
.rylist li:hover a{ box-shadow: 0 0 20px 0 rgba(255,255,255,0.5);}
.rylist li:hover h3{ color: #00a0e3;}


.rongyu a.prev, .rongyu a.next{ position: absolute; width: 48px; height: 48px; z-index: 1; top:100px;}
.rongyu a.prev{ left: 0; background: #f5f5f5 url('../images/ry-lt.png') center no-repeat;}
.rongyu a.next{ right: 0; background: #f5f5f5 url('../images/ry-gt.png') center no-repeat;}
.rongyu a.prev:hover,.rongyu a.next:hover{ opacity: 0.8; filter:alpha(opacity= 80);}

@media screen and (max-width:1300px){
	.picScroll-left2{ padding: 0 50px;}
	.rongyu a.prev{ left:5px;}
	.rongyu a.next{ right: 5px;}
}
@media screen and (max-width:750px){
	.picScroll-left2{ height: 300px;}
	.rylist li h3{ font-size: 24px; line-height: 40px; height: 80px; margin-top: 20px;}
	.jiagoupic img{ width: 96%;}
}




.cate4{ text-align: center; position: relative; padding-bottom: 12px;}
.cate4:before{ content: ''; position: absolute; left: 50%; bottom:0; z-index: 0;
	width: 60px; height: 4px; margin-left: -30px; background-color: #03325b;}
.cate4 .cn{ font-size: 34px; line-height: 44px; height: 44px; color: #333;}
.cate4 .en{ font-size: 20px; line-height: 1.5em; height: 1.5em; color: #e0e0e0; text-transform: uppercase;}


.about{ padding: 76px 0 60px;}

.aboutcon{ margin-top: 20px; font-size: 16px; color: #666; line-height: 38px; margin: 38px 0 46px; text-align: justify;}

.guolist{ margin: 0 auto; overflow: hidden; width: 100%;
	 position: relative; z-index: 1; font-size: 0;}
.guolist li{ display: inline-block; width: 25%;}
.guolist li a{ display: block; height: 76px; position: relative;}


.guolist h3{ float: left; font-size: 70px; color: #333; text-align: center; position: relative;
	width: 120px; height: 76px; line-height: 76px; font-family: 'arial'; font-weight: bold;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.guolist h3 i{ font-size: 24px;}
.guolist li .txt{ float: left; font-size: 16px; color: #333; line-height: 26px; padding: 17px 0 7px; margin-left: 20px;}
.guolist li h3:before{ content: ''; position: absolute; right: 0; top:24px; z-index: 0;
	width: 1px; height: 40px; background-color: #eaeaea;}
.guolist p.txt2{ color: #999}
.guolist li:hover h3{ color: #017ebc;}
.guolist li:hover p.txt1{ color: #017ebc;}
 
@media screen and (max-width:1320px){
	.about{ padding: 70px 20px 60px;}
	.about .cer{ width: 1024px;}
}
@media screen and (max-width:1200px){
	.guolist li a{ height: auto;}
	.guolist h3{ float: none; width: 100%;}
	.guolist li h3:before{ display: none;}
	.guolist li .txt{ float: none; margin-left: 0; text-align: center;}
}
@media screen and (max-width:750px){
	.aboutcon{ font-size: 26px; line-height: 40px;}
	.aboutcon div,.aboutcon p,.aboutcon span{ font-size: 26px!important; line-height: 40px!important;}
	.guolist li a{ padding:0 5px;}
	.guolist li .txt{  font-size: 26px; line-height: 30px; padding: 17px 0;}
}



.abvd{ width: 100%; height: 540px; overflow: hidden; position: relative; 
	background: url('../images/vdbg.jpg') center no-repeat; font-size: 0;}
.abvd a.vdbtn{ display: block; width: 100%; height: 100%; text-align: center; line-height: 540px;}

.vdplay{ position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 99;
	background: url('../images/op0-80.png'); display: none;}
.vd-cha{ position: absolute; right: 0; top: 0; z-index: 3; color: #fff; width: 80px; height: 80px;
    font-size: 50px; text-align: center; line-height: 80px; font-family: Arial; cursor: pointer;}
.vdplay-con{ position: relative; width: 80%; left: 10%; height: 100%; background-color: #000;}
#vdbed{ position: absolute; left:0; top:0; margin-top:0; z-index: 1; width: 100%; height: 100%;}



.guanout{ padding: 72px 0 80px; position: relative;}

.cansuout{ width: 1200px; margin: 52px auto 0; position: relative; overflow: hidden;
	height: 420px; cursor: ew-resize;}

.guanlist{ font-size: 0; white-space: nowrap; overflow: hidden; position: relative; height: 100%;}
.guanlist li{ display: inline-block; width: 280px; height: 420px; margin: 0 10px;}
.guanlist li a{ display: block; background-color: #eee;}


.guanlist .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative;}
.guanlist .pic img{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
.guanlist .pic i{ position: absolute; left:50%; bottom: 0; z-index: 2; width: 20px;
	height: 10px; margin-left: -10px; background: url('../images/sju1.png') center no-repeat;}
.guanlist li:nth-child(even) .pic i{ bottom: auto; top:0; background-image: url('../images/sjd1.png');}

.guanlist li .txt{ width: 100%; height: 210px; overflow: hidden; position: relative;}
.guanlist li .txt div{ font-size: 16px; color: #333; line-height: 28px; white-space: normal;
	 padding: 60px 60px 0; overflow: hidden; max-height: 140px;}
.guanlist li .txt:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; 
   border-bottom: 3px solid #bbb; -webkit-transition: .3s; transition: .3s;}
.guanlist li:nth-child(even) .txt:after{ bottom: auto; top:0;}
.guanlist li:hover .txt:after{ width: 100%; left:0;
	 transition: width 0.3s; -webkit- transition: width 0.3s;}



#scrollbar2{ width: 1200px; margin: 52px auto 0; position: relative;}
#scrollbar2 .scrollbar{ width: 100%; height: 8px; margin-top: 52px; position: relative;}
#scrollbar2 .track{ width: 100%; height: 3px; background-color: #ddd; position: relative;}
#scrollbar2 .thumb{ height: 8px; background-color: #41c9ff; position: absolute; left:0; top:-3px;z-index: 1;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor: pointer;}

#scrollbar2 .viewport{ position: relative; width: 100%; height: 420px; overflow: hidden;}
#scrollbar2 .overview{ position: absolute; z-index: 1; left:0; top:0;}

.guanout a.prev, .guanout a.next{ position: absolute; width: 48px; height: 48px; z-index: 2; top:50%;}
.guanout a.prev{ left: 50%; margin-left: -650px; background: #f5f5f5 url('../images/ry-lt.png') center no-repeat;}
.guanout a.next{ right: 50%; margin-right: -650px; background: #f5f5f5 url('../images/ry-gt.png') center no-repeat;}
.guanout a.prev:hover,.guanout a.next:hover{ opacity: 0.8; filter:alpha(opacity= 80);}

@media screen and (max-width:1300px){
	.guanout a.prev{ left: 10px; margin-left: 0;}
	.guanout a.next{ right:10px; margin-right: 0;}
}
@media screen and (max-width:1200px){
	#scrollbar2,.cansuout{ width: auto;}
	.guanout{ padding: 72px 20px 80px;}
}
@media screen and (max-width:750px){
	.guanlist li .txt div{ font-size: 26px; line-height: 44px; padding: 30px 30px 0;}
}





.fzout{ padding: 70px 0 80px; height: 550px; background: url('../images/fzbg.jpg') top no-repeat;}

.yearout{ padding: 0 50px; width: 1200px; margin: 54px auto 0; position: relative;}
.yearout a.year-prev, .yearout a.year-next{ position: absolute; width: 48px; height: 48px; z-index: 2; top:264px;}
.yearout a.year-prev{ left: 0; background: #f5f5f5 url('../images/ry-lt.png') center no-repeat;}
.yearout a.year-next{ right: 0; background: #f5f5f5 url('../images/ry-gt.png') center no-repeat;}
.yearout a.year-prev:hover,.yearout a.year-next:hover{ opacity: 0.8; filter:alpha(opacity= 80);}


.yearbar{ height: 70px; border-top: 1px solid #ccc;}
.yearpic-out{ width: 100%; overflow: hidden; height: 100%; position: relative;}
.yearpic{ width: auto; height: 100%; font-size: 0; white-space: nowrap;
	 position: absolute; left:0; top:0; z-index: 1; min-width: 100%; text-align: center;}
.yearpic li{ display: inline-block; width: 195px; position: relative; padding-top: 30px; overflow: hidden;}
.yearpic li div{ width: 135px; height: 40px; cursor: pointer; margin: 0 auto;
	 font-size: 20px; color: #fff; line-height: 40px;}
.yearpic li.on div,.yearpic li:hover div{ background-color: #009bd8;}

.yearpic li i{ position: absolute; width: 1px; height: 20px; z-index: 1;
	top: 0; left: 50%; background-color: #ddd;}




.yearcon-out{ width: 100%; height: 340px; position: relative; margin: 48px 0 0; overflow: hidden;}
.yearcon-wrap{ height: 100%; position: absolute; top:0; left:0; z-index: 1; white-space: nowrap; font-size: 0;
	-webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.yearcon{ display: inline-block; width: auto; height: 100%; overflow: hidden;}
.yearconin{ background-color: #d5dce3; padding: 35px 50px; margin: 0 30px;
	 position: relative;}
.yearcon dl{ width: 100%; height: 270px; overflow: auto;} 
.yearcon dd{ font-size: 18px; color: #333; line-height: 30px; margin-bottom: 30px; padding-left: 42px;
	background: url('../images/hx1.png') left 13px no-repeat; white-space: normal;}
.yearcon dd:hover{ background-image: url('../images/hx1h.png');}


/* .yearconin .scrollbar{ width: 8px; height: 270px; top: 35px; right:0; z-index: 1; position: absolute;}
.yearconin .track{ width: 2px; height: 100%; background-color: #333; position: relative;}
.yearconin .thumb{ width: 8px; background-color: #41c9ff; position: absolute; left:-3px; top:0;z-index: 1;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor: pointer;}

.yearconin .viewport{ position: relative; width: 100%; height: 270px; overflow: hidden;}
.yearconin .overview{ position: absolute; z-index: 1; left:0; top:0;} */

@media screen and (max-width:1300px){
	.yearout{ width: auto;}
	.yearout a.year-prev{ left:10px;}
	.yearout a.year-next{ right:10px;}
}
@media screen and (max-width:1000px){
	.yearconin{ padding: 35px 20px; margin: 0;}
}
@media screen and (max-width:750px){
	.yearbar{ height: 80px;}
	.yearpic li div{ width: 155px; font-size: 26px; line-height: 50px; height: 50px;}
	.yearconin{ padding: 20px 20px;}
	.yearcon dl{ height: 300px;}
	.yearcon dd{ font-size: 24px; line-height: 50px; margin-bottom: 0px;}
}







.storesFindHTML { height: 870px; width: 100%; position: relative; background-color: #fff; }
.storesFindHTML .map { width: 50%; height: 100%; float: left; position: relative; }
.storesFindHTML .map .mapImg {margin: auto; text-align: center; margin-top: 17%; width: 792px; height: 669px; position: relative; }

.storesFindHTML .mapList { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.storesFindHTML .mapList li { width: 23px; height: 33px; position: absolute; top: 477px; left: 455px; }
.storesFindHTML .mapList li .bg-y { width: auto; height: auto; position: absolute; font-size: 0px; display: none; z-index: 8; }
.storesFindHTML .mapList li .mapText { width: 100px; text-align: center; position: absolute; bottom: -20px; z-index: 10;
	left: 50%; margin-left: -50px; font-size: 14px; color: #666; cursor: pointer; }
.storesFindHTML .mapList li.cur .mapText {color: #fff;}
.storesFindHTML .mapList li.cur .bg-y {display: block;}
.storesFindHTML .mapList li.cur .bg-y2{ display: none;}
.storesFindHTML .mapList li.on .mapText {color: #fff;}
.storesFindHTML .mapList li.on .bg-y {display: none;}
.storesFindHTML .mapList li.on .bg-y2 {display: block;}
/* .storesFindHTML .mapList li.on .bg-y2{ -webkit-animation: scaleout 1.2s infinite ease-in-out; animation: scaleout 1.2s infinite ease-in-out;} */


.storesFindHTML .mapList li.SX {top: 340px; left: 475px; }
.storesFindHTML .mapList li.SX .bg-y {top: -75px; left: -34px; }
.storesFindHTML .mapList li.NX {top: 275px; left: 432px; }
.storesFindHTML .mapList li.NX .bg-y {top: -4px; left: -12px; }
.storesFindHTML .mapList li.GS {top: 320px; left: 410px; }
.storesFindHTML .mapList li.GS .bg-y {top: -124px; left: -151px; }
.storesFindHTML .mapList li.SC {top: 390px; left: 392px; }
.storesFindHTML .mapList li.SC .bg-y {top: -28px; left: -77px; }
.storesFindHTML .mapList li.ZQ {top: 413px; left: 445px; }
.storesFindHTML .mapList li.ZQ .bg-y {top: -12px; left: -9px; }

.storesFindHTML .mapList li.SXX {left: 520px; top: 286px; }
.storesFindHTML .mapList li.SXX .bg-y {top: -42px; left: -13px; }
.storesFindHTML .mapList li.XJ {left: 168px; top: 173px; }
.storesFindHTML .mapList li.XJ .bg-y {top: -109px; left: -168px; }
.storesFindHTML .mapList li.YN {left: 354px; top: 514px; }
.storesFindHTML .mapList li.YN .bg-y {top: -59px; left: -47px; }
.storesFindHTML .mapList li.GX {left: 483px; top: 530px; }
.storesFindHTML .mapList li.GX .bg-y {top: -15px; left: -60px; }
.storesFindHTML .mapList li.HN {left: 502px; top: 614px; }
.storesFindHTML .mapList li.HN .bg-y {top: 17px; left: -15px; }

.storesFindHTML .mapList li.GD {left: 554px; top: 514px; }
.storesFindHTML .mapList li.GD .bg-y {top: 14px; left: -52px; }
.storesFindHTML .mapList li.HNN {left: 543px; top: 449px; }
.storesFindHTML .mapList li.HNN .bg-y {top: -9px; left: -54px; }
.storesFindHTML .mapList li.HB {left: 538px; top: 401px; }
.storesFindHTML .mapList li.HB .bg-y {top: -17px; left: -55px; }
.storesFindHTML .mapList li.HNNN {left: 551px; top: 338px; }
.storesFindHTML .mapList li.HNNN .bg-y {top: -15px; left: -40px; }
.storesFindHTML .mapList li.FJ {left: 645px; top: 475px; }
.storesFindHTML .mapList li.FJ .bg-y {top: -6px; left: -37px; }

.storesFindHTML .mapList li.JX {left: 591px; top: 446px; }
.storesFindHTML .mapList li.JX .bg-y {top: -9px; left: -25px; }
.storesFindHTML .mapList li.ZJ {left: 655px; top: 413px; }
.storesFindHTML .mapList li.ZJ .bg-y {top: 14px; left: -22px; }
.storesFindHTML .mapList li.AH {left: 606px; top: 383px; }
.storesFindHTML .mapList li.AH .bg-y {top: -32px; left: -26px; }
.storesFindHTML .mapList li.JS {left: 645px; top: 356px; }
.storesFindHTML .mapList li.JS .bg-y {top: -16px; left: -46px; }
.storesFindHTML .mapList li.SD {left: 595px; top: 300px; }
.storesFindHTML .mapList li.SD .bg-y {top: -14px; left: -18px; }

.storesFindHTML .mapList li.TJ {left: 592px; top: 233px; }
.storesFindHTML .mapList li.TJ .bg-y {top: 1px; left: -19px; }
.storesFindHTML .mapList li.LN {left: 668px; top: 179px; }
.storesFindHTML .mapList li.LN .bg-y {top: 1px; left: -49px; }
.storesFindHTML .mapList li.HBB {left: 562px; top: 261px; }
.storesFindHTML .mapList li.HBB .bg-y {top: -59px; left: -12px; }
.storesFindHTML .mapList li.GZ {left: 445px; top: 470px; }
.storesFindHTML .mapList li.GZ .bg-y {top: -15px; left: -38px; }
.storesFindHTML .mapList li.HLJ {top: 66px; left: initial; right: 70px;}
.storesFindHTML .mapList li.HLJ .bg-y {top: -66px; right: -66px; }

.storesFindHTML .mapList li.XZ {top: 330px; left: 125px; }
.storesFindHTML .mapList li.XZ .bg-y {top: -42px; left: -95px; }
.storesFindHTML .mapList li.QH {top: 280px; left: 271px; }
.storesFindHTML .mapList li.QH .bg-y {top: -24px; left: -68px; }
.storesFindHTML .mapList li.NMG {top: 190px; left: 480px; }
.storesFindHTML .mapList li.NMG .bg-y {top: -184px; left: -151px; }
.storesFindHTML .mapList li.JL {top: 125px; left: 688px; }
.storesFindHTML .mapList li.JL .bg-y {top: 1px; left: -54px; }
.storesFindHTML .mapList li.TW {top: 531px; left: 675px; }

.storesFindHTML .mapList li.BJ {top: 200px; left: 565px; }
.storesFindHTML .mapList li.BJ .bg-y {top: 30px; left: 15px; }
.storesFindHTML .mapList li.SH {top: 371px; left: 670px; }
.storesFindHTML .mapList li.SH .bg-y {top: 40px; left: 0px; }
.storesFindHTML .mapList li.XG {top: 530px; left: 580px; }
.storesFindHTML .mapList li.XG .bg-y {top: 40px; left: -8px; }
.storesFindHTML .mapList li.AM {top: 542px; left: 534px; }
.storesFindHTML .mapList li.AM .bg-y {top: 31px; left: 23px; }
	
.storesFindHTML .serch { width: 520px; height: 77px; line-height: 77px; text-align: center; color: #FFFFFF;
	background-color: #00a0e3; position: absolute; left: 0; top: 13%; z-index: 9; font-size: 30px; display: none;}
.storesFindHTML .serch img { position: absolute; right: 0; top: 0; }
.storesFindHTML .serch>div { cursor: pointer;}
.storesFindHTML .serch ul { width: 100%; float: left; display: none; border-top: 1px solid #f5f5f5; }
.storesFindHTML .serch ul li { border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; float: left; height: 45px;
	color: #000; background-color: #fff; cursor: pointer; font-size: 14px; width: 33%; line-height: 45px;}
.storesFindHTML .serch ul li.cur { background-color: #00a0e3; color: #fff;}
.storesFindHTML .serch ul li:hover { background-color: #00a0e3; color: #FFFFFF;}


.storesFindHTML .county-box { width: 36%; height: auto; position: absolute; overflow: hidden; right: 10%; top: 10%; border-top: 1px solid #00a0e3;}
.storesFindHTML .county-box .title { height: 60px; line-height: 60px; background: #00a0e3; text-align: center; cursor: pointer; margin-top: 2px;}
.storesFindHTML .county-box .title i { width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent;
	border-top: 8px solid #fff; font-size: 0px; line-height: 0px; margin-left: 15px; display: inline-block;}
.storesFindHTML .county-box .title span { font-size: 24px; color: #fff;}

.storesFindHTML .county-box .countyList ul { overflow-y: auto; height: 530px; margin-top: 20px;}
.storesFindHTML .county-box .countyList ul li { width: 100%; background: #f5f5f5; margin-bottom: 26px; overflow: hidden;}
.storesFindHTML .county-box .countyList ul li a{ display: block; padding: 25px 30px; color: #333; font-size: 16px; line-height: 30px;}
.storesFindHTML .county-box .countyList ul li a:hover{ background-color: #00a0e3; color: #fff;}

@media only screen and (max-width:1600px) {
	.storesFindHTML .county-box { width: 38%; right: 5%; }
}
@media only screen and (max-width:1440px) {
	.storesFindHTML .county-box { width: 35%; right:4%;}
}
@media only screen and (max-width:1350px) {
	.storesFindHTML .county-box { width: 34%; right:2%;}
}
@media only screen and (max-width:1280px) {
	.storesFindHTML .county-box { width: 31%; right:2%;}
}
@media screen and (max-width:1220px) {
	.storesFindHTML{ height: auto; padding-bottom: 35px; }
	.storesFindHTML .map { height: auto; float: none; width: 100%; }
	.storesFindHTML .map .mapImg { display: none; }
	.storesFindHTML .serch { display: block; position: relative; width: 100%; }
	.storesFindHTML .county-box { position: relative; width: 96%; margin: 30px auto 0; left: 0; top: 0; }
}
@media only screen and (max-width: 767px){
	.storesFindHTML .county-box .countyList ul li a { font-size: 26px; line-height: 40px;}
	.storesFindHTML .county-box .title span { font-size: 28px;}
	.storesFindHTML .serch { font-size: 30px;}
	.storesFindHTML .serch ul li{ font-size: 24px; height: 54px; line-height: 54px;}
}











/* 首页 */
.section { position: relative; overflow: hidden; background-color: #fafafa;}
.fp-auto-height.section{ text-align: left;}

.section1{ height: 2000px; background-color: #03325b;}



/* 首页关于 */
.section2{ background: #fff url('../images/city.jpg') bottom no-repeat;}
.fcate2{ position: relative;}
.fcate2 .cn{ font-size: 34px; line-height: 34px; color: #017ebc; height: 34px; font-weight: bold;}
.fcate2 .en{ font-size: 0; margin-top: 28px;}
.fcate2 .en img{ vertical-align: top;}
.fcate2 .more{ display: block; padding-left: 80px; position: absolute; bottom: 10px; right:0; z-index: 1;
	font-size: 16px; color: #03325b; line-height: 22px; text-transform: uppercase; height: 22px;}
.fcate2 .more:after{ content: ''; position: absolute; left: 0; bottom:10px; z-index: 0;
	width: 44px; height: 1px; background-color: #03325b;}


.fabout{overflow: hidden;padding-top: 100px;position: relative;}
.fabout .l{ width: 67%;}
.fabout .r{ width: 323px; margin-right: 90px;}
.fabout .l .inner{  padding: 0 90px;}
.faboutcon{ font-size: 14px; color: #333; line-height: 26px; height: 182px;
	 margin: 30px 0 16px; overflow: hidden; text-align: justify;}


.fchen{ display: block; width: 100%; height: 182px; position: relative;}
.fchen img{ position: absolute; top:0; left:0;}
.fchen div{ font-size: 18px; color: #333; line-height: 28px; padding-top: 105px; margin-left: 70px;}
.fchen p{ font-size: 16px; color: #333; line-height: 26px; margin-left: 70px;}
.fchen div,.fchen p{ position: relative; z-index: 1;}
.fvdbtn{ display: block; width: 100%; height: 182px; text-align: center; line-height: 182px;
	background: url('../images/fvdbg.jpg') center no-repeat; margin-top: 76px;}

.piclist{ width: 100%; height: 100px; overflow: hidden; margin-top: 30px;}
.piclist li{ float: left; width: 25%; height: 100px; overflow: hidden;
	font-size: 0; text-align: center; line-height: 100px;}
.piclist img{ max-width: 100%; max-height: 100%;}

.fguolist li a{ height: auto;}
.fguolist h3{ float: none; text-align: left; width: auto; height: 84px; line-height: 84px;}
.fguolist li h3:before{ right: auto; left:0; top:auto; bottom: 0; width: 56px; height: 1px; background-color: #000;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.fguolist li .txt{ float: none; margin-left: 0; padding: 8px 0;}
.fguolist li:hover h3:before{ width: 108px; background-color: #017ebc;}

@media screen and (max-width:1600px){
	.fabout .cer2{ width: 1200px;}
	.fabout .l{ width: 800px;}
	.fabout .l .inner{  padding: 0 0;}
	.fabout .r{ margin-right: 0;}
}
@media screen and (max-width:1380px){
	.fcate2 .en{ margin-top: 8px;}
	.faboutcon{ height: auto;}
}
@media screen and (max-width:1260px){
	.fabout .cer2{ width: auto; padding: 0 30px;}
	.fabout .l{ width: 64%;}
}
@media screen and (max-width:1200px){
	.fguolist li h3{ text-align: center;}
}
@media screen and (max-width:1020px){
	.fabout .l{ float: none; width: 100%;}
	.fabout .r{ float: none; width: 100%; margin-top: 60px; overflow: hidden;}
	.fchen{ float: left; width: 323px;}
	.fvdbtn{ float: left; width: 323px; margin-left: 50px; margin-top: 0;}
}
@media screen and (max-width:800px){
	.fvdbtn{ margin-left: 20px;}
}
@media screen and (max-width:750px){
	.fcate2 .more{ font-size: 26px; line-height: 40px; height: 40px;}
	.fcate2 .more:after{ bottom: 20px;}
	.faboutcon{ font-size: 24px; line-height: 40px; margin-bottom: 30px;}
	.fchen div{ display: none;}
	.fchen p{ font-size: 26px; line-height: 38px; margin-left: 30px; padding-top: 105px;}
	.fvdbtn{ float: right; width: 300px; margin-left: 0;}
}
@media screen and (max-width:710px){
	.fchen{ display: none;}
	.fvdbtn{ float: none; width: 323px; margin: 0 auto;}
}




/* 首页新闻 */
.section3{ background: #fff url('../images/dot2.png') center; position: relative;}
.section3:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 0;
	width: 100%; height: 327px; background: url('../images/fnewsbg.jpg') center;}

.fcate3{ color: #333; text-align: center; padding-bottom: 38px;
	background: url('../images/line3.png') bottom no-repeat;}
.fcate3 .cn{ font-size: 28px; line-height: 48px; font-weight: bold;}
.fcate3 .en{ font-size: 20px; line-height: 38px; font-family: 'arial';
	letter-spacing: 18px; text-transform: uppercase;}


a.seemore{ display: block; width: 126px; height: 36px; overflow: hidden; font-size: 0;
	background: url('../images/jtr5.png') center no-repeat; border: 1px solid #fff; margin: 0 auto;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px;}
a.seemore:hover{ background-color: #00a0e3; border-color: #00a0e3;}

.fnews{ position: relative; z-index: 1; padding-top: 80px;}
.picScroll-left3{ overflow:hidden; position:relative; padding: 0 80px; height: 346px; margin: 50px auto 84px;}

.fnewslist{ overflow: hidden;}
.fnewslist li{ float: left; width: 335px;}
.fnewslist li .lin{ padding: 0 24px;}
.fnewslist li a{ display: block; background-color: #fff;}

.fnewslist li .pic{ position: relative; width: 100%; overflow: hidden; height: 0; padding-bottom: 75%;}
.fnewslist li .pic i{ border: 3px solid #29a9e9; opacity: 0; filter:alpha(opacity= 0);
	position: absolute; top:8px; bottom: 8px; left:8px; right:8px; z-index: 2;}
.fnewslist li img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}

.fnewslist li .wz{ padding: 25px 25px 35px;}
.fnewslist li h3{ font-size: 16px; color: #333; line-height: 22px; height: 22px; margin-bottom: 8px;
	overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.fnewslist li .txt{ font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden;}

.fnewslist li:hover a{ background-color: #00a0e3;}
.fnewslist li:hover .pic i{ opacity: 1; filter:alpha(opacity= 100);}
.fnewslist li:hover h3,.fnewslist li:hover .txt{ color: #fff;}
.fnewslist li h3,.fnewslist li .txt,.fnewslist li i{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}

.fnews a.prev, .fnews a.next{ position: absolute; width: 44px; height: 44px; z-index: 3; top:171px;}
.fnews a.prev{ left: 0; background: #f5f5f5 url('../images/fn-lt.png') center no-repeat;}
.fnews a.next{ right: 0; background: #f5f5f5 url('../images/fn-gt.png') center no-repeat;}
.fnews a.prev:hover{ background: #29a9e9 url('../images/fn-lth.png') center no-repeat;}
.fnews a.next:hover{ background: #29a9e9 url('../images/fn-gth.png') center no-repeat;}

@media screen and (max-width:1380px){
	.picScroll-left3{ padding: 0 40px; margin: 20px auto 0;}
	.fnews a.prev{ left:5px;}
	.fnews a.next{ right: 5px;}
	
	.fnews{ padding-top: 60px;}
	.fcate3{ padding-bottom: 0; background: none;}
	a.seemore{ display: none;}
}
@media screen and (max-width:800px) {
	.picScroll-left3{ padding: 0 10px;}
}
@media screen and (max-width:750px) {
	.fcate3 .cn{ font-size: 36px;}
	.fcate3 .en{ font-size: 26px;}
	a.seemore{ width: 186px; height: 56px;}
	
	.fnewslist li .wz{ padding: 25px 20px;}
	.fnewslist li h3{ font-size: 24px; line-height: 40px; height: 80px; margin-bottom: 0; white-space: normal;}
	.fnewslist li .txt{ display: none;}
}



/* 首页领域 */

.flinyupic{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 0;
	background: url('../images/fyu1.jpg') center no-repeat; background-size: 100% 100%;}
.flinyupic li{ width: 100%; height: 100%; opacity: 0; filter:alpha(opacity= 0);
	position: absolute; left: 0; top:0; z-index: 0;}
.flinyupic li.on{ opacity: 1; z-index: 1; filter:alpha(opacity= 100);}
.flinyupic li img{ position: absolute; left: 0; top:0; z-index: 0; width: 100%; height: 100%; display: none;}
.flinyupic li .bq{ width: 130px; height: 40px; background-color: #fff; text-align: center;
	font-size: 16px; color: #333; line-height: 40px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.25);
	position: absolute; top:50%; margin-top: -20px; z-index: 3; left:50%; margin-left: -600px;}
.flinyupic li a{ font-family: 'arial'; line-height: 20px; padding-bottom: 13px; display: block; width: 130px;
	background: url('../images/jtr4.png') left bottom no-repeat; text-transform: uppercase; color: #fff;
	position: absolute; top:50%; margin-top: 145px; z-index: 3; left:50%; margin-left: -600px;}
.flinyupic li:before{ content: ''; position: absolute; left: 0; top:0; z-index: 2;
	width: 100%; height: 100%; background-color: rgba(2,54,130,0.3);}



.fcate4{ color: #fff; position: absolute; top:50%; margin-top: -150px; z-index: 1; left:50%; margin-left: -600px;}
.fcate4 .cn{ font-size: 28px; line-height: 48px; font-weight: bold;}
.fcate4 .en{ font-size: 20px; line-height: 36px; font-family: 'arial';
	letter-spacing: 10px; text-transform: uppercase;}

.flylist{width: 832px;overflow: hidden;/* background: #333; */margin-top: 50px;margin: 0 auto;margin-top: 50px;}
.flylist li{float: left;width: 150px;margin: 0px 25px;text-align: center;}
.flylist li a{ display: block; padding-top: 120px; position: relative; height: 42px;}
.flylist li .pic1{
	width: 96px;
	height: 96px;
	border: 2px solid #9c9c9c;
	line-height: 96px;
	font-size: 0;
	position: absolute;
	z-index: 1;
	top:10px;
	left: 25px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 50px;
	}
.flylist li .pic2{
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 0;
	position: absolute;
	z-index: 2;
	top:10px;
	left: 25px;
	background: #1288e5;
	border-radius: 50px;
	}
.flylist li img{ max-width: 100%; max-height: 100%;}
.flylist li .pic1{ opacity: 1; filter: alpha(opacity=100);}
.flylist li .pic2{ opacity: 0; filter: alpha(opacity=0);}
.flylist li h3{height: 34px;line-height: 35px;font-size: 19px;/* color: #fff; */overflow: hidden;/* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */}

.flylist li .pic1,.flylist li .pic2,.flylist li h3{ 
	-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}

.flylist li:hover .pic1{box-shadow: 0 0 0 10px rgba(20, 141, 234, 0.55);background-color: #fff;border: 2px solid #7ec0f3;}
.flylist li:hover .pic2{ opacity: 1; filter: alpha(opacity=100);}
.flylist li.on .pic1{ box-shadow: 0 0 0 10px rgba(255,255,255,0.15); background-color: #fff;}
.flylist li.on .pic2{ opacity: 1; filter: alpha(opacity=100);}


@media screen and (max-width:1700px) {
	.flinyupic li img{ width: auto;}
}
@media screen and (max-width:1380px) {
	.flinyu .r{ margin-right: 50px;}
	.fcate4{ margin-left: -550px;}
	.flylist{ width: 752px;}
	.flylist li{ margin: 0 39px;}
	.flinyupic li .bq{ margin-left: -550px;}
	.flinyupic li a{ margin-left: -550px;}
}
@media screen and (max-width:1220px) {
	.fcate4{ position: relative; margin-top: 0; margin-left: 0; left:auto; top:auto; text-align: center;}
	.flinyu .r{ float: none; margin-top: 60px; margin-right: 0;}
	.flylist{ margin: 0 auto;}
	
	.flinyupic li a{ line-height: 30px; margin-top: 250px;  margin-left: -65px; text-align: center; display: none;}
	.flinyupic li .bq{ display: none;}
}
@media screen and (max-width:840px) {
	.flylist{ width: 640px;}
	.flylist li{ margin: 0 25px 10px;}
}
@media screen and (max-width:750px) {
	.fcate4 .cn{ font-size: 36px;}
	.fcate4 .en{ font-size: 26px;}
	.flylist li a{ height: 32px;}
	.flylist li h3{ font-size: 24px; line-height: 32px; height: 32px;}
	.flinyupic li a{ width: 200px; line-height: 40px; margin-left: -100px; background-position: center bottom;}
}
@media screen and (max-width:710px){
	.flylist{ width: 560px;}
	.flylist li{ margin: 0 15px 10px;}
	.flinyupic li a{ display: none;}
}



/* 首页经营发展 */
.section5{ background: url('../images/ffzbg.jpg'); background-size: 100% 100%;}

.ffazhan{overflow: hidden;padding: 60px 0;}
.ffazhan .cer{ position: relative;}

.fcate5{color: #fff;position: relative;color: #333;}
.fcate5 .cn{font-size: 38px;line-height: 38px;font-weight: bold;margin-bottom: 7px;}
.fcate5 .en{ font-size: 20px; line-height: 30px; font-family: 'arial';
	letter-spacing: 14px; text-transform: uppercase;}


.ffazhan a.raprev, .ffazhan a.ranext{ position: absolute; width: 50px; height: 50px; z-index: 1; bottom:0;}
.ffazhan a.raprev{ right: 60px; background: #fff url('../images/fz-lt.png') center no-repeat;}
.ffazhan a.ranext{ right: 0; background: #fff url('../images/fz-gt.png') center no-repeat;}
.ffazhan a.raprev:hover{background: #ffd91d url(../images/fz-lth.png) center no-repeat;}
.ffazhan a.ranext:hover{background: #148be7 url(../images/fz-gth.png) center no-repeat;}


.roundabout{ position: relative; z-index: 3; overflow: hidden; height: 480px; margin-top: 56px;}
.roundabout ul{ position: relative; width: 100%; height: 100%; z-index: 1;
  -webkit-transition-property: -webkit-transform; transition-property: transform; }
.roundabout li{ overflow: hidden; width: 640px; height: 100%;}
.roundabout li a{ opacity: 1; filter: alpha(opacity=100);
  -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.roundabout li.roundabout-in-focus a,
.roundabout li:hover a{ opacity: 1; filter: alpha(opacity=100);}

.roundabout li a{ display: block; width: 100%; height: 100%; font-size: 0; line-height: 400px; text-align: center;}
.roundabout li a img{ max-width: 100%; max-height: 100%; vertical-align: top;}


ul.switcher{ text-align:center;position:absolute; left:22px; bottom:40px; height: 33px; line-height: 33px; z-index: 20;}
ul.switcher li{ display:inline-block; width: 30px; height: 100%; cursor: pointer;
	background: url('../images/dot3.png') center no-repeat;}
ul.switcher li:hover, ul.switcher li.on{ background-image: url('../images/dot3h.png');}


.ffazhanwz{width: 280px;height: 480px;position: absolute;left:0;bottom:0;z-index: 4;background-color: #fff;background: #148be7;}
.ffazhanwz li{ width: 100%; height: 100%; opacity: 0; filter:alpha(opacity= 0);
	position: absolute; left: 0; top:0; z-index: 0; -webkit-transition: 0.5s;
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.ffazhanwz li.on{ opacity: 1; z-index: 1; filter:alpha(opacity= 100);}

.ffazhanwz li .inner{ padding: 52px 32px 0;}
 
.fzcate{ position: relative;}
.fzcate .hx{width: 46px;height: 6px;background-color: #00a0e3;margin-bottom: 20px;background-color: #ffffff;}
.fzcate .cn{font-size: 24px;line-height: 40px;color: #333;font-weight: bold;margin-bottom: 10px;color: #fff;}
.fzcate .en{font-size: 24px;line-height: 36px;color: #333;font-family: 'arial';text-transform: uppercase;color: #fff;}
.fzcate a.more{
	display: block;
	margin-top: 45px;
	text-transform: uppercase;
	font-size: 16px;
	color: #f3dc6c;
	line-height: 28px;
	}
.fzcate a.more:hover{ color: #00a0e3;}

@media screen and (max-width:1380px){
	.ffazhan{ padding-top: 60px;}
	.fcate5 .cn{ margin-bottom: 0;}

	.roundabout{ height: 480px; margin-top: 20px;}
	.roundabout li a{ line-height: 480px;}
	.roundabout li a img{ width: 100%;}
	.ffazhanwz{ height: 480px;}
	.fzcate a.more{ margin-top: 20px;}

	.ffazhanwz li .inner{ padding: 32px 25px 0;}
}

@media screen and (max-width:1200px){
	.ffazhan .cer{ width: auto; padding: 0 20px;}
	.ffazhanwz{ left: 20px;}
	ul.switcher{ left: 42px;}
}
@media screen and (max-width:1020px){
	.ffazhanwz{ width: 250px;}
	.ffazhanwz li .inner{ padding: 32px 20px 0;}
	.roundabout li{ width: 544px;}
}
@media screen and (max-width:900px){
	.ffazhanwz{ background-color: transparent;}
	.fzcate .cn{ color: #fff;}
	.fzcate .en{ color: #fff;}
	.fzcate a.more{ color: #fff;}
	ul.switcher{ bottom: 10px; left:50%; margin-left: -75px;}
}
@media screen and (max-width:750px){
	.fcate5 .cn{ font-size: 36px; line-height: 48px;}
	.fcate5 .en{ font-size: 26px; line-height: 40px; letter-spacing: 7px;}
	.ffazhanwz li .inner{ padding: 32px 20px 0;}
	.fzcate .cn{ font-size: 26px;}
	.fzcate .en{ font-size: 26px;}
	.fzcate a.more{ font-size: 24px; line-height: 36px;}
}




/* 首页联系我们 */
.section6{ background: #fff url('../images/flxbg.jpg') right no-repeat; background-size: 50% 100%;}
.flianxi{  overflow: hidden; position: relative;}
.flianxi .cer2{ overflow: hidden;}
.flxleft{ width: 50%; float: left; background-color: #fff;}
.flxleft .inner{ padding: 80px 0 0;}
.flxright{ width: 50%; float: right; padding-top: 60px;}


.fcate6{ line-height: 30px; padding-bottom: 22px; position: relative;}
.fcate6:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 0;
	width: 24px; height: 3px; background-color: #000;}
.fcate6 .cn{ font-size: 20px; color: #000;}
.fcate6 .en{ font-size: 22px; color: #010101; text-transform: uppercase;}

.lxway{ margin-top: 84px;}
.lxway p{ font-size: 18px; color: #161616;line-height: 30px; padding-left: 42px; margin-bottom: 20px;
	background-repeat: no-repeat;}
.lxway p span{ font-size: 18px; color: #161616; vertical-align: middle;}
.lxway p.lx01{ background-image: url('../images/flx1.png'); background-position: 0 4px;}
.lxway p.lx02{ background-image: url('../images/flx2.png'); background-position: 0 5px;}
.lxway p.lx03{ background-image: url('../images/flx3.png'); background-position: 0 1px;}
.lxway p.lx04{ background-image: url('../images/flx4.png'); background-position: 0 5px;}
.lxway p.lx05{ background-image: url('../images/flx5.png'); background-position: 0 4px;}




.liuyan2{ float: right; color: #000; font-size: 0; width: 650px;  padding: 35px 35px 45px; background-color: #fff;}

.liuyan2 h3{ font-size: 18px; line-height: 40px;}
.liuyan2 .intro{ font-size: 14px; line-height: 30px; color: #666; margin-bottom: 25px;}

.liuyan2 .hang{ height: 40px; line-height: 40px; margin-bottom: 25px; position: relative;}
.liuyan2 .hang.short{ float: left; width: 35%;}
.liuyan2 .hang.short2{ float: left; width: 60%; margin-left: 5%;}

.liuyan2 input[type=text]{ width: 100%; height: 26px; border: 0 none; border-bottom: 1px solid #bfbfbf;
	 line-height: 26px; font-size: 14px; padding-bottom: 13px;}
.liuyan2 p { height: 100%;}

.liuyan2 input[type=text]:focus{ border-color: #00a0e3;}
.liuyan2 input[type=text]{ transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}

.liuyan2 i.v{ display: block; width: 100%; height: 100%; vertical-align: top;}
.liuyan2 .hang2{ margin-bottom: 44px;}
.liuyan2 .hang2 i.v{ display: inline-block; width: 35%;}



.liuyan2 img#verifyImg{ width: 100px; height: 40px; cursor: pointer;
	margin-left: 5%; vertical-align: top;}
.liuyan2 .yzmchange{ display: inline-block; vertical-align: top;
	font-size: 12px; color: #29b1de; margin-left: 30px;}

.liuyan2 .btnarea input{ width: 140px; height: 38px; font-size: 16px; line-height: 36px; color: #fff; text-align: center; }
.liuyan2 .btnarea input:hover{ opacity: 0.9; filter:alpha(opacity=90);}

.liuyan2 input#tj{ background-color: #00a0e3; border: 1px solid #00a0e3; margin-right: 20px;}
.liuyan2 input#cz{ background-color: #bbb; border: 1px solid #bbb;}
.liuyan2 input#tj:hover{ background-color: #fff; color: #00a0e3;}
.liuyan2 input#cz:hover{ background-color: #fff; color: #bbb;}


@media screen and (max-width:1620px){
	.section6 .cer2{ width: auto; padding: 0 30px;}
}
@media screen and (max-width:1500px){
	.section6{ background-size: 60% 100%;}
	.flxleft{ width: 38%;}
	.flxright{ width: 60%;}
}
@media screen and (max-width:1350px){
	.section6{ background-size: 50% 100%;}
	.flxleft{ width: 48%;}
	.flxright{ width: 50%;}

	.fcate6{ padding-bottom: 0;}
	.fcate6:after{ display: none;}
	.flxleft .inner{ padding: 100px 0 0;}

	.lxway{ margin-top: 44px;}
	.liuyan2{ width: auto;}
	.liuyan2 .hang.short{ width: 47%;}
	.liuyan2 .hang.short2{ width: 47%; margin-left: 6%;}
}
@media screen and (max-width:1100px){
	.liuyan2{ width: 400px; padding: 35px 30px 45px;}
}
@media screen and (max-width:1000px){
	.section6{ background-size: 100% 100%;}
	.flxleft{ width: 100%; height: auto; float: none;}
	.flxleft .inner{ padding: 50px 30px 1px;}
	.flxright{ width: 100%; height: auto; float: none; padding-top: 0;}
	.liuyan2{ width: auto; float: none;}
}
@media screen and (max-width:750px){
	.section6 .cer2{ padding: 0 0;}

	.fcate6{ line-height: 40px;}
	.fcate6 .cn{ font-size: 30px;}
	.fcate6 .en{ font-size: 26px;}
	.lxway p{ line-height: 40px; background-position: left 8px;}
	.lxway p span{ font-size: 28px;}
	
	.liuyan2 h3{ font-size: 30px;}
	.liuyan2 .intro{ font-size: 26px; line-height: 40px; margin-top: 20px;}

	.liuyan2 .hang{ height: 50px; line-height: 50px; margin-bottom: 40px;}
	.liuyan2 input[type=text]{ font-size: 24px; height: 50px; line-height: 50px; padding-bottom: 0;}

	.liuyan2 img#verifyImg{ width: 124px; height: 50px;}
	.liuyan2 .yzmchange{ font-size: 24px;}
	.liuyan2 .btnarea input{ width: 200px; height: 58px; font-size: 30px; line-height: 56px;}
	.liuyan2 .v span.Validform_checktip{ font-size: 22px; line-height: 30px; height: 30px; top:55px;}
}


@media screen and (max-width:1024px){
	.section2,.section3,.section4,.section5,.section6,.fp-tableCell {height: auto !important;}
	.fnews{ padding-bottom: 80px;}
	.section4{ padding: 80px 0;}
	.ffazhan{ padding: 80px 0;}
}