@charset "utf-8";
/* CSS Document */

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

.cate{  text-align: center; color: #19295b; height: 80px; margin-top: 40px;
	background: url('../images/catebg.png') center 26px no-repeat;}
.catecn{ font-size: 30px; line-height: 50px; font-weight: bold;}
.cateen{ font-size: 16px; line-height: 32px; text-transform: uppercase;}


.erjiout{ height: 60px; background-color: #444;}
.erji{ font-size: 0;}
.erji a{ display: inline-block; width: 200px; height: 60px; background-color: #444; position: relative;
	line-height: 60px; font-size: 16px; color: #ffbb2a; text-align: center;}
.erji a:after{ content: ''; position: absolute; left: 50%; bottom:12px; z-index: 0;
	width: 10px; height: 2px; margin-left: -5px; background-color: #ffbb2a;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.erji a:hover,.erji a.on{ background-color: #ffbb2a;color: #fff;}
.erji a:hover:after,.erji a.on:after{ width: 60px; margin-left: -30px; background-color: #fff;}

.erji a:before{ content: ''; position: absolute; left: 50%; bottom:0; z-index: 0; opacity: 0;filter: alpha(opacity=0);
	width: 15px; height: 8px; margin-left: -7px; background: url('../images/sjd1.png') center no-repeat;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.erji a:hover:before{ -webkit-transition: 0.3s 0.3s; -moz-transition: 0.3s 0.3s; -ms-transition: 0.3s 0.3s;
	-o-transition: 0.3s 0.3s; transition: 0.3s 0.3s;}
.erji a.on:before,.erji a:hover:before{ opacity: 1;filter: alpha(opacity=100); bottom: -7px;}

.main{ margin: 0 auto; width: 1200px; max-width: 100%;}
.jello2:hover{-webkit-animation-name: jello; animation-name: jello;
  -webkit-animation-duration: 1s; animation-duration: 1s;}

.sanji{ padding: 30px 0; overflow: hidden; width: 1250px; margin-left: -25px; font-size: 0; text-align: center;}
.sanji li{ display: inline-block; width: 200px; padding: 10px 25px;}
.sanji li a{ display: block; border: 1px solid #19295b; height: 38px; width: 198px; background-color: #fff;
	color: #19295b; line-height: 38px; font-size: 14px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}
.sanji li a:hover,.sanji li.on a{ background-color: #ffbb2a; color: #fff; border-color: #ffbb2a;}

h2.sanjibt{ height: 40px; padding-bottom: 18px; background: url('../images/sjd2.png') bottom no-repeat;
	line-height: 40px; font-size: 20px; color: #19295b; font-weight: bold; text-align: center;}





.rulist{ width: 100%; padding-top: 10px; padding-bottom: 50px;}
.rulist li{ padding: 26px 0; border-bottom: 1px solid #ddd;}
.rulist li a{ display: block; color: #999;}
.rulist li .ruone{ position: relative; padding-right: 90px; line-height: 26px; height: 26px;}
.rulist li h3{ font-size: 18px; color: #19295b; font-weight: bold; height: 100%; overflow: hidden;}
.rulist li .date{ position: absolute; top: 0; right: 0; text-align: right;}
.rulist li .rutxt{ line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px;}
.rulist li:hover h3,.rulist li:hover .date{ color: #ffbb2a;}
.rulist li:hover .rutxt{ color: #19295b;}

.rulist li h3,.rulist li .date,.rulist li .rutxt{-webkit-transition: 0.5s; 
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}



.downlist{ width: 100%; padding-top: 10px; padding-bottom: 50px;}
.downlist li{ padding: 26px 0; border-bottom: 1px solid #ddd;}
.downlist li a{ display: block; color: #999; padding-right: 300px; position: relative;}
.downlist li .ruone{ position: relative; padding-right: 90px; line-height: 26px; height: 26px;}
.downlist li h3{ font-size: 18px; color: #19295b; font-weight: bold; height: 100%; overflow: hidden;}
.downlist li .date{ position: absolute; top: 0; right: 0; text-align: right;}
.downlist li .rutxt{ line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px;}
.downlist li label{ display: block; width: 148px; height: 38px; border: 1px solid #293c77;
	position: absolute; right:0; top:12px; z-index: 1;
	text-align: center; line-height: 38px; color: #293c77; cursor: pointer;}

.downlist li label:hover{ border-color: #ffbb2a; background-color: #ffbb2a; color: #fff;}
.downlist li:hover h3,.downlist li:hover .date{ color: #ffbb2a;}
.downlist li:hover .rutxt{ color: #19295b;}

.downlist li h3,.downlist li .date,.downlist li .rutxt,.downlist li label{-webkit-transition: 0.5s; 
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}



.newslist{ width: 100%; padding: 40px 0 30px;}
.newslist li{ height: 225px; margin-bottom: 50px;}
.newslist li a{ display: block; position: relative; padding-left: 330px; padding-right: 10px;}

.newslist li .pic{ position: absolute; left: 0; top:0; z-index: 1; width: 300px; height: 225px; overflow: hidden;}
.newslist li .pic img{ width: 300px; height: 225px;}
.newslist li .pic:after{ content: ''; position: absolute; left: 0; top:0; z-index: 1;
	width: 294px; height: 219px; border: 3px solid transparent;}
.newslist li:hover .pic:after{ border-color: #ffbb2a;}
.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 h3{ font-size: 18px; color: #19295b; line-height: 40px; font-weight: bold; height: 40px; overflow: hidden;}
.newslist li .date{ color: #19295b; margin: 12px 0 16px; line-height: 24px; height: 24px;}
.newslist li p{ color: #999; line-height: 24px; overflow: hidden; height: 72px;}
.newslist li label{ display: block; height: 32px; color: #19295b; line-height: 32px; margin-top: 28px;}

.newslist li:hover h3{ color: #ffbb2a;}
.newslist li:hover .date{ color: #ffbb2a;}
.newslist li:hover p{ color: #19295b;}
.newslist li:hover label{ color: #ffbb2a;}

.newslist p,.newslist h3,.newslist label,.newslist .date,.newslist img,.newslist .pic:after{ 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}




.caselist{ width: 1240px; padding: 40px 0; overflow: hidden;}
.caselist li{ float: left; width: 580px; height: 150px; margin-bottom: 50px; margin-right: 40px;}
.caselist li a{ display: block; position: relative; padding-left: 230px; height: 150px; overflow: hidden;}

.caselist li .pic{ position: absolute; left: 0; top:0; z-index: 1; width: 200px; height: 150px; overflow: hidden;}
.caselist li .pic img{ width: 200px; height: 150px;}
.caselist 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);}
.caselist li h3{ font-size: 18px; color: #19295b; line-height: 30px; font-weight: bold;
	 height: 30px; overflow: hidden; padding-top: 20px;}

.caselist li p{ color: #19295b; line-height: 20px; overflow: hidden; height: 60px; margin-top: 20px;}
.caselist li label{ display: block; width: 120px; height: 30px; color: #fff; margin-top: 15px;
	text-align: center; line-height: 30px; opacity: 0; filter: alpha(opacity=0); background-color: #ffbb2a;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}

.caselist li:hover h3{ color: #ffbb2a; padding-top: 5px;}
.caselist li:hover p{ color: #ffbb2a; margin-top: 10px;}
.caselist li:hover label{ opacity: 1; filter: alpha(opacity=100);}

.caselist p,.caselist h3,.caselist label,.caselist img{ 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}




.zplist{ width: 100%; padding: 40px 0 20px; overflow: hidden;}
.zplist li{ height: 150px; margin-bottom: 50px; background-color: #f5f5f5;}
.zplist li a{ display: block; position: relative; padding: 25px 50px; overflow: hidden; height: 100px;}
.zplist li .zpl{ float: left; width: 550px;}
.zplist li .zpl h3{ font-size: 20px; color: #19295b; line-height: 28px; font-weight: bold;
	 height: 28px; overflow: hidden;}
.zplist li .zpmoney{ line-height: 30px; height: 30px; overflow: hidden; color: #19295b; margin-top: 10px;}
.zplist li .zpmoney em{ font-size: 20px;}
.zplist li .zpinfo{ line-height: 22px; height: 22px; overflow: hidden; color: #19295b; margin-top: 10px;}
.zplist li .zpinfo span{ margin-right: 35px;}

.zplist li .zpr{ float: right; width: 520px; padding-right: 30px;
	background: url('../images/gt2.png') right center no-repeat;}
.zplist li .zpr h4{ color: #19295b; line-height: 22px; height: 22px; overflow: hidden;}
.zplist li .zptxt{ color: #19295b; line-height: 20px; overflow: hidden; height: 60px; margin-top: 14px;}

.zplist li:hover{ background-color: #ffbb2a;}
.zplist li:hover .zpr{ background-image: url('../images/gt2h.png');}
.zplist li:hover .zpr h4,.zplist li:hover .zptxt{ color: #fff;}
.zplist li:hover .zpl h3,.zplist li:hover .zpmoney,.zplist li:hover .zpinfo{ color: #fff;}

.zplist .zptxt,.zplist h4,.zplist h3,.zplist .zpmoney,.zplist .zpinfo,.zplist li,.zplist .zpr{
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}





.baogaocon{ border: 1px solid #19295b; padding: 15px 20px 30px; margin: 50px 0;
	font-size: 14px; color: #19295b; line-height: 30px;}
.baogaocon img{ max-width: 100%;}


.rycon{ color: #19295b; line-height: 30px; padding: 30px 10px 60px;}
.rycon img{ max-width: 100%;}
.aboutpage{ padding-top: 1px; background: #fff url('../images/aboutbg.jpg') center 118px no-repeat;}
.aboutcon{ color: #19295b; line-height: 30px; padding: 20px 0 50px;}
.aboutcon img{ max-width: 100%;}

h2.gsname{ height: 36px; padding-bottom: 12px; position: relative; margin-top: 30px;
	line-height: 36px; font-size: 16px; color: #19295b; font-weight: bold; text-align: center;}
h2.gsname:after{ content: ''; position: absolute; left: 50%; bottom:0; z-index: 0;
	width: 60px; height: 2px; margin-left: -30px; background-color: #19295b;}

#map{ width: 1200px; height: 400px; margin: 45px 0 50px;}
.lxlist{ width: 100%; overflow: hidden; margin-top: 40px;}
.lxlist li{ float: left; width: 400px; height: 180px; text-align: center;}
.lxlist li .pic{ width: 100%; position: relative; height: 78px; line-height: 78px; font-size: 0; margin-bottom: 42px;}
.lxlist li .pic img{ max-width: 100%; max-height: 100%;}
.lxlist li:hover img{ -webkit-animation: rotateY360 1s linear 1; animation: rotateY360 1s linear 1;}
.lxlist li p{ line-height: 30px; font-size: 16px; color: #19295b;}




#liuyan{ padding: 40px 0 20px; color: #666; font-size: 0; width: 1275px;}
#liuyan .hang{ float: left; width: 350px; height: 40px; line-height: 40px; margin-bottom: 30px; margin-right: 75px;}
#liuyan .hang.fat{ width: 100%; height: 160px; margin-bottom: 40px;}

#liuyan input[type=text]{ width: 298px; height: 38px; border:1px solid #ddd;
	 line-height: 38px; text-indent: 10px; font-size: 14px;}
#liuyan label{ display: inline-block; width: 50px; font-size: 16px;}
#liuyan textarea{ padding: 10px; height: 140px; border:1px solid #ddd; resize:none;
	vertical-align: top; width: 1128px; line-height: 28px; font-size: 14px;}
#liuyan input[type=text]:focus,#liuyan textarea:focus{ border-color: #ffbb2a;}
#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 i.v{ vertical-align: top; height: 100%;}

#liuyan .hang2{ float: right; line-height: 48px; margin-right: 75px; margin-bottom: 30px;}
#liuyan .hang2 p{ float: left;}
#liuyan img#yzmpic{ border:1px solid #ddd; height: 48px; cursor: pointer; vertical-align: top;}
#liuyan .yzmchange{ display: inline-block; width: 34px; text-align: center;}
#liuyan input#yzm{ height: 48px; line-height: 48px; width: 120px;}

#liuyan input#tj{ width: 170px; height: 50px; font-size: 16px; line-height: 50px;
	background-color: #fff; color: #ffbb2a; margin-left: 30px; border: 1px solid #ffbb2a;}
#liuyan input#tj:hover{ background-color: #ffbb2a; color: #fff;}




.atc{ overflow: hidden; padding: 48px 0 50px;}
.atc-h{ text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.atc-h h1{ font-size: 20px; color: #19295b; font-weight: bold; line-height: 40px;}

.atc-h .atc-date{ line-height: 32px; color: #999;}
.atc-date span{ display: inline-block; height: 32px; margin: 0 10px;}
span.clock{ background: url('../images/clock.png') left center no-repeat;}
span.clerk{ background: url('../images/clerk.png') left center no-repeat;}
span.click{ background: url('../images/click.png') left center no-repeat;}

.atc-con{ padding: 15px 0 25px; line-height: 26px; color: #444;}
.atc-con img{ max-width: 100%;}

.atc-pn{ position: relative; padding-right: 110px;}
.atc-pn:after{ content: ''; position: absolute; left:0; top:50px; z-index: 1;
	width: 100%; height: 1px; background-color: #ddd;}
.atc-pn a{ display: block; overflow: hidden; color: #444; line-height: 50px; height: 50px;}
.atc-pn a span{ color: #444; transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
.atc-pn a:hover{ color: #ffbb2a;}
.atc-pn a:hover span{ color: #ffbb2a;}
.atc-pn a.ret{ width: 100px; height: 30px; text-align: center; border: 1px solid #ffbb2a;
	position: absolute; right:0; bottom:0; z-index: 1; color: #ffbb2a; line-height: 30px;}
.atc-pn a.ret:hover{ background-color: #ffbb2a; color: #fff;}










.fabout{ width: 100%; height: 530px; background: #fff url('../images/faboutbg.jpg') top no-repeat;}

.fcate{ color: #36467a; padding: 40px 0; height: 60px; line-height: 60px;}
.fcate .cn{ display: inline-block; font-size: 30px; font-weight: bold; padding-right: 30px;
	background: url('../images/xiexian1.png') right center no-repeat;}
.fcate .en{ display: inline-block; font-size: 14px; line-height: 70px; margin-left: 10px;}

.faboutin{ position: relative; padding-left: 560px;}
.faboutin .pic{ position: absolute; left: 0; top:0; z-index: 1; width: 460px; height: 345px; overflow: hidden;}
.faboutin .pic img{ width: 460px; height: 345px;}
.faboutin h3{ font-size: 20px; color: #19295b; line-height: 60px; overflow: hidden; padding-bottom: 10px;
	height: 60px; position: relative;}
.faboutin h3:after{ content: ''; position: absolute; left:0; bottom:0; z-index: 0;
	width: 60px; height: 2px; background-color: #36467a;}
.faboutin p{ color: #19295b; line-height: 30px; overflow: hidden; height: 150px; margin-top: 20px; padding-bottom: 60px;}


.seemore{ display: block; width: 150px; height: 40px; border: 1px solid #19295b;
	line-height: 40px; color: #19295b; text-align: center; background-color: #fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.seemore:hover{ background-color: #19295b; color: #fff;}




.ffuwu{ width: 100%; height: 584px; background: #fff url('../images/ffuwubg.jpg') top no-repeat;}
.fcate2{ color: #fff; text-align: center;}
.fcate2 .cn{ background-image: url('../images/xiexian2.png');}
.seemore2{ border-color: #fff; color: #fff; background-color: transparent; margin: 0 auto;}
.seemore2:hover{ background-color: #ffbb2a; border-color: #ffbb2a;}

.fuwulist{ width: 1230px; overflow: hidden;}
.fuwulist li{ float: left; width: 380px; height: 400px;  margin-right: 30px; text-align: center;}
.fuwulist li .fuwuin{ background: url('../images/fwbg1.png') center no-repeat; padding: 30px 35px;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.fuwulist li:hover .fuwuin{ background-image: url('../images/fwbg2.png');}
.fuwulist li h3{ font-size: 20px; color: #fff; line-height: 40px; overflow: hidden; height: 40px;}
.fuwulist li p{ color: #fff; line-height: 30px; overflow: hidden; height: 180px; margin-top: 20px; padding-bottom: 60px;}




.fcase{ width: 100%; height: 729px; position: relative; background: #fff url('../images/fcasebg.jpg') top no-repeat;}
.fcase:after{ content: ''; position: absolute; left: 0; top:0; z-index: 0;
	width: 100%; height: 100%; background: url('../images/wenli.png');}
.fcase .cer{ position: relative; z-index: 1;}
.fcate3{ color: #fff;}
.fcate3 .cn{ background-image: url('../images/xiexian2.png');}
.seemore3{ border-color: #ffbb2a; color: #ffbb2a; background-color: transparent; margin: 50px auto 0;}
.seemore3:hover{ background-color: #ffbb2a; color: #fff;}


.fcaselist{ width: 1240px; overflow: hidden;}
.fcaselist li{ float: left; width: 580px; height: 150px; margin-bottom: 50px; margin-right: 40px;}
.fcaselist li a{ display: block; position: relative; padding-left: 230px; height: 150px; overflow: hidden;}

.fcaselist li .pic{ position: absolute; left: 0; top:0; z-index: 1; width: 200px; height: 150px; overflow: hidden;}
.fcaselist li .pic img{ width: 200px; height: 150px;}
.fcaselist 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);}
.fcaselist li h3{ font-size: 18px; color: #fff; line-height: 30px;
	 height: 30px; overflow: hidden; padding-top: 20px;}

.fcaselist li p{ color: #fff; line-height: 20px; overflow: hidden; height: 60px; margin-top: 20px;}
.fcaselist li label{ display: block; width: 120px; height: 30px; color: #fff; margin-top: 15px;
	text-align: center; line-height: 30px; opacity: 0; filter: alpha(opacity=0); background-color: #ffbb2a;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}

.fcaselist li:hover h3{ color: #ffbb2a; padding-top: 5px;}
.fcaselist li:hover p{ color: #ffbb2a; margin-top: 10px;}
.fcaselist li:hover label{ opacity: 1; filter: alpha(opacity=100);}

.fcaselist p,.fcaselist h3,.fcaselist label,.fcaselist img{ 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}




.fnews{ width: 100%; height: 530px;}
.fnewsin{ overflow: hidden;}
.hot{ float: left; width: 480px; height: 360px;}
.hot img{ width: 100%; height: 100%;}
.fnewsr{ float: right; width: 670px;}


.fnewslist{ padding-bottom: 50px;}
.fnewslist li{ border-bottom: 1px solid #ddd; padding-left: 22px;
	background: url('../images/shuxian1.png') left 20px no-repeat;}
.fnewslist li a{ display: block; position: relative; padding: 10px 0 16px;}

.fnewslist li h3{ font-size: 18px; color: #333; line-height: 36px; height: 36px; overflow: hidden;}
.fnewslist li .date{ color: #666; line-height: 26px; height: 26px; margin-bottom: 5px; padding-left: 24px;
	background: url('../images/clock.png') left center no-repeat;}
.fnewslist li p{ color: #666; line-height: 20px; overflow: hidden; height: 40px;}

.fnewslist li:hover h3{ color: #ffbb2a;}
.fnewslist li:hover p{ color: #19295b;}

.fnewslist p,.fnewslist h3{ 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}


.fxuan{ position: absolute; right:50%; margin-right: -600px; top:110px; z-index: 5;
	width: 170px; padding: 0 20px 5px 10px; height: 272px; background: url('../images/op0-10.png');
	border: 1px solid rbga(255,255,255,0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.fxuan h3{ line-height: 32px; color: #fff;}
.xuanlist{ height: 240px; overflow: hidden;}
.xuanlist li{ padding-left: 12px; line-height: 20px; height: 40px; overflow: hidden;
	background: url('../images/gt1.png') left 7px no-repeat;}
.xuanlist li a{ color: #fff; font-size: 12px;}
.xuanlist li:hover a{ text-decoration: underline;}