@charset "utf-8";

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


.ibcate{ width: 100%; display: table; position: relative;
	color: #fff; text-align: center; height: 100%;}
.ibcatein{ display: table-cell; vertical-align: middle; position: relative; text-shadow: 0 0 10px rgba(0,0,0,0.3);}
.ibcatein .cn{ font-size: 36px; line-height: 48px;}
.ibcatein p{ margin-top: 16px; font-size: 18px; line-height: 36px; padding: 0 50px;}
.ibcatein p i{ margin: 0 14px;}

.js-qiecon{ display: none;}.js-qiecon.on{ display: block;}

@media screen and (max-width:750px){
	.ibcatein .cn{ font-size: 42px; line-height: 60px;}
	.ibcatein p{ font-size: 26px;}
}


/* 三级导航 */
.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/lt3.png); background-color: #ddd;}
.outnav3 .nav-right{ right:0; background-image: url(../images/gt3.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;
	background: #fff url('../images/sx1.jpg') left no-repeat;}
.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;}
}













.rylist{ width: 1216px; max-width: 100%; overflow: hidden; padding: 50px 0 44px; margin: 0 auto;}
.rylist li{ float: left; width: 25%; margin-bottom: 16px;}
.rylist li .lin{ padding: 0 8px;}
.rylist li a{display: block; background-color: #fff; padding-top: 14px;}

.rylist li .pic{ height:216px; overflow: hidden;
	line-height: 216px; text-align: center; font-size: 0;}
.rylist li img{ max-width: 96%; max-height: 100%;}

.rylist li h3{ font-size: 16px; color: #333; line-height: 30px; text-align: center; 
	width: 100%; height: 60px; overflow: hidden; display: table;}
.rylist li h3 span{ display: table-cell; vertical-align: middle; color: #333; padding: 0 20px;}
.rylist li h3 span{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.rylist li:hover h3 span{ color: #0573c6;}
.rylist li:hover a{ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2);}


@media screen and (max-width:1000px){
	.rylist{ padding: 50px 10px 44px; width: auto;}
	.rylist li{ width: 33.3%;}
}
@media screen and (max-width:750px){
	.rylist li{ width: 50%;}
	.rylist li h3{ font-size: 24px; line-height: 40px; height: 80px; padding: 10px 0;}
}




.prolist{ width: 1232px; padding: 60px 0 30px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.fprolist{ padding: 30px 0;}
.prolist li{ float: left; width: 25%; margin-bottom: 30px;}
.prolist li .lin{ padding: 0 16px;}
.prolist li a{ display: block;}
.prolist .pic{ width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative;}

.prolist img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}
.prolist li h3{ font-size: 16px; color: #fff; line-height: 40px; text-align: center; 
	height: 40px; overflow: hidden; background-color: #999; position: relative; z-index: 2; margin-top: -40px;}
 

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

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


@media screen and (max-width:1000px){
	.prolist{ padding: 60px 10px 30px; width: auto;}
	.fprolist{ padding: 30px 10px;}
	.prolist li{ width: 33.3%;}
}
@media screen and (max-width:750px){
	.prolist li{ width: 50%;}
	.prolist li h3{ font-size: 26px; line-height: 50px; height: 50px; margin-top: -50px;}
}




.newslist{ width: 100%; padding: 60px 0;}
.newslist li a{ display: block; position: relative; min-height: 200px;
	padding: 20px 30px 20px 415px; background-color: #fff; z-index: 0;}

.newslist li .pic{ position: absolute; left: 20px; top:20px; z-index: 1; width: 360px; height: 200px;}
.newslist li h3{ font-size: 18px; color: #333; line-height: 28px; height: 28px; margin-top: 14px;
	overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.newslist li .date{ color: #666; padding-top: 10px; font-size: 30px; line-height: 38px; height: 38px;}
.newslist li .date span{ font-size: 14px;}
.newslist li .txt{ color: #777; line-height: 20px; height: 60px; margin-top: 9px; overflow: hidden;}
.newslist li label{ color: #777; line-height: 20px; margin-top: 12px;}

.newslist li:hover a{ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2); z-index: 1;}
.newslist li:hover .date{ color: #0573c6;}
.newslist li:hover label{ color: #0573c6;}

.newslist label,.newslist .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:1000px){
	.newslist li .txt{ height: 100px;}
	.newslist li label{ display: none;}
}
@media screen and (max-width:750px){
	.newslist li a{ padding-left: 400px; padding-right: 20px;}
	.newslist li .date{ display: none;}
	.newslist li h3{ font-size: 28px; line-height: 48px; height: 48px; margin-top: 0;}
	.newslist li .txt{ font-size: 26px; line-height: 40px; height: 120px; margin-top: 20px;}
}




.zplist{ padding-bottom: 30px; padding-top: 60px;}
.zplist li{ border: 1px solid #e3e3e3; margin-bottom: 30px; background-color: #fff;}
.zplist .zpone{ height: 100px; cursor: pointer; position: relative;
	padding-left: 26px; padding-right: 90px;}
.zplist .zpone:before{ content: ''; width: 4px; height: 30px; position: absolute; top:34px;
	left: 0; z-index: 0; background-color: #5b2098;}
.zplist .zpone h3{ font-size: 16px; color: #333; line-height: 30px; height: 30px; overflow: hidden; padding-top: 20px;}
.zplist .zpone p.info{ font-size: 14px; color: #666; line-height: 28px; height: 28px; overflow: hidden;}
.zplist .zpone p.info span{ margin-right: 16px; display: inline-block;}
.zplist .zpone i{ position: absolute; right: 30px; top:30px; z-index: 1; width: 40px; height: 40px;
	background: url('../images/jtr2.png') center no-repeat;}

.zplist li.on{ border-color: #0573c6;}
.zplist li:hover{ box-shadow: 0 0 20px 0 #e0e0e0;}

.zplist li.on .zpone i,.zplist li:hover .zpone i{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);
	 -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
	 background-image: url('../images/jtr2h.png');}
.zplist li,.zplist li .zpone:before,.zplist .zpone i{ transition: 0.6s;
	 -ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}

.zpcon{ display: none; padding: 15px 30px 40px 26px; color: #666; line-height: 30px;}
@media screen and (max-width:1240px){
	.zplist{ padding: 60px 20px 30px;}
}
@media screen and (max-width:750px){
	.zplist .zpone{ height: 150px;}
	.zplist .zpone h3{ font-size: 28px; line-height: 40px; height: 40px; padding-top: 20px;}
	.zplist .zpone p.info{ font-size: 26px; line-height: 40px; height: 80px;}
	.zpcon{ line-height: 44px; padding: 20px 20px 40px 26px;}
	.zpcon div,.zpcon p,.zpcon span{ line-height: 44px!important;}
}




.atc{ padding: 60px 0; overflow: hidden;}
.atc-h{ padding-bottom: 24px; border-bottom: 1px solid #ddd; text-align: center;}
.atc-h h1{ font-size: 24px; color: #333; line-height: 36px;}

.atc-date{ color: #999; line-height: 24px; margin-top: 10px;}
.atc-date span{ margin: 0 8px;}

.atc-con{ padding: 40px 0 50px; font-size: 16px; line-height: 26px; color: #555;}
.atc-con img{ max-width: 100%;}


.atc-pn{ overflow: hidden; text-align: center; position: relative; height: 74px;
	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 74px; }
.atc-pn a{ width: 80px; height: 74px; font-size: 16px; color: #333; text-align: left;
	position: relative; z-index: 1; overflow: hidden;}
.atc-pn a span{ color: #0573c6;}
a.atc-prev{ float: left;} a.atc-next{ float: right; text-align: right;}
a.atc-ret{ display: inline-block; vertical-align: top; padding-left: 30px;
	background: url('../images/ret.png') left center no-repeat;}
.atc-pn a:hover{ color: #0573c6;}
.atc-pn a.atc-ret:hover{ color: #5b2098;}

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

@media screen and (max-width:1240px){
	.atc{ padding: 60px 30px;}
	.atc-pn2{ padding: 0 30px;}
}
@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: 60px 20px;}
	.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 a{ width: 120px; font-size: 24px;}
	.atc-pn2{ padding: 0 20px;}
}




.xgcaselist{ padding: 70px 0 1px}
.xgcaselist li{ height: 217px; margin-bottom: 60px; overflow: hidden;}
.xgcaselist li .wz{ float: left; width: 25%; height: 100%;}
.xgcaselist li .wz .inner{ border-left: 4px solid #420c3b; padding: 24px 24px 24px 30px;}
.xgcaselist li .wz h3{ font-size: 20px; line-height: 30px; color: #333; height: 60px; overflow: hidden;}
.xgcaselist li .wz p{ font-size: 14px; line-height: 20px; color: #999; height: 80px; overflow: hidden; margin-top: 26px;}

.xgcaselist li .pic{ float: left; width: 25%; height: 100%;}
.xgcaselist li .pic div{ margin-left: 10px; overflow: hidden;}
.xgcaselist li .pic img{ width: 100%; height: 100%; transition: 0.6s;
	-ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
.xgcaselist .pic:hover 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);}
@media screen and (max-width:1240px){
	.xgcaselist{ padding: 70px 20px 20px;}
}
@media screen and (max-width:900px){
	.xgcaselist li{ height: auto;}
	.xgcaselist li .wz{ width: 50%; height: 320px;}
	.xgcaselist li .pic{ width: 50%; height: 320px;}
	.xgcaselist li .pic div{ margin-left: 20px;}
}
@media screen and (max-width:820px){
	.xgcaselist li .wz{ height: 280px;}
	.xgcaselist li .pic{ height: 280px;}
}
@media screen and (max-width:750px){
	.xgcaselist li{  margin-bottom: 20px;}

	.xgcaselist li .wz .inner{ padding: 0px 0 10px 20px;}
	.xgcaselist li .wz h3{ font-size: 30px; line-height: 44px; height: 88px;}
	.xgcaselist li .wz p{ font-size: 24px; line-height: 36px; height: 144px; margin-top: 15px;}
}




.fz1out{ background-color: #fff; padding: 60px 0 24px;}
.fz1{ overflow: hidden; height: 320px;}
.fz1 .pic{ float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}
.fz1 .r{ width: 50%; height: 100%; background-color: #f1f1f1;}
.fz1r{ padding: 90px 50px 10px;}
.fz1r h3{ color: #333; font-size: 24px; line-height: 34px; text-align: center; max-height: 68px; overflow: hidden;}
.fz1r .txt{ font-size: 16px; color: #777; line-height: 26px; margin-top: 8px; max-height: 130px; overflow: hidden;}

 
@media screen and (max-width:1200px){
	.fz1 .pic img.full{ position: absolute; width: 600px; left:50%; top:0; z-index: 1; margin-left: -300px;}
}
@media screen and (max-width:1000px){
	.fz1{ height: auto; padding-bottom: 50px;}
	.fz1 .pic{ float: none; width: 600px; margin: 0 auto; height: 320px;}
	.fz1 .r{ float: none; width: 600px; margin: 0 auto;}
	.fz1r{ padding: 60px 50px;}
}
@media screen and (max-width:750px){
	.fz1r{ padding: 60px 30px;}
	.fz1r h3{ font-size: 30px; line-height: 44px; max-height: none;}
	.fz1r .txt{ font-size: 26px; line-height: 36px; margin-top: 30px; max-height: none;}
}




.whlist{ width: 1224px; padding: 0 0 30px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.whlist li{ float: left; width: 33.3%; margin-bottom: 30px;}
.whlist li .lin{ padding: 0 12px; text-align: center;}
.whlist li a{ display: block; width: 100%; padding: 54px 0 52px; background-color: #f1f1f1;}
.whlist .pic{ width: 100px; height: 100px; margin: 0 auto 10px;}
.wh1{ background: url('../images/wh1.png') center no-repeat;}
.wh2{ background: url('../images/wh2.png') center no-repeat;}
.wh3{ background: url('../images/wh3.png') center no-repeat;}


.whlist li h3{ font-size: 24px; color: #333; line-height: 44px;
	padding: 0 10px; height: 44px; overflow: hidden; margin-bottom: 4px;}
.whlist li .txt{ font-size: 16px; color: #777; line-height: 26px; padding:0 10px; height: 52px; overflow: hidden;}

.whlist li:hover .pic{ -webkit-animation: rotateY360 2s linear 1; animation: rotateY360 2s linear 1;}
.whlist li:hover a{ box-shadow: 0 0 4px 0 rgba(0,0,0,0.15)}
.whlist li:hover h3{ color: #0573c6;}


.whlist li h3{-webkit-transition: .3s; -moz-transition: .3s;
	-ms-transition: .3s; -o-transition: .3s; transition:  .3s;}
@media screen and (max-width:1200px){
	.whlist{ padding: 0 10px 30px; width: auto;}
}
@media screen and (max-width:900px){
	.whlist{ width: 600px;}
	.whlist li{ float: none; width: 100%;}
	.whlist li .lin{ padding: 0;}
}
@media screen and (max-width:750px){
	.whlist li:hover a{ box-shadow: none;}
	.whlist li h3{ font-size: 30px; line-height: 50px; height: 50px; margin-bottom: 20px;}
	.whlist li .txt{ font-size: 24px; line-height: 40px; height: 80px;}
}




.ab1out{ padding: 70px 0; background: #e6e6e6 url('../images/ab1bg.jpg') center no-repeat;}
.ab1{ overflow: hidden; height: 450px; background-color: #fff;}
.ab1 .pic{ float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}
.ab1 .r{ width: 50%; height: 100%;}
.ab1r{ padding: 82px 56px 10px 48px;}
.ab1r h3{ color: #333; font-size: 30px; line-height: 50px; height: 50px; overflow: hidden;
	position: relative; padding-bottom: 12px;}
.ab1r h3:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 0;
	width: 40px; height: 2px; background-color: #5b2098;}
.ab1r .txt{ font-size: 16px; color: #777; line-height: 24px; margin-top: 15px; max-height: 192px; overflow: hidden;}

@media screen and (max-width:1200px){
	.ab1 .pic img.full{ position: absolute; width: 600px; left:50%; top:0; z-index: 1; margin-left: -300px;}
}
@media screen and (max-width:1000px){
	.ab1{ height: auto; padding-top: 60px;}
	.ab1 .pic{ float: none; width: 600px; margin: 0 auto; height: 450px;}
	.ab1 .r{ float: none; width: 600px; margin: 0 auto;}
	.ab1r{ padding: 60px 0;}
}
@media screen and (max-width:750px){
	.ab1r h3{ font-size: 32px; line-height: 48px; height: auto;}
	.ab1r .txt{ font-size: 26px; line-height: 36px; margin-top: 30px; max-height: none;}
}



.wenhua{ width: 100%; height: 600px; overflow: hidden;
	background: url('../images/ab3bg.jpg') top no-repeat;}
.wenhua .con{ padding: 186px 0 0; text-align: center;}
.wenhua .con h3{ font-size: 30px; color: #0b4f84; line-height: 50px;}
.wenhua .con .txt{ font-size: 16px; color: #333; line-height: 28px; margin-top: 14px;}
@media screen and (max-width:1200px) {
	.wenhua .con{ padding: 182px 30px 0;}
}
@media screen and (max-width:750px) {
	.wenhua .con{ padding: 120px 50px 0;}
	.wenhua .con h3{ font-size: 36px; line-height: 54px;}
	.wenhua .con .txt{ font-size: 26px; line-height: 40px; text-align: left; margin-top: 34px;}
}



.yousi{ padding-top: 90px; height: 560px; background: url('../images/ab2bg.jpg') top no-repeat;}

.cate{ position: relative; text-align: center; background: url('../images/k1.png') center no-repeat;}
.cate .cn{ font-size: 30px; line-height: 50px; color: #fff; font-weight: bold;}

.guolist{ font-size: 0; width: 100%; text-align: center; padding-top: 160px;}
.guolist li{ display: inline-block; width: 16.6%; margin-bottom: 10px;}
.guolist .pic{ width: 100px; height: 40px; margin: 0 auto;}
.guolist .pic img{ vertical-align: top; max-height: 100%; max-width: 100%;}

.guolist li p.txt{ font-size: 16px; line-height: 26px; height: 52px; color: #fff;}
.guolist li p.txt2{ line-height: 88px; height: 88px; color: #fff;}
.guolist li p.txt2 span{ font-size: 50px;}
.guolist li:hover .pic{ -webkit-animation: rotateY360 2s linear 1; animation: rotateY360 2s linear 1;}
@media screen and (max-width:1300px) {
	.guolist{ padding-top: 80px;}
	.guolist li{ width: 25%;}
}
@media screen and (max-width:750px){
	.yousi{ padding-top: 50px; height: 600px;}
	.guolist{ }
	.guolist li{ width: 33.3%; margin-bottom: 30px;}
	.guolist li p.txt{ font-size: 26px; line-height: 36px; height: 72px; padding: 0 10px;}
}





.dashijian{ padding: 90px 0 60px;}
.picScroll-left2{ overflow:hidden; position:relative; padding: 0 50px; margin: 0 auto;}

.chenlist{ overflow: hidden; position: relative; height: 178px;}
.chenlist:before{ content: ''; position: absolute; left: 0; top:45px; z-index: 0;
	width: 100%; height: 9px; background: url('../images/ruler.png') center;}
.chenlist li{ float: left; width: 300px;}
.chenlist li a{ display: block; width: 100%; position: relative; overflow: hidden;}


.chenlist h3{ padding: 0 20px 6px; font-size: 24px; line-height: 32px; color: #333;
	 height: 32px; overflow: hidden;}
.chenlist .txt{ padding: 0 20px; font-size: 16px; line-height: 26px; color: #777;
	 height: 110px; overflow: hidden; margin-top: 30px;}
.chenlist li:hover h3{ color: #0573c6; background: url('../images/sju1.png') 44px bottom no-repeat;}
.chenlist li:hover .txt {color: #0b70bf;}

.city{ margin: -24px auto 0; width: 100%; height: 211px;
	background: url('../images/city.jpg') center no-repeat;}


a.prev,a.next{ position: absolute; width: 30px; height: 30px; z-index: 1; top:39px;}
a.prev{ left: 0; background-image: url('../images/lt1.png');}
a.next{ right: 0; background-image: url('../images/gt1.png');}
a.prev:hover,a.next:hover{ opacity: 0.8; filter:alpha(opacity= 80);}

@media screen and (max-width:1300px){
	a.prev{ left:10px;}
	a.next{ right: 10px;}
}
@media screen and (max-width:768px) {
	.chenlist{ height: 166px;}
	.chenlist:before{ top:63px;}
	a.prev,a.next{ top:57px;}
	.chenlist h3{ font-size: 34px; line-height: 50px; height: 50px;}
	.chenlist .txt{ font-size: 26px; line-height: 40px; height: 80px;}
	.city{ margin-top: 0;}
}

.fzintro{ line-height: 26px; font-size: 16px; color: #333; text-align: center;
	width: 790px; max-width: 100%; margin: 0 auto; padding-top: 55px;}
@media screen and (max-width:750px){
	.fzintro{ width: auto; padding: 55px 20px 0; font-size: 26px; line-height: 40px; text-align: center;}
}





.profirst{ margin: 50px 0; overflow: hidden; padding-left: 520px; padding-right: 30px;}

.xijie{ width: 400px; float: left; z-index: 1; position: relative; margin-left: -520px;}
.xijie .bigpic{ width: 398px; height: 398px; border:1px solid #0b70bf; background-color: #fff;
	 text-align: center; line-height: 398px; font-size: 0;}
.xijie img#bigpic{ width: 100%; height: 100%;}


.proinfo{ }
.proinfo .proname{ font-size: 24px; line-height: 46px; color: #333; margin-bottom: 8px;}
.proinfo .xiangxi{ font-size: 16px; line-height: 26px; color: #777; min-height: 130px;
	 border-bottom: 1px solid #e5e5e5; padding-bottom: 16px;}

.proinfo a.zixunbtn{ display: block; width: 150px; height: 40px; background-color: #0b70bf; margin-top: 30px; 
	color: #fff; font-size: 16px; line-height: 40px; text-align: center; border: 1px solid #0b70bf;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;}
.proinfo a.zixunbtn:hover{ background-color: #fff; color: #0b70bf;}


.tmerji-out{ background-color: #f6f6f6;}
.tmerji{ position: relative; font-size: 0; width: 1200px; max-width: 100%; margin: 0 auto;}
.tmerji li{ display: inline-block; width: 150px; height: 60px; text-align: center;
	border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.tmerji li a{ display: block; background-color: #f6f6f6; border-top: 2px solid #f6f6f6;
	color: #333; line-height: 58px; font-size: 16px;}
.tmerji li:hover a,.tmerji li.on a{ background-color: #fff; color: #0b70bf; border-color: #0b70bf;}

.procontent{ font-size: 14px; color: #777; line-height: 26px; padding: 40px 0 60px;}
.procontent img{ max-width: 100%;}


@media screen and (max-width:1200px){
	.xijie{ margin-left: -490px;}
	.tmerji-out{ padding: 0 30px;}
	.procontent{ padding: 40px 30px 60px;}
}
@media screen and (max-width:900px){
	.profirst{ padding-left: 30px;}
	.xijie{ float: none; margin-left: 0;}
	.proinfo{ margin-top: 30px;}
	.proinfo .xiangxi{ min-height: 0;}
}
@media screen and (max-width:750px){
	.proinfo .proname{ font-size: 32px; margin-bottom: 20px;}
	.proinfo .xiangxi{ font-size: 26px; line-height: 40px;}
	.proinfo a.zixunbtn{ width: 200px; height: 50px; line-height: 50px; font-size: 26px;
    -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; margin: 30px auto 0;}

	.tmerji li a{ font-size: 26px;}
	.procontent{ font-size: 26px; line-height: 44px;}
	.procontent div,.procontent p,.procontent span{ font-size: 26px !important; line-height: 44px!important;}
}




.lianxi{ overflow: hidden; background-color: #fff; padding-top: 60px;}
#map{ width: 100%; height: 500px;}

.lxlist{ font-size: 14px; line-height: 24px; overflow: hidden; padding: 50px 0 40px;}
.lxlist li{ float: left; width: 33.3%; height: 48px; text-indent: 44px; margin-bottom: 26px;}

.lxlist li h4{ color: #333; font-weight: bold;}
.lxlist li p{ color: #333;}
.lxlist li span{ display: inline-block;}
.lxlist li h4,.lxlist li p{ height: 24px; overflow: hidden;}

.lxlist li.i1{ background: url('../images/lx1.png') left 10px no-repeat;}
.lxlist li.i2{ background: url('../images/lx2.png') left 10px no-repeat;}
.lxlist li.i3{ background: url('../images/lx3.png') left 10px no-repeat;}
.lxlist li.i4{ background: url('../images/lx4.png') left 10px no-repeat;}
@media screen and (max-width:1240px){
	.lianxi{ padding: 60px 30px 0;}
	.lxlist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.lianxi{ padding: 50px 20px 0;}

	.lxlist{ font-size: 26px; line-height: 48px;}
	.lxlist li{ float: none; width: 100%; height: 96px;}
	.lxlist li h4,.lxlist li p{ height: 48px;}
	.lianxicon .lxlist li{ background-position: left 10px;}
}





.hezuo{ padding: 120px 0; background: #e6e6e6 url('../images/ab1bg.jpg') top no-repeat;}
.hezuoin{ overflow: hidden;}
.hzleft{ float: left; width: 50%;} .hzright{ float: right; width: 50%;}

.hezuoin h2{ font-size: 30px; line-height: 60px; color: #333;}
.hezuoin .txt{ font-size: 16px; line-height: 26px; color: #999; margin-top: 30px;}
.hztel{ font-size: 20px; line-height: 28px; color: #333; margin-top: 40px;}
.hztel span{ display: block;}

.liuyan{ color: #333; font-size: 0; width: 100%; margin: 0 auto; padding-top: 36px;}
.liuyan .hang{ line-height: 40px; height: 40px; margin-bottom: 14px; position: relative;}
.liuyan .hang.fat{ height: auto;}
.liuyan .formleft{ float: left; width: 50%;} .liuyan .formright{ float: right; width: 50%;}
.liuyan .formleft .inner{ margin-right: 6px;}
.liuyan .formright .inner{ margin-left: 6px;}

.liuyan p{ height: 100%;}
.liuyan input[type=text]{ width: 100%; height: 38px; border: 1px solid #999;
	 line-height: 38px; text-indent: 10px; font-size: 14px; margin-left: -2px;}

.liuyan textarea{ padding: 10px 2%; height: 72px; border:1px solid #999; resize:none;
	vertical-align: top; width:96%; line-height: 24px; font-size: 14px; margin-left: -2px;}
.liuyan input[type=text]:focus,.liuyan textarea:focus{ border-color: #ff7800;}
.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 p i.v{ display: block; width: 100%; height: 100%; vertical-align: top;}
.liuyan .hang2{ padding-right: 150px; position: relative;}

.liuyan img#verifyImg{ width: 148px; height: 38px; cursor: pointer; border: 1px solid #999;
	position: absolute; top:0; right: 0; z-index: 1;}
.liuyan input#tj{ display: block; width: 200px; height: 40px; font-size: 20px;
	background-color: #ff7800; color: #fff; margin: 0 auto 0;}
.liuyan input#tj:hover{ opacity: 0.8; filter:alpha(opacity= 80);}
.liuyan .v span.Validform_checktip{ left:auto; right:0;}
@media screen and (max-width:1240px){
	.hzleft>.inner,.hzright>.inner{ padding: 0 20px;}
	.liuyan .hang2{ padding-right: 100px;}
	.liuyan img#verifyImg{ width: 98px;}
}
@media screen and (max-width:1050px){
	.hezuo{ padding: 60px 0;}
	.hzleft,.hzright{ float: none; width: auto;}
	.hzright{ margin-top: 40px;}
	.hzleft>.inner,.hzright>.inner{ padding: 0 30px;}
	.hztel{ margin-top: 20px;}
	.hztel span{ display: inline-block;}

	.liuyan .hang{ margin-bottom: 24px;}
	.liuyan textarea{ height: 82px;}
	.liuyan .hang2{ padding-right: 150px;}
	.liuyan img#verifyImg{ width: 148px;}
}
@media screen and (max-width:900px){
	.liuyan .formleft{ float: none; width: 100%;}
	.liuyan .formright{ float: none; width: 100%;}
	.liuyan .formleft .inner{ margin-right: 0;}
	.liuyan .formright .inner{ margin-left: 0;}
}
@media screen and (max-width:750px){
	.hezuoin h2{ font-size: 40px; line-height: 70px;}
	.hezuoin .txt{ font-size: 26px; line-height: 40px;}
	.hztel{ font-size: 30px; line-height: 40px;}
	.hzright{ margin-top: 60px;}

	.liuyan .hang{ height: 50px; line-height: 50px; margin-bottom: 32px;}
	.liuyan input[type=text]{ font-size: 24px; height: 48px; line-height: 48px;}
	.liuyan textarea{ font-size: 24px; line-height: 40px; height: 200px;}

	.liuyan input#tj{ width: 300px; font-size: 30px; height: 60px;}
	.liuyan img#verifyImg{ height: 48px;}
	.liuyan .v span.Validform_checktip{ font-size: 22px; line-height: 30px; height: 30px;}
}










.fcate{ position: relative; text-align: center;}
.fcate .cn{ font-size: 30px; line-height: 56px; color: #333;}
.fcate p{ font-size: 16px; color: #999; line-height: 30px; margin-top: 20px;}
.fcate p span{ letter-spacing: 28px; padding-left: 28px;}
.fcate1{ background: url('../images/t1.png') top no-repeat;}
.fcate2{ background: url('../images/t2.png') top no-repeat;}
.fcate3{ background: url('../images/t3.png') top no-repeat;}


.fnews{ background: #f8f8f8 url('../images/fbg.jpg') top no-repeat; padding: 135px 0 40px;}
.fnewslist{ width: 1290px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.fnewslist li{ float: left; width: 33.3%; margin-bottom: 32px;}
.fnewslist li .lin{ padding: 0 45px;}
.fnewslist li a{ display: block; width: 100%;}

.fnewslist li h3{ font-size: 20px; color: #333; line-height: 26px; padding-bottom: 8px;
	height: 52px; position: relative; padding-left: 88px; 
	background: url('../images/txt.png') left top no-repeat;}
.fnewslist li h3 div{ height: 100%; overflow: hidden;}
.fnewslist li .txt{ font-size: 16px; color: #999; line-height: 26px; 
	margin-top: 30px; height: 130px; overflow: hidden;}

.fnewslist li:hover h3{ color: #5a2152;}
.fnewslist li h3{-webkit-transition: .6s; -moz-transition: .6s;
	 -ms-transition: .6s; -o-transition: .6s; transition:  .6s;}

@media screen and (max-width:1100px) {
	.fnewslist li h3{ padding-left: 70px;}
}
@media screen and (max-width:960px) {
	.fnewslist li{ width: 50%;}
}
@media screen and (max-width:750px) {
	.fcate .cn{ font-size: 40px;}
	.fcate p{ font-size: 24px;}
	.fnews{ padding-top: 40px;}
	.fnewslist{ padding: 0 10px; width: auto;}
	.fnewslist li .lin{ padding: 0 10px;}
	.fnewslist li h3{ font-size: 30px; line-height: 40px; height: 120px; overflow: hidden; padding-bottom: 0;}	
	.fnewslist li .txt{ font-size: 26px; line-height: 40px; height: 200px;}
}
@media screen and (max-width:640px) {
	.fnewslist li{ width: 100%;}
}



.fliuyan{ padding: 100px 0; background-size: auto 100%; position: relative;}
.bg_video{ position: absolute; z-index: -1; top:0; left:0; margin-left: 0; margin-top: 0;}
.fliuyan .hezuoin h2{ color: #fff;}
.fliuyan .hezuoin .txt{ color: #e3e3e3;}
.fliuyan .hztel{ color: #fff;}
.fliuyan .Validform_wrong { color: #fff;}
@media screen and (max-width:1050px){
	.fliuyan{ padding: 60px 0; background: url('../images/fbg2.jpg') top;}
	.bg_video{ display: none;}
}


.fcase{ padding: 90px 0 50px; background: #f8f8f8 url('../images/fbg.jpg') top no-repeat;}

.fpro{ padding-top: 100px; background: #f8f8f8 url('../images/fbg.jpg') top no-repeat;}



.proerji{ font-size: 0; text-align: center; border-top: 1px solid #bfbfbf;
	width: 1200px; max-width: 100%; background-color: #e3e3e3; margin: 30px auto 0;}
.proerji a{ display: inline-block; padding: 0 15px; height: 60px; overflow: hidden;
	 font-size: 16px; color: #333; text-align: center; line-height: 60px;}
.proerji a.on,.proerji a:hover{ color: #fff; background-color: #333;}

@media screen and (max-width:1200px){
	.proerji a{ margin: 5px;}
}
@media screen and (max-width:750px){
	.proerji{ width: auto; padding: 20px;}
	.proerji a{ font-size: 26px;}
}


.fabout{ padding: 110px 0 85px; background: #f8f8f8 url('../images/fbg.jpg') top no-repeat;}
.fabout .txt{ line-height: 26px; font-size: 16px; color: #666; text-align: center;
	width: 900px; max-width: 100%; margin: 68px auto 0;}
@media screen and (max-width:1200px){
	.fabout{ padding: 110px 20px 85px;}
}
@media screen and (max-width:750px){
	.fabout .txt{ width: auto; padding: 0 20px; font-size: 26px; line-height: 40px;}
}



.fguo{ height: 360px; position: relative; margin:0 -6px 20px; overflow: hidden;}

.fguoleft{ float: left; width: 50%; height: 100%;}
.fguoright{ float: right; width: 50%; height: 100%;}
.fguo .inner{ margin: 0 6px; height: 100%;}
.fguoleft .inner{ background: #fff url('../images/guo1.jpg') center no-repeat;}
.fguoright .inner{ background: #fff url('../images/guo2.jpg') center no-repeat;}


.fguolist{ font-size: 0; width: 100%; text-align: center; padding-top: 110px;}
.fguolist li{ display: inline-block; width: 33.3%;}
.fguolist .pic{ width: 100px; height: 40px; margin: 0 auto;}
.fguolist .pic img{ vertical-align: top; max-height: 100%; max-width: 100%;}

.fguolist li p.txt{ font-size: 16px; line-height: 26px; height: 52px; color: #fff;}
.fguolist li p.txt2{ line-height: 88px; height: 88px; color: #fff;}
.fguolist li p.txt2 span{ font-size: 50px;}
.fguolist li:hover .pic{ -webkit-animation: rotateY360 2s linear 1; animation: rotateY360 2s linear 1;}

@media screen and (max-width:1000px){
	.fguo{ height: auto; margin: 0; padding-top: 30px;}
	.fguoleft{ float: none; width: 100%; height: 360px; margin-bottom: 30px;}
	.fguoright{ float: none; width: 100%; height: 360px; margin-bottom: 30px;}
	.fguo .inner{ margin: 0 20px;}
}
@media screen and (max-width:750px){
	.fguolist li p.txt{ font-size: 26px; line-height: 36px; height: 72px; padding: 0 10px;}
}