@charset "utf-8";

.inbanner{ width:100%; height: 426px; position: relative; overflow: hidden;margin-top: 90px;
}
.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: 36px;
    line-height: 70px;}
.ibcatein .en{      font-size: 34px;
    line-height: 65px;font-family: 'arial'; font-weight: bold; text-transform: uppercase;}
.ibcatein .hx{     width: 80px;
    height: 6px; background-color: #fff; margin: 0 auto;}

.js-qiecon{ display: none;}.js-qiecon.on{ display: block;}
.js-qiecon-xm1{ display: none;}.js-qiecon-xm1.on{ display: block;}
.js-qiecon-xm2{ display: none;}.js-qiecon-xm2.on{ display: block;}
.js-qiecon-xm3{ display: none;}.js-qiecon-xm3.on{ display: block;}
.section7{background: #F8F8F8;}

/* 三级导航 */
.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.5); margin-top: -60px;}

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

.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;    font-size: 15px;}
.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){
	
	.baninfo{ width: 100%; height: auto; overflow: auto;}
}
@media screen and (max-width:750px){
	.erji a{ font-size: 26px; width: 150px;}
}





.atc{ padding: 30px 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: #000000; 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: 1100px;
    margin: 0 auto;}
}
@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;}
	

}







.lvyoulist{max-width: 100%; margin: 0 auto; overflow: hidden;}
.lvyoulist li {
    float: left;
    width: 31.3%;
    margin-bottom: 38px;
    margin-right: 2.8%;
}
.lvyoulist li:nth-child(3n){margin-right:0;}
.lvyoulist li a{ display: block;}
.lvyoulist .pic{ width: 100%;
    overflow: hidden;}

.lvyoulist img{ width: 100%;}


.lvyoulist li h3{ 
color: #000000;
    display: block;
    
    height: 88px;
    overflow: hidden;
    border-bottom: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}
.lvyoulist li h3 div.yjbttitle{  font-size: 16px;
    padding: 8px 19px 0px;
    font-weight: bold;
    line-height: 27px;
	}
.yjdescc{
    font-weight: bold;
    padding: 0 19px 0;
	    font-size: 13px;
}

.lvyoulist li:hover a{ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2);}
.lvyoulist li:hover h3{ background-color:#093961; color: #fff; border-color:#093961;}


.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){
	
}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1040px){
	
}
@media screen and (max-width:750px){
	
}







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



.pair h3{    color: #000000;
    font-size: 26px;
    line-height: 48px;
    height: auto;
    overflow: hidden;
    margin-bottom: 3%;}
.pair .date{ color: #010101;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 1.5%;}
.pair .txt{     font-size: 13px;
    color: #000000;
    line-height: 26px;
    height: 79px;
    overflow: hidden;}
.pair label{     display: block;
    color: #007cc3;}
li:hover .pair h3{ color: #007cc3;}
.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){
	
}
@media screen and (max-width:1080px){

}
@media screen and (max-width:960px){
	
	
}
@media screen and (max-width:750px){
	
	.newslist li{ height: auto;}
	.newslist li .picout{ width: 100%; }
	.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;}

	
}






.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.jpeg') 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.jpeg') top left no-repeat;}
.lxcon .lx2{ padding-left: 35px; font-size: 16px; color: #333; line-height: 24px; margin-top: 20px;
	background: url('../images/lx2.jpeg') top left no-repeat;}
.lxcon .lx3{ padding-left: 35px; font-size: 16px; color: #333; line-height: 24px; margin-top: 20px;
	background: url('../images/lx2.jpeg') 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: 75px 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: 1285px; padding: 52px 0 0; max-width: 100%; margin: 0 auto; overflow: hidden;}
.whlist li{ float: left; width: 24.3%;}
.whlist li .lin{ padding: 0 15px;}
.whlist li a{ display: block; width: 100%;}
.whlist .pic{ width: 100%; height: 0; padding-bottom: 73%; position: relative; background-color:#03325b;}
.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:-33px;}
.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: #000000;
    font-weight: bold;
    overflow: hidden;
    margin-top: 6px;
    text-align: center;}
.whlist li h4{ cursor: pointer;font-size: 20px; 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: 17px;
    color: #6e6e6e;
    text-align: center;
    line-height: 18px;
    height: 28px;}

.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){
	
}
@media screen and (max-width:750px){
	
}



.cate3{ text-align: center; position: relative;     padding-bottom: 21px;}
.cate3:before{    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    width: 80px;
    height: 4px;
    margin-left: -38px;
    background-color: #03325b;}
.cate3 .cn{     font-size: 34px;
    line-height: 44px;
    height: 44px;
    color: #000000;}
.cate3 .en{     font-size: 20px;
    line-height: 1.7em;
    height: 1.3em;
    color: #d1d1d1;
    text-transform: uppercase;}

.jiagou{     padding: 1.3% 0;
    width: 1144px;
    margin: 0 auto;}
.jiagoupic{ margin: 3.5% 0 0; text-align: center;}
.jiagoupic img{     width: 75%;}


.rongyu{ height: 805px;
    background: url(../images/rongyubg.png) center no-repeat;
    overflow: hidden;
    margin-top: 4%;}
.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: 15px;}
.cate4:before{ content: ''; position: absolute; left: 50%; bottom:0; z-index: 0;
	width: 80px; height: 4px; margin-left: -30px; background-color: #03325b;}
.cate4 .cn{     font-size: 34px;
    line-height: 40px;
    height: 44px;
    color: #000000;}
.cate4 .en{ font-size: 20px; line-height: 1.5em; height: 1.5em; color: #d1d1d1; text-transform: uppercase;}


.about{ padding: 4.5% 0 60px;}
.aboutcon p{    text-indent: 34px;}
.aboutcon{     font-size: 16px;
    color: #5e5e5e;
    line-height: 34px;
    margin: 25px 0 40px;
    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;}
	
}
@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){
	
}



.abvd{ width: 100%; height: 540px; overflow: hidden; position: relative; 
	background: url('../images/vdbg.jpeg') 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.jpeg') 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;}
.fp-auto-height.section{ text-align: left;}

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



/* 首页关于 */
.fcate2{ position: relative;}
.fcate2 .cn{     font-size: 28px;
    line-height: 34px;
    color: #000000;
    height: 34px;
    font-weight: bold;
    letter-spacing: 2px;}
.fcate2 .en{ font-size: 20px;
    color: #000000;
    text-transform: uppercase;}
.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: 4.5%;padding-bottom: 6%;}
.fabout .l{ width: 53%;}
.fabout .r{     width: 537px;
    margin-right: 0;}
.fabout .l .inner{  padding: 0;}
.faboutcon{ font-size: 15px;
    color: #000000;
    line-height: 26px;
    height: 233px;
    margin:0 0 4.5%;
    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: 336px;
    text-align: center;
    line-height: 336px;
    
    margin-top: 10px;}

.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 .inner{  padding: 0 0;}
	.fabout .r{ margin-right: 0;}
}
@media screen and (max-width:1380px){
	
	.faboutcon{ height: auto;}
}
@media screen and (max-width:1260px){
	.fabout .cer2{ width: auto; padding: 0 25px 0 45px;}
	
}
@media screen and (max-width:1200px){
	.fguolist li h3{ text-align: center;}
}
@media screen and (max-width:1020px){
	
	
	
}
@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{  position: relative;}
.section3:after{ 
content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 410px;
    background: #F2F6F9;
}

.fcate3{     color: #333;
    text-align: center;}
.fcate3 .cn{     font-size: 28px;
    line-height: 48px;
    font-weight: bold;
    color: #000000;
   }
.fcate3 .en{ font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 0px;}

.yemore a{
color: #093861;
    background: #fff;
    display: inline-table;
    padding: 2px 18px;
    border-radius: 3px;
    font-size: 15px;
}
a.seemore{     display: block;
    width: 110px;
    height: 37px;
    overflow: hidden;
    font-size: 0;
    background: url(../images/nm.png) center no-repeat;
    margin: 0 auto;}


.fnews{     position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 1315px;
    padding-bottom: 4.5%;}
.picScroll-left3{ overflow:hidden; position:relative; padding: 0 70px; height: 337px; margin: 2% auto 1.7%;}


.fnews div.lin a{ display: block; background-color: #fff;}

.fnews div.lin .pic{ position: relative; width: 100%; overflow: hidden; height: 0; padding-bottom: 75%;}

.fnews div.lin img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}
.fnews div.lin:hover .pic104 img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.fnews div.lin .wz{ padding: 8px 16px 20px;}
.fnews div.lin h3{ font-size: 15px;
    color: #000000;
    line-height: 22px;
    height: 46px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;}
.fnews div.lin .txt{ font-size: 13px;
    color: #888888;
    line-height: 24px;
    height: 25px;
    overflow: hidden;}
.txtmore{color: #007cc3;
    font-size: 13px;}
.fnews div.lin:hover a{ background-color: #03335B;}
.fnews div.lin:hover .pic i{ opacity: 1; filter:alpha(opacity= 100);}
.fnews div.lin:hover h3,.fnews div.lin:hover .txt,.fnews div.lin:hover .txtmore{ color: #fff;}
/*.fnews div.lin h3,.fnews div.lin .txt,.fnews div.lin i,.fnews div.lin .txtmore{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}*/

.fnews a.prev, .fnews a.next{ position: absolute; width: 36px; height: 36px; z-index: 3; top:171px;}
.fnews a.prev{ left: 30px; background: #f5f5f5 url('../images/nl.png') center no-repeat;}
.fnews a.next{ right: 30px; background: #f5f5f5 url('../images/nr.png') center no-repeat;}


@media screen and (max-width:1380px){
	
	
	
	.fnews{ padding-top: 60px;width: 1280px;}
	.fcate3{ padding-bottom: 0; background: none;}
	a.seemore{ display: none;}
}
@media screen and (max-width:800px) {
	
}
@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;}
}



/* 首页领域 */
.section4{
 width: 100%; height: 672px;background: url('../images/ywbg.jpg') center no-repeat; background-size: 100% 100%;
}
.flinyupic{ position: absolute; left:0; top:0; z-index: 0;
	}
.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);}


.section4 .flinyu div.r{margin-top: 10.6%;} 
.fcate4{     color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -202px;
    z-index: 1;
    left: 50%;
    margin-left: -587px;}
.fcate4 .cn{ font-size: 28px; line-height: 48px; font-weight: bold;}
.fcate4 .en{        font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 20%;}

.flylist{ width: 880px; overflow: hidden;}
.flylist li{     float: left;
    width: 102px;
    margin: 0px 37px 37px 37px;
    text-align: center;}
.flylist li a{ display: block; padding-top: 120px; position: relative; height: 42px;}
.flylist li .pic{ 
	font-size: 0; position: absolute; z-index: 1; top:10px; left:0px;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius:45px;}
.flylist li .pic2{     font-size: 0;
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 0;}
.flylist li img{ width: 100%; }
.flylist li .pic{ opacity: 1; filter: alpha(opacity=100);}
.flylist li .pic2{ opacity: 0; filter: alpha(opacity=0);}
.flylist li h3{height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #fff;
    overflow: hidden;
    text-shadow: 0 1px 1px rgb(0 0 0 / 40%);}

.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 .pic2{ opacity: 1; filter: alpha(opacity=100);}

.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) {
	
	
}
@media screen and (max-width:1220px) {
	
	.flinyu .r{ float: none; margin-top: 60px; margin-right: 0;}
	
	
	.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;}
}





.ffazhan{ overflow: hidden;}
.ffazhan .cer{ position: relative;}

.fcate5{ color: #fff; position: relative;}
.fcate5 .cn{ font-size: 28px; 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: #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: 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: 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: 52px 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: #fff url(../images/yejibeiji.jpg) right no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 806px;}
.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){
	
	.flxleft{ width: 38%;}
	.flxright{ width: 60%;}
}
@media screen and (max-width:1350px){
	
	.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;}
}