@charset "utf-8";

.fri{ width: 100%; padding: 15px 0; background-color: #f9f9f9; border-top: 2px solid #25a0fe;}
.friin{ overflow: hidden;}
.fri .frih{ float: left; height: 52px; margin: 20px 0; line-height: 52px; font-size: 24px;}
.fri .frih span{ color: #0042a3; margin-right: 10px; margin-left: 10px;}
.fri .frih i{ font-family: 'arial'; color: #f5ba18; font-style: normal;}
.fri .frilogo{ float: left; height: 52px; margin: 20px 40px; position: relative; overflow: hidden;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.fri .frilogo:last-child{ margin-right: 0;}
.fri .frilogo:hover{ box-shadow: 0 0 5px 0 rgba(0,0,255,0.5);}
.fri .frilogo img{ height: 52px;}
@media screen and (max-width:1200px){
	.fri .frih{ float: none; display: block; margin-left: 40px;}
}
@media screen and (max-width:750px){
	.fri{ background-color: #fff; border-top: 0 none; padding: 0 0 15px; text-align: center;}
	.fri .frih{ border-bottom: 2px solid #25a0fe; text-align: center; font-size: 28px;
		padding: 10px 0; margin: 0 0 15px;}
	.fri .frilogo{ float: none; display: inline-block; margin: 10px 50px}
	.fri .frilogo:last-child{ margin-right: 50px;}
}
@media screen and (max-width:600px){
	.fri .frilogo{ margin: 10px 20px;}
	.fri .frilogo:last-child{ margin-right: 20px;}
}


.inbanner{ width: 100%; height: 400px; position: relative; z-index: 1; overflow: hidden;}
.inbanner img{ position: absolute; left:50%; margin-left: -960px; top:0; height: 400px;}

.tree{ width: 1200px; max-width: 100%; height: 60px; background-color: #fff; overflow: hidden;
	position: relative; margin: -30px auto 0; z-index: 2; box-shadow: 0 3px 5px 0 #e5e5e5;}
.tree h2{ float: left; padding-left: 20px; padding-right: 10px; height: 20px; margin-top: 20px;
	 line-height: 20px; font-weight: bold; border-right: 1px solid #e0e0e0;}
.tree h2 a{ font-size: 16px; color: #00a0e9;}

.treenav{ float: right; margin-top: 13px; height: 33px; line-height: 32px; margin-right: 7px;}
.treenav i.treedot{ float: left; width: 6px; height: 32px; background: url('../images/treedot.png') center no-repeat;}
.treenav i.treedot:first-child{ display: none;}
.treenav a{ float: left; padding: 0 16px; height: 32px; padding-bottom: 1px; position: relative;}
.treenav a:hover,.treenav a.on{ color: #00a0e9;}
.treenav a:after{ position: absolute; bottom: 0; left:50%; width: 0; height: 1px; margin-left: 0;
	background-color: #00a0e9; content: ''; -webkit-transition: .3s; transition: .3s;}
.treenav a:hover:after,.treenav a.on:after{ width: 36px; margin-left: -18px;}

.main{ margin: 20px auto 30px; width: 1200px; max-width: 100%; background-color: #fff;}
.btl{ padding: 40px 20px; font-weight: bold; font-size: 24px; line-height: 30px; 
		text-align: center;}
.btl.whbtl{ padding: 35px 20px 25px;}
.newsbtl{ background-color: #f1f1f1;}
.btlcn{ color: #333; letter-spacing:10px;}
.btlen{ color: #bfdefb; text-transform: uppercase;}


.aboutcon{ padding: 0 20px 55px; font-size: 16px; line-height: 30px; color: #666;}
.aboutcon img{ max-width: 100%;}

@media screen and ( max-width:750px) {
	.tree{ margin: 0 auto; height: 80px; overflow-x: auto; }
	.tree h2{ display: none;}
	.treenav{ float: none; overflow: hidden; margin-right: 0; height: 53px; line-height: 52px;}
	.treenav i.treedot{ height: 52px;}
	.treenav a{ height: 52px; padding: 0 18px;}
	.treenav a:hover{ color: #666;}
	.treenav a:hover:after{ width: 0; margin-left: 0;}
	.treenav a.on:after{ width: 56px; margin-left: -28px;}


	.btl{ font-size: 34px; line-height: 40px;}
	.btlen{ font-size: 26px; line-height: 30px;}
	.aboutcon{ padding: 0 3% 55px; font-size: 28px; line-height: 44px;}
}


.navthree{ margin: 0 20px; padding-bottom: 24px; border-bottom: 1px solid #e0e0e0;
	text-align: center;}
.navthree a{ display: inline-block; width: 98px; height: 28px; border: 1px solid #25a0fe;
	background-color: #fff; color: #00a0e9; font-size: 16px; line-height: 28px; margin: 0 10px;}
.navthree a:hover,.navthree a.on{ background-color: #00a0e9; color: #fff;}


.nianlist{ padding: 0 20px 70px; overflow: hidden;}
.nianlist li{ float: left; width: 33.3%; border-bottom: 1px dashed #f3f3f3;}
.nianlist li dl{ width: 240px; max-width: 100%; padding-top: 20px; margin: 45px auto 20px;
	background: url('../images/linianbg.jpg') 0 0 no-repeat;}
.nianlist li dt{ color: #00a0e9; font-size: 20px; line-height: 26px;}
.nianlist li dd{ margin-top: 5px; color: #666; font-size: 16px; line-height: 26px;
	height: 80px; overflow: hidden;}

@media screen and ( max-width:750px) {
	.navthree{ padding: 10px 0;}
	.navthree a{ font-size: 28px; width: 200px; height: 60px; line-height: 60px; margin: 10px;}

	.nianlist li{ width: 50%;}
	.nianlist li dl{ width: 320px;}
	.nianlist li dt{ font-size: 30px; line-height: 50px;}
	.nianlist li dd{ font-size: 26px; line-height: 40px; height: 120px;}
}
@media screen and ( max-width:520px) {
	.navthree a{ width: 100%; margin: 10px 0;}
}
@media screen and ( max-width:480px) {
	.nianlist li{ width: 100%;}
}



.perout{ padding: 0 20px 40px;}
.perlist{ padding: 30px 0; width: 928px; max-width: 100%; overflow: hidden; margin: 20px auto 0;}
.perlist li{ float: left; width: 222px; margin: 5px; position: relative;}
.perlist li a{ display: block; width: 222px; height: 222px;
	  position: relative; margin: 0 auto; overflow: hidden;}
.perlist li img{ display: block; width: 100%; height: 100%;
	 -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.perlist li .perbg{ position: absolute; z-index: 1; left:50%; top:50%; width: 0; height: 0;
	background: url('../images/opb-70.png');-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.perlist li p{ width: 200px; font-size: 12px; line-height: 24px; text-align: center; color: #fff; opacity: 0;
	position: absolute; top: 60px; left:11px; z-index: 2; height: 24px; overflow: hidden;}
.perlist li span{ width: 62px; font-size: 14px; line-height: 34px; text-align: center; color: #fff; opacity: 0;
	position: absolute; bottom: 20px; left:80px; z-index: 3; border-bottom: 2px solid #00a0e9;}

.perlist li:hover .perbg{ width: 100%; height: 100%; left:0; top:0;}
.perlist li:hover p{ opacity: 1; top: 90px;}
.perlist li:hover span{ opacity: 1; bottom: 50px;}

.perlist li .perbg{ transition: 0.3s ease-in; -moz-transition: 0.3s ease-in;
	 -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in;}
.perlist li p,.perlist li span{ transition: 0.6s ease-out; -moz-transition: 0.6s ease-out;
 -webkit-transition: 0.6s ease-out; -o-transition: 0.6s ease-out;}

.loadmore{ display: block; background-color: #00a0e9; width: 200px; height: 40px;
	margin: 0 auto; font-size: 16px;}
.moretip{ width: 100%; height: 30px; line-height: 30px; text-align: center;
	font-size: 14px; color: #b41713; border-top: 1px solid #e0e0e0;}

@media screen and ( max-width:750px) {
	.perlist{ padding: 0;}
	.perlist li{ margin: 0; width: 50%; border-bottom: 1px solid #e0e0e0;}
	.perlist li a{ padding-top: 40px; padding-bottom: 120px;}
	.perlist li p,.perlist li:hover p{ width: 100%; font-size: 26px; color: #333; line-height: 40px;
		opacity: 1; height: 80px; position: static; margin-top: 20px;}
	.perlist li .perbg,.perlist li:hover .perbg{ left:50%; top:50%; width: 0; height: 0;}
	.perlist li span,.perlist li:hover span{ opacity: 0; bottom: 20px;}

	.loadmore{ width: 100%; font-size: 28px; height: 80px; line-height: 80px;}
	.moretip{ font-size: 24px; line-height: 48px; height: 48px; border-top: 0 none;}
}


.ryout{ padding: 20px 10px 40px;}
.rylist{ padding: 30px 0; width: 100%; overflow: hidden; margin: 0 auto;}
.rylist li{ float: left; width: 25%; position: relative;}
.rylist li a{ display: block; margin: 9px; position: relative; overflow: hidden;
	background-color: #f8f8f8;border: 1px solid #e0e0e0;}
.ry-p{ width: 100%; height: 240px; line-height: 240px; position: relative;
	text-align: center;}
.rylist li img{ max-width: 100%; max-height: 100%;}
.rylist li .rybg{ position: absolute; z-index: 1; width: 100%; height: 100%; left:0; top:0;
	background: url('../images/op0-40.png'); opacity: 0;}
.rylist li p{ font-size: 14px; line-height: 24px; max-height: 50px; text-align: center; color: #fff; opacity: 0;
	position: absolute; bottom: 20px; left:10px; right:10px; z-index: 2; overflow: hidden;}
.rylist li span{ display: block; width: 100%; height: 50px; position: absolute; top: 40px; left:0; z-index: 3;
	background:url('../images/glass2.png') center no-repeat; opacity: 0;}

.rylist li:hover .rybg{ opacity: 1;}
.rylist li:hover p{ opacity: 1; bottom: 50px;}
.rylist li:hover span{ opacity: 1; top: 70px;}

.rylist li .rybg{ transition: 0.3s ease-in; -moz-transition: 0.3s ease-in;
	 -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in;}
.rylist li p,.rylist li span{ transition: 0.6s ease-out; -moz-transition: 0.6s ease-out;
 -webkit-transition: 0.6s ease-out; -o-transition: 0.6s ease-out;}
.baguetteBoxOne { height: 0; overflow: hidden;}

 @media screen and ( max-width:1000px) {
 	.rylist li{ width: 33.3%;}
 }
 @media screen and ( max-width:750px) {
 	.rylist{ padding: 0;}
	.rylist li{ width: 50%;}
	.rylist li p,.rylist li:hover p{ opacity: 0; bottom: 20px;}
	.rylist li .rybg,.rylist li:hover .rybg{ opacity: 0;}
	.rylist li span,.rylist li:hover span{ opacity: 0; top: 40px;}
 }



.atc{ padding: 15px 20px 30px;}
.atc-h{ padding-bottom: 10px; border-bottom: 1px solid #d6d7dc;}
.atc-h h1{ font-size: 20px; font-weight: bold; color: #666; line-height: 2em;}
.atc-date{ font-size: 18px; color: #999; line-height: 30px;}

.atc-con{ padding: 25px 0 70px; color: #888; line-height: 24px;}
.atc-con h4{ color: #666; font-size: 16px;}
.atc-con img{ max-width: 100%;}


.atc-pn{ text-align: center; padding-top: 20px; border-top: 1px solid #d6d7dc;}
.atc-pn a{ display: inline-block; width: 100px; height: 30px; line-height: 30px;
	background-color: #d6d7dc; margin: 0 5px 10px; color: #d6d7dc; color: #666;}
.atc-pn a.atc-ret{ width: 76px;}
.atc-pn a:hover{ background-color: #00a0e9; color: #fff;}
@media screen and ( max-width:750px) {
	.atc-h h1{ font-size: 32px;}
	.atc-date{ font-size: 26px; line-height: 40px;}
	.atc-con{ font-size: 26px; line-height: 44px;}
	.atc-con h4{ font-size: 26px;}

	.atc-pn a{ font-size: 26px; height: 78px; line-height: 78px; width: 180px;}
	.atc-pn a.atc-ret{ width: 130px;}
}



.donglist{ padding: 5px 20px 0; overflow: hidden;}
.donglist li{ height: 140px; border: 2px solid #e0e0e0; margin-top: 20px;
	transition: 0.3s ease-in; -moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in;}
.donglist li:hover{ border-color: #00a0e9;}
.donglist li a{ display: block; padding-left: 270px; padding-right: 25px;}
.dong-pic{ float: left; margin-left: -270px; width: 226px; height: 136px;
	border: 2px solid #e2e2e2;}
.dong-pic img{ width: 100%; height: 100%;}
.dong-h{ position: relative; padding-right: 80px; line-height: 48px;}
.dong-h h3{ font-size: 18px; color: #333; width: 100%; height: 48px; overflow: hidden;}
.dong-h span{ position: absolute; right: 0; top:0;}
.dong-con{ color: #888; line-height: 26px; height: 78px; overflow: hidden;}

.listbtnout{ padding: 20px; display: none;}
.listmore{ display: block; background-color: #00a0e9; height: 80px; width: 100%;
	margin: 0 auto; font-size: 28px; line-height: 80px;}
.listtip{ line-height: 48px; text-align: center; font-size: 24px; color: #b41713;}

@media screen and ( max-width:750px) {
	.donglist li{ height: auto; margin-top: 50px; padding-bottom: 10px;}
	.donglist li a{ padding: 0;}
	.dong-pic{ margin-left: 0; float: none; width: 100%; height: auto; border:0 none;}
	.dong-h{ padding: 10px 20px 0; line-height: 50px;}
	.dong-h h3{ font-size: 32px; height: auto;}
	.dong-h span{ display: block; position: static; font-size: 26px; line-height: 40px;}
	.dong-con{ font-size: 28px; line-height: 44px; height: 140px; padding: 0 20px;}

	.listbtnout{ display: block;}
}


.newslist{ padding: 20px 20px 0; overflow: hidden;}
.newslist li{ float: left; width: 50%;}
.newslist li a{ display: block; width: 255px; height: 140px; border-bottom: 1px solid #eee;
	margin: 0 auto; padding: 23px 10px 23px 235px;}
.news-pic{ float: left; margin-left: -235px; width: 220px; height: 140px;}
.news-pic img{ width: 100%; height: 100%;}
.news-h{ position: relative; font-size: 16px; color: #333; overflow: hidden;
	height: 20px; line-height: 20px; margin-bottom: 8px;}

.news-con{ font-size: 12px; color: #888; line-height: 22px; 
	height: 66px; overflow: hidden; padding-top: 11px; position: relative;}
.news-con:before{ content: ''; position: absolute; left:0; top: 0;
	width: 75px; height: 4px; background-color: #00a0e9;}
.news-more{ display: block; border: 1px solid #999; font-size: 12px; color: #999;
	margin-top: 15px; width: 76px; height: 18px; line-height: 18px; text-align: center;}
.newslist li:hover a{ border-color: #00a0e9;}
.newslist li:hover .news-h{ color: #00a0e9;}
.newslist li:hover .news-more{ border-color: #00a0e9; color: #00a0e9}
.news-h,.news-more{transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
@media screen and ( max-width:1200px) {
	.newslist li{ width: 100%;}
	.newslist li a{ width: auto;}
}
@media screen and ( max-width:750px) {
	.newslist li{ margin-top: 20px;}
	.newslist li a{ height: auto; padding: 23px 20px; border: 1px solid #ddd;}
	.news-pic{ float: none; margin-left: 0; width: 100%; height: auto;}
	.news-h{ font-size: 30px; line-height: 42px; height: auto; margin: 20px 0;}
	.news-con{ font-size: 26px; line-height: 40px; height: 120px; padding: 20px 0 0;}
	.news-con:before{ width: 170px; height: 5px;}
	.news-more{ width: 200px; height: 48px; line-height: 48px; font-size: 26px; margin-top: 30px;}
}



.promain{ background-color: #f1f1f1; margin-bottom: 0;}
.prolist-out{ width: 100%; overflow: hidden; background-color: #fff;}
.prolist{ padding: 10px; overflow: hidden;}
.prolist li{ float: left; width: 25%; margin: 15px 0;}
.prolist li a{ display: block; width: 275px; max-width: 96%;
	 border-bottom: 2px solid #e0e0e0; margin: 0 auto;}
.prolist li:hover a{ border-bottom-color: #00a0e9;}
.pro-pic{ width: 100%; height: 180px;}
.pro-pic img{ width: 100%; height: 100%;}
.pro-h{ height: 60px; background-color: #f9f9f9; overflow: hidden;
	color: #888; padding: 0 10px; line-height: 60px; text-align: center;}
.pro-h i{ color: #00a0e9; font-size: 16px; font-style: normal;}
@media screen and ( max-width:1200px) {
	.prolist li{ width: 33.3%;}
}
@media screen and ( max-width:960px) {
	.prolist li{ width: 50%; margin: 25px 0;}
	.prolist li a{ width: 335px;}
	.pro-pic{ height: 220px;}
}
@media screen and ( max-width:750px) {
	.pro-h{ line-height: 40px; height: 80px; text-align: left; padding: 10px;}
	.pro-h i{ font-size: 26px;}
}


.propage{ padding: 15px 20px 30px;}
.propage-h{ padding-bottom: 10px; border-bottom: 1px solid #d6d7dc;}
.propage-date{ font-size: 18px; color: #00a0e9; line-height: 40px;}
.propage-date span{ text-transform: uppercase;}
.propage-h h1{ font-size: 20px; color: #666; font-weight: bold; line-height: 30px;}

.propage-pic{ margin: 25px 0;}
.propage-pic img{ max-width: 100%;}
.propage-con{ padding: 25px 0 30px; color: #888; line-height: 30px;}
.propage-con h4{ color: #444; font-size: 16px; font-weight: bold;}
.propage-con img{ max-width: 100%;}


.propage-pn{ text-align: center; padding-top: 20px; border-top: 1px solid #d6d7dc;}
.propage-pn a{ display: inline-block; width: 100px; height: 30px; line-height: 30px;
	background-color: #d6d7dc; margin: 0 5px 10px; color: #d6d7dc; color: #666;}
.propage-pn a.propage-ret{ width: 76px;}
.propage-pn a:hover{ background-color: #00a0e9; color: #fff;}

.propage-btl{ border-bottom: 1px solid #e0e0e0;}
.propage-btl span{ display: block; width: 110px; height: 50px; position: relative;
	color: #00a0e9; text-align: center; font-size: 20px; font-weight: bold; line-height: 50px;}
.propage-btl span:after{ content: ''; position: absolute; left:0; bottom:-1px;
	width: 100%; height: 2px; background-color: #379ff1;}


.btl2{ padding: 20px 20px 15px; font-weight: bold; font-size: 24px;}
.btl2cn{ color: #333; border-bottom: 1px solid #d6d7dc; line-height: 44px;}
.btl2en{ color: #bfdefb; text-transform: uppercase; line-height: 40px;}

@media screen and ( max-width:750px) {
	.propage-h h1{ font-size: 32px; line-height: 48px;}
	.propage-date{ font-size: 26px; line-height: 50px;}
	.propage-con{ font-size: 26px; line-height: 44px;}
	.propage-con h4{ font-size: 26px;}

	.propage-pn a{ font-size: 26px; height: 78px; line-height: 78px; width: 180px;}
	.propage-pn a.propage-ret{ width: 130px;}

	.propage-btl span{ font-size: 30px; width: 150px; height: 60px; line-height: 60px;}

	.btl2{ font-size: 34px;}
	.btl2en{ font-size: 26px;}
}


.wenxianlist{ padding: 0 20px;}
.wenxianlist li{ padding:0 50px; border-bottom: 1px dashed #e1e1e1; height: 70px; line-height: 70px;
	background: url('../images/text.png') 8px no-repeat;transition: 0.3s;
	-moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.wenxianlist li a{ display: block; height: 70px; overflow: hidden; color: #666; font-size: 16px;
	padding-right: 15px; background: url('../images/dayu02.png') right no-repeat;}
.wenxianlist li:hover{ border-bottom-color: #00a0e9;}
.wenxianlist li:hover a{ color: #00a0e9; background-image: url('../images/dayu02h.png')}


.xian{ padding: 0 20px 30px;}
.xian-con{ padding: 0 5px 40px; color: #888; line-height: 25px;}
.xian-con hr{ margin: 0; height: 1px; border-width: 0; background-color: #d6d7dc;}
.xian-con h4{ color: #666; font-size: 16px;}
.xian-con img{ max-width: 100%;}


.xian-pn{ text-align: center; padding-top: 20px; }
.xian-pn a{ display: inline-block; width: 100px; height: 30px; line-height: 30px;
	background-color: #d6d7dc; margin: 0 5px; color: #d6d7dc; color: #666;}
.xian-pn a.xian-ret{ width: 76px;}
.xian-pn a:hover{ background-color: #00a0e9; color: #fff;}

.gotopc{ display: none; background-color: #f1f1f1; text-align: center; padding: 130px 20px;}
.gotopc img{ display: block; margin: 0 auto 20px;}
.gotopc p{ line-height: 1.7em;}
@media screen and ( max-width:750px) {
	.wenxianmain .btl2{ display: none;}
	.wenxianmain .wenxianlist{ display: none;}
	.wenxianmain .gotopc{ display: block;}
}


.zp{ width: 700px; max-width: 100%; height: 270px; margin: 0 auto;
	 padding: 10px 0 40px; overflow: hidden;}
.zp a{ display: block; width: 100%; height: 100%; color: #fff;}
.zp01,.zp02{ float: left; width: 50%;}
.zp-p{ position: relative; width: 214px; height: 214px; border: 5px solid #e0e0e0;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;
	overflow: hidden; margin: 0 auto;}
.zp-p img{ display: block; width: 100%; height: 100%;}

.zp-bg{ position: absolute; top:0; left: 0; z-index: 1; width: 100%; height: 100%;
	background:url('../images/op0-40.png'); opacity: 0;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.zp-p p{ position: absolute; top:50%; left:-70px; z-index: 2; width: 100%; height: 18px; opacity: 0;
	color: #fff; font-size: 16px; text-align: center; line-height: 1em; overflow: hidden;}
.zp i{ position: absolute; display: block; top:50%; margin-top: 20px; left:-70px; z-index: 3;
	width: 100%; height: 6px; background:url('../images/arrow.png') center no-repeat; opacity: 0;}
.zp h3{ width: 100%; height: 36px; overflow: hidden; margin-top: 10px;
 	font-size: 18px; color: #666; text-align: center;}

.zp a:hover .zp-bg{ opacity: 1;}
.zp a:hover .zp-p p{ opacity: 1; left:0;}
.zp a:hover h3{ color: #00a0e9;}
.zp a:hover i{ opacity: 1; left:0;}
.zp-bg,.zp i,.zp h3{ transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
.zp-p p{ transition: 0.6s ease-out 0.3s; -moz-transition: 0.6s ease-out 0.3s; 
	-webkit-transition: 0.6s ease-out 0.3s; -o-transition: 0.6s ease-out 0.3s;}
@media screen and ( max-width:750px) {
	.zp{ padding: 40px 0; height: 290px;}
	.zp h3{ font-size: 28px; height: 56px;}
	.zp-p p,.zp a:hover .zp-p p,.zp i,
	.zp a:hover i{ opacity: 0; left:0;}
}


.lianxi{ margin: 0 auto; padding: 10px 20px 30px; text-align: center;}
.lianxi-p{ display: block; width: 100%; height: 256px; color: #fff;}
.lianxi01 .lianxi-p{ background:url('../images/lian01.jpg') center;}
.lianxi02 .lianxi-p{ background:url('../images/lian02.jpg') center;}
.lianxi01,.lianxi02{ width: 47%; float: left; margin-right: 2%;}
.lianxi-p em{ display: block; font-size: 30px; line-height: 1em; padding-top: 100px;}
.lianxi-p span{ display: block; font-size: 16px; line-height: 1em; margin-top: 10px;
	 opacity: 0.4; word-break:break-word;}
.lianxi-t{ background-color: #f1f1f1; padding: 30px 0 20px;}
.lianxi-t p{ height: 32px; overflow: hidden; color: #333; font-size: 16px;}


.zonelist{ padding: 0 20px 3px;}
.zonelist li{ margin-bottom: 45px;}
.zonelist h3{ height: 64px; border-bottom: 1px solid #e0e0e0; margin-bottom: 1px;}
.zonelist h3 span{ display: block; width: 140px; background-color: #00a0e9; cursor: pointer;
	font-size: 20px; color: #fff; line-height: 64px; text-indent: 12px; font-weight: bold;}
li.on h3{ border-bottom: 2px solid #00a0e9; padding-bottom: 0;}
li.on h3 span{ background: #00a0e9 url('../images/down.png') 110px no-repeat;}

.zonecon{ overflow: hidden; display: none;}

.zone-shen{ line-height: 36px; padding: 15px;}
.zone-shen span{ display: inline-block; vertical-align: top;
	font-size: 16px; color: #666;}
.zone-shen i.sx{ display: inline-block; width: 1px; height: 14px; position: relative;
	 margin: 0 50px; background-color: #666; top: 2px;}
.zone-shen i.sx:first-child{ display: none;}

.zone-info{ padding: 15px 15px 20px; background-color: #e5f5fd; position: relative;}
.zone-info h4{ font-size: 20px; color: #00a0e9; line-height: 40px; font-weight: bold;}
.zone-info p{ font-size: 16px; color: #333; line-height: 30px;}

.zone-info a.shouqi{ position: absolute; right:30px; bottom: 15px; padding-left: 24px; height: 30px;
	font-size: 20px; color: #00a0e9; line-height: 30px;
	background: url('../images/up.png') left no-repeat;}

@media screen and ( max-width:750px) {
	.lianxi01,.lianxi02{ width: 49%; float: left;}
	.lianxi02{ margin-right: 0;}
	.lianxi-p em{ font-size: 38px; line-height: 1.5em;}
	.lianxi-p span{ font-size: 26px; line-height: 40px; margin-top: 0;}
	.lianxi-t p{ font-size: 28px; line-height: 44px; height: 44px;}

	.zonelist h3{ height: 72px;}
	.zonelist h3 span{ font-size: 28px; line-height: 72px; width: 160px;}
	li.on h3 span{ background-position: 130px center;}

	.zone-shen{ line-height: 40px;}
	.zone-shen span{ font-size: 26px;}
	.zone-shen i.sx{ height: 26px; margin: 0 40px;}

	.zone-info h4{ font-size: 28px; line-height: 50px;}
	.zone-info p{ font-size: 26px; line-height: 40px;}
	.zone-info a.shouqi{ display: none;}
}



.fuli-2{ padding: 15px 20px 20px; overflow: hidden;}
.fuli-2 .kuai{ float: left; width: 32.6%; height: 500px; background-color: #f1f1f1;}
.fuli-2 .kuai1{ margin-right: 1.1%;}
.fuli-2 .kuai2{ margin-right: 1.1%;}

.kuai1 .fuli-h{ background: url('../images/fulibg01.jpg') center no-repeat;}
.kuai2 .fuli-h{ background: url('../images/fulibg02.jpg') center no-repeat;}
.kuai3 .fuli-h{ background: url('../images/fulibg03.jpg') center no-repeat;}

.fuli-2 .fuli-h{ height: 100px; text-align: center; color: #f1f1f1;}
.fuli-h p{  overflow: hidden; padding-left: 20px; padding-right: 20px;}
.fuli-hcn{ font-size: 20px; line-height: 30px; padding-top: 22px;}
.fuli-hen{ font-size: 12px; line-height: 20px;}

.fuli-2 ul{ overflow: hidden; text-align: center;}
.fuli-2 ul li{ float: left; width: 33%; padding: 25px 0;}
.fuli-2 ul li div{ height: 48px; line-height: 48px;}
.fuli-2 ul img{ max-height: 100%;}
.fuli-2 ul li p{ font-size: 12px; color: #888; line-height: 1em;
	 margin-top: 15px; height: 14px; padding: 0 10px;}

@media screen and ( max-width:1000px) {
	.fuli-2 ul li{ width: 50%;}
	.fuli-2 .kuai{ height: 620px;}}
@media screen and ( max-width:750px) {
	.fuli-2 .kuai{ width: 100%; height: auto; float: none; margin-right: 0; margin-bottom: 30px;}	
	.fuli-2 .fuli-h{ height: 170px;}
	.fuli-hcn{ font-size: 32px; line-height: 42px; padding-top: 40px;}
	.fuli-hen{ font-size: 26px; line-height: 36px;}
	.fuli-2 ul{ padding-bottom: 40px;}
	.fuli-2 ul li{ width: 33%; padding: 40px 0;}
	.fuli-2 ul li div{ height: 90px; line-height: 90px;}	
	.fuli-2 ul li p{ font-size: 26px; height: 26px; margin-top: 20px;}
}
@media screen and ( max-width:450px) {
	.fuli-2 ul li{ width: 50%;}
}



.dashiji{ padding: 20px 30px 30px;}

.dashi01,.dashi02{ padding-left: 357px; padding-top: 20px; position: relative;}
.dashi01{ min-height: 350px; padding-bottom: 70px; 
	 background: url('../images/aoyun01.png') 125px 120px no-repeat;}
.dashi02{min-height: 350px; margin-top: -30px; 
	 background: url('../images/aoyun02.png') 125px 120px no-repeat;}
.dashi01:before,.dashi02:before{ content: ''; position: absolute; width: 1px; 
	 background-color: #d6d7dc; top: 30px; bottom: 0; z-index: 1;}

.dashi01 h3,.dashi02 h3{ position: absolute; left:125px; top:0;}

.shinian{ position: relative; left: -7px; z-index: 2;}
.shinian li{ padding-left: 220px; margin-bottom: 50px;}
.shinian li label{ float: left; margin-left: -152px; height: 30px; color: #00468e;
	font-size: 24px; font-weight: bold; line-height: 30px; font-style: italic;}
.shinian li p{ color: #888; overflow: hidden;}

.shinian li:first-child{ background: url('../images/dot01.png') left 7px no-repeat;}
.dashi02 li:last-child{ background: url('../images/dot01.png') left bottom no-repeat;}

@media screen and ( max-width:1000px) {
	.dashi01,.dashi02{ padding-left: 257px;}
	.dashi01{ background-position: 25px 120px;}
	.dashi02{ background-position: 25px 120px;}
	.dashi01 h3,.dashi02 h3{ left:25px;}
}

@media screen and ( max-width:870px) {
	.dashi01,.dashi02{ padding-left: 232px;}
	.dashi01{ background-position: 0 120px;}
	.dashi02{ background-position: 0 120px;}
	.dashi01 h3,.dashi02 h3{ left:0;}
	.shinian li label{ margin-left: -180px;}
}

@media screen and ( max-width:750px) {
	.dashi01,.dashi02{ padding-left: 0; background: #fff; padding-top: 80px;}
	.dashi01 h3,.dashi02 h3{ left:40px;}
	.dashi01:before,.dashi02:before{ top: 90px;}
	.dashi01{ padding-bottom: 100px;}
	.dashi02{ margin-top: -85px;}
	.shinian li{ margin-bottom: 40px;}
	.shinian li label{ font-size: 26px; line-height: 40px;}
	.shinian li p{ max-height: none; font-size: 26px; line-height: 40px;}
}
@media screen and ( max-width:540px) {
	.dashiji{ padding: 20px 15px 30px;}
	.shinian li{ padding-left: 140px;}
	.shinian li label{ margin-left: -110px; width: 90px;}
	.dashi01 h3,.dashi02 h3{ left:20px;}
}


.vdlist{ overflow: hidden; padding: 15px;}
.vdlist li{ float: left; width: 25%;}
.vdlist li.vdone{ width: 50%;}
.vd-wrap{ position: relative;  padding: 5px;}
.vd-pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative;}
.vd-pic img{ position: absolute; left:0; top:0; display: block;
	 width: 100%; height: 100%; cursor: pointer;}
.vd-h{ position: absolute; bottom: 5px; left: 5px; right:5px; z-index: 1; height: 50px;
	overflow: hidden; background-color: #082947; opacity: 0.7;
	line-height: 50px; text-align: center; color: #fff; font-size: 16px;}
@media screen and ( max-width:1000px) {
	.vdlist{ padding: 20px;}
	.vdlist li{ width: 50%;}
	.vd-wrap{ padding: 10px;}
	.vd-h{ left:10px; right: 10px; bottom: 10px;}
}
@media screen and ( max-width:750px) {
	.vd-h{ font-size: 26px;}
}

.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%; min-height: 50%;
	 background-color: #000; top:50%; margin-top: -250px;}
#vdbed{ position: absolute; left:0; top:50%; margin-top: -250px; z-index: 1; width: 100%; height: 500px;}




/* 首页 */
.fmain{ max-width: 100%; background-color: #fff;}

.fnewslist{ background-color: #f1f1f1; overflow: hidden;}
.fnewslist li{ float: left; width: 25%; height: 300px; position: relative;}
.fnewslist li a{ display: block; padding: 50px 0;}

.fnews-p{ opacity: 0; position: absolute; left:0; top:0; width: 100%;
	 height: 100%; z-index: 1; background-color: #000; overflow: hidden;}
.fnews-p img{ position: absolute; width: 480px; height: 100%; opacity: 0.4; filter:alpha(opacity=40);
	top:0; left:50%; margin-left: -240px;}
.fnews-t{ padding: 0 65px; height: 200px; border-right: 1px dashed #bfbfbf;}
.fnews-date{ line-height: 20px; color: #666;}
.fnews-title{ height: 30px; line-height: 30px; color: #333; font-size: 18px; overflow: hidden;}
.fnews-info{ font-family: 'simsun'; font-size: 12px; color: #999; line-height: 20px;
	height: 40px; overflow: hidden; margin-top: 30px;}
.fnews-more{ display: block; margin-top: 40px; width: 108px; height: 34px;
	text-indent: 10px; color: #fff; line-height: 34px; font-style: normal;
	background: #ccc url('../images/more.png') 95% no-repeat;}
.fnews-p{ transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
.fnews-more{ transition: 0.5s; -moz-transition: 0.5s; 
	-webkit-transition: 0.5s; -o-transition: 0.5s;}

.fnewslist li:hover .fnews-p{  opacity: 1;}
.fnewslist li:hover .fnews-more{ position: absolute; width: 100%; height: 50px; line-height: 50px;
	background-color: #0760b2; background-position: 90%; z-index: 2; left:0; bottom: 0; text-indent: 35px;}
.fnewslist li:hover .fnews-title{ position: absolute; color: #fff; z-index: 3; left:20px; top:110px;
	 right: 20px; text-align: center;}

@media screen and ( max-width:1400px) {
	.fnews-t{ padding: 0 30px;}}
@media screen and ( max-width:1200px) {
	.fnews-t{ padding: 0 15px;}}
@media screen and ( max-width:1000px) {
	.fnewslist{ padding: 20px 30px 10px;}
	.fnewslist li{ width: 50%; margin-bottom: 20px; background-color: #fff;}
	.fnews-t{ border-right:0 none;}}
@media screen and ( max-width:750px) {
	.fnewslist{ padding: 20px 2% 10px;}
	.fnewslist li{ width: 100%; height: auto;}
	.fnews-t{ height: 280px;}
	.fnews-date{ line-height: 30px;}
	.fnews-title{ font-size: 30px; height: 40px; line-height: 40px;}
	.fnews-info{ font-size: 26px; line-height: 40px; height: 80px; font-family: 'Microsoft Yahei';}
	.fnews-more{ background-color: #00a0e9; width: 200px; height: 60px; line-height: 60px;
		text-indent: 20px;}

	.fnewslist li:hover .fnews-p{ opacity: 0;}
	.fnewslist li:hover .fnews-more{ position: static; width: 200px; height: 60px; line-height: 60px;
	background-color: #00a0e9; text-indent: 20px;}
	.fnewslist li:hover .fnews-title{  position: static; color: #333; text-align: left;}
}


.fpro{ height: 327px; overflow: hidden; background-color: #f1f1f1;}
.fproh{ width: 100%; height: 327px; background-color: #006ab6;}
.fproh p{ font-weight: bold; padding-left: 55px; line-height: 1em;}
.fproh-cn{ font-size: 40px; color: #fff; padding-top: 70px;}
.fproh-en{ font-size: 60px; color: #54abfb; height: 120px;}
.promore{ display: block; margin-top: 10px; padding-right: 60px; text-align: right;}

.fprolei{ width: 100%; float: right; height: 100%; overflow: hidden;}
.fprolei li{ width: 25%; height: 327px; float: left; position: relative;}
.prolei01{ background: url('../images/fprobg01.jpg') center no-repeat;}
.prolei02{ background: url('../images/fprobg02.jpg') center no-repeat;}
.prolei03{ background: url('../images/fprobg03.jpg') center no-repeat;}

.fprolei li img.proleipic{ position: absolute; width: 105px; height: 106px; z-index: 1;
	top:50%; left:50%; margin-top: -53px; margin-left: -53px;}
.fprolei li h4{ font-size: 24px; color: #f6f9fb; font-weight: bold; text-align: center; line-height: 1em;
	position: relative; top:245px; z-index: 2;}
.fprolei li:hover img.proleipic{ -webkit-animation:rotate360 1s linear 1; animation:rotate360 1s linear 1;}

@media screen and ( max-width:1650px) {
	.fproh p{ padding-left: 40px;}
	.fproh-cn{ font-size: 34px;}
	.fproh-en{ font-size: 40px; margin-top: 10px; height: 100px;}}
@media screen and ( max-width:1200px) {
	.fproh p{ padding-left: 20px;}
	.promore{ padding-right: 20px;}}
@media screen and ( max-width:960px) {
	.fpro{ padding: 2%; height: auto;}
	.fprolei{ height: auto;}
	.fprolei li{ width: 48%; margin: 1%;}
	.fprolei li h4{ font-size: 28px;}}

@media screen and ( max-width:480px) {
	.fprolei li{ width: 100%; margin: 1% 0;}}