@charset "utf-8";
html,body{ height: 100%;}
.all{ width: 100%; min-width: 320px; min-height: 100%; overflow: hidden; position: relative;}
/* banner */
#banner{ width: 100%; overflow:hidden; position:relative;}
#banner .hd{ width: 100%; height:10px; overflow:hidden; position:absolute; left:0; bottom:30px; z-index:3; }
#banner .hd ul{ height: 100%; font-size: 0; text-align: center;}
#banner .hd ul li{ display: inline-block; margin:0 5px; width:10px; height:10px; cursor:pointer; 
		background: url(../images/dot1.png) center;}
#banner .hd ul li.on{ background: url(../images/dot1h.png) center;}
#banner .bd{ position:relative; width: 100%;  z-index:0;}
#banner .bd ul{ width: 100%;}
#banner .bd li{ width: 100%; overflow: hidden;}
#banner .bd li a{ width: 100%; height: 0; padding-bottom: 56.25%; display: block; position: relative;}
#banner .bd img{ width: 100%; height: 100%; display:block;
	position: absolute; left:0; top:0; z-index: 1;}
/* 下面是前/后按钮代码 */
#banner .prev,#banner .next{ width:40px;height:80px;margin-top:-40px;display:block;position:absolute;
	font-size: 49px; color: #fff; line-height: 80px; text-align: center; font-family: 'simsun';
	top:50%; z-index: 4;}
#banner .prev{ left: 50px;}
#banner .next{ right:50px;}
#banner .prev:hover,#banner .next:hover{ background-color: rgba(231,0,20,0.5);}
.newban .flex-direction-nav a{ width:40px;height:80px;margin-top:-40px;display:block;position:absolute;
	font-size: 48px; color: #fff; line-height: 80px; text-align: center; font-family: 'simsun';
	top:50%; z-index: 4; }
.newban .flex-direction-nav a.flex-prev{ left:100px;}
.newban .flex-direction-nav a.flex-next{ right:100px;}
.newban .flex-direction-nav a:hover{ background-color: rgba(5,115,198,0.5);}
.newban .flex-control-paging{ width: 140px; height: 16px; font-size: 0; text-align: center; padding: 7px 0;
	position: absolute; bottom: 7%; left:50%; margin-left: -70px; z-index: 3; background-color: rgba(0,3,45,0.3); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
.newban .flex-control-paging li{ display: inline-block; *display:inline; *zoom:1;
	overflow:hidden; width: 16px; height: 16px; margin: 0 8px;}
.newban .flex-control-paging li a{ width:100%; height:100%; display: block; cursor:pointer;
	background: url('../images/dot1.png') center no-repeat;}
.newban .flex-control-paging li a.flex-active{ background-image: url('../images/dot1h.png');}
.newban{ position:relative; width: 100%; overflow: hidden; height: 100%; z-index: 1;}
.flexslider{ position: relative; width: 100%; height: 100%; top:0; left:0; z-index: 1;}
.flex-viewport{ height: 100%;}
.flexslider .slides{ overflow: hidden; height: 100%;}
.flexslider .slides li{ height: 100%; -webkit-backface-visibility:hidden; position: relative;}
.flexslider .slides li a{ display: block; width: 100%; height: 100%; background-size: cover; font-size: 0;
	position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center;}
.flexslider .slides a>img{ width: 100%; height: 100%;}
	/* top:0; z-index: 1; left:50%; margin-left: -960px; */
/* .flexslider .slides img {-webkit-transition: -webkit-transform 1s ease-in 0s; transition: -webkit-transform 1s ease-in 0s;
 transition: transform 1s ease-in 0s; transition: transform 1s ease-in 0s, -webkit-transform 1s ease-in 0s; }
.flexslider .slides .flex-active-slide img { -webkit-transition: -webkit-transform 2s ease-in 0s;
 transition: -webkit-transform 2s ease-in 0s; transition: transform 2s ease-in 0s;
  transition: transform 2s ease-in 0s, -webkit-transform 2s ease-in 0s;
  transform:scale(1.05);-webkit-transform:scale(1.05);} */
.btt1{ position: absolute; top:50%; left:50%; width: 900px; height: 100px; z-index: 1;text-align:center;font-size:56px;color:#fff;font-weight: 700;
	  margin-left: -450px; margin-top: -50px;letter-spacing:2px}
.btt2{ position: absolute; top:50%; left:50%; width: 900px; height: 30px; z-index: 1;text-align:center;font-size:22px;color:#fff;margin-left: -450px; margin-top: 70px;}
.btt3{ position: absolute; top:50%; left:50%; width: 900px; height: 132px; z-index: 1;
	background: url('../images/btt3.png') center no-repeat; margin-left: -368px; margin-top: -104px;}
.btt4{ position: absolute; top:50%; left:50%; width: 492px; height: 19px; z-index: 1;
	background: url('../images/btt4.png') center no-repeat; margin-left: -246px; margin-top: 104px;}
.newban .hx{ position: absolute; top:50%; left:50%; width: 770px; height: 3px; z-index: 1;
	background-color: #fff; margin-left: -385px; margin-top: 60px;}
.newban .hx:before{ content: ''; position: absolute; left: 50%; bottom:-1px; z-index: 1;
	width: 0; height: 5px; background-color: #ff6000;}
.newban .ac .hx:before{
	-webkit-transition: linear 4s; -moz-transition: linear 4s; -ms-transition: linear 4s;
	-o-transition: linear 4s; transition: linear 4s; width: 100%; left:0;}
.btt1,.btt2,.btt3,.btt4{ transition-duration: 1.2s; -moz-transition-duration: 1.2s;
	 -webkit-transition-duration: 1.2s; -o-transition-duration: 1.2s;}
.ac .finu, .ac .find{ -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity: 1;
    -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.ac .findsc05{ -webkit-transform:translateY(0) scale(1, 1); -moz-transform:translateY(0) scale(1, 1);
    -o-transform:translateY(0) scale(1, 1); -ms-transform:translateY(0) scale(1, 1);
    transform:translateY(0) scale(1, 1); opacity: 1;}
.ac .scl05,.ac .scl01{ -webkit-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1);
  -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); opacity: 1;}
.ac .finrsc05, .ac .finlsc05{ -webkit-transform:translateX(0) scale(1, 1); -moz-transform:translateX(0) scale(1, 1);
    -o-transform:translateX(0) scale(1, 1); -ms-transform:translateX(0) scale(1, 1);
    transform:translateX(0) scale(1, 1); opacity: 1;}
/* @media screen and (max-width:1200px){
	.newban{ padding-bottom: 0; height: 387px;}
	.flexslider{ position: relative;}
	.flexslider .slides a>img{ position: absolute; left:50%; top:0; z-index: 0;
		width: 1200px; height: 100%; margin-left: -593px;}
} */
.vd{ position: absolute; top:0; left:0; width: 100%; z-index: 1;
	text-align: center; color: #fff;}
.bantxt{ position: absolute; z-index: 2; left:50%; top: 284px; margin-left: -600px;}
.bantxt label.more{ display: block; width: 140px; height: 40px; background-color: transparent; border: 1px solid #ddb10b;
	font-size: 16px; line-height: 40px; color: #ddb10b; text-align: center;}
.bantxt label.more:hover{ background-color: #ddb10b; color: #fff;}
/* 头部 */
.head{ width: 100%; height: 100px; position: fixed; z-index: 10; top:0; background-color: #03325b;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);}
.head a.logo{ width: 370px; height: 100px; font-size: 42px;color:#fff; line-height: 100px;
	position: absolute; z-index: 1; left: 20px; top:0;}
.head a.logo img{ height:70px;max-height:70px;  }
.headshadow{ width: 100%; height: 100px;}
.head,.headshadow{ -webkit-transition: 0.3s; -moz-transition: 0.3s; 
	-ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.head a.glass{ width:50px; height:100%; position: absolute; z-index: 1; right: 60px; top:0;
	background: url('../images/glass.png') center no-repeat;}
.head a.glass.on{ -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);
  -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.topsouout{ padding:10px; background-color: rgba(51,51,51,0.8); position: absolute; display: none;
	  z-index: 10; width: 380px; height:40px; right:0; right:0; top:100%;}
.topsouout .topsou{ position: relative; padding-right: 40px; height:100%; overflow:hidden; background-color: #fff;}
.topsou input.shuru{ width: 100%; height:100%; background-color:#fff; border:none; color:#666; text-indent:10px; vertical-align: top;}
.topsou input.anniu{ position:absolute; top:0; right:0; z-index:2; width:40px; height:100%; border:none; cursor:pointer;
	background: #00a0e3 url('../images/glass2.png') center no-repeat; font-size: 0;}
.nav{ float: right; font-size: 0; margin-right: 150px;}
.nav>li{ display: inline-block; position: relative; margin-left:1px;padding:24px 30px; }
.nav>li>a{display: block; position: relative;   text-align: center; color: #fff;}
.nav>li>a span.cn{ display: block; font-size: 18px; line-height: 30px;}
.nav>li>a span.en{ display: block; font-size: 12px; line-height: 22px;text-transform: uppercase; white-space: nowrap; opacity: 0.8; filter:alpha(opacity=80);}
.nav>li.on{ color: #b3e6fb; background: rgba(1,59,109,0.95)}
dl.navtwo{ width: 198px; display: none; background-color: #fff; overflow: hidden;
	position: absolute; top:90px; left:50%; margin-left: -100px; z-index: 1;
	border: 1px solid #bfbfbf; padding: 10px 0;}
dl.navtwo dd{ height: 36px;}
dl.navtwo dd>a{ display: block; height: 100%; line-height: 36px; color: #333; position: relative; 
	overflow: hidden; background-color: #fff; font-size: 14px; text-align: center;}
dl.navtwo dd:hover>a{ background-color: #e3e3e3;}
dl.navtwo dd>a:after{ left:100%; position: absolute; bottom: 12px; content: " "; width: 0; display: none;
   border-bottom: 2px solid #da251d; -webkit-transition: .3s; transition: .3s;}
dl.navtwo dd>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;}
/* 手机导航 */
.navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:100px; bottom: 0; left:-100%; z-index: 20;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s;
	-o-transition: 0.3s; transition: 0.3s; background-color: #03325b;}
.navsjout.on{ opacity: 1; left:0;}
.navsj{ width: 100%; -webkit-overflow-scrolling : touch; background-color: #03325b;;
	position: absolute; top:0; left:0;}
.navsj>li{ position: relative;}
.navsj>li>a{ display: block; height: 100px; text-align: center; line-height: 100px; 
	font-size: 30px; color: #fff; position: relative;}
.navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0;
	height: 1px; background-color: #666;}
.navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 22px 0; background-color: #c9d6fb;}
.navsjtwo>li{ width: 100%; border-bottom: 1px solid #fff;}
.navsjtwo>li>a{ display: block; line-height: 80px;height:80px; font-size: 26px; color: #03325b;
	position: relative; z-index: 1; background-color: #ada; text-align: center;
	background: url('../images/jtr1.png') 73% center no-repeat;}
.navsj li i{ position: absolute; right: 22%; top:0; z-index: 1; width: 80px; height: 100px;
	display: block; cursor: pointer; background: url('../images/jtd1.png') center no-repeat;}
.navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); transform: rotate(180deg);}
.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;
	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 
	background:url('../images/op0-60.png'); cursor: pointer;}
.navbtn{position: absolute; right:0; top:0; z-index: 20; width: 80px; height: 60px;margin:20px 0; display: none;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s;
	-o-transition: 0.3s; transition: 0.3s;}
.navbtn s{ position: absolute; left: 25%; display: block; width: 50%; height: 4px; background-color: #00a0e3;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.navbtn>s:nth-child(1){top: 28%;}
.navbtn>s:nth-child(2){top: 48%; transform: rotate(0deg) scale(1,1);}
.navbtn>s:nth-child(3){top: 68%;}
.navbtn.on s:nth-child(1){ top: 48%; transform: rotate(225deg); -webkit-transform: rotate(225deg);}
.navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3) { top: 48%; transform: rotate(-225deg); -webkit-transform: rotate(-225deg);}
.navzk{ width: 100%; height: 0; overflow: hidden; position: fixed; top:80px; z-index: 9;
	left:0; background-color: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);}
.navzk.on{ height: 80px; border-color: #dedede;}
.zkone{ padding: 0; margin: 0 auto; width: 100%; max-width: 1200px;}
.zkone li{ display: none;}
.zkone li.on{ display: block;}
.zktwo{ font-size: 0; text-align: center; position: relative;}
.zktwo li{ padding: 20px; height: 40px; display: inline-block; position: relative;
	text-align: center;}
.zktwo li a{ display: block; color: #404040; line-height: 40px; font-size: 16px;}
.zktwo li:hover a{ color: #0573c6;}
.footerin{ overflow: hidden; position: relative; z-index: 1; padding-top: 35px; height: 225px;}
.footleft{ float: left; width: 50%;}
.footnav{ overflow: hidden; font-size: 14px; line-height: 22px; padding-bottom: 6px;
	border-bottom: 1px solid #888;}
.footnav a{ color: #fff; margin-right: 33px; display: inline-block;}
.footnav a:hover{ text-decoration: underline;}
.footinfo{ line-height: 24px; overflow: hidden; margin-top: 20px;}
.footinfo span{ display: inline-block;}
.footinfo a{ color: #fff; margin-left: 15px; display: inline-block;}
.footinfo a:hover{ text-decoration: underline;}
.footerright{ float: right; overflow: hidden; margin-top: 15px;}
.footewm{ width: 140px; float: left; z-index: 1; margin-left: 20px;}
.footewm img{ width: 140px; height: 140px;}
.footewm p{ text-align: center; line-height: 34px;}
.footer{  width: 100%; height: 80px; line-height: 80px; color: #acaeb5;position: relative; background-color: #0f1013;font-size:16px}
.footer a{ color: #acaeb5;}
.footer a:hover{ color: #008dc5;}
.waiting{ width: 124px; height: 124px; background: url('../images/waiting.gif') center; display: none;
	position: absolute; left:50%; margin-left: -62px; z-index: 2; top:50%; margin-top: -62px;}
#totop{ position: fixed; width: 60px; height: 60px; left:50%; cursor: pointer; text-align: center;
	z-index: 1; margin-left: 650px; bottom: 200px; background-color: #36467a; line-height: 60px; font-size: 0;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
#totop.daozhuan{ -webkit-transform:scale(1, -1); -o-transform:scale(1, -1); transform:scale(1, -1);
  -moz-transform:scale(1, -1); -ms-transform:scale(1, -1);}
#totop:hover{ background-color: #ffbb2a;}
#totop:hover img{ -webkit-animation: rotateY360 2s linear infinite; animation: rotateY360 2s linear infinite;
	-moz-animation: rotateY360 2s linear infinite; -o-animation: rotateY360 2s linear infinite;}
.msgbg{ width: 100%; height: 100%; position: fixed; z-index: 150; left:0; top:0;
	background: url('../images/op0-80.png'); display: none; overflow: hidden; }
.msg{ width: 70%; height: 380px; position: absolute; z-index: 1; background-color: #fff; font-family: '微软雅黑';
	left:15%; top:-50%; margin-top: -210px; border: 5px solid #ffbb2a; padding: 20px;}
.msgtxt{ font-size: 28px; color: #36467a; line-height: 40px; text-align: center;
	margin: 50px 0; height: 160px; overflow: hidden;}
.msgbg.on .msg{ top:50%;}
.msg input{ width: 200px; height: 50px; display: block; background-color: #ffbb2a;
	font-size: 24px; margin: 0 auto;}
.msgclose{ width: 41px; height: 41px; position: absolute; top:-20px; right: -20px; z-index: 1;
	cursor: pointer; background: url('../images/close.png') center no-repeat;}
/*---在线QQ---*/
.fside{ position: fixed; z-index: 100; left:0; top:50%; margin-top: -100px; width: 50px;}
.fside a{ display: block; width: 56px; height: 56px; margin-top: 2px; position: relative;
	 background-color: #bfbfbf; text-align: center; line-height: 56px;}
.fside a:first-child{ margin-top: 0;}
.sidetelno{  width: 0; height: 56px; overflow: hidden; position: absolute; left:-1px;
	top:0; z-index: 1; background-color: #b00b18;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.sidetelno.on{ width: 240px;}
.sidetelno span{ display: block; height: 56px; padding: 0 10px;
	 font-family: 'arial'; color: #fff; font-size: 20px; line-height: 56px;}
.sidebigewm{ display: none; position: absolute; top: 116px; left: 61px; z-index: 1;
    border: 1px solid #aaa; background-color: #fff; border-radius: 4px; }
.sidebigewm img{ width: 150px; height: 150px;}
@media screen and (max-width:1800px){
	.head a.logo{ left:30px;}
	.head a.glass{ right: 30px;}
	.nav{ margin-right: 70px;}
}
@media screen and (max-width:1650px){
	.nav>li{ margin:0 30px;}
	.footer .cer2{ width: 1400px}
}
@media screen and (max-width:1420px){
	.nav>li{ margin:0 30px;}
	.footer .cer2{ width: 1300px}
}
@media screen and (max-width:1380px){
	.head,.headshadow{ height:90px;}
	.head a.logo{ height: 90px; line-height: 90px;}
	.nav>li>a{ padding: 10px 0;}
	.nav>li>a span.cn{ font-size: 16px;line-height: 20px;}
	.nav>li>a span.en{  font-size: 12px; line-height: 18px;}
	.footer .cer2{ width: 1200px}
}
@media screen and (min-width:1200px){
	.navsjout{ display: none;}
}
@media screen and (max-width:1200px){
	.nav{ display: none;}
	.navsjout{ display: block;}
	.navbtn{ display: block;}
	.head a.glass{ width: 60px; right: 80px;}
}
@media screen and (max-width:1240px){
	.footer{ width: auto; padding: 0 30px;}
}
@media screen and (max-width:840px){
	.footer{ height: auto; padding: 20px 20px; line-height: 1.8em; text-align: center;}
	.footer .l,.footer .r{ float: none; display: inline-block;}
	.newban .hx{ width: 90%; left:5%; margin-left: 0;}
}
@media screen and (max-width:750px){
	.head{ height: 100px;}
	.head a.logo { height: 100px;}
	.head a.logo img{ height: 70px;}
	div.pageList{ display: none;}
	.listbtnout{ display: block;}
	body{ font-size: 26px;}
	.Validform_checktip{ font-size: 22px;}
	.mhide{ display: none;}
	.topsouout{ height: 50px;}
	.topsouout .topsou{ padding-right: 50px;}
	.topsou input.anniu{ width: 50px;}
}
.inbanner{ width:100%; padding-bottom: 32%; position: relative; overflow: hidden;}
.inbanner>img{ position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 0;}
.in2banner{ width:100%; padding-bottom: 32%; position: relative; overflow: hidden;}
.in2banner>img{ position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 0;}
.ibcate{ width: 100%; display: table; position: absolute;bottom:0; 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: 60px;  overflow: hidden;   position: absolute;bottom: 0; z-index: 2;background-color: rgba(0,0,0,0.6);width:100% }
.erji{ float: left; font-size: 0; white-space: nowrap;position: absolute;}
.erji a{ display: inline-block; margin-left:30px; height: 60px; position: relative;color: #fff; text-align: left; font-size: 18px; line-height: 60px;}
.erji a.on{ color: #00a0e3;}
.erji a:hover{ color: #00a0e3;}
.tree{ float: right; height: 60px; line-height: 60px; 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: 1460px;}
}
@media screen and (max-width:1420px){
	.tree{ padding-right: 20px;}
	.baninfo .cer2{ width: 1250px;}
}
@media screen and (max-width:1300px){
	.baninfo .cer2{ width: 1200px;}
}
@media screen and (max-width:1220px){
	.tree{ display: none;}
	.erji{ float: none; text-align: center;}
	.baninfo{ width: 100%;height: 60px; line-height: 60px;overflow: hidden; position: absolute;bottom: 0;}
}
@media screen and (max-width:750px){
	.erji a{ font-size: 26px; }
}
.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: 1300px;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: 35px;}
.newslist li{ width: 100%; height: 400px; 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: 40px; height: 80px; overflow: hidden; margin-bottom: 20px;}
.pair .date{background: url('../images/arrow-time.png') left no-repeat;padding-left:30px; color: #ccc;font-size:24px; line-height: 36px;  margin-bottom: 30px;}
.pair .txt{ font-size: 16px; color: #333; line-height: 32px; height: 128px; overflow: hidden; margin-bottom: 50px;}
.pair label{ display: block; color: #333; height: 35px; font-weight: bold; text-transform: uppercase;
	background: url('../images/jtr5.png') left bottom no-repeat;}
.pair:hover h3{ color: #00a0e3;}
 .pair:hover label{ color: #00a0e3;background: url('../images/jtr5-on.png') left bottom  no-repeat;}
.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: 1200px; 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: 1500px;}
	.about .cer{ width: 1500px;}  
}
@media screen and (max-width:1420px){
	.hezuo .cer2{ width: 1280px;}
	.about .cer{ width: 1300px;}  
}
@media screen and (max-width:1300px){
	.hezuo .cer2{ width: 1200px;}
}
@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: 1280px; 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 50px; 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: #fff;}
.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: 6px 35px;}
.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:1400px){
	.about{ padding: 60px 35px;}
	.about .cer{ width: 1300px;}
}
@media screen and (max-width:1320px){
	.about{ padding: 70px 20px 60px;}
	.about .cer{ width: 1200px;}
}
@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 img{width:100%;height:auto;}
	.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-image: url('../images/city.jpg'); background-size: 100% 100%;background-repeat:no-repeat;}
.fcate2{ position: relative;}
.fcate2 .cn{ font-size: 42px; line-height: 34px; color: #332c2b; height: 34px; font-weight: bold;}
.fcate2 .en{ font-size: 0; margin-top: 28px;}
.fcate2 .en img{ vertical-align: top;}
.fcate2 a.more{ content: '';display: block;  position: absolute; bottom: 10px; right:0; z-index: 1;
	font-size: 16px; color: #332c2b; line-height: 22px; text-transform: uppercase; height: 22px;background: url('../images/jtr4.png') left bottom no-repeat;}
.fabout{ padding: 100px 0 40px;}
.fabout .l{ width: 60%;float:left;}
.fabout .r{ width: 35%;float:right;padding: 80px 0;text-align:center}
.fabout .l .inner{ }
.faboutcon{ font-size: 18px; color: #000; line-height: 2; min-height: 300px;
	 margin: 30px 0; overflow: hidden; text-align: justify;}
.fchen{ display: block; width: 100%; max-height: 780px; position: relative;margin-top:80px;}
.fchen img{ position: absolute; top:0; left:0; width: 100%;height:100%;max-width:600px;}
.fchen div{ font-size: 18px; color: #333; line-height: 28px; padding-top: 105px; margin-left: 70px;}
.fchen p{ font-size: 18px; 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: 1350px;}
}
@media screen and (max-width:1400px){
	.fabout .cer2{ width: 1280px;}
}
@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;}
}
@media screen and (max-width:1200px){
	.fguolist li h3{ text-align: center;}
}
@media screen and (max-width:1020px){
	.fabout .l{ float: none;}
	.fabout .r{ float: none; }
	.fchen{ float: left; }
	.fvdbtn{ float: left; width: 323px; margin-left: 50px; margin-top: 0;}
}
@media screen and (max-width:800px){
	.fabout .l{ float: none;width:100%}
	.fabout .r{ float: none;width:100% }
	.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/fnewsbg.jpg') left top no-repeat; position: relative;}
.section3:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 0;
	width: 100%; height: 327px; background: url('') center;}
.fcate3{ color: #332c2b; text-align: center; padding-bottom: 38px;
	background: url('../images/line3.png') bottom no-repeat;}
.fcate3 .cn{ font-size: 42px; 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:125px; height:40px; overflow:hidden;background:url('../images/jtr5.png') center bottom no-repeat;margin:0 auto;font-size:18px;text-align:center}
a.seemore:hover{ background: url('../images/jtr5-on.png') right bottom  no-repeat; color: #00a0e3;}
.fnews{ position: relative; z-index: 1; padding-top: 80px;}
.picScroll-left3{ overflow:hidden; position:relative; padding: 0 60px; 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: #e0eef9;}
.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: 18px; color: #333; line-height: 22px; height: 22px; margin-bottom: 15px;
	overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.fnewslist li .txt{ font-size: 14px; color: #666; line-height: 25px; height: 50px; 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: 125px;
	background: url('../images/jtr4.png') center bottom no-repeat;text-align:center; text-transform: uppercase; color: #fff;font-size:18px;
	position: absolute; top:50%; margin-top: 145px; z-index: 3; left:50%; margin-left: -600px;}
	.flinyupic li a:before {font-family: 'arial'; line-height: 20px; padding-bottom: 13px; display: block; width: 125px;
	background: url('../images/jtr5-on.png') center bottom no-repeat;text-align:center; text-transform: uppercase; color: #fff;font-size:18px;
	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: 42px; 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;}
.flylist li{ float: left; width: 110px; margin:0 49px; text-align: center;}
.flylist li a{ display: block; padding-top: 120px; position: relative; height: 42px;}
.flylist li .pic{ width: 86px; height: 86px; border: 2px solid rgba(210,220,230,0.6); line-height: 86px;
	font-size: 0; position: absolute; z-index: 1; top:10px; left:10px;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius:45px;}
.flylist li .pic2{ width: 90px; height: 90px; line-height: 90px;
	font-size: 0; position: absolute; z-index: 2; top:10px; left:10px;}
.flylist li img{ max-width: 100%; max-height: 100%;}
.flylist li .pic{ opacity: 1; filter: alpha(opacity=100);}
.flylist li .pic2{ opacity: 0; filter: alpha(opacity=0);}
.flylist li h3{ height: 22px; line-height: 22px; font-size: 14px; color: #fff; overflow: hidden; text-shadow: 0 1px 1px rgba(0,0,0,0.4);}
.flylist li .pic,.flylist li .pic2,.flylist li h3{ 
	-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.flylist li:hover .pic{ box-shadow: 0 0 0 10px rgba(255,255,255,0.15); background-color: #fff;}
.flylist li:hover .pic2{ opacity: 1; filter: alpha(opacity=100);}
.flylist li.on .pic{ 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;}
.ffazhan .cer{ position: relative;}
.fcate5{ color: #fff; position: relative;}
.fcate5 .cn{ font-size: 32px; 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;top:4px; 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: #03325b url('../images/fz-lth.png') center no-repeat;}
.ffazhan a.ranext:hover{ background: #03325b url('../images/fz-gth.png') center no-repeat;}
.roundabout{ position: relative; z-index: 3; overflow: hidden; height: 400px; 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: 400px;}
.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{ width: 100%; 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: 400px; position: absolute; left:0; bottom:0; z-index: 4; background-color: #fff;}
.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: 50px 32px 0;}
.fzcate{ position: relative;}
.fzcate .hx{ width: 46px; height: 6px; background-color: #00a0e3; margin-bottom: 20px;}
.fzcate .cn{ font-size: 24px; line-height: 40px; color: #333; font-weight: bold; margin-bottom: 10px;}
.fzcate .en{ font-size: 24px; line-height: 36px; color: #333; font-family: 'arial'; text-transform: uppercase;}
.fzcate a.more{ display: block; margin-top: 45px; text-transform: uppercase;
	font-size: 16px; color: #999; 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: 340px; margin-top: 20px;}
	.roundabout li a{ line-height: 340px;}
	.roundabout li a img{ width: 100%;}
	.ffazhanwz{ height: 340px;}
	.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: #fafafa url('../images/flxbg.jpg') right no-repeat; background-size: 50% 100%;}
.section7{ background: #D7DFEB; background-size: 50% 100%;display:none}
.flianxi{  overflow: hidden; position: relative;}
.flianxi .cer2{ overflow: hidden; margin:0 20px}
.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;}
}