@charset "utf-8";
.inbanner{ width: 100%; height: 620px; position: relative; overflow: hidden;}
.inbanner>img{ position: absolute; left:50%; margin-left: -960px; top:0; z-index: 0; width: 1920px; height: 100%;}

.ibtxt{ position: absolute; z-index: 0; left:0; width: 100%; height: 100%;
	background-position: center; background-repeat: no-repeat;}
.ibt1{ background-image: url('../images/ibt1.png');}
.ibt2{ background-image: url('../images/ibt2.png');}
.ibt3{ background-image: url('../images2/ibt3.png');}
.ibt4{ background-image: url('../images/ibt4.png');}
.ibt5{ background-image: url('../images/ibt5.png');}

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



/* 三级导航 */
.outnav3{ height: 60px; padding: 0; position: relative; z-index: 3; overflow: hidden; text-align: center;
	background-color: #fff; box-shadow: 0 5px 5px 0 rgba(227,227,227,0.9); margin-top: -60px;}
.outnav3 .nav-left,.outnav3 .nav-right{ width: 60px; height: 100%; cursor: pointer; position: absolute;
	top:0; z-index: 2; background-position: center; background-repeat: no-repeat; display: none;background-color: #fff;
	transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.outnav3 .nav-left{ left:0; background-image: url(../images/lt2.png);}
.outnav3 .nav-right{ right:0; background-image: url(../images/gt2.png);}
.outnav3 .nav-left:hover,.outnav3 .nav-right:hover{ background-color: #31BCA5;}
.outnav3  #wrapper22{ width: 100%; height: 100%; position: relative;}

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

.nav7{ width:100%; height: 100%; font-size: 0; white-space: nowrap;}
.nav7 li{ width: 180px; 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; background-color: #fff; color: #333; line-height: 60px; font-size: 16px;}
.nav7 li:hover a,.nav7 li.on a{ background-color: #22ad96; color: #fff;}



/* 新闻列表 */
.newslist{ padding: 75px 0 20px; width: 100%; overflow: hidden;}
.newslist li{ padding: 30px 0; height: 130px; position: relative; border: 1px solid #eee; margin-bottom: 40px;}
.newslist li a{ display: block; padding-left: 180px; padding-right: 290px; height: 100%; position: relative;}
.newslist .pic{ width: 173px; height: 130px; overflow: hidden; position: absolute; right: 30px; top:0; z-index: 1;}
.newslist .pic img{ width: 100%; height: 100%;}


.newslist h3{ height: 30px; font-size: 18px; color: #333; line-height: 30px; margin-bottom: 14px; padding-top: 16px;
	overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.newslist p.txt{ height: 52px; overflow: hidden; font-size: 16px; color: #999; line-height: 26px;}
.newslist .date{ float: left; margin-left: -144px; width: 96px; height: 96px; margin-top: 16px; color: #fff; background-color: #22ad96;}
.newslist .date .mday{ display: block; font-size: 22px; line-height: 36px; height: 36px; padding-left: 20px;}
.newslist .date .year{ display: block; font-size: 16px; line-height: 26px; height: 26px; padding-left: 20px; padding-top: 20px;}

.newslist li:hover{ box-shadow: 0 4px 8px 0 rgba(153,153,153,0.2);}
.newslist li:hover h3{ color: #22ad96;}
.newslist li: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);}

.newslist li,.newslist li h3,.newslist li img{ transition: 0.6s;
	-ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}


.hotout{ background-color: #f1f1f1; padding: 75px 0;}
.hot{ overflow: hidden; height: 450px; background-color: #fff;}
.hot .pic{ float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}
.hot .r{ width: 50%; height: 100%;}
.hotr{ padding: 90px 70px 10px 50px;}
.hotr h3{ color: #22ad96; font-size: 20px; line-height: 30px; font-weight: bold; max-height: 60px; overflow: hidden;}
.hotr h3 a{ color: #22ad96;}
.hotr .txt{ font-size: 16px; color: #666; line-height: 26px; margin-top: 30px; max-height: 234px; overflow: hidden;}
.hotr .txt img{ display: none;}
@media screen and (max-width:1200px){
	.hot .pic img.full{ position: absolute; width: 600px; left:50%; top:0; z-index: 1; margin-left: -300px;}
}
@media screen and (max-width:1000px){
	.newslist{ padding: 75px 20px 20px; width: auto;}
	.newslist li a{ padding-left: 30px; padding-right: 240px;}
	.newslist .date{ display: none;}
}
@media screen and (max-width:750px){
	.nav7 li a{ font-size: 24px;}

	.newslist h3{ font-size: 30px; line-height: 44px; height: 44px; padding-top: 0;}
	.newslist p.txt{ font-size: 26px; line-height: 36px; height: 72px;}

	.hotr{ padding: 30px 30px 10px 30px;}
	.hotr h3{ font-size: 30px; line-height: 44px; max-height: 88px;}
	.hotr .txt{ font-size: 26px; line-height: 36px; max-height: 256px;}
}



.atc{ padding: 65px 0 40px; overflow: hidden;}
.atc-h{ padding-bottom: 20px; border-bottom: 1px solid #ddd; text-align: center;}
.atc-h h1{ font-size: 30px; color: #324a6c; line-height: 50px;}

.atc-date{ color: #324a6c; line-height: 26px; margin-top: 12px;}
.atc-date span{ margin: 0 15px;}

.atc-con{ padding: 50px 0 40px; font-size: 14px; line-height: 26px; color: #333;}
.atc-con img{ max-width: 100%;}
.atc-con .pic{ margin: 20px 0; text-align: center;}


.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: #324a6c; text-align: left;
	position: relative; z-index: 1; overflow: hidden;}
.atc-pn a i{ font-family: 'simsun';}
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: #22ad96;}
a.atc-ret:hover{ background-image: url('../images/reth.png');}

@media screen and (max-width:1300px){
	.atc{ padding: 65px 30px 40px;}
}
@media screen and (max-width:750px) {
	.atc{ padding: 50px 30px 50px;}
	.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;}
}



.caselist{ padding: 10px 0 60px; width: 1244px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.caselist li{ float: left; width: 50%;}
.caselist li .caselin{ padding: 0 22px;}
.caselist li a{ display: block; padding: 70px 10px 70px 125px; position: relative; border-bottom: 1px solid #bbb; font-size: 16px;}

.caselist h3{ height: 60px; font-size: 20px; color: #333; line-height: 30px; overflow: hidden;}
.caselist p.txt{ height: 60px; overflow: hidden; color: #666; line-height: 20px; margin-top: 30px;}
.caselist .more{ display: block; margin-top: 40px; color: #bbb; line-height: 24px;}
.caselist .more i{ font-family: 'simsun';}

.caselist .left{ float: left; margin-left: -125px; margin-top: 5px;}
.caselist .date{ color: #bfbfbf; line-height: 20px; margin-top: 10px;}
.caselist li label{ display: block; width: 90px; height: 30px; line-height: 30px; text-align: center; color: #bbb;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; border: 1px solid #bbb;}

.caselist li:hover a{ border-color: #22ad96;}
.caselist li:hover h3{ color: #22ad96;}
.caselist li:hover .more{ color: #008dc5;}
.caselist li:hover label{ border-color: #008dc5; color: #008dc5;}

.caselist li,.caselist li h3,.caselist li .more,.caselist li label{ transition: 0.6s;
	-ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
@media screen and (max-width:1000px) {
	.caselist li a{ padding: 50px 0;}
	.caselist .left{ display: none;}
}
@media screen and (max-width:750px) {
	.caselist li a{ font-size: 26px;}
	.caselist h3{ font-size: 30px; line-height: 42px; height: 84px;}
	.caselist p.txt{ line-height: 36px; height: 144px;}
}


h2.mbt{ color: #324a6c; font-size: 30px; line-height: 54px; text-align: center; padding: 60px 0;}
h2.mbt2{ color: #324a6c; font-size: 30px; line-height: 54px; padding: 30px 50px;
	width: 1200px; max-width: 100%; margin: 0 auto;}

.kehulist{ padding: 0 0 80px; width: 100%; overflow: hidden;}
.kehulist li{ float: left; width: 12.5%; height: 150px;}
.kehulist li a{ display: block; background-color: #fff;}
.kehulist .pic{ width: 100%; height: 150px; overflow: hidden;
	text-align: center; line-height: 150px; font-size: 0;}
.kehulist img{ max-width: 100%; max-height: 100%;}
.kehulist li:hover .pic{ -webkit-animation: rotateY360 2s linear 1; animation: rotateY360 2s linear 1;
	-moz-animation: rotateY360 2s linear 1; -o-animation: rotateY360 2s linear 1;}
@media screen and (max-width:1100px){
	.kehulist li{ width: 16.6%;}
}
@media screen and (max-width:900px){
	.kehulist li{ width: 25%;}
}
@media screen and (max-width:750px){
	h2.mbt{ font-size: 36px;}
	.kehulist{ padding: 0 0 40px;}
}


.xgcaselist{ padding-bottom: 40px;}
.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 #009ed7; 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:1000px){
	.xgcaselist li{ height: 180px;}
}
@media screen and (max-width:900px){
	.xgcaselist li .wz .inner{ padding: 15px;}
}
@media screen and (max-width:750px){
	.xgcaselist{ padding: 0 30px 20px;}
	.xgcaselist li{ height: auto; margin-bottom: 0;}
	.xgcaselist li .wz{ width: 50%; height: 270px;}
	.xgcaselist li .pic{ width: 50%; height: 280px;}
	.xgcaselist li .pic div{ margin-left: 20px;}

	.xgcaselist .pic:hover img{ -webkit-transform: scale(1); -moz-transform: scale(1);
	-ms-transform: scale(1);  -o-transform: scale(1); transform: scale(1);}
	.xgcaselist li .wz .inner{ padding: 20px 0 20px 20px;}
	.xgcaselist li .wz h3{ font-size: 30px; line-height: 44px; height: 88px;}
	.xgcaselist li .wz p{ font-size: 26px; line-height: 36px; height: 108px;}
}


.tuijian{ width: 100%; height: 800px; overflow: hidden; background-color: #f5f5f5; position: relative;}
.tuijian2{ height: 400px;}.tuijian3{ height: 1200px;}
.leftbg{ width: 50%; height: 100%; position: absolute; left:0; top:0; z-index: 0; overflow: hidden;}
.leftbg img.full{ position: absolute; width: 960px; left:50%; top:0; z-index: 1; margin-left: -480px;}

.tjcon{ width: 50%; height: 100%; float: right; display: table;}
.tjcon .inner{ font-size: 16px; color: #333; line-height: 26px; padding-left: 50px;
	display: table-cell; vertical-align: middle;}
.tjcon h3{ font-size: 20px; color: #324a6c; line-height: 30px; font-weight: bold; margin-bottom: 10px;}



.dingyi{ width: 100%; height: 400px; overflow: hidden; background-color: #f5f5f5; position: relative;}
.rightbg{ width: 50%; height: 100%; position: absolute; right:0; top:0; z-index: 0; overflow: hidden;}
.rightbg img.full{ position: absolute; width: 960px; left:50%; top:0; z-index: 1; margin-left: -480px;}

.dycon{ width: 50%; height: 100%; float: left;}
.dycon .inner{ font-size: 16px; color: #666; line-height: 26px; padding: 74px 50px 50px 180px;}
.dycon h3{ font-size: 20px; line-height: 40px; color: #22ad96; font-weight: bold; margin-bottom: 24px;}
.dycon .pic{ float: left; margin-left: -180px; margin-top: 36px; width: 104px; height: 104px; overflow: hidden;}
.dycon .pic img{ display: none;}
.dycon .pic.dy1{ background: url('../images/dyy1.png') 100% center no-repeat;}
.dycon .pic.dy1:hover{ -webkit-animation: bgleft1 1.5s  steps(15, end) 1; animation: bgleft1 1.5s  steps(15, end) 1;
	-moz-animation: bgleft1 1.5s  steps(15, end) 1; -o-animation: bgleft1 1.5s  steps(15, end) 1;}
.dycon .pic.dy2{ background: url('../images/dyy2.png') 100% center no-repeat;}
.dycon .pic.dy2:hover{ -webkit-animation: bgleft1 1.8s  steps(18, end) 1; animation: bgleft1 1.8s  steps(18, end) 1;
	-moz-animation: bgleft1 1.8s  steps(18, end) 1; -o-animation: bgleft1 1.8s  steps(18, end) 1;}
.dycon .pic.dy3{ background: url('../images/dyy3.png') 100% center no-repeat;}
.dycon .pic.dy3:hover{ -webkit-animation: bgleft1 1.8s  steps(18, end) 1; animation: bgleft1 1.8s  steps(18, end) 1;
	-moz-animation: bgleft1 1.8s  steps(18, end) 1; -o-animation: bgleft1 1.8s  steps(18, end) 1;}
.dycon .pic.dy4{ background: url('../images/dyy4.png') 100% center no-repeat;}
.dycon .pic.dy4:hover{ -webkit-animation: bgleft1 1.9s  steps(19, end) 1; animation: bgleft1 1.9s  steps(19, end) 1;
	-moz-animation: bgleft1 1.9s  steps(19, end) 1; -o-animation: bgleft1 1.9s  steps(19, end) 1;}
.dingyi2{ height: 300px;}
.dingyi2 .dycon .pic{ margin-top: 24px;}

@-webkit-keyframes bgleft1
	{0%{ background-position: 0 center;}
	100%{ background-position: 100% center;}
}@-moz-keyframes bgleft1
	{0%{ background-position: 0 center;}
	100%{ background-position: 100% center;}
}@-ms-keyframes bgleft1
	{0%{ background-position: 0 center;}
	100%{ background-position: 100% center;}
}@keyframes bgleft1
	{0%{ background-position: 0 center;}
	100%{ background-position: 100% center;}
}



.yslist{ padding: 0 0 50px; text-align: center; font-size: 0;}
.yslist.max2{ max-width: 1300px; margin: 0 auto;}
.yslist li{ display: inline-block; width: 630px; margin: 0 0 30px; height: 250px;}
.yslist li .yslin{ padding: 0 15px;}
.yslist li a{ padding: 40px; display: block; position: relative; color: #fff; text-align: left;}
.yslist li .pic{ position: absolute; left:0; top:0; z-index: 0; width: 100%; height: 100%;}
.yslist li .pic img{ width: 100%; height: 100%;}
.yslist li .one{ height: 60px; line-height: 60px; position: relative;}
.yslist li .one img{ vertical-align: top;}
.yslist li .one span{ vertical-align: top; font-size: 30px; margin-left: 18px;}
.yslist li label.num{ position: absolute; right:0; top:0; z-index: 2; width: 60px; height: 60px;}
.yslist li label.num1{ background: url('../images/01.png') right top no-repeat;}
.yslist li label.num2{ background: url('../images/02.png') right top no-repeat;}
.yslist li label.num3{ background: url('../images/03.png') right top no-repeat;}
.yslist li label.num4{ background: url('../images/04.png') right top no-repeat;}
.yslist li label.num5{ background: url('../images/05.png') right top no-repeat;}
.yslist li .txt{ font-size: 16px; line-height: 26px; height: 52px; margin-top: 58px;
	overflow: hidden; position: relative;}
.yslist li .txt.higher{ height: 78px; margin-top: 32px;}
@media screen and (max-width:1300px){
	.yslist li{ width: 50%;}
} 
@media screen and (max-width:1200px){
	.tuijian,.tuijian2,.tuijian3{ height: auto;}
	.tuijian .leftbg{ position: relative; width: 100%; height: auto;}
	.tuijian .leftbg img.full{ position: relative; width: 100%; left:0; margin-left: 0;}
	.tjcon{ float: none; width: 100%; height: auto;}
	.tjcon .inner{ padding: 50px;}
	
	.dycon .inner{ padding: 60px 40px 40px 180px;}
	.dycon .pic{ margin-left: -150px;}

	.yslist li{ width: 600px;}
	.yslist li .yslin{ padding: 0;}
}
@media screen and (max-width:960px) {
	.tuijian .leftbg{ height: 800px;}
	.tuijian2 .leftbg{ height: 400px;}
	.tuijian3 .leftbg{ height: 1200px;}
	.tuijian .leftbg img.full{ position: absolute; width: 960px; left:50%; margin-left: -480px;}
}
@media screen and (max-width:900px){
	.dycon .inner{ padding: 40px 30px 20px 160px;}
	.dycon .pic{ margin-left: -130px;}
	.dycon .pic.dy5{ margin-left: -145px;}
}
@media screen and (max-width:750px){
	.tjcon .inner{ font-size: 26px; line-height: 36px; padding: 50px 30px; }
	.tjcon h3{ font-size: 32px; line-height: 50px;}

	.dingyi{ height: auto;}
	.rightbg{ position: relative; width: 100%; height: 400px;}
	.dingyi2 .rightbg{ height: 300px;}
	.dycon{ float: none; width: 100%; height: auto;}
	.dycon .inner{ font-size: 24px; line-height: 34px; padding: 40px 30px 40px 160px;}
	.dycon h3{ font-size: 30px;}

	.yslist li{ height: 270px;}
	.yslist li .txt{ font-size: 26px; line-height: 36px; height: 72px;}
	.yslist li .txt.higher{ height: 108px; margin-top: 22px;}
}


.duibi{ width: 100%; height: 720px; background: #f4f4f4 url('../images/duibibg.jpg') top no-repeat;}
.duibi dl{ font-size: 0; overflow: hidden; background-color: #fff;}
.duibi dt{ height: 40px; line-height: 40px; color: #fff; padding-left: 30px; font-size: 30px;}
.duibi .db1 dt{ background-color: #0074e0;}
.duibi .db2 dt{ background-color: #bfbfbf;}
.duibi dd{ display: inline-block; width: 33.3%; margin-left: -2px;}
.duibi dd .inner{ padding: 30px; border-left: 2px solid #e3e3e3; }
.duibi dd .txt{ font-size: 16px; line-height: 20px; color: #333; height: 60px; margin-bottom: 30px;
	overflow: hidden; }
.duibi label{ display: block; border: 2px solid; height: 36px; line-height: 36px; text-align: center; font-size: 20px;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.duibi .db1 label{ border-color: #22ad96; color: #22ad96;}
.duibi .db1 dd:hover label{ background-color: #22ad96; color: #fff;}
.duibi .db2 label{ border-color: #bfbfbf; color: #333;}
.duibi .db2 dd:hover label{ background-color: #bfbfbf; color: #fff;}

@media screen and (max-width:750px){
	.duibi{ height: 1000px;}
	.duibi dt{ font-size: 34px; line-height: 50px; height: 50px; padding-left: 20px;}
	.duibi dd .inner{ padding: 30px 20px;}
	.duibi .db1 dd .txt{ font-size: 24px; line-height: 36px; height: 216px;}
	.duibi .db2 dd .txt{ font-size: 24px; line-height: 36px; height: 144px;}
	.duibi label{ font-size: 28px; height: 46px; line-height: 46px;}
}

.zixunout{ width: 100%; height: 480px; background-color: #e6e6e6;}
.zixunlist{ overflow: hidden; height: 100%; background: url('../images/zixunbg.jpg') center no-repeat;}
.zixunlist li{ float: left; width: 33.3%; text-align: center; position: relative;}
.zixunlist li a{ display: block; padding: 260px 20px 0; position: relative; height: 220px;
	border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; background: url('../images/op0-10.png');}
.zixunlist li .pic,.zixunlist li .pic2{ width: 100%; height: 62px; line-height: 62px;
	font-size: 0; position: absolute; z-index: 1; top:168px; left:0;}
.zixunlist li img{ max-width: 100%; max-height: 100%;}
.zixunlist li .pic{ opacity: 1; filter: alpha(opacity=100);}
.zixunlist li .pic2{ opacity: 0; filter: alpha(opacity=0);}
.zixunlist li h3{ height: 36px; line-height: 36px; font-size: 20px; color: #333; 
	font-weight: bold; overflow: hidden; margin-bottom: 10px;}
.zixunlist li .txt{ font-size: 16px; color: #333; line-height: 20px;}

.zixunlist li .pic,.zixunlist li .pic2,.zixunlist li h3,.zixunlist li .txt,.zixunlist li a{ 
	-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.zixunlist li:hover a{ background: url('../images/opb-80.png');}
.zixunlist li:hover .pic{ opacity: 0; filter: alpha(opacity=0);}
.zixunlist li:hover .pic2{ opacity: 1; filter: alpha(opacity=100);}
.zixunlist li:hover h3,.zixunlist li:hover .txt{ color: #fff;}
@media screen and (max-width:750px){
	.zixunlist li a{ padding: 150px 10px 0; height: 320px;}
	.zixunlist li .pic,.zixunlist li .pic2{ top:50px;}
	.zixunlist li h3{ font-size: 30px; line-height: 46px; height: auto; margin-bottom: 20px;}
	.zixunlist li .txt{ font-size: 26px; line-height: 36px;}
}



.nianlist{  overflow: hidden; text-align: center; font-size: 0; padding: 0 55px 60px;}
.nianlist li{ display: inline-block; width: 20%; height: 500px; margin-bottom: 20px;}
.nianlist li .nianlin{ padding: 0 5px; height: 100%;}
.nianlist li a{ display: block; position: relative; -webkit-transition: 0.5s; -moz-transition: 0.5s;
	-ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; padding: 0 40px; height: 100%;}
.nianlist li:hover a{ box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);}

.nianlist .pic{ width: 100%; height: 100%; overflow: hidden; position: absolute;
	top:0; z-index: -1; left:0;}
.nianlist img{ width: 352px; height: 100%; position: absolute;; left:50%; margin-left: -176px; top:0;}
.nianlist h3{ font-size: 20px; color: #324a6c; font-weight: bold; line-height: 40px; height: 40px;
	overflow: hidden; padding-top: 70px;}
.nianlist .txt{ font-size: 16px; color: #666; line-height: 26px; margin-top: 24px; text-align: left;}

@media screen and (max-width:1500px) {
	.nianlist{ padding: 0 0 60px;}
	.nianlist li a{ padding: 0 20px;}
}
@media screen and (max-width:1100px) {
	.nianlist{ padding: 0 30px 60px;}
	.nianlist li{ width: 33.3%;}
}
@media screen and (max-width:750px) {
	.nianlist{ padding: 0 10px 60px;}
	.nianlist li{ width: 50%;}
	.nianlist h3{ font-size: 30px; line-height: 50px; height: 50px; padding-top: 40px;}
	.nianlist .txt{ font-size: 26px; line-height: 40px;}
}


.wenhua{ width: 100%; height: 500px; overflow: hidden;
	background: url('../images/whbg.jpg') top no-repeat;}
.lefthalf{ float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}
.righthalf{ float: right; width: 50%; height: 100%; position: relative; overflow: hidden;}
@media screen and (max-width:1200px){
	.righthalf img.full{ position: absolute; width: 600px; left:50%; top:0; z-index: 1; margin-left: -300px;}
}


.wenhua .con{ padding: 80px 0 0; text-align: center;}
.wenhua .con h3{ font-size: 30px; color: #324a6c; line-height: 52px; height: 52px;}
.wenhua .con .txt{ font-size: 16px; color: #666; line-height: 26px; margin-top: 20px;}
@media screen and (max-width:1200px) {
	.wenhua .con{ padding: 80px 30px 0;}
}
@media screen and (max-width:750px) {
	.wenhua .con{ padding: 80px 30px 0;}
	.wenhua .con h3{ font-size: 36px;}
	.wenhua .con .txt{ font-size: 26px; line-height: 40px; text-align: left;}
}



.ab1out{ background-color: #f1f1f1; padding: 75px 0;}
.ab1{ overflow: hidden;  background-color: #fff;padding: 50px;}
.ab1 .pic{ float: left; width: 50%; height: 100%; position: relative; overflow: hidden;text-align: center;}
.ab1 .r{ width: 50%; height: 100%;}
.ab1r{ padding: 90px 50px 10px 50px;}
.ab1r h3{ color: #22ad96; font-size: 20px; line-height: 30px; font-weight: bold; max-height: 60px; overflow: hidden;}
.ab1r h4{ line-height: 50px; overflow: hidden;}
.ab1r h4 em{ color: #22ad96; font-size: 36px; line-height: 50px; margin-right: 30px;}
.ab1r h4 span{ color: #324a6c; font-size: 20px; line-height: 60px; display: inline-block;}
.ab1r .txt{ font-size: 16px; color: #666; line-height: 26px; margin-top: 30px; max-height: 234px; overflow: hidden;}

.ab2{ padding: 90px 0 30px;}
.ab2 .lefthalf .con{ padding-right: 50px; padding-left: 10px;}
.ab2 .righthalf .con{ padding-left: 50px; padding-right: 10px;}
.ab2 .con h3{ font-size: 20px; color: #22ad96; line-height: 40px; height: 40px;}
.ab2 .con .txt{ font-size: 16px; color: #666; line-height: 26px; margin-top: 22px; height: 156px; overflow: hidden;}


.ab3{ height: 400px; overflow: hidden;}
.ab3 .lefthalf{ background: url('../images/about22.jpg') right no-repeat;}
.ab3 .righthalf{ background: url('../images/about3.jpg') left no-repeat;}
@media screen and (max-width:1200px){
	.ab1 .pic img.full{ position: absolute; width: 600px; left:50%; top:0; z-index: 1; margin-left: -300px;}
	.ab2 .lefthalf .con{ padding-right:30px; padding-left: 30px;}
	.ab2 .righthalf .con{ padding-left: 30px; padding-right: 30px;}
}
@media screen and (max-width:1000px){
	.ab1{ height: auto; padding-top: 50px;}
	.ab1 .pic{ float: none; width: 600px; margin: 0 auto; height: 450px;}
	.ab1 .r{ float: none; width: 600px; margin: 0 auto;}
	.ab1r{ padding: 50px 0 70px;}
}
@media screen and (max-width:960px){
	.ab3{ height: auto;}
	.ab3 .lefthalf{ float: none; width: 100%; height: 400px;}
	.ab3 .righthalf{ float: none; width: 100%; height: 400px;}
}
@media screen and (max-width:750px){
	.ab1r h3{ font-size: 30px; line-height: 44px; max-height: none;}
	.ab1r h4 span{ display: block; line-height: 50px; font-size: 26px;}
	.ab1r .txt{ font-size: 26px; line-height: 36px; margin-top: 30px; max-height: none;}

	.ab2{ padding: 60px 0 60px;}
	.ab2 .lefthalf{ float: none; width: 100%;}
	.ab2 .righthalf{ float: none; width: 100%;}
	.ab2 .lefthalf .con{ padding: 30px;}
	.ab2 .righthalf .con{ padding: 30px;}
	.ab2 .con h3{ font-size: 30px; line-height: 50px; height: 50px;}
	.ab2 .con .txt{ font-size: 26px; line-height: 36px; height: auto;}
}


.addrlist{ width: 1300px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.addrlist li{ float: left; width: 50%; margin-bottom: 10px;}
.addrlist li .addlin{ padding: 0 50px;}
.addrlist h3{ height: 30px; padding-left: 40px; overflow: hidden; position: relative;
	font-size: 20px; color: #333; font-weight: bold; line-height: 30px;}
.addrlist h3:after{ content: ''; width: 30px; height: 3px; background-color: #008dc5;
	position: absolute; top: 14px; left:0; border-bottom: 1px dotted #909090;}

.addrlist .txt{ border-top: 1px solid #e3e3e3; padding-top: 10px; margin-top: 10px; height: 102px; overflow: hidden;}
.addrlist p{ font-size: 16px; line-height:34px; color: #333; padding-left: 40px;}
.addrlist p.tel{ background: url('../images/tel.png') 7px 7px no-repeat;}
.addrlist p.addr{ background: url('../images/addr.png') 7px 6px no-repeat;}

@media screen and (max-width:750px){
	.addrlist li{ float: none; width: 100%;}
	.addrlist li .addlin{ padding: 0 30px;}
	.addrlist h3{ font-size: 30px; line-height: 45px; height: 45px;}
	.addrlist h3:after{ top:20px;}
	.addrlist p{ font-size: 26px; line-height: 45px;}
	.addrlist p.tel{ background-position: 7px 12px;}
	.addrlist p.addr{ background-position: 7px 13px;}
	.addrlist .txt{ height:135px; }
}



.lxout{ background-color: #f1f1f1; padding: 75px 0;}
.lxone{ overflow: hidden; height: 450px; background-color: #fff;}

.lxcon{ padding: 90px 50px 10px 50px;}
.lxcon h2{ color: #333; font-size: 24px; line-height: 40px; font-weight: bold;}
.lxcon .lx1{ padding-left: 35px; font-size: 16px; color: #333; line-height: 24px; margin-top: 20px;
	background: url('../images/lx4.jpg') top left no-repeat;}
.lxcon .lx2{ padding-left: 35px; font-size: 16px; color: #333; line-height: 24px; margin-top: 20px;
	background: url('../images/lx2.jpg') top left no-repeat;}
.lxcon .shoptime{ width: 294px; height: 24px; background-color: #008dc5; 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: #008dc5;}

.lxcon h4{ font-size: 18px; line-height: 30px; color: #333;
	padding-bottom: 10px; border-bottom: 1px solid #e3e3e3;}
.lxcon h4 i{ display: inline-block; width: 40px; height: 20px; background-color: #00a6f1;
	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;}
@media screen and (max-width:1000px){
	.lxone{ height: auto; padding-bottom: 70px;}
	.lxone .lefthalf{ float: none; width: 600px; margin: 0 auto;}
	.lxone .righthalf{ float: none; width: 600px; margin: 0 auto; height: 450px;}
	.lxcon{ padding: 90px 0 70px;}
}
@media screen and (max-width:750px){
	.lxcon h2{ font-size: 36px; line-height: 50px; font-weight: normal; margin-bottom: 10px;}
	.lxcon .lx1{ font-size: 26px; line-height: 36px; background-position: left 6px;}
	.lxcon .lx2{ font-size: 26px; line-height: 36px; background-position: left 6px;}
	.lxcon .shoptime{ font-size: 26px; line-height: 40px; height: 40px; width: 500px;}
	.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;}
}


.periodlist{ width: 100%; overflow: hidden; height: 100px;}
.periodlist li{ float: left; width: 25%; height: 100%; cursor: pointer;}

.periodlist li .perdlin{ border: 1px solid #e3e3e3; background-color: #fff; padding-top: 20px; height: 78px;}
.periodlist li p{ font-size: 20px; color: #333; line-height: 30px; text-align: center;}


.periodlist li.on .perdlin{ background-color: #f6f6f6;
	border-color: #f6f6f6; border-top: 4px solid #22ad96; height: 75px;}
.periodlist li.on p{ color: #22ad96;}

.chenout{ background: #f5f5f5 url('../images/net.jpg') top no-repeat; border-top: 3px solid #ededed;}
/* .chencon{ display: none;} */
.chencon{ display: block;}
.chenlist{ width: 1200px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.chenlist li{ padding: 60px 0; border-bottom: 1px dotted #bfbfbf; height: 300px; overflow: hidden;}
.chenlist li .pic{ padding-right: 50px; height: 100%; position: relative; overflow: hidden;}
.chenlist li .txt{ padding-left: 50px; height: 100%;}
.chenlist li .txt div.monitable{ display: table; width: 100%; height: 100%;}
.chenlist li .txt div.monitd{display: table-cell; vertical-align: middle;}
.chenlist li h3{ color: #22ad96; font-size: 20px; line-height: 40px; text-align: center; font-weight: bold;}
.chenlist li p{ color: #666; font-size: 16px; line-height: 24px; margin-top: 16px; padding: 0 50px;}
.chenlist li:first-child p{ text-align: center;}
.chenlist li:nth-child(even) .lefthalf{ float: right;}
.chenlist li:nth-child(even) .righthalf{ float: left;}
.chenlist li:nth-child(even) .pic{ padding-right: 0; padding-left: 50px;}
.chenlist li:nth-child(even) .txt{ padding-right: 50px; padding-left: 0;}


.maptwo{ margin: 60px 0; text-align: center;}
.maptwo img{ max-width: 100%;}

.mapone{ margin-top: 100px; overflow: hidden; height: 150px;}
.dahan{ float: left; width: 50%; height: 100%; background: url('../images/dahanbg.jpg') center no-repeat; background-size: 100% 100%;}
.dahan h3{ color: #fff; font-size: 30px; line-height: 30px; padding: 30px 35px 10px;}
.dahan p{ color: #fff; font-size: 20px; line-height: 30px; padding: 0 35px;}

.dahan2{ float: left; width: 25%; height: 100%; text-align: center; border-right: 1px solid #e3e3e3; margin-left: -1px;}
.dahan2 h3{ color: #22ad96; font-size: 80px; line-height: 80px; padding: 0 10px 10px;}
.dahan2 p{ color: #324a6c; font-size: 20px; line-height: 26px; padding: 0 10px;}
@media screen and (max-width:1200px){
	.chenlist li .pic,.chenlist li .txt{ padding: 0;}
	.chenlist li:nth-child(even) .pic{ padding: 0;}
	.chenlist li:nth-child(even) .txt{  padding: 0;}
	.chenlist li{ padding: 60px 20px;}
	.chenlist li h3{ padding: 0 20px;}

	.chenlist li .pic img.full{ position: absolute; width: 550px; left:50%; top:0; z-index: 1; margin-left: -275px;}
}
@media screen and (max-width:750px){

	.periodlist li p{ font-size: 24px; line-height: 36px;}
	.periodlist li .perdlin{ padding-top: 13px; height: 85px;}
	.periodlist li.on .perdlin{ height: 82px;}

	.chenlist li h3{ font-size: 30px; line-height: 50px;}
	.chenlist li p{ font-size: 24px; line-height: 34px; padding: 0 20px;}

	.mapone{ height: auto;}
	.dahan{ width: 100%; height: 180px; margin-bottom: 20px;}
	.dahan h3{ font-size: 34px; line-height: 50px; padding: 20px 35px 10px;}
	.dahan p{ font-size: 26px; line-height: 36px;}
	.dahan2{ width: 50%; height: 180px;}
	.dahan2 p{ font-size: 26px; line-height: 36px;}
}




.jiaruout{ background-color: #f1f1f1; padding: 75px 0;}
.rencai{ overflow: hidden; height: 500px; background-color: #fff; margin-top: 20px;}

.rencaicon{ padding: 50px 50px 10px;}
.rencaicon h2{ color: #333; font-size: 20px; line-height: 34px; font-weight: bold;}
.rencaicon .txt{ font-size: 16px; color: #666; line-height: 34px; margin-top: 28px;}


.jixian{ width: 100%; height: 300px; background: url('../images/jixianbg.jpg') center no-repeat;}
.jixian h3{ color: #fff; font-size: 20px; line-height: 40px; font-weight: bold; padding-top: 45px; padding-left: 50px;}
.jixian .txt{ font-size: 16px; color: #fff; line-height: 26px; margin-top: 14px; padding-left: 50px; width: 550px;}



.zplist{ width: 100%; font-size: 16px; line-height: 30px; }
.zplist li{ color: #333; padding: 15px 0;background-color: #f1f1f1; height: 30px; overflow: hidden;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.zplist li .cer{ height: 100%;}
.zplist li.first,.zplist li.first:hover{ background-color: #22ad96; color: #fff;}
.zplist li .th{ text-align: center; width: 22%; float: left;}
.zplist li .th:first-child{ width: 34%;}
.zplist li .td{ text-align: center; width: 22%; float: left;}
.zplist li .td:first-child{ width: 34%;}
.zplist li .zhiwei{ display: block; padding-left: 80px; text-align: left;}
.zplist li:hover{ background-color: #68c3ee;}

.zpbt{ padding: 57px 0; height: 60px; background-color: #fff;}
.zpbt h2{ float: left; color: #324a6c; font-size: 30px; line-height: 60px;}
.zpbt select{ float: right; width: 210px; margin-right: 20px; border: 1px solid #bfbfbf;
	font-size: 16px; color: #666; height: 58px; padding-left: 20px;}
.zpbt select:hover{ border-color: #22ad96;}
@media screen and (max-width:1200px){
	.zpbt{ padding: 57px 20px;}
}
@media screen and (max-width:750px){
	.rencai{ margin-top: 50px; height: auto; padding-bottom: 50px;}
	.rencai .lefthalf{ float: none; width: 600px; margin: 0 auto;}
	.rencai .righthalf{ float: none; width: 600px; margin: 0 auto; height: 450px;}

	.rencaicon{ padding: 50px 0;}
	.rencaicon h2{ font-size: 30px; line-height: 44px;}
	.rencaicon .txt{ font-size: 26px; line-height: 36px;}

	.jixian h3{ font-size: 32px; line-height: 50px; padding-top: 30px;}
	.jixian .txt{ font-size: 26px; line-height: 40px; width: auto; padding: 0 50px;}

	.zplist{ font-size: 26px; line-height: 40px;}
	.zplist li{ height: auto;}
	.zplist li .zhiwei{ padding-left: 20px;}
	.zpbt h2{ font-size: 32px;}
	.zpbt select{ font-size: 24px;}
}





.jello2:hover{-webkit-animation-name: jello; animation-name: jello;
  -webkit-animation-duration: 1s; animation-duration: 1s;}


.fcate1{ position: relative; text-align: center;}
.fcate1 .fcatecn{ font-size: 34px; line-height: 40px; color: #000; height: 40px;
	background: url('../images/kuang.png') center no-repeat; margin: 15px 0 10px;}
.fcate1 .fcateen{ font-size: 0;}
.fcate1 .fcateen img{ vertical-align: top;}
.fcate1 p{ font-size: 16px; color: #666; line-height: 30px; padding: 0 50px;}


.fnews{ background-color: #f5f5f5; padding-top: 60px;}
.dtmore{ display: block; width: 100%; height: 60px; background-color: #1c395e;
	line-height: 60px; text-align: center; color: #fff; font-size: 16px;}
.dtmore i{ font-family: 'simsun';}
.dtmore:hover{ color: #008dc5;}



.fnewslist{ padding: 60px 0 0px; width: 100%; overflow: hidden; margin: 0 auto;}
.fnewslist li{ float: left; width: 25%;}
.fnewslist li .fnewslin{ padding: 0 0px;}

.fnewslist li a{ display: block; background-color: #fff; padding-bottom: 40px; position: relative;}
.fnewslist .pic{ width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; position: relative;}
.fnewslist .pic i{ position: absolute; z-index: 2;left:0; right:0; top:0; bottom: 0; display: block;
	border: 2px solid transparent;}
.fnewslist img{ position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%;}
.fnewslist li:hover img{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02);
	-ms-transform: scale(1.02);  -o-transform: scale(1.02); transform: scale(1.02);}

.fnewslist h3{ font-size: 18px; line-height: 30px; color: #666; height: 60px; overflow: hidden;
	margin: 35px 0 15px; padding: 0 30px;}
.fnewslist .date{ font-size: 18px; color: #bfbfbf; line-height: 30px; height: 30px; padding: 0 30px;}
.fnewslist label{ position: absolute; right: 30px; bottom: 40px; z-index: 1; width: 30px; height: 30px;
	background: url('../images/jia.png') center no-repeat; opacity: 0; filter: alpha(opacity=0);}

.fnewslist li:hover a{ background-color: #314b6c;}
.fnewslist li:hover h3{ color: #fff;}
.fnewslist li:hover .pic i{ border-color: #314b6c;}
.fnewslist li:hover label{ -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);
  -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); opacity: 1; filter: alpha(opacity=100);}

.fnewslist h3,.fnewslist a,.fnewslist img,.fnewslist i,.fnewslist label{ -webkit-transition: .6s;
	-moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition:  .6s;}


.fkehu{ padding: 60px 0 35px;}
.fkehu .cer{ padding-top: 60px;}
@media screen and (max-width:1200px){
	.fnewslist{ width: 960px;}
	.fnewslist li{ width: 50%;}
}
@media screen and (max-width:960px){
	.fnewslist{ width: 100%;}
}
@media screen and (max-width:750px){
	.fkehu{ padding: 60px 0 0;}
	.fcate1 p{ font-size: 24px; line-height: 36px;}
	.dtmore{ font-size: 26px;}
	.fnewslist h3{ font-size: 30px; line-height: 44px; height: 88px; padding: 0 20px;}
	.fnewslist .date{ font-size: 30px; line-height: 44px; height: 44px; padding: 0 20px;}
}



.fyewu{ padding: 60px 0;}
.ywlist{ overflow: hidden; padding: 40px 0 30px;}
.ywlist li{ float: left; width: 25%; text-align: center; position: relative;}
.ywlist li .ywlin{ padding: 0 5px;}
.ywlist li a{ display: block; padding: 0 10px ; position: relative; height: 328px;
	border: 1px solid #e3e3e3; background-color: #fff;}
.ywlist li .pic{ width: 104px; height: 106px; line-height: 106px; font-size: 0; margin: 50px auto 0; overflow: hidden;}
.ywlist li .pic.dy1{ background: url('../images/dyy1.png') 100% center no-repeat;}
.ywlist li .pic.dy1:hover{ -webkit-animation: bgleft1 1.5s  steps(15, end) 1; animation: bgleft1 1.5s  steps(15, end) 1;
	-moz-animation: bgleft1 1.5s  steps(15, end) 1; -o-animation: bgleft1 1.5s  steps(15, end) 1;}
.ywlist li .pic.dy2{ background: url('../images/dyy2.png') 100% center no-repeat;}
.ywlist li .pic.dy2:hover{ -webkit-animation: bgleft1 1.8s  steps(18, end) 1; animation: bgleft1 1.8s  steps(18, end) 1;
	-moz-animation: bgleft1 1.8s  steps(18, end) 1; -o-animation: bgleft1 1.8s  steps(18, end) 1;}
.ywlist li .pic.dy3{ background: url('../images/dyy3.png') 100% center no-repeat;}
.ywlist li .pic.dy3:hover{ -webkit-animation: bgleft1 1.8s  steps(18, end) 1; animation: bgleft1 1.8s  steps(18, end) 1;
	-moz-animation: bgleft1 1.8s  steps(18, end) 1; -o-animation: bgleft1 1.8s  steps(18, end) 1;}
.ywlist li .pic.dy4{ background: url('../images/dyy4.png') 100% center no-repeat;}
.ywlist li .pic.dy4:hover{ -webkit-animation: bgleft1 1.9s  steps(19, end) 1; animation: bgleft1 1.9s  steps(19, end) 1;
	-moz-animation: bgleft1 1.9s  steps(19, end) 1; -o-animation: bgleft1 1.9s  steps(19, end) 1;}
.ywlist li img{ display: none;}

.ywlist li h3{ height: 36px; line-height: 36px; font-size: 22px; color: #333; 
	overflow: hidden; margin-top: 10px;}
.ywlist li .txt{ font-size: 14px; color: #333; line-height: 20px; margin-top: 20px;}

.ywlist li h3,.ywlist li .txt,.ywlist li a{
	-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.ywlist li:hover a{ box-shadow: 0 0 10px 0 rgba(153,153,153,0.5);}
.ywlist li:hover h3,.ywlist li:hover .txt{ color: #22ad96;}



.fabout{ height: 700px; position: relative; background: url('../images/fabbg.jpg') center no-repeat;}
.fabout .cer{ padding-top: 90px;}
p.fabbtn{ width: 170px; height: 40px; line-height: 40px; background-color: #314b6c;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; text-align: center;
	position: absolute; bottom: 70px; left:50%; z-index: 1; margin-left: -85px;}
p.fabbtn a{ display: inline-block; padding-left: 28px; font-size: 16px; color: #fff; vertical-align: top;
	background: url('../images/clock2.png') left no-repeat; text-align: left;}


.guolist{ font-size: 0; width: 100%; text-align: center; padding-top: 100px;}
.guolist li{ display: inline-block; width: 16.6%; margin-bottom: 10px;}
.guolist li p.txt{ font-size: 16px; line-height: 20px; height: 52px; color: #333;}
.guolist li p.txt2{ font-size: 16px; line-height: 60px; height: 60px; color: #22ad96;}
.guolist li p.txt2 span{ font-size: 50px;}
@media screen and (max-width:1300px) {
	.guolist li{ width: 25%;}
}
@media screen and (max-width:1000px){
	.ywlist.cer{ width: 90%; padding: 40px 0 0;}
	.ywlist li{ width: 50%; margin-bottom: 20px;}
	.ywlist li .ywlin{ padding: 0 10px;}
}
@media screen and (max-width:750px){
	p.fabbtn{ width: 260px; margin-left: -130px; height: 50px; line-height: 50px; bottom: 50px;}
	p.fabbtn a{ font-size: 26px;}

	.ywlist li a{ height: 378px; padding: 0 20px;}
	.ywlist li h3{ height: 40px; line-height: 40px; font-size: 28px;}
	.ywlist li .txt{ font-size: 24px; line-height: 34px;}
	
	.fabout .cer{ padding-top: 70px;}
	.guolist{ padding-top: 80px;}
	.guolist li{ width: 33.3%;}
	.guolist li p.txt{ font-size: 26px; line-height: 36px; height: 72px;}
	.guolist li p.txt2{ font-size: 26px;}
}


.fcase{ width: 100%; height: 540px; background-color: #f7fbfe;}
.fcasepic{ float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}
.fcasepic img.full{ position: absolute; width: 960px; left:50%; top:0; z-index: 1; margin-left: -480px;}
.fcasepic p{ position: absolute; left:0; bottom: 70px; z-index: 1; width: 100%;
	font-size: 34px; color: #333; line-height: 50px; text-align: center;}
.fcaser{ float: right; width: 50%; height: 100%;}


.fcaselist{ width: 100%; height: 100%;}
.fcaselist li{ float: left; width: 50%; height: 50%; z-index: 0; position: relative;}
.fcaselist li .caselin{ padding: 0 0; border: 1px solid #e3e3e3; background-color: #fff;}
.fcaselist li a{ display: block; padding: 24px 20px; position: relative;}

.fcaselist h3{ height: 30px; font-size: 18px; color: #333; line-height: 30px; overflow: hidden;}
.fcaselist p.txt{ height: 120px; overflow: hidden; color: #999; line-height: 20px; margin-top: 30px;}

.fcaselist li .three{ margin-top: 10px; overflow: hidden; height: 30px;}
.fcaselist .more{ float: right; width: 110px; height: 28px; border: 1px solid #bfbfbf;
	line-height: 28px; text-align: center; color: #bfbfbf;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.fcaselist .more i{ font-family: 'simsun';}
.fcaselist .date{ float: left; color: #bfbfbf; margin-left: 10px;}

.fcaselist li label{ float: left; width: 70px; height: 28px; border: 1px solid #008dc5;
	line-height: 28px; text-align: center; color: #008dc5;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}

.fcaselist li:hover{ z-index: 2;}
.fcaselist li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.fcaselist li:hover h3{ color: #008dc5;}
.fcaselist li:hover .more{ color: #008dc5; border-color: #008dc5;}

.fcaselist li,.fcaselist li h3,.fcaselist li .more{ transition: 0.6s;
	-ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
@media screen and (max-width:1300px) {
	.fcasepic{ width: 40%;}
	.fcaser{ width: 60%;}
}
@media screen and (max-width:1100px) {
	.fcase{ height: auto;}
	.fcasepic{ float: none; width: 100%; height: 540px;}
	.fcaser{ float: none; width: 100%; height: 540px;}
	.fcasepic img.full{ width: 100%; left:0; margin-left: 0;}
}
@media screen and (max-width:960px) {
	.fcasepic img.full{ width: 960px; left:50%; margin-left: -480px;}
}
@media screen and (max-width:750px) {
	.fcaser{ height: auto;}
	.fcaselist li{ float: none; width: 100%;}
	.fcaselist h3{ height: 44px; font-size: 30px; line-height: 44px;}
	.fcaselist p.txt{ height: 144px; line-height: 36px;}

	.fcaselist li .three{ height: 40px; margin-top: 20px;}
	.fcaselist li label{ width: 140px; height: 38px; line-height: 38px;}
	.fcaselist .date{ line-height: 40px;}
	.fcaselist .more{ width: 180px; height: 38px; line-height: 38px;}
}



.ffenlei{ width: 100%; background: #e6f2fb url('../images/ffenleibg.jpg') top no-repeat;}
.ffenlei .cer{ overflow: hidden;}
.ffenlei .r{ float: right; width: 83.4%;}
.leilist{ overflow: hidden; margin-right: 15px;}
.leilist li{ float: left; width: 16.66%; text-align: center; position: relative; margin-top: -1px;}
.leilist li a{ display: block; padding-top: 73px; position: relative; height: 52px;
	border-top: 1px solid #008dc5; margin: 0 1px;}
.leilist li .pic,.leilist li .pic2{ width: 100%; height: 36px; line-height: 36px;
	font-size: 0; position: absolute; z-index: 1; top:28px; left:0;}
.leilist li img{ max-width: 100%; max-height: 100%;}
.leilist li .pic{ opacity: 1; filter: alpha(opacity=100);}
.leilist li .pic2{ opacity: 0; filter: alpha(opacity=0);}
.leilist li h3{ height: 30px; line-height: 30px; font-size: 18px; color: #333; overflow: hidden;}

.leilist li .pic,.leilist li .pic2,.leilist li h3,.leilist li a{ 
	-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.leilist li:hover a{ }
.leilist li:hover .pic{ opacity: 0; filter: alpha(opacity=0);}
.leilist li:hover .pic2{ opacity: 1; filter: alpha(opacity=100);}
.leilist li:hover h3{ color: #008dc5;}


.fcate2{ float: left; width: 16.6%; margin-top: 40px; text-align: center;}
.fcate2 .fcatecn{ font-size: 34px; line-height: 42px; color: #314b6c; height: 42px;}
.fcate2 .fcateen{ font-size: 0; margin-top: 8px;}
.fcate2 .fcateen img{ vertical-align: top;}
.fcate2 a.more{ display: inline-block; width: 130px; height: 38px; border: 1px solid #008dc5;
	line-height: 38px; text-align: center; color: #008dc5; font-size: 16px; margin-top: 30px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.fcate2 a.more i{ font-family: 'simsun';}
.fcate2 a.more:hover{ background-color: #008dc5; color: #fff;}

@media screen and (max-width:1300px) {
	.leilist{ margin-right: 0;}
}
@media screen and (max-width:1200px) {
	.ffenlei .cer{ width: auto; padding-left: 200px;}
	.ffenlei .r{ float: none; width: 100%;}

	.fcate2{ margin-left: -200px; width: 200px;}
}
@media screen and (max-width:1000px) {
	.leilist li{ width: 25%;}
}
@media screen and (max-width:750px) {
	.leilist li h3{ height: 36px; line-height: 36px; font-size: 26px;}
	.fcate2 a.more{ font-size: 24px; line-height: 50px; width: 170px; height: 50px;}
}