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

.ibcate{ position: absolute; width: 100%; top:90px; z-index: 1; left:0; color: #fff; text-align: center;}
.ibcate:after{ content: ''; position: absolute; left: 50%; top:72px; z-index: 0; margin-left: -30px;
	width: 60px; height: 3px; background-color: #fff;}
.ibcate .ibcatecn{ font-size: 40px; line-height: 64px; height: 64px;}
.ibcate .ibcatecn2{ line-height: 24px; margin-top: 25px;}



.cate{ text-align: center;}
.cate .catecn{ font-size: 24px; line-height: 34px; color: #d0252e;
	background: url('../images/line1.png') center no-repeat;}
.cate .catecn span{ color: #4c167d;}
.cate .cateen{ line-height: 22px; color: #bbb; text-transform: uppercase;}

.seemore{ display: block; width: 160px; height: 40px; border: 1px solid #d0252e; margin: 0 auto;
	line-height: 40px; color: #d0252e; text-align: center;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;}
.seemore:hover{ background-color: #d0252e; color: #fff;}


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



.tree{ height: 40px; padding: 18px 0; border-bottom: 1px solid #ececec; overflow: hidden;}
.lm{ line-height: 40px; font-weight: bold;}
.lmcn{ font-size: 20px; color: #333;}
.lmen{ font-size: 16px; color: #ddd; font-family: 'arial';}
.lm i.sx{ display: inline-block; width: 4px; height: 20px; background-color: #e0dfdd;
	 margin: 0 10px; vertical-align: middle;}

.erji{ font-size: 0; white-space: nowrap;}
.erji a{ display: inline-block; width: 100px; height: 40px; position: relative;
	 color: #666; text-align: center; font-size: 14px; line-height: 40px;}
.erji a.on{ color: #d0252e;}
.erji a:hover{ color: #d0252e;}


.lefthalf{ float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}
.righthalf{ float: right; width: 50%; height: 100%; position: relative; overflow: hidden;}



.outnav3{ width: 1200px; height: 60px; padding: 0; overflow: hidden; text-align: center;
	position: relative; z-index: 3;  margin: 0 auto;}
.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;
	transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.outnav3 .nav-left{ left:0; background-image: url(../images/lt5.png);}
.outnav3 .nav-right{ right:0; background-image: url(../images/gt5.png);}
.outnav3 .nav-left:hover,.outnav3 .nav-right:hover{ opacity: 0.8; filter:alpha(opacity=80);}
.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: 240px; display: inline-block; height: 100%; overflow: hidden;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.nav7.fen2 li{ width: 50%;}
.nav7.fen3 li{ width: 33.3%;}
.nav7.fen4 li{ width: 25%;}
.nav7.fen5 li{ width: 20%;}
.nav7 li a{ display: block; position: relative; color: #333; line-height: 60px; font-size: 16px;}
.nav7 li:hover,.nav7 li.on{ background-color: #ffd700;}
.nav7 li:hover a,.nav7 li.on a{ color: #333;}


@media screen and (max-width:1320px){
	.outnav3{ width: auto;}
}



.kehulist{ width: 1220px; padding: 30px 0 35px; max-width: 100%; overflow: hidden; margin: 0 auto;}
.kehulist li{ float: left; width: 20%; margin-bottom: 25px;}
.kehulist li .lin{ padding: 0 12px;}

.kehulist li a{ display: block; background-color: #fff; border: 1px solid #ccc; overflow: hidden;}
.kehulist .pic{ width: 100%; height: 0; padding-bottom: 36.5%; overflow: hidden; position: relative;}
.kehulist img{ position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%;}
.kehulist li:hover a{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}







.atc{ overflow: hidden; padding: 40px 0 100px;}

.atc-h{ padding-bottom: 15px;}
.atc-h h1{ font-size: 18px; color: #454545; font-weight: bold; line-height: 36px;}
.atc-h .atc-date{ line-height: 30px; color: #454545; margin-top: 40px;}
.atc-h .atc-date span{ display: block;}

.atc-h2{ }
.atc-h2 h1{ font-size: 18px; color: #454545; font-weight: bold; line-height: 40px;}
.atc-h2 .atc-date{ line-height: 30px; color: #454545;}
.atc-h2 .atc-date span{ display: block;}

.atc-pic{ width: 100%; margin-top: 72px;}
.atc-pic img{ width: 100%;}

.atc-con{ padding: 30px 0 40px; color: #454545; line-height: 30px; text-align: justify;}
.atc-con img{ max-width: 100%;}

.atc-pn{ position: relative;  padding: 15px 20px; background-color: #f5f5f5;
	line-height: 30px; overflow: hidden; height: 30px;}
.atc-pn a{ display: block; width: 84px; text-align: center;}
.atc-pn a span{ display: block; color: #333; -webkit-transition: 0.3s;
 -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.atc-pn a:hover span{ background-color: #102b92; color: #fff;}
.atc-pn a.atc-prev{ float: left;}
.atc-pn a.atc-next{ float: right;}
.atc-pn a.ret{ margin: 0 auto; width: 100px;}



.mwret{ height: 26px; margin-top: 60px;}
.mwret a{ display: block; width: 100px; height: 100%; 
	color: #969696; line-height: 26px;}
.mwret a:hover{ color: #3bb6ff; text-decoration: underline;}


.txtlist{ margin-top: 66px; color: #333; padding-bottom: 1px;}
.txtlist li{ height: 24px; line-height: 24px; margin-bottom: 30px;}
.txtlist li a{ display: block; color: #333; overflow: hidden;}
.txtlist li a:hover{ color: #3bb6ff;}


 

.newslist{ margin-top: 66px; color: #333; padding-bottom: 1px;}
.newslist li{ height: 24px; line-height: 24px; margin-bottom: 30px;}
.newslist li a{ display: block; padding-left: 120px; position: relative;
	color: #333; overflow: hidden;}
.newslist li a:hover{ color: #3bb6ff;}
.newslist li span.date{ position: absolute; width: 120px; left: 0; top:0; z-index: 1;}


.propic{ position: relative; width: 100%; height: 540px; z-index: 1; margin: 40px auto 0;}
.propic-scroll{ position:relative;}
.propic-scroll .slides{ overflow: hidden; height: 540px;}
.propic-scroll .slides li{ display:none; height: 100%; -webkit-backface-visibility:hidden; position: relative;}
.propic-scroll .slides li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.propic-scroll .slides a>img{ position: absolute; width: 100%; height: 100%;
	top:0; z-index: 1; left:0;}
.propic-scroll .slides li {background-color: #fff;}

.propic-scroll .flex-direction-nav a{ width:34px;height:64px;margin-top:-32px;display:block; font-size: 0;
	position:absolute; top:50%; z-index: 4; opacity: 0.5; filter:alpha(opacity= 50);}
.propic-scroll .flex-direction-nav a.flex-prev{ left:-34px;
	background: url('../images/pg-lt.png') center no-repeat;}
.propic-scroll .flex-direction-nav a.flex-prev:hover{
	background-image: url('../images/pg-lth.png');}
.propic-scroll .flex-direction-nav a.flex-next{ right:-34px;
	background: url('../images/pg-gt.png') center no-repeat;}
.propic-scroll .flex-direction-nav a.flex-next:hover{
	background-image: url('../images/pg-gth.png');}

.propic-scroll .flex-control-paging{ width: 100%; height: 10px; font-size: 0; text-align: center;
	position: absolute; bottom: 20px; left:0; z-index: 3;}
.propic-scroll .flex-control-paging li{display: inline-block; *display:inline; *zoom:1;
	overflow:hidden; width: 10px; height: 10px; margin: 0 5px;}
.propic-scroll .flex-control-paging li a{ width:10px; height:10px; display: block; cursor:pointer;
	background-color: #fff;}
.propic-scroll .flex-control-paging li a.flex-active{ background-color: #2097db;}



.about{ padding: 60px 0 100px;}
.about h1{ font-size: 24px; color: #333;}
.aboutcon{ color: #454545; line-height: 30px; text-align: justify; margin-top: 40px;}



.btl{ font-size: 16px; color: #333; line-height: 32px; padding-bottom: 10px;
 border-bottom: 1px solid #eee;}


.tmlist{ width: 1248px; padding: 40px 0 60px; margin-left: -24px; overflow: hidden;}
.tmlist li{ float: left;  margin-bottom: 45px;}
.tmlist li .lin{ padding: 0 24px;}
.tmlist li a{ display: block; width: 160px; text-align: center;}
.tmlist .pic{ width: 100%; height: 207px; overflow: hidden; position: relative;}
.tmlist img{ width: 100%; height: 100%;}
.tmlist li i{ position: absolute; z-index: 1; top: 0; left:0;
 background: rgba(0,0,0,0.2); width: 100%; height: 100%;}
.tmlist li h3{ font-size: 16px; color: #000; line-height: 28px; 
	height: 28px; overflow: hidden; margin-top: 10px;}
.tmlist li h4{ font-size: 14px; color: #999; line-height: 20px; 
	height: 20px; overflow: hidden;}
.tmlist li:hover h3,.tmlist li:hover h4{ color: #20399a;}
.tmlist li:hover i{ height: 0;}

.tmlist li h3,.tmlist li h4,.tmlist li i{-webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}


.tmlist2{ width: 1320px; padding: 70px 0 2px; margin-left: -60px; overflow: hidden;}
.tmlist2 li{ float: left; width: 540px; height: 300px; margin: 0 60px 60px;}
.tmlist2 li .pic{ width: 100%; height: 100%;}
.tmlist2 li img{ width: 100%; height: 100%;}




.rylist{ width: 1240px; margin-left: -20px; padding:70px 0;}
.rylist li{ float: left; width: 310px; margin-bottom: 30px;}
.rylist li .lin{ padding:0 20px;}
.rylist li a{ display: block;}

.rylist li .pic{ width: 250px; height:182px; overflow: hidden; border: 1px solid #dcdcdc;
	line-height: 182px; text-align: center; font-size: 0; padding: 9px;}
.rylist li img{ max-width: 100%; max-height: 100%;}

.rylist li h3{ font-size: 16px; color: #333; line-height: 36px; text-align: center; 
	height: 36px; overflow: hidden; background-color: #fff; margin-top: 10px;}
.rylist li h3,.rylist li .pic{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.rylist li:hover h3{ color: #20399a;} 
.rylist li:hover .pic{ box-shadow: 0 4px 14px 1px rgba(0,0,0,0.1);}



.lx{ margin-top: 60px; padding-bottom: 20px;
	color: #454545; line-height: 36px; text-align: justify;}


.zhaopin{ margin-top: 60px;}
.zhaopin .info{ color: #454545; line-height: 36px;}
.zplist{ padding: 36px 0 60px;}
.zplist li{ color: #454545; line-height: 36px; margin-bottom: 36px;}
.zplist .zpone1{ font-weight: bold;}

.zpcon{ text-align: justify;}
.zpcon img{ max-width: 100%;}







.mwpiclist{ padding: 0; margin: 0; height: 200px; overflow: hidden;
	-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.mwpiclist li{ float: left; margin-bottom: 2px; margin-right: 2px;}
.mwpiclist li a{display: block; width: 98px; height: 98px; position: relative;}
.mwpiclist li a img{ width: 100%; height: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);  filter: grayscale(100%); filter: gray;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.mwpiclist li:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);  filter: grayscale(0%); filter: none;}


.scrollbar{ width: 100%; height: 6px; position: absolute; bottom: 0; left:0; z-index: 2;}
.scrollbar.disable{display: none;}
.track{ width: 100%; height: 100%; background-color: #ededed; position: relative; top:4px;}
.thumb{ height: 100%; background-color: #a8a8a8;
	position: absolute; left:0; top:0;z-index: 1; cursor: pointer;}
#scrollbar1{ position: absolute; padding-bottom: 40px; width: 1200px; height: 200px;
	left:50%; top:50%; z-index: 1; margin-top: -120px; margin-left: -600px;}
#scrollbar1 .viewport{ position: relative; width: 100%; overflow: hidden; height: 200px;}
#scrollbar1 .overview{ position: absolute; z-index: 1; left:0; top:0;}