@charset "utf-8";
@font-face {font-family: 'Helvetica Condensed Bold';src: url('../font/Helvetica Condensed Bold.ttf');}
@font-face {font-family: 'Roboto-Light';src: url('../font/Roboto-Light.ttf');}


.dashi{ width: 100%; height: 861px; position: relative;
	background: url('../images/fazhanbg.jpg') center;}
.dashiin{ position: relative;}

.fcate3{ position: absolute; left:180px; top:90px; z-index: 1;}
.fcate3 .cn{ font-size: 40px; line-height: 56px; color: #fff;}
.fcate3 .en{ font-size: 0; display: none;}
.fcate3 .en img{ vertical-align: top;}

.fcate32{ text-align: center;}
.fcate32 .cn{ font-size: 36px; line-height: 56px; color: #fff;}
.fcate32 .en{ font-size: 0; display: none;}
.fcate32 .en img{ vertical-align: top;}

.dashibt{ position: absolute; left: 0; top:135px; z-index: 1;}
.dashibt h3{ font-size: 24px; color: #fff; font-weight: bold; line-height: 50px;}
.dashibt h5{ font-size: 20px; color: #de181b; font-family: arial; line-height: 1em;}

.dsitem{ position: absolute; z-index: 2;}
.dsitem span{ font-size: 18px; color: #fff; line-height: 40px; vertical-align: middle;}
.dsitem em{ margin: 0 25px; font-size: 40px; font-weight: bold; vertical-align: middle;
	 line-height: 40px; color: #fff; font-family: 'Helvetica Condensed Bold';}
.item01{ top:95px; right:60px;}
.item02{ top:215px; right:340px;}
.item03{ top:350px; right:450px;}
.item04{ top:470px; left:340px;}
.item05{ top:590px; left:240px;}
.item06{ top:720px; left:50px;}
.dsitem.item01:hover,.dsitem.item02:hover,.dsitem.item03:hover
	{ -webkit-transform:translateX(-30px); -moz-transform:translateX(-30px);
    -o-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px);}
.dsitem.item04:hover,.dsitem.item05:hover,.dsitem.item06:hover
	{ -webkit-transform:translateX(30px); -moz-transform:translateX(30px);
    -o-transform:translateX(30px); -ms-transform:translateX(30px); transform:translateX(30px);}

.dashi2{ padding: 40px 10px; height: 350px; display: none;
	background: url('../images/fazhanbg2.jpg') center;}
.dashibt2{ margin-bottom: 40px; text-align: center;}
.dashibt2 h3{ font-size: 24px; color: #000; font-weight: bold; line-height: 50px;}
.dashibt2 h5{ font-size: 20px; color: #de181b; font-family: arial; line-height: 1em;}

.dashiscroll{ position: relative; margin-top: 30px;}
.fdslist{ }
.fdslist li{ float: left; width: 100%; text-align: center; padding-top: 60px;
	background: url('../images/dot05h.png') top center no-repeat;}
.fdslist li a{ display: block;}
.fdslist li div{ color: #de181b; font-size: 30px; font-family: 'Helvetica Condensed Bold'; font-weight: bold; margin-top: 20px;}
.fdslist li p{ font-size: 20px; color: #fff; line-height: 40px; margin-top: 20px; padding: 0 25px;}

.dashiscroll .prev{ position: absolute; left:0; top:10px; z-index: 1; width: 75px; height: 105px;
	background: url('../images/fc-lt.png') center no-repeat; cursor: pointer;}
.dashiscroll .next{ position: absolute; right:0; top:10px; z-index: 1; width: 75px; height: 105px;
	background: url('../images/fc-gt.png') center no-repeat; cursor: pointer;}
@media screen and (max-width:1650px){
	.fcate3{ left: 90px;}
}
@media screen and (max-width:1200px){
	.dashi{ display: none;}
	.dashi2{ display: block;}
}
@media screen and (max-width:480px){
	.dashiscroll .prev{ background-position: left center; background-size: 30%;}
	.dashiscroll .next{ background-position: right center; background-size: 30%;}
}




.fgklist{ overflow: hidden; width: 100%;}
.fgklist li { float: left; width: 50%; height: 400px;}
.fgklist li.first{ height: 800px;}
.fgklist li .lin{ height: 100%;}
.fgklist li a{ display: block; height: 100%; position: relative;}

.fgklist li .pic{ position: absolute; width: 100%; overflow: hidden; height: 100%;}
.fgklist li .pic img{ width: 960px; margin-left: -480px;
	position: absolute; left:50%; top:0; z-index: 0;}

.fgklist li .wz{ padding: 130px 80px 0 180px; position: relative; z-index: 1;
	text-align: left; color: #fff;}
.fgklist li.first .wz{ padding-top: 500px;}
.fgklist li .fig{ height: 42px; margin-bottom: 20px;}
.fgklist li .fig img{ height: 100%;}
.fgklist li h3{ font-size: 32px; line-height: 50px; white-space: nowrap; height: 50px; overflow: hidden;}
.fgklist li .txt{ font-size: 18px; line-height: 24px; word-break:normal;
	font-family: 'arial'; text-transform: uppercase; display: none;}

.fgklist li:hover .wz{ padding-top: 140px;}
.fgklist li.first:hover .wz{ padding-top: 510px;}
.fgklist li .wz{ -webkit-transition: .5s; -moz-transition: .5s;
	-ms-transition: .5s; -o-transition: .5s; transition:  .5s;}
@media screen and (max-width:1650px){
	.fgklist li .wz{ padding: 130px 80px 0 90px;}
}
@media screen and (max-width:960px){
	.fgklist li{ float: none; width: 100%;}
	.fgklist li.first{ height: 400px;}
	.fgklist li.first .wz{ padding: 130px 80px 0;}
	.fgklist li.first:hover .wz{ padding-top: 140px;}
	.fgklist li.first .pic img{ top:-100px;}
}
@media screen and (max-width:750px){
	.fgklist li .txt{ font-size: 26px; line-height: 40px;}
}




.fcom{ padding: 120px 0;}
.fcate2{ text-align: center;}
.fcate2 .cn{ font-size: 24px; line-height: 56px; color: #333;}
.fcate2 .en{ font-size: 0;}
.fcate2 .en img{ vertical-align: top;}


.fcomlist{ overflow: hidden; padding: 44px 0 1px; width: 1440px; max-width: 100%; margin: 0 auto;}
.fcomlist li{ float: left; width: 25%;}
.fcomlist li .lin{ padding: 0 10px;}
.fcomlist li a{ display: block; background-color: #fff; position: relative;}

.fcomlist li .pic{ position: relative; width: 100%; overflow: hidden;
	 height: 0; padding-bottom: 145.3%; background-color: #000;}
.fcomlist li .pic i{ width: 48px; height: 48px;
	position: absolute; top:40px; left:30px; z-index: 2;}
.fcomlist li:hover .pic i{ -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);
  -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.fcomlist li .pic i.i1{ background: url('../images/fc-i1.png') center no-repeat;}
.fcomlist li .pic i.i2{ background: url('../images/fc-i2.png') center no-repeat;}
.fcomlist li .pic i.i3{ background: url('../images/fc-i3.png') center no-repeat;}
.fcomlist li .pic i.i4{ background: url('../images/fc-i4.png') center no-repeat;}
.fcomlist li img{ width: 100%; height: 100%; opacity: 0.7; filter:alpha(opacity= 70);
	position: absolute; left:0; top:0; z-index: 1;}

.fcomlist li .wz{ padding: 0 0 50px; position: absolute; left:0; bottom: 0; z-index: 3;
	color: #fff; width: 100%; text-align: left;}
.fcomlist li h3{ font-size: 18px; line-height: 34px; white-space: nowrap;
	padding: 0 30px; height: 34px; overflow: hidden;}
.fcomlist li .txt{ padding: 0 30px; font-size: 14px; line-height: 30px; white-space: nowrap; overflow: hidden;}

.fcomlist li:hover .pic img{ opacity: 0.5; filter:alpha(opacity= 50);}
.fcomlist li:hover .wz{ padding-bottom: 30px;}
.fcomlist li h3,.fcomlist li .wz{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
.fcomlist li i{ -webkit-transition: 2s; -moz-transition: 2s;
	-ms-transition: 2s; -o-transition: 2s; transition:  2s;}

.fcomlist li .ib{position: absolute;left: 0;bottom: 0;z-index: 5;height: 3px;width: 100%;}
.fcomlist li .ib:after{content: '';width: 0;height: 3px;top:0;left: 0;background: #bd0e1f;position: absolute;}
.fcomlist li .it{position: absolute;right: 0;top: 0;z-index: 5;height: 3px;width: 100%;}
.fcomlist li .it:after{content: '';width: 0;height: 3px;top:0;right: 0;background: #bd0e1f;position: absolute;}
.fcomlist li .il{position: absolute;left: 0;top: 0;z-index: 5;height: 100%;width: 3px;}
.fcomlist li .il:after{content: '';width: 3px;height: 0;top:0;left: 0;background: #bd0e1f;position: absolute;}
.fcomlist li .ir{position: absolute;right: 0;bottom: 0;z-index: 5;height: 100%;width: 3px}
.fcomlist li .ir:after{content: '';width: 3px;height: 0;bottom:0;left: 0;background: #bd0e1f;position: absolute;}
.fcomlist li a:hover .ib:after,.fcomlist li a:hover .it:after{width: 100%;}
.fcomlist li a:hover .il:after,.fcomlist li a:hover .ir:after{height: 100%;}
.fcomlist li .ib:after,.fcomlist li .it:after,
.fcomlist li .il:after,.fcomlist li .ir:after{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
@media screen and (max-width:1350px){
	.fcomlist{ width: 1000px; font-size: 0; text-align: center;}
	.fcomlist li{ float: none; display: inline-block; width: 420px; margin: 40px 0;}
	.fcomlist li .lin{ padding: 0 40px;}
}






.fnews{ padding: 76px 0 58px; position: relative;}
.fnewsin{ width: 1690px; max-width: 100%; margin: 0 auto; overflow: hidden; position: relative;}

.fnews-l{ float: left; width: 27.8%; height: 730px; position: relative;
	background: url('../images/cck3.png') left 380px no-repeat;}

.fcate4{ position: absolute; left:22px; top:180px; z-index: 1;}
.fcate4 .cn{ font-size: 24px; line-height: 56px; color: #333;}
.fcate4 .en{ font-size: 0;}
.fcate4 .en img{ vertical-align: top;}

.fnewslist{ float: right; width: 72.2%; overflow: hidden;}
.fnewslist li{ float: left; width: 33%; border-left: 1px solid #e5e5e5;}
.fnewslist li .inner{ padding: 68px 40px 44px; background-color: #fff;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;
	-o-transition: 0.3s; transition: 0.3s;}
.fnewslist li .inner:hover{ background-color: #f5f5f5;}
.fnewslist li .title{ padding-top: 56px; height: 32px; overflow: hidden; 
	 font-size: 18px; color: #333; line-height: 32px; text-indent: 4px;
	 -webkit-transition: 0.3s; -moz-transition: 0.3s;
	 -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.fnewslist li:hover .title{ color: #bd0e1f;}
.fnewslist li .title.i1{ background: url('../images/fn-i1.png') 4px 0 no-repeat;}
.fnewslist li .title.i2{ background: url('../images/fn-i2.png') 4px 0 no-repeat;}
.fnewslist li .title.i3{ background: url('../images/fn-i3.png') 4px 0 no-repeat;}

.fnewslist li:hover .title.i1{ background-image: url('../images/fn-i1h.png');}
.fnewslist li:hover .title.i2{ background-image: url('../images/fn-i2h.png');}
.fnewslist li:hover .title.i3{ background-image: url('../images/fn-i3h.png');}


.fnewslist dd{ height: 36px;}
.fnewslist dd a{ display: block; height: 100%; color: #000; line-height: 36px; overflow: hidden;}
.fnewslist dd a:hover{ text-decoration: underline; color: #bd0e1f;}

.hot{ position: relative; margin-top: 54px;}
.hot .pic{ width: 100%; height: 180px; overflow: hidden; margin-top: 22px;}
.hot .pic img{ width: 100%; height: 100%;}

.hot h3{ font-size: 22px; color: #333; line-height: 40px; height: 40px; overflow: hidden;}
.hot .date{ font-size: 12px; color: #999; line-height: 20px; height: 20px;}
.hot p{ color: #767676; line-height: 26px; overflow: hidden; height: 78px; margin: 12px 0;}
@media screen and (max-width:1600px){
	.fnewsin{ width: auto; padding: 0 50px;}
	.fnews-l{ width: 22%; background-size: 100% auto;}
	.fnewslist{ width: 78%;}
	.fcate4{ left: 0;}
}
@media screen and (max-width:1350px){
	.fnews{ padding: 58px 0 58px;}
	.fnews-l{ float: none; width: auto; height: auto; background-image: none;}
	.fnewslist{ float: none; width: 100%;}
	.fcate4{ position: static; text-align: center; margin-bottom: 40px;}
	.fnewslist li:first-child{ border-left: 0 none;}
}
@media screen and (max-width:1200px){
	.fnewsin{ padding: 0 20px;}
	.fnewslist li .inner{ padding: 68px 20px 44px;}
}





.fcate5{ position: relative;}
.fcate5 .cn{ font-size: 36px; line-height: 56px; color: #333;}
.fcate5 .en{ font-size: 0; display: none;}
.fcate5 .en img{ vertical-align: top;}
.fcate5 a.more{ position: absolute; right:0; z-index: 1; bottom: 0; padding-right: 20px;
	font-size: 16px; color: #666; line-height: 28px; height: 28px;
	background: url('../images/more.png') right no-repeat;}
.fcate5 a.more:hover{ color: #c6243b;}

.fnews2{ padding-top: 88px;}
.fnewslist2{ margin: 30px -25px 0; overflow: hidden;}
.fnewslist2 li{ float: left; width: 25%;}
.fnewslist2 li .lin{ padding: 0 25px;}
.fnewslist2 li a{ display: block; width: 100%; padding-bottom: 30px;}
.fnewslist2 .pic{ width: 100%; height: 0; padding-bottom: 62.5%; overflow: hidden; position: relative;}
.fnewslist2 img{ position: absolute; z-index: 1; left:0; top:0;}


.fnewslist2 li h3{ font-size: 18px; color: #000; line-height: 30px;
	padding: 12px 0 0; height: 30px; overflow: hidden;}
.fnewslist2 li .txt{ color: #767676; line-height: 24px; text-align: justify;
	height: 48px; margin: 8px 0 0; overflow: hidden;}
.fnewslist2 li .info{ font-size: 16px; line-height: 30px; color: #fff; text-align: center; margin-top: -15px;
	width: 110px; height: 30px; background-color: #d5b544; overflow: hidden; position: relative; z-index: 2;}
.fnewslist2 li:hover h3{ color: #bd0e1f;}

.fnewslist2 li h3{-webkit-transition: .6s; -moz-transition: .6s;
	 -ms-transition: .6s; -o-transition: .6s; transition:  .6s;}

@media screen and (max-width:1500px) {
	.fnewslist2 li .txt{ height: 72px;}
}
@media screen and (max-width:1200px) {
	.fnewslist2{ margin-top: 50px;}
	.fnewslist2 li{ width: 50%;}
}
@media screen and (max-width:960px) {
	.fnewslist2{ margin: 50px -15px 0;}
	.fnewslist2 li .lin{ padding: 0 15px;}
}
@media screen and (max-width:750px) {
	.fcate5 a.more{ font-size: 24px; line-height: 46px; height: 46px;}
	.fnewslist2 li h3{ font-size: 30px; line-height: 40px; height: 80px; overflow: hidden;}	
	.fnewslist2 li .txt{ font-size: 24px; line-height: 40px; height: 160px; margin:20px 0 0;}
	.fnewslist2 li .info{ display: none;}
	.fnewslist2 li a{ padding-bottom: 50px;}
}
@media screen and (max-width:640px) {
	.fnewslist2 li{ width: 100%;}
}




.fcate6{ position: relative;}
.fcate6 .cn{ font-size: 36px; line-height: 56px; color: #333;}
.fcate6 .en{ font-size: 0; display: none;}
.fcate6 .en img{ vertical-align: top;}
.fcate6 a.more{ position: absolute; right: 0; z-index: 1; bottom: 0; padding-right: 20px;
	font-size: 16px; color: #666; line-height: 28px; height: 28px;
	background: url('../images/more.png') right no-repeat;}
.fcate6 a.more:hover{ color: #c6243b;}

.fnews3{ padding-top: 75px; padding-bottom: 80px;}
.fnewslist3{ margin: 32px -35px 0; overflow: hidden;}
.fnewslist3 li{ float: left; width: 33.3%;}
.fnewslist3 li .lin{ padding: 0 35px;}
.fnewslist3 li a{ display: block; width: 100%; position: relative;
	padding-bottom: 25px; border-bottom: 2px solid #ddd;}
.fnewslist3 li a:after{ content: ''; position: absolute; left: 0; bottom:-2px; z-index: 1;
	width: 33%; height: 2px; background-color: #c6243b;}

.fnewslist3 li h3{ font-size: 18px; color: #000; line-height: 30px;
	max-width: 410px; height: 60px; overflow: hidden;}
.fnewslist3 li .txt{ color: #767676; line-height: 24px; max-width: 350px; height: 48px;
	 margin: 10px 0 8px; overflow: hidden; text-align: justify;}
.fnewslist3 li .info{ font-size: 12px; line-height: 20px; height: 20px; color: #666; overflow: hidden;}
.fnewslist3 li .info span.clock{ padding-left: 20px;}
.fnewslist3 li:hover h3{ color: #bd0e1f;}
.fnewslist3 li:hover a:after{ width: 100%;}

.fnewslist3 li h3,.fnewslist3 li a:after{-webkit-transition: .6s; -moz-transition: .6s;
	 -ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
@media screen and (max-width:1300px) {
	.fnewslist3 li .txt{ height: 72px;}
}
@media screen and (max-width:1200px) {
	.fnewslist3{ margin: 50px -25px 0;}
	.fnewslist3 li .lin{ padding: 0 25px;}
}
@media screen and (max-width:1100px) {
	.fnewslist3 li{ width: 50%; margin-bottom: 20px;}
}
@media screen and (max-width:960px) {
	.fnewslist3{ margin: 50px -15px 0;}
	.fnewslist3 li .lin{ padding: 0 15px;}
}
@media screen and (max-width:750px) {
	.fnews3{ padding-bottom: 40px;}
	.fcate6 a.more{ font-size: 24px; line-height: 46px; height: 46px;}
	.fnewslist3 li h3{ font-size: 30px; line-height: 40px; height: 80px; overflow: hidden;}	
	.fnewslist3 li .txt{ font-size: 24px; line-height: 40px; height: 160px; margin:20px 0 0;}
	.fnewslist3 li .info{ display: none;}
	.fnewslist3 li{ margin-bottom: 40px;}
}
@media screen and (max-width:640px) {
	.fnewslist3 li{ width: 100%;}
}





.fjianjie{ width: 100%; height: 600px; overflow: hidden; 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;}
.vdbtn .play{ font-size: 24px; color: #f7f7f7; text-align: center; line-height: 48px;
	width: 100%; background: url('../images/play.png') top no-repeat; padding-top: 72px;
	position: absolute; left:0; z-index: 2; top:50%; margin-top: -27px;}

.fcate{}
.fcate .cn{ font-size: 36px; line-height: 56px; color: #333;}
.fcate .en{ font-size: 0; display: none;}
.fcate .en img{ vertical-align: top;}


.fjjcon{ width: 50%; height: 100%; float: left; position: relative;}
.fjjcon .cck{ position: absolute; top:0; right:0; z-index: 1; width: 120px; height: 120px;
	 background: #bd0e1f url('../images/cck.png') center no-repeat;}
.fjjcon .inner{ padding: 110px 180px 10px; width: auto; margin: 0 auto;}
.fjjcon .fabcon{ line-height: 24px; color: #777; margin: 16px 0 20px;
	 height: 120px; overflow: hidden; text-align: justify;}

.fjjcon a.more{ font-size: 16px; line-height: 26px; color: #666; text-transform: uppercase;
	display: block; width: 66px; padding-right: 20px; margin-top: 60px; margin-left: 0;
	background: url('../images/more.png') right no-repeat;}
.fjjcon a.more:hover{ color: #bd0e1f; margin-left: 10px;}


.guolist{ margin: 0 auto; overflow: hidden; width: 100%;
	 position: relative; z-index: 1; font-size: 0;}
.guolist li{ display: inline-block; width: auto; margin-right: 70px;}
.guolist li:last-child{ margin-right: 0;}
.guolist li a{ display: block; position: relative; text-align: center;}


.guolist h3{ font-size: 48px; color: #333; position: relative;
	height: 56px; line-height: 56px; font-family: 'Roboto-Light';
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.guolist h3 i{font-style: normal;}
.guolist li .txt{ font-size: 14px; color: #777; line-height: 26px;}
.guolist li:hover h3{ color: #bd0e1f;}
@media screen and (max-width:1650px){
	.fjjcon .inner{ padding: 110px 90px 10px;} 
}
@media screen and (max-width:1200px){
	.fjjcon .inner{ padding: 110px 60px 10px;}
}
@media screen and (max-width:1100px){
	.fjjcon .inner{ padding: 110px 30px 10px;}
	.fjjcon a.more{ margin-top: 40px;}
}
@media screen and (max-width:960px){
	.fjianjie{ height: auto;}
	.fjjcon{ float: none; width: 100%; height: auto; padding-bottom: 70px;}
	.fjjcon .fabcon{ height: auto;}
	.guolist li{ width: 30%; margin-right: 10px;}

	.fjianjie .rightbg{ position: relative; width: 100%; height: 600px;}
}
@media screen and (max-width:750px){
	.fjjcon .fabcon{ font-size: 24px; line-height: 40px; margin: 36px 0;}
	.fabcon div,.fabcon p,.fabcon span{ font-size: 24px!important; line-height: 40px!important;}

	.guolist li .txt{ font-size: 26px; line-height: 40px;}
	.fjjcon a.more{ font-size: 24px; line-height: 40px; width: 100px;}
}




.vdplay{ position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 99;
	background: url('../images/op0-80.png'); display: none;}
.vd-cha{ position: absolute; right: 0; top: 0; z-index: 3; color: #fff; width: 80px; height: 80px;
    font-size: 50px; text-align: center; line-height: 80px; font-family: Arial; cursor: pointer;}
.vdplay-con{ position: relative; width: 80%; left: 10%; height: 100%; background-color: #000;}
#vdbed{ position: absolute; left:0; top:0; margin-top:0; z-index: 1; width: 100%; height: 100%;}

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















/* 内页 */
.inbanner{ width:100%; height: 500px; position: relative; overflow: hidden;}
.inbanner>img{ position: absolute; left:50%; top:0; width: auto; height: 100%; z-index: 0; margin-left: -960px;}


.ibcate{ width: 100%; display: table; position: absolute; text-align: center;
	height: 100%; left:0; top:0; z-index: 1;}
.ibcatein{ display: table-cell; vertical-align: middle; position: relative; color: #d10d1d;}
.ibcatein .cn{ font-size: 40px; line-height: 60px;}
.ibcatein .en{  font-size: 34px; line-height: 50px; font-weight: bold; text-transform: uppercase; display: none;}
.ibcatein .hx{ width: 40px; height: 5px; background-color: #d10d1d; margin: 18px auto 0;}

.ibcatein2{ color: #fff;}.ibcatein2 .hx{ background-color: #fff;}

.js-qiecon{ display: none;}.js-qiecon.on{ display: block;}
.bgf5{ background-color: #f5f5f5;}
/* @media screen and (max-width:1000px){
	.inbanner{ height: 312px;}
	.inbanner>img{ width: auto; left:50%; margin-left: -600px;}
} */


/* 三级导航 */
.outnavbg{ width: 100%; height: 70px; background-color: #fff; border-bottom: 1px solid #e6e6e6;}
.outnav3{ height: 70px; 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/outnav-lt5.png); background-color: #f4f4f4;}
.outnav3 .nav-right{ right:0; background-image: url(../images/outnav-gt5.png); background-color: #f4f4f4;}
.outnav3 .nav-left:hover,.outnav3 .nav-right:hover{ background-color: #d10d1d;}
.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: 240px; 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: inline-block; position: relative; width: auto; height: 100%;
	color: #333; line-height: 70px; font-size: 16px; padding: 0 10px;}
.nav7 li:hover a,.nav7 li.on a{ color: #d10d1d;}

.nav7 li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0;
	width: 0; height: 1px; background-color: #d1212b; -webkit-transition: 0.3s; 
	-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.nav7 li.on a:after,.nav7 li:hover a:after{ width: 100%; left: 0;}
@media screen and (max-width:750px){
	.nav7 li a{ font-size: 24px;}
}




.main,.main3{ background-color: #f5f5f5; padding: 40px 0 60px;}
.atc-out{ max-width: 1200px; margin: 0 auto; background-color: #fff;}
.atc{ padding: 60px 0 60px; width: 900px; margin: 0 auto;}
.atc-h{ text-align: center;}
.atc-h h1{ font-size: 24px; color: #222; line-height: 40px;}
.atc-date{ color: #666; line-height: 30px; margin-top: 12px; padding: 10px 0; background-color: #f5f5f5;}
.atc-date a{ color: #666;}
.atc-date i{ margin: 0 20px;}
.atc-con{ padding: 24px 0 40px; font-size: 14px; line-height: 26px; color: #666; border-bottom: 1px solid #ebebeb;}
.atc-con img{ max-width: 100%; margin: 5px 0;}

.atc-pn{ position: relative; margin-top: 20px;}
.atc-pn a{ display: block; overflow: hidden; color: #666; line-height: 32px;}
.atc-pn a:hover{ color: #d1212b;}

.atc-pn a.ret{ font-size: 16px; color: #d1212b; text-align: center; line-height: 44px; 
	width: 180px; height: 44px; background-color: #fff; border: 1px solid #dbdbdb; margin-top: 30px;}
.atc-pn a.ret:hover{ color: #fff; background-color: #d1212b;}

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

@media screen and (max-width:1200px) {
	.main{ padding: 0;}
}
@media screen and (max-width:960px) {
	.videowrap{ padding-bottom: 60%; height: 0;}
	.video{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
	.atc{ padding: 60px 30px; width: auto;}
}
@media screen and (max-width:750px) {
	.atc-h h1{ font-size: 30px; line-height: 50px;}
	.atc-h .atc-date{ font-size: 24px; line-height: 36px; margin-top: 20px;}
	.atc-con{ font-size: 26px; line-height: 46px; padding: 40px 0;}
	.atc-con div,.atc-con p,.atc-con span{ font-size: 26px !important; line-height: 46px!important;}
	
	.atc-pn{ font-size: 24px;}
	.atc-pn a{ line-height: 40px;}

	.atc-pn a.ret{ width: 260px; display: block; margin: 40px auto 0;
		 height: 60px; line-height: 60px; font-size: 26px;}
}





.jituanlist{ padding: 40px 0 20px; max-width: 1200px; margin: 0 auto;}
.ab1{ overflow: hidden; height: 438px; background-color: #fff; margin-bottom: 40px;}
.ab1 .inner{ display: block; height: 100%;}
.ab1 .pic{ float: right; width: 50%; height: 100%; position: relative; overflow: hidden;}
.ab1 .pic img{ position: absolute; width: 600px; height: 100%;
	 left:50%; top:0; z-index: 0; margin-left: -300px;}
.ab1 .pic i{ position: absolute; left:0; top: 0; z-index: 1; width: 100%; height: 100%;
	background: rgba(0,0,0,0.3) url('../images/glass.png') center no-repeat;
	opacity: 0; filter:alpha(opacity= 0);}
.ab1 .l{ width: 50%; height: 100%; position: relative;}
.ab1left{ padding: 90px 70px 10px;}
.ab1left h3{ color: #222; font-size: 24px; line-height: 44px; height: 44px; overflow: hidden;}
.ab1left h3 a{ color: #222;}
.ab1left .txt{ font-size: 14px; color: #666; line-height: 26px; margin-top: 10px; 
	height: 156px; overflow: hidden;}
.ab1left .txt a{ color: #666;}
.ab1left label{ display: block; width: 160px; height: 40px; cursor: pointer; margin-top: 16px;
	font-size: 16px; color: #fff; line-height: 40px; text-indent: 38px;
	background: #d10d1d url('../images/chain.png') 112px center no-repeat;}

.ab1:hover .pic i{ opacity: 1; filter:alpha(opacity= 100);}
.ab1:hover .ab1left h3 a{ color: #d10d1d;}
.ab1 i,.ab1 h3 a{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	-ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

@media screen and (max-width:1200px){
	.ab1left .txt{ height: 156px;}
}
@media screen and (max-width:1000px){
	.ab1{ max-width: 630px; height: auto; padding: 30px; margin: 0 auto 40px;}
	.ab1 .pic{ float: none; width: 100%; height: auto;}
	.ab1 .pic img{ position: static; margin-left: 0; width: 100%;}
	.ab1 .l{ float: none; width: 100%; height: auto;}
	.ab1left{ padding: 10px 0 50px;}
	.ab1left .txt{ height: auto;}
}
@media screen and (max-width:750px){
	.ab1left h3{ font-size: 30px; line-height: 50px; height: auto;}
	.ab1left .txt{ font-size: 26px; line-height: 40px; margin-top: 20px; }
	.ab1left label{ font-size: 26px; line-height: 50px; height: 50px; margin-top: 30px;
	width: 200px; background-position: 160px center;}
}





.newslist{ padding: 40px 0 60px; max-width: 1200px; margin: 0 auto;}
.newslist li{ width: 100%; padding: 30px 0; border-bottom: 1px solid #eaeaea;}
.newslist li a{ display: block; position: relative; padding-left: 410px;
	height: 210px; overflow: hidden; padding-right: 170px;}

.newslist li .pic{ position: absolute; left: 30px; top:0; z-index: 1;
	width: 340px; height: 100%; overflow: hidden;}
.newslist li .pic img{ width: 100%; height: 100%;}

.newslist li h3{ font-size: 20px; color: #303030; line-height: 40px; height: 40px; overflow: hidden; padding: 10px 0 0 0;}
.newslist li .txt{ color: #767676; line-height: 24px; overflow: hidden; height: 72px; margin-top: 12px; text-align: justify;}
.newslist li .info{ font-size: 12px; color: #999; line-height: 20px; margin-top: 30px;}
.newslist li .info span{ display: inline-block; padding-left: 22px; margin-right: 20px;}
span.clock{ background: url('../images/clock.png') left no-repeat;}
span.click{ background: url('../images/click.png') left no-repeat;}

.newslist li label{ display: block; width: 38px; height: 38px; position: relative;
	 background: #fff url('../images/jia1.png') center no-repeat; border: 1px solid #cacaca;
	position: absolute; right:30px; top:76px; z-index: 1; cursor: pointer;}

.newslist li:hover h3{ color: #d10d1d;}
.newslist li:hover{ box-shadow: 0 4px 20px 1px rgba(112,112,112,0.2);}
.newslist li:hover label{ background-color: #d10d1d; border-color: #d10d1d;
	 background-image: url('../images/jia1h.png');}
.newslist h3,.newslist li,.newslist label{ 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
@media screen and (max-width:1200px){
	.newslist li a{ padding-right: 100px;}
}
@media screen and (max-width:1040px){
	.newslist li a{ padding-right: 30px;}
	.newslist li label{ display: none;}
	.newslist li .txt{ height: 96px;}
	.newslist li .info{ margin-top: 20px;}
}
@media screen and (max-width:900px){
	.newslist li .txt{ height: 120px;}
	.newslist li .info{ display: none;}
}
@media screen and (max-width:750px){
	.newslist li a{ padding-left: 312px; padding-right: 20px; height: 168px;}
	.newslist li .pic{ left:20px; width: 272px;}
	.newslist li h3{ font-size: 30px; line-height: 48px; height: 48px; padding-top: 0;}
	.newslist li .txt{ line-height: 36px; height: 108px;}
}




.liuyan{ padding: 18px 0 20px; color: #333; font-size: 0;}
.liuyan .hang{ float: left; width: 49%; height: 40px; line-height: 40px; margin-bottom: 20px;}
.liuyan .hang.long{ float: none; width: 100%;}
.liuyan .hang.first{ margin-right: 2%;}
.liuyan .hang.fat{ width: 100%; height: auto;}


.liuyan input[type=text]{ width: 100%; height: 38px; border:1px solid #d7d7d7;
	 line-height: 38px; text-indent: 18px; font-size: 14px; margin-left: -2px;}
.liuyan p { /* padding-left: 90px; */ height: 100%;}
.liuyan p label{float: left; margin-left: -90px; width: 80px; text-align: right; font-size: 18px; display: none;}
.liuyan textarea{ padding: 2%; height: 150px; border:1px solid #d7d7d7; resize:none;
	vertical-align: top; width:96%; line-height: 30px; font-size: 14px; margin-left: -2px;}
.liuyan input[type=text]:focus,.liuyan textarea:focus{ border-color: #cf1322;}
.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{ display: inline-block; width: 100%; height: 100%; vertical-align: top;}

.liuyan .hang2{ height: 40px; line-height: 40px; margin-bottom: 20px;}
.liuyan .hang2>div{ float: left; height: 100%;}
.liuyan .hang2 i.v{ width: 220px;}
.liuyan .verifyImg{ width: 98px; height: 38px; cursor: pointer; vertical-align: top; border: 1px solid #d7d7d7; margin-left: 10px;}
.liuyan .yzmchange{ display: inline-block; vertical-align: top; width: 50px;
	background: url('../images/change2.png') center no-repeat;}
 

.liuyan input#tj{ float: right; width: 160px; height: 38px; font-size: 14px; line-height: 38px;
	background-color: #cf1322; color: #fff; border: 1px solid #cf1322;}
.liuyan input#tj:hover{ background-color: #fff; color: #cf1322;}

@media screen and (max-width:1200px){
	.liuyan{ padding: 18px 20px 20px;}
}
@media screen and (max-width:1080px){
	.liuyan{ padding: 40px 0 0;}
}
@media screen and (max-width:750px){
	.liuyan .hang{ float: none; width: auto; height: 60px; margin-left: 0; line-height: 60px; margin-bottom: 40px;}
	.liuyan .hang.first{ margin-right: 0;}
	.liuyan input[type=text]{ font-size: 24px; height: 58px; line-height: 58px;}
	/* .liuyan p { padding-left: 110px;}
	.liuyan p label{ width: 100px; font-size: 24px; margin-left: -110px; text-align: left;} */
	.liuyan textarea{ line-height: 40px; font-size: 24px; height: 200px;}

	.liuyan .hang2{ float: none; height: 60px; line-height: 60px; margin-bottom: 40px;}
	.liuyan .hang2>div{ float: none;}
	.liuyan .hang2 i.v{ width: 320px;}
	.liuyan .verifyImg{ float: right; width: 148px; height: 58px;}
	.liuyan .yzmchange{ float: right;}
	.liuyan input#tj{ width: 100%; height: 60px; line-height: 60px; font-size: 30px; margin-top: 40px;}

	.v span.Validform_checktip{ font-size: 22px; line-height: 30px; height: 30px;}
}


#map{ width: 100%; height: 600px;}

.lxout{ max-width: 1200px; margin: 52px auto; overflow: hidden;}
.lxleft{ float: left; width: 380px;}
.lxright{ float: right; width: 610px;}

.cate5{ width: 100%; color: #cf1322;}
.cate5 .cn{ font-size: 36px; line-height: 54px;}
.cate5 .en{  font-size: 36px; line-height: 50px; font-weight: bold; text-transform: uppercase; display: none;}
.cate5 .hx{ width: 70px; height: 2px; background-color: #cf1322; margin-top: 10px;}

.lxleft .intro{ font-size: 14px; line-height: 24px; color: #999; margin-top: 24px;}

.lxway{ margin-top: 36px;}
.lxway p{ font-size: 16px; line-height: 32px; color: #666; margin-bottom: 10px;}

@media screen and (max-width:1260px){
	.lxout{ width: auto; padding: 0 30px;}
}
@media screen and (max-width:1080px){
	.lxleft{ float: none; width: 100%;}
	.lxright{ float: none; width: 100%;}
}
@media screen and (max-width:750px){
	.lxleft .intro{ font-size: 24px; line-height: 42px;}
	.lxway p{ font-size: 26px; line-height: 46px;}
}





.about{ max-width: 1200px; margin: 68px auto 0;}
.aboutcon{ font-size: 16px; line-height: 2em; color: #666; padding: 30px 0 50px;
	text-align: justify;}
.aboutcon img{ max-width: 100%;}

.cate{ text-align: center;}
.cate .en{ font-size: 36px; line-height: 48px; color: #bd0e1f; font-family: 'Times New Roman'; text-transform: uppercase; display: none;}
.cate .cn{  font-size: 36px; line-height: 54px; color: #333;}


.ablist{ overflow: hidden; width: 100%; font-size: 0;}
.ablist li { display: inline-block; width: 33.33%;}
.ablist li .lin{ padding-left: 1px;}
.ablist li:first-child .lin{ padding-left: 0;}
.ablist li a{ display: block; height: 360px; position: relative; background-color: #000; overflow: hidden;}

.ablist li .pic{ position: absolute; width: 100%; overflow: hidden; height: 100%;}
.ablist li .pic img{ width: 640px; height: 100%; margin-left: -320px;
	position: absolute; left:50%; top:0; z-index: 0; opacity: 1; filter:alpha(opacity= 100);}

.ablist li .wz{ padding: 115px 20px 0; position: relative; z-index: 1;
	 max-width: 400px; text-align: left; color: #fff; margin: 0 auto;}
.ablist li .fig{ height: 42px; margin-bottom: 20px;}
.ablist li .fig img{ height: 100%;}
.ablist li h3{ font-size: 32px; line-height: 50px; white-space: nowrap; height: 50px; overflow: hidden;}
.ablist li .txt{ font-size: 18px; line-height: 30px; word-break:normal; display: none;
	font-family: 'arial'; text-transform: uppercase;}

.ablist li:hover .wz{ padding-top: 100px;}
.ablist li:hover .pic img{ opacity: 0.6; filter:alpha(opacity= 60);}
.ablist li .wz{ -webkit-transition: .5s; -moz-transition: .5s;
	-ms-transition: .5s; -o-transition: .5s; transition:  .5s;} 

@media screen and (max-width:1260px){
	.about{ width: auto; padding: 0 30px;}
}
@media screen and (max-width:1000px){
	.ablist{ width: 640px; margin: 0 auto; padding-bottom: 30px;}
	.ablist li{ width: 100%; margin-bottom: 30px;}
}
@media screen and (max-width:750px){
	.aboutcon{ font-size: 26px; line-height: 46px;}
	.aboutcon div,.aboutcon p,.aboutcon span{ font-size: 26px !important; line-height: 46px!important;}
}




.rylist{ max-width: 1240px; overflow: hidden; padding: 80px 0 20px; margin: 0 auto;}
.rylist li{ float: left; width: 25%; margin-bottom: 40px;}
.rylist li .lin{ padding: 0 25px;}
.rylist li a{display: block; position: relative;}
.rylist li a:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 2;
	width: 0; height: 1px; background-color: transparent;}
.rylist li a:before{ content: ''; position: absolute; left: 0; bottom:0; z-index: 1;
	width: 100%; height: 1px; background-color: #e6e6e6;}
.rylist li .pic{ width: 100%; height:0; padding-bottom: 81%; 
	position: relative; overflow: hidden; }
.rylist li .pic .wrap{ background-color: #efefef; width: 100%; height: 100%;
	position: absolute; left:0; top:0; z-index: 1; font-size: 0; text-align: center;}
.rylist li .pic .wrap i{ display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.rylist li img{ max-width: 95%; max-height: 95%;}

.rylist li h3{ font-size: 14px; line-height: 40px; text-align: center; height: 40px;
	overflow: hidden; color: #666;}
.rylist li h3,.rylist li a:after{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.rylist li:hover h3{ color: #d10d1d;}
.rylist li:hover a:after{ width: 100%; background-color: #d10d1d;}
@media screen and (max-width:1240px){
	.rylist{ padding: 70px 20px 30px;}
	.rylist li .lin{ padding: 0 15px;}
}
@media screen and (max-width:1100px){
	.rylist li{ width: 33.3%;}
	.rylist li h3{ line-height: 50px; height: 50px;}
}
@media screen and (max-width:900px){
	.rylist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.rylist li h3{ font-size: 24px; padding: 5px;}
}



.rytxtlist{ max-width: 1200px; margin: 0 auto; border-bottom: 1px solid #ececec;
	 padding: 68px 0 64px; overflow: hidden;}
.rytxtlist li{ float: left; padding: 10px 0; width: 33.3%; position: relative;}
.rytxtlist li.i0,.rytxtlist li.i1,.rytxtlist li.i2{ padding-top: 17px;
	background: url('../images/line-ry.png') left top no-repeat;}
.rytxtlist li a{ display: block; padding-right: 30px; height: 24px; overflow: hidden;
	 color: #666; font-size: 14px; line-height: 24px;}
.rytxtlist li a:hover{ color: #d10d1d;}
@media screen and (max-width:1250px){
	.rytxtlist{ padding: 66px 50px;}
}
@media screen and (max-width:1000px){
	.rytxtlist li{ width: 50%;}
	.rytxtlist li.i2{ padding-top: 0;background-image: none;}
}
@media screen and (max-width:750px){
	.rytxtlist li{ float: none; width: 100%;}
	.rytxtlist li.i1{ padding-top: 0;background-image: none;}
	.rytxtlist li a{ font-size: 26px; line-height: 40px; height: 40px; padding-right: 0;}
}





.whlist{ max-width: 1260px; overflow: hidden; padding: 76px 0 50px; margin: 0 auto;}
.whlist li{ float: left; width: 33.3%; margin-bottom: 40px;}
.whlist li .lin{ padding: 0 30px;}
.whlist li a{display: block; position: relative;}
.whlist li a:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 2;
	width: 0; height: 1px; background-color: transparent;}
.whlist li .pic{ width: 100%; height:0; padding-bottom: 56.11%; 
	position: relative; overflow: hidden; }
.whlist li .pic i{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 2;}
.whlist li .pic i.i1{ background: url('../images/wh1.png') center no-repeat;}
.whlist li .pic i.i2{ background: url('../images/wh2.png') center no-repeat;}
.whlist li .pic i.i3{ background: url('../images/wh3.png') center no-repeat;}
.whlist li .pic i.i4{ background: url('../images/wh4.png') center no-repeat;}
.whlist li .pic i.i5{ background: url('../images/wh5.png') center no-repeat;}
.whlist li .pic i.i6{ background: url('../images/wh6.png') center no-repeat;}
.whlist li img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}

.whlist li h3{ font-size: 14px; line-height: 38px; text-align: center; height: 38px;
	overflow: hidden; color: #333; border: 1px solid #ddd; padding: 20px 0; white-space: nowrap;}
.whlist li h3,.whlist li a:after{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.whlist li:hover h3{ color: #d10d1d;}
.whlist li:hover a:after{ width: 100%; background-color: #d10d1d;}
@media screen and (max-width:1200px){
	.whlist{ padding: 70px 15px 40px;}
}
@media screen and (max-width:1100px){
	.whlist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.whlist li .lin{ padding: 0 15px;}
	.whlist li h3{ font-size: 24px; height: 76px; padding: 20px 15px; white-space: normal;}
}




.huodong{ background: url('../images/huodongbg.jpg') top no-repeat; padding: 130px 0 78px;}
.roundabout{ position: relative; z-index: 3; overflow: hidden; 
	 height: 446px; padding:0 80px 70px;}
ul#ra-slider{ position: relative; width: 100%; height: 100%;
	z-index: 1; margin: 0 auto; overflow: hidden; padding-bottom: 6px!important;
	-webkit-transition-property: -webkit-transform; transition-property: transform; }
ul#ra-slider li{ overflow: hidden; width: 784px; height: 430px; border: 8px solid #fff;}

ul#ra-slider li a{ opacity: 0.7; filter: alpha(opacity=70);
  -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
ul#ra-slider li.roundabout-in-focus a,
ul#ra-slider li:hover a{ opacity: 1; filter: alpha(opacity=100);}

ul#ra-slider li a{ display: block; width: 100%; height: 100%; position: relative;
	 font-size: 0; line-height: 430px; text-align: center;}
ul#ra-slider li a img{ width: 100%; height: 100%; vertical-align: top;}


a.raprev,a.ranext{ position: absolute; width: 50px; height: 100px; z-index: 1; cursor: pointer;
	 top:50%; margin-top: -50px;
	font-family: 'simsun'; font-size: 70px; line-height: 100px; text-align: center; color: #bbb;}
a.raprev{ left: 0;}a.ranext{ right: 0;}
a.raprev:hover,a.ranext:hover{ background-color: #d10d1d; color: #fff;}

ul.switcher{text-align:center; font-size: 0;
	position:absolute; width: 100%; left:0; bottom:0; height: 20px; z-index: 2;}
ul.switcher li{ display:inline-block; width: 20px; height: 100%; margin:0 12px;
	background: url('../images/huodong-dot.png') center no-repeat;}
ul.switcher li:hover, ul.switcher li.on{ background-image: url('../images/huodong-doth.png');}

@media screen and (max-width:1100px){
	.roundabout{ padding: 0 30px 70px;}
}
@media screen and (max-width:1000px){
	.roundabout{ height: 366px;}
	ul#ra-slider li{ width: 640px; height: 350px;}
	ul#ra-slider li a{ line-height: 350px;}
}
@media screen and (max-width:750px){
	.roundabout{ height: 346px;}
	ul#ra-slider li{ width: 600px; height: 330px;}
	ul#ra-slider li a{ line-height: 330px;}
}




.main2{ background-color: #f5f5f5; padding: 70px 0 54px;}

.dashiout{ overflow: hidden; padding-left: 200px; position: relative;}

.yearlist{ width: 80px; position: absolute; top:0; left:50%; z-index: 1; margin-left: -600px;}
.yearlist.fixed{ position: fixed; top:90px;}
.yearlist li{ width: 100%; height: 30px; margin-bottom: 1px;}
.yearlist li a{ display: block; text-align: center; font-family: 'arial'; position: relative;
	font-size: 14px; color: #666; line-height: 30px; background-color: #fff;}
.yearlist li a:after{ content: ''; position: absolute; width: 5px; height: 14px; z-index: 1; right:0; top:50%;
	background: url('../images/sjr-year.png') center no-repeat; margin-top: -7px; opacity: 0; filter:alpha(opacity= 0);
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.yearlist li.on a,.yearlist li:hover a{ background-color: #d10d1d; color: #fff; font-size: 18px;}
.yearlist li.on a:after,.yearlist li:hover a:after{ right:-5px; opacity: 1; filter:alpha(opacity= 100);}



.dashilist{ width: 100%; position: relative; overflow: hidden;}
.dashilist:before{ content: ''; position: absolute; left: 72px; top:0; z-index: 0;
	width: 4px; height: 100%; background-color: #ddd;}
.dashilist li{ padding-bottom: 45px;}
.dashilist dt{ padding-left: 100px; position: relative; z-index: 1; height: 50px;
	background: url('../images/dot-year.png') 64px no-repeat;}
.dashilist dt span{ font-size: 28px; color: #d10d1d; font-family: 'arial';
	font-weight: bold; font-style: italic; line-height: 50px;}

.dashilist dd{ padding-left: 100px; position: relative; z-index: 1; margin-top: 15px;
	min-height: 52px; background: url('../images/dot-day.png') 68px 20px no-repeat;}
.dashilist dd label{ position: absolute; left:0; top:0; z-index: 1; width: 72px; height: 52px;
	font-size: 14px; color: #333; line-height: 52px;}
.dashilist dd .txt{ background-color: #fff; position: relative; padding: 14px 30px;
	font-size: 14px; color: #666; line-height: 24px;}
.dashilist dd .txt:before{ content: ''; position: absolute; z-index: 1; left:-10px; top:20px;
	background: url('../images/sjl-day.png') center no-repeat; width: 10px; height: 13px;}

.dashibtn{ display: block; height: 22px; margin-left: 100px; line-height: 22px; color: #666;}
@media screen and (max-width:1260px){
	.yearlist{ left:0; margin-left: 0;}
	.yearlist.fixed{ left:30px;}
}
@media screen and (max-width:1050px){
	.dashiout{ padding-left: 120px;}
}
@media screen and (max-width:900px){
	.dashiout{ padding-left: 100px;}
}
@media screen and (max-width:750px){
	.dashiout{ padding-left: 0;}
	.yearlist{ display: none;}

	.dashilist:before{ left:102px;}
	.dashilist dt{ padding-left: 130px; background-position: 94px center;}
	.dashilist dt span{ font-size: 34px;}
	.dashilist dd{ padding-left: 130px; min-height: 70px; background-position: 98px 20px;}
	.dashilist dd label{ width: 100px; font-size: 24px;}
	.dashilist dd .txt{ font-size: 24px; line-height: 42px;}
}





.lichenout{ margin: 70px 0 60px;}
.cate2{ text-align: center;}
.cate2 .cn{ font-size: 24px; line-height: 44px; color: #333;}
.cate2 p{ font-size: 14px; line-height: 24px; color: #666;}

.lichenlist{ max-width: 1040px; padding: 40px 0 182px; position: relative; margin: 10px auto 0;}
.lichenlist:before{ content: ''; position: absolute; left: 50%; top:0; z-index: 0;
	width: 0; height: 100%; border-left: 1px dashed #b4b4b4;}
.lichenlist li{ padding-right: 50%; height: 182px; text-align: right; position: relative; z-index: 1;
	background: url('../images/fz-dot.png') center 11px no-repeat;}
.lichenlist li .inner{ padding-right: 50px;}

.lichenlist li .pic{ width: 100%; height: 168px; margin-bottom: 10px;}
.lichenlist li .pic img{ height: 100%;}
.lichenlist li .year{  height: 44px; line-height: 44px;
	font-size: 24px; color: #d1212b; font-weight: bold; font-style: italic;}
.lichenlist li .txt{ font-size: 14px; color: #666; line-height: 24px; overflow: hidden;} 

.lichenlist li:nth-child(2n){ padding-right: 0; padding-left: 50%; text-align: left;}
.lichenlist li:nth-child(2n) .inner{ padding-left: 50px; padding-right: 0;}

.chenbtn{ display: block; width: 42px; height: 42px; margin: 0 auto; font-size: 0;
	background: url('../images/fz-top.png') center no-repeat;}

@media screen and (max-width:1040px){
	.lichenlist{ width: auto; padding: 40px 20px 182px;}
}
@media screen and (max-width:750px){
	.cate2 .cn{ font-size: 34px; line-height: 54px;}
	.cate2 p{ font-size: 24px; line-height: 34px;}

	.lichenlist li{ background-position: center 14px; height: 280px;}
	.lichenlist li .inner{ padding-right: 30px;}
	.lichenlist li:nth-child(2n) .inner{ padding-left: 30px; padding-right: 0;}

	.lichenlist li .year{ font-size: 30px; height: 50px; line-height: 50px;}
	.lichenlist li .txt{ font-size: 24px; line-height: 36px; max-height: 252px;} 
}




.rencai{ max-width: 1200px; margin: 0 auto; background-color: #fff; padding-top: 48px;}
.rencaicon{ font-size: 16px; line-height: 28px; color: #666; padding: 25px 80px 56px;
	text-align: justify;}
.rencaicon img{ max-width: 100%; margin-top: 10px;}

@media screen and (max-width:1200px){
	.rencaicon{ padding: 25px 30px 56px;}
}
@media screen and (max-width:750px){
	.rencaicon{ font-size: 26px; line-height: 46px;}
	.rencaicon div,.rencaicon p,.rencaicon span{ font-size: 26px !important; line-height: 46px!important;}
}

/* 人才招聘 */
.rec{ padding: 40px 0 0; max-width: 1200px; margin: 0 auto;}
.rec-head{ height: 50px; line-height: 50px; background-color: #dedede; overflow: hidden;}
.rec-head .th{ float: left; padding: 10px 0; width: 20%; height: 30px; overflow: hidden;
	 font-size: 16px; color: #444; line-height: 30px; font-weight: bold; text-align: center;}
.rec-head .th.zhiwei{  }

.reclist{ background-color: #fff;}
.reclist li{ border-top: 1px dashed #eee;}
.reclist li:first-child{ border-top: 0 none;}

.rec-hand{ height: 60px; line-height: 60px; background-color: #fff; overflow: hidden;
	-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.rec-hand .td{ float: left; padding: 10px 0; width: 20%; overflow: hidden;
	 font-size: 16px; color: #444; line-height: 40px; text-align: center; height: 40px;}
.rec-hand .td.zhiwei{ }
.rec-hand a.more{ display: block; cursor: pointer; background: url('../images/zp.png') center no-repeat; }

.reclist li.on{ border-color: #fff;}
.reclist li.on .rec-hand{ background-color: #d1212b;}
.reclist li:hover .rec-hand .td{ color: #cf1322;}
.reclist li.on .rec-hand .td{ color: #fff;}
.reclist li.on .rec-hand a.more{ background-image: url('../images/zph.png');}
.reclist li,.rec-hand,.reclist .td,.reclist .rec-hand a.more{ -moz-transition: 0.6s;
 -ms-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}

.reclist .rec-con{ display: none;}
.reclist .rec-txt{ font-size: 14px; color: #777; line-height: 30px; padding: 32px 100px;}
@media screen and (max-width:1000px){
	.reclist .rec-txt{ padding: 32px 40px;}
}
@media screen and (max-width:750px){
	.rec-head{ height: 80px; line-height: 80px;}
	.rec-head .th{ font-size: 26px; height: 60px; line-height: 60px;}

	.rec-hand{ height: 70px; line-height: 70px;}
	.rec-hand .td{ font-size: 24px; height: 50px; line-height: 50px;}

	.reclist .rec-txt{ font-size: 26px; line-height: 44px;} 
	.rec-txt div,.rec-txt p,.rec-txt span{ font-size: 26px!important; line-height: 44px!important;}
}


.recform{ color: #888; height: 60px; font-size: 0; background-color: #fff;
	 border-top: 1px solid #dedede;}
.recform .pai{ float: left; width: 25%; height: 60px; line-height: 60px;}

.recform .pai .inner{ height: 100%; padding-left: 60px; position: relative;}
.recform .pai .inner:after{ content: ''; position: absolute; right: 0; top:0; z-index: 0;
	width: 1px; height: 100%; background-color: #dedede;}
.recform label{ width: 60px; height: 100%; position: absolute; text-align: center;
	top:0; z-index: 1; left:0;}
.recform label:after{ content: ''; position: absolute; right: 0; top:15px; z-index: 0;
	width: 1px; height: 30px; background-color: #dedede;}
.recform label.i1{ background: url('../images/jl1.png') center no-repeat;}
.recform label.i2{ background: url('../images/jl2.png') center no-repeat;}
.recform label.i3{ background: url('../images/jl3.png') center no-repeat;}

.recform input[type=text]{ font-size: 14px; border: 0 none;
	text-indent: 20px; width: 100%;}
.recform input.short[type=text]{ width: 100px;}
.recform i.v{ width: 100%; height: 100%; vertical-align: top;}

.recform .v span.Validform_checktip{ }

.recform i.jianli s{ display: inline-block; width: 100%; text-indent: 20px;
	 text-decoration: none; font-style: normal; font-size: 14px; color: #999;}
.recform .recjl{ position: absolute; width: 100%; height: 100%; left: 0; top:0; z-index: 1;
	opacity: 0; filter: alpha(opacity=0);}
.recform img.yzmpic{ width: 130px; height: 40px; cursor: pointer; 
	position: absolute; top:10px; right:10px; z-index: 1;}

.recform input.tj2{ width: 25%; height: 60px; font-size: 18px; line-height: 60px;
	background-color: #d1212b; color: #fff;}
.recform input.tj2:hover{ opacity: 0.8; filter: alpha(opacity=80);}

@media screen and (max-width:1200px){
	.recform{ height: auto;}
	.recform .pai{ width: 50%; border-bottom: 1px solid #dedede;}
	.recform input.tj2{ width: 50%;}
	.recform input.short[type=text]{ width: 200px;}
}
@media screen and (max-width:750px){
	.recform .pai{ float: none; width: 100%;}
	.recform input[type=text]{ font-size: 26px;}
	.recform .v span.Validform_checktip{ left:50%; top:15px;}
	.recform i.jianli s{ font-size: 26px;}
	.recform img.yzmpic{ height: 50px; width: auto; top:5px;}
	.recform input.tj2{ width: 100%; font-size: 30px;}
}





.cate3{ max-width: 1200px; margin: 0 auto;}
.cate3 .en{ font-size: 66px; line-height: 66px; color: #f5f5f5; font-family: 'Times New Roman'; text-transform: uppercase; display: none;}
.cate3 .cn{  font-size: 32px; line-height: 60px; color: #333; position: relative;
	background: url('../images/line-tm.jpg') 240px 32px no-repeat; letter-spacing: 2px;}
.cate3 .cn2{ background-position: 272px 32px;}


.dongshi{ margin: 0 auto 112px; padding-top: 57px; position: relative; max-width: 1200px;}
.dstxt{ width: 69%; position: relative; background: url('../images/boss-k.jpg') center no-repeat;
	background-size: 100% 100%;}
.dstxt .inner{ padding: 44px 80px 88px;}
.dscon{ font-size: 16px; color: #666; line-height: 32px; text-align: justify;}
.dspic{ position: absolute; right:0; top:0; z-index: 1; width: 400px;}
.dspic img{ width: 100%;}
.qianmin{ position: absolute; right: 105px; bottom: 40px; z-index: 2;}
.dstitle{ position: relative; padding-bottom: 10px; margin-bottom: 18px; height: 60px;
	color: #d1212b; font-size: 34px; line-height: 60px;}
.dstitle:after{ content: ''; position: absolute; left: 3px; bottom:0; z-index: 0;
	width: 30px; height: 2px; background-color: #d1212b;}
.dstitle span{ margin-left: 20px; font-size: 16px; color: #333;}
@media screen and (max-width:1200px){
	.dongshi{ padding-right: 400px; padding-top: 0;}
	.dstxt{ width: 100%;}
}
@media screen and (max-width:1000px){
	.dstxt .inner{ padding: 44px 50px 88px;}
}
@media screen and (max-width:900px){
	.dstxt .inner{ padding: 44px 30px 88px;}
}
@media screen and (max-width:840px){
	.dongshi{ padding: 0 40px;}
	.dspic{ position: static; margin:0 auto 60px;}
	.dstxt .inner{ padding: 44px 50px 88px;}
}
@media screen and (max-width:750px){
	.dstitle span{ font-size: 24px;}
	.qianmin{ right: 60px;}
	.dscon{ font-size: 24px; line-height: 40px;}
	.dscon div,.dscon p,.dscon span{ font-size: 24px!important; line-height: 40px!important;}
}



.tmout{ margin-top: 72px;}
.tmlist{ max-width: 1224px; padding: 40px 0 60px; margin: 0 auto; overflow: hidden;}
.tmlist li{ float: left; width: 25%; margin-bottom: 10px;}
.tmlist li .lin{ padding: 0 13px; text-align: center;}
.tmlist li a{ display: block; width: 100%; padding-bottom: 26px;}
.tmlist .pic{ width: 100%; height: 0; padding-bottom: 133.2%; overflow: hidden; position: relative;}
.tmlist img{ position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%;}

.tmlist li h3{ font-size: 18px; color: #333; line-height: 28px;
	padding: 0 10px; height: 28px; overflow: hidden; margin-top: 26px;}
.tmlist li .txt{ font-size: 14px; color: #666; line-height: 22px;
	 padding: 0 15px; height: 22px; overflow: hidden;}

.tmlist li:hover a{ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2);}
.tmlist li:hover h3{ color: #d1212b;}
.tmlist li:hover .txt{ color: #d1212b;} 

.tmlist li h3,.tmlist li .txt,.tmlist li a{-webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
@media screen and (max-width:1260px){
	.cate3{ padding: 0 25px;}
}
@media screen and (max-width:1200px){
	.tmlist{ padding: 40px 15px 60px;}
	.tmlist li .lin{ padding: 0 10px;}
}
@media screen and (max-width:1100px){
	.tmlist li{ width: 33.3%;}
}
@media screen and (max-width:900px){
	.tmlist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.tmlist li h3{ font-size: 30px; line-height: 46px; height: 46px;}
	.tmlist li .txt{ font-size: 24px; line-height: 36px; height: 36px;}
	.tmlist li:hover a{ box-shadow: none;}
}