body{
	width: 100%;
	overflow: hidden;
}

h1, h2, h3,a:hover{text-decoration:none;  }
.clear{clear:both;}
.clearfix:after, .clearfix:before{ display: table; content: ""; line-height: 0;}
.clearfix:after{ clear:both;}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.rect-50{padding-bottom: 50%;}
.rect-677{padding-bottom: 67.7%;}

.box{ width:1200px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position: relative;}
.w1200{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
header{
	width: 100%;
	height: 80px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	position: relative;
	z-index: 10;
}
.nav-box{
	width: 100%;
	display: none;
	position: absolute;
}
.nav-box.flex{
	top: 0;
	left: 0;
	z-index: 20;
}
.nav-box .bg{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	display: none;
}
.nav-box .nav-list-box{
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	width: 21.5%;
	height: 100%;
	overflow: auto;
	display: none;
}
.nav-box .nav-list-box::-webkit-scrollbar  
{  
    width: 1px;  
    height: 1px;  
    background-color:none; 
    display: none; 
}   
.nav-box .nav-list-box::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;  
    background-color:none;  
}   
.nav-box .nav-list-box::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: none;  
}  
.nav-box .nav-list-box ul{
	padding-top: 14.4%;
	padding-left: 35%;
}
.nav-box .nav-list-box li{
	padding-bottom: 22px;
}
.nav-box .nav-list-box h2{
	font-size: 22px;
	color: #333;
	line-height: 47px;
}
.nav-box .nav-list-box h2 span{
	width: 17%;
	font-size: 30px;
	display: inline-block;
	color: #e3e3e3;
	position: relative;
	top: 4px;
	transition:color 0.3s;
}
.nav-box .nav-list-box h2 a{
	display: inline-block;
	color: #333333;
}
.nav-box .nav-list-box a{
	display: inline-block;
	color: #666666;
	transition:color 0.3s;
}
.nav-box .nav-list-box p{
	padding-left: 17%;
	font-size: 16px;
	color: #666666;
	line-height: 32px;
}
header.flex{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	height:90px;
}
header.one{
	background: none;
	box-shadow: none;
}
header .logo{
	width: 184px;
	display: block;
	height: 100%;
	margin-left: 1.25%;
}
header .logo img{
	position: relative;
	top: 16px;
	transition: top 0.3s;
}
header .china{
	margin-left: 1.4%;
	padding:20px 0 20px 1.8%;
	font-size: 12px;
	color: #666;
	font-family: 'Arial';
	line-height: 20px;
	text-transform: uppercase;
	background: url(../img/line03_h.png) no-repeat left center;
}
header .logo .one{
	display: none;
}
header .logo .two{
	display: inline-block;
}
header .tit{
	width: 80px;
	height: 100%;
	background: #c20a14;
	float: right;
	position: relative;
	cursor: pointer;
}
header .tit.on, header.one .tit.on, header.the .tit.on{
	background: url(../img/wel14.png) no-repeat left center;
}
header.the.on{
	 background: #fff;
}
header nav.tit.on span{
	display: none;
}
header nav.tit span{
	position:relative;
	left: 50%;
	margin-left: -15px;
	top: 32px;
} 
header nav.tit .line01{
	width:31px;
	height: 1px;
	background: #fff;
	margin-bottom: 9px;
	display: block;
}
header nav.tit .line02{
	width:31px;
	height: 2px;
	background: url(../img/line02.png) no-repeat center;
	margin-bottom: 9px;
	display: block;
}
header .bdsharebuttonbox{
	float: right;
	padding: 36px 1% 32px 0;
	margin-right: 1%;
	background: url(../img/line01.png) no-repeat right center;
}
header .bdsharebuttonbox a{
	width: 17px;
	height: 19px;
	padding: 0;
	margin: 0 5px;
	transition:background 0.3s;
}

header .bdsharebuttonbox a.bds_em{
	background: url(../img/ic-01h.png) no-repeat center;
}
header .bdsharebuttonbox a.bds_weixin1{
	font-size: 16px;
}
header.one .bdsharebuttonbox a.bds_weixin1{ color:#fff;}
header .nav-list{
	float: right;
	width: 60%;
	margin-right: 2%;
	line-height: 90px;
}
header .nav-list li{
	float: left;
	width: 12%;
	background: url(../img/head05.jpg) no-repeat left center;
	text-align: center;
}
header .nav-list a{
	color: #666;
	font-size: 16px;
	display: block;
	width: 100%;
	transition:color 0.3s;
}
header .nav-list li:hover a{ color:#c20a14;}
header .nav-list .active a{color:#c20a14; }
header.one .logo .one{
	display: inline-block;
}
header.one .logo .two{
	display: none;
}
header.one .china{
	background: url(../img/line03.png) no-repeat left center;
	color: #fff;
}
header.one .tit{
	background: none;
}
header.one .bdsharebuttonbox a.bds_oa{
	background: url(../img/aa09_h.png) no-repeat center;
}
header.one .bdsharebuttonbox a.bds_em{
	background: url(../img/ic-01.png) no-repeat center;
}
header.one .bdsharebuttonbox a.bds_weixin{
	background: url(../img/ic-02.png) no-repeat center;
}
header.one .nav-list a{
	color: #fff;
}
.bdshare-button-style0-16 a{ background:none !important;}
header.one .nav-list li{
	background: none;
}
header .en{
	display: block;
	margin-right:12px;
	font-size: 16px;
	color: #333;
	height: 100%;
	line-height: 90px;
	transition:color 0.3s;
}
header .en:hover{
	color: #c20a14;
}
header.one .en{
	color: #fff;
}
footer{
	width: 100%;
	padding: 17px 0 19px;
}
footer.flex{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 20;
}
footer p{
	font-size: 12px;
	color: #666;
	opacity: 0.8;
	line-height: 30px;
	text-transform: uppercase;
}
footer .fr a{font-size: 12px;}

footer p a{
	text-transform: capitalize;
	font-size: 14px;
	color: #666;
	transition:color 0.3s;
}
footer.one p{
	color: #fff;
}
footer.one p a{
	color: #fff;
}
footer.two p.fr{
	display: none;
}
header.the{
	background: none;
	box-shadow: none;
}

header.the .bdsharebuttonbox{
	display: none;
}
header.the .nav-list{
	display: none;
}
header.the .tit{
	background: none;
}
header.the nav.tit span{
	background: #333 !important;
}
header.the .en{
	display: none;
}

#allmap{
	width: 100%;
	height: 600px;
	margin-bottom: 35px;
}
.contact-box{
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
	padding:37px 0 48px;
}
.contact-box h2{
	font-size: 24px;
	color: #333;
	line-height: 44px;
	padding-bottom: 20px;
}
.contact-box ul{
	width: 100%;
}
.contact-box li{
	float: left;
	width: 50%;
	padding-left: 32px;
	font-size: 14px;
	color: #666666;
	line-height: 59px;
}
.contact-box li.li0{
	background: url(../img/con02.png) no-repeat left center;
}
.contact-box li.li1{
	background: url(../img/con03.png) no-repeat left center;
}
.contact-box li.li2{
	background: url(../img/con04.png) no-repeat left center;
}
.contact-box li.li3{
	background: url(../img/con05.png) no-repeat left center;
}
header .nav-list li.act a{
	color: #c20a14;
}
.inliner-nav{
	width: 100%;
	background: #eaeaea;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.inliner-nav i{
	display: inline-block;
	width: 1px;
	height: 17px;
	background: #cfcfcf;
	margin: 0 64px;
	position: relative;
    top: 5px;
}
.inliner-nav a{
	width: 132px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	color: #666;
}
.inliner-nav span{
	padding-left: 33px;
	display: inline-block;
}
.inliner-nav span.ico01{
	background: url(../img/join01.png) no-repeat left center;
}
.inliner-nav span.ico02{
	background: url(../img/join02.png) no-repeat left center;
}
.inliner-nav span.ico03{
	background: url(../img/news03.png) no-repeat left center;
}
.inliner-nav span.ico10{
	background: url(../img/aa01.png) no-repeat left center;
}
.inliner-nav span.ico11{
	background: url(../img/aa02.png) no-repeat left center;
}
.inliner-nav a.cur{
	color: #c20a14;	
}
.i-wrap3 .inliner-list, .i-wrap3 .inliner-bg{
	width: 666px;
	height: 666px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -333px 0 0 -333px;
	z-index: 5;
	background: url(../img/wel15.png) no-repeat center;
	background-size: 100% 100%;
	transform: scale(0);
}
.i-wrap3 .inliner-bg{
	transform: scale(0);
	background: none;
}
.i-wrap3 .inliner-bg span{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
    left: 41px;
}
.i-wrap3 .inliner-bg span.one{
	background: url(../img/wel23.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbg 1.2s infinite linear;
    animation: inlinerbg 1.2s infinite linear;

}
.i-wrap3 .inliner-bg span.two{
	background: url(../img/wel24.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbgo 1.2s infinite linear;
    animation: inlinerbgo 1.2s infinite linear;
}
@-webkit-keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}

@keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}
@-webkit-keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform:translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}

@keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}
.i-wrap3 .inliner-list .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*.i-wrap3 .inliner-list .bg:nth-child(1){
	width:0;
	background: url(../img/wel17.png) no-repeat top left;
}
.i-wrap3 .inliner-list .bg:nth-child(2){
	height: 0;
	background: url(../img/wel18.png) no-repeat top left;
}
.i-wrap3 .inliner-list .bg:nth-child(3){
	height: 0;
	top: auto;
	bottom: 0;
	background: url(../img/wel19.png) no-repeat bottom left;
}*/

/* 产品页 */
.pro-box{padding:40px 0 0; position: relative;}
.pro-box ul{ width:1128px; margin-left:-21px;}
.pro-box li{ float:left; width: 240px; height: 248px; margin: 15px 21px;}
.pro-box li .img{ width:240px; height:200px;position:relative ; overflow: hidden;}
.pro-box li .img img{width:240px; height:200px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.3s ease 0s;}
.pro-box li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.pro-box li p{ width:240px; height:48px; background:#0493db; line-height:48px; color:#fff; text-align:center; font-size:14px;}
.downlist{ width: 1200px; margin:60px auto;  padding:0 0;}
.picFocus{ float:left;  width:500px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:20px;  overflow:hidden; }
.picFocus .hd ul{ margin-left:30px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:100px; height:74px; border:2px solid #ddd; cursor:pointer; margin-right:8px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#2266b9;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:500px; height:368px; display:block;  }
.picFocus .prev{ position:absolute; left:0 ; bottom:24px;}
.picFocus .next{ position:absolute; right:0 ; bottom:24px;}
.floatl{ float: left;width: 502px;}
.floatr{ width: 600px; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; margin-bottom:20px;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{ width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 14px; margin-top:20px;}
.left02{ width: 100%; margin:20px auto 0; border-top:1px #ccc solid; padding-top:30px;}
.left02 p{ font-size: 14px; line-height: 24px;}
.left02 img{max-width:100%;}

.left02 td{ border: 1px #dfdfdf dashed;}

.i-wrap3 .inliner-list li{
	width: 8px;
	height: 8px;
	position: absolute;
	background: url(../img/wel16.png) no-repeat center;
	transition:all 0.3s;
	background-size: 100% 100%;
	z-index: 10;
	cursor: pointer;
}
.i-wrap3 .inliner-list li.li0{
	top: 25%;
    left: 6%;
}
.i-wrap3 .inliner-list li.li1{
	top: 25%;
    left: 93%;
}
.i-wrap3 .inliner-list li.li2{
	top: 99.1%;
    left: 49%;
}
.i-wrap3 .inliner-list li.on{
	background: url(../img/wel16_h.png) no-repeat center;
	background-size: 100% 100%;
}
.idea{
	width: 100%;
}
.idea .pic{
	float: left;
	width: 46.6%;
	position: relative;
	overflow: hidden;
}
.idea .pic img{
	position: relative;
	left: 50%;
	margin-left: -447px;
}
.idea .box{
	width: 53.4%;
	float: right;
	padding: 8% 18.7% 0 5%;
}
.idea .future{
	display: block;
	width: 38%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #c20a14;
	color: #fff;
	font-size: 15px;
	margin-bottom: 5%;
}
.idea h1{
	font-size: 52px;
	color: #333333;
	line-height: 59px;
}
.idea h2{
	font-size: 20px;
	color: #000000;
	line-height: 32px;
	margin-bottom: 10.6%;
}
.idea p{
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	padding-bottom: 3%;
}
.page{
	width: 100%;
	padding: 13px 0;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
	background: #eeeeee;
}
.page a.btns{
	font-size: 16px;
	color: #7d7d7d;
	line-height: 35px;
	height: 35px;
	transition:color 0.3s;
}
.page a.btns.prev{
	padding-left: 35px;
	background: url(../img/join03.png) no-repeat left center;
	float: left;
}
.page a.btns.next{
	padding-right: 35px;
	background: url(../img/join04.png) no-repeat right center;
	float: right;
}
.page a.num{
	color: #7d7d7d;
	font-size: 14px;
	line-height: 14px;
	padding: 12px 14px;
	margin: 0 5px;
	display: inline-block;
	transition:background 0.3s,color 0.3s;
}
.page a.num.active{
	background: #9b0000;
	color: #fff;
}
.join-box{
	padding: 56px 0 72px;
}
.join-box .join-list{
	border-bottom: 1px solid #e7e7e7;
}
.join-list .title{
	overflow: hidden;
	color: #fff;
	background: #c20a14;
	font-size: 14px;
	padding: 0px 40px;
	line-height: 50px;
	height: 50px;
}
.join-list .title p{
	text-align: center;
	float: left;
	width: 20%;
}
.join-list .title p:first-child{
	text-align: left;
}
.join-list .title p:last-child{
	text-align: right;
}
.join-list ul{
	width: 100%;
	padding: 0 40px;
}
.join-list ul li{
	background: #fff;
	border-top: 1px solid #efefef;
}
.join-list ul li .tit{
	font-size: 14px;
	line-height: 60px;
	height: 60px;
	color: #777777;
	cursor: pointer;
	overflow: hidden;
}
.join-list ul li .tit p:first-child{
	text-align: left;
}
.join-list ul li .tit p:last-child{
	text-align: right;
}
.join-list ul li .tit.on p:last-child{
	color: #c20a14;
}
.join-list ul li .tit p{
	float: left;
	width: 20%;
	text-align: center;
}
.join-list ul li .in{
	padding: 30px 50px;
	background: #f5f5f5;
	display: none;
}
.join-list ul li .in.on{
	display: block;
}
.join-list ul li .in .top dd{
	float: left;
	width: 25%;
	font-size: 12px;
	line-height: 30px;
}
.join-list ul li .in .top dd span{
	color: #666;
}
.join-list ul li .in .bot h1{
	font-size: 18px;
	color: #333333;
	line-height: 34px;
	margin-bottom: 8px;
}
.join-list ul li .in .bot dl dd{
	color: #777;
	font-size: 12px;
	line-height: 24px;
}
.join-list ul li .in .bot>div{
	float: left;
	width: 46%;
	margin-right: 4%;
}

.join-list ul li .in .bot{
	margin-top: 20px;
	padding-top: 20px;
	border-top:1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 40px;
}
.join-list ul li .in .more{
	display: block;
	width: 150px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #c30d18;
	margin-top: 27px;
}
.join-list ul li .in .more.btn{
	display: none;
	width: 164px;
	line-height: 30px;
}
.join-list ul li .in .more:hover{
	background: #e50f1c;
}


.div_jobs1{}
.div_jobs1 .div2{background: #c20a14;
padding-left: 4%;
padding-right: 4%;
margin-top: 45px;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 16px;}
.div_jobs1 .div2 .p1{ width:20%; margin-right:1%;}
.div_jobs1 .div2 .p2{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div2 .p3{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div2 .p4{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div2 .p5{ width:19%; text-align:center;}
.div_jobs1 .div3{ background:#eee;}
.div_jobs1 .div3 ul li .p1{ height:64px; line-height:64px; padding-left:4%; padding-right:4%; border-bottom:1px solid #fff; color:#808080; cursor:pointer; font-size:14px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_jobs1 .div3 ul li .p1 .pp1{ width:20%; margin-right:1%;}
.div_jobs1 .div3 ul li .p1 .pp2{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div3 ul li .p1 .pp3{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div3 ul li .p1 .pp4{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div3 ul li .p1 .pp5{ width:19%; text-align:center;}
.div_jobs1 .div3 ul li .div_js_on,.div_cont2 .div3 ul li:hover .p1{ background:#eee; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_jobs1 .div3 ul li .div_js_txt{ background:#eee; padding:20px 4%; border:1px solid #e6e6e6; color:#333;}


.news, .news-info, .news-list{
	padding: 68px 0 52px;
}
.news ul{
	width: 100%;
	border-right: 1px solid #dfdfdf;
}
.news li{
	width: 33.33%;
	float: left;
	border-left: 1px solid #dfdfdf;
	padding-bottom:32px;
}
.news li a{
	display: block;
	width: 100%;
	padding:29px 6% 40px;
	transition:background 0.3s;
}
.news li .data{
	font-size: 14px;
	color: #333333;
	line-height: 34px;
	font-family: 'Arial';
	margin-bottom: 15px;
	opacity: 1;
	transition:color 0.3s,opacity 0.3s;
}
.news li h2{
	font-size: 18px;
	color: #333;
	line-height: 25px;
	min-height: 50px;
	margin-bottom: 7px;
	transition:color 0.3s;
}
.news li .latest{
	font-size: 12px;
	color: #999999;
	line-height: 43px;
	opacity: 1;
	transition:color 0.3s,opacity 0.3s;
}
.news li .font{
	font-size: 14px;
	color: #888;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
	margin-top: 20px;
	transition:color 0.3s;
}
.news li .pic{
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.news li img{
	transition:all 0.3s;
}
.news li .jian{
	width: 52px;
	height: 11px;
	background: url(../img/news02.png) no-repeat center;
	transition:background 0.3s;
	display: block;
	margin-top: 34px;
}
.info-hd {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.info-hd h2 {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    padding: 0 0 10px;
}
.info-bd{
    position: relative;
    overflow: hidden;
    text-align: center;
    min-height: 300px;
}
.info-bd img{
	max-width: 100%;
}
.info-bd p{
	text-align: left;
	font-size: 12px;
	color: #666;
	line-height: 22px;
}
.info-page {
    margin-top: 45px;
    padding: 15px 0 0;
    border-top: 1px solid #eee;
}
.info-page .con{
	float: left;
	width: 80%;
}
.info-page p{
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
}
.info-page p a{
	color: #333;
	transition: all 0.5s;
}
.info-page p a:hover{
	color: #c20a14;
	transition: all 0.5s;
}
.info-page .back {
    float: right;
    display: inline-block;
    padding: 2px 22px;
    border: 2px solid #eee;
    color: #333;
    transition: all 0.3s;
}
.info-page .back:hover{
	background:#c20a14;
	color: #fff;
	 border: 2px solid #c20a14;
	transition: all 0.5s;
}
.news-list li{
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #f0f0f0;
	transition:box-shadow 0.3s;
}
.news-list li a{
	display: block;
	width: 100%;
}
.news-list li.even{
	background: #f5f5f5;
}
.news-list li .data{
	padding: 0 7% 0 5%;
	width: 100%;
	height: 80px;
	line-height: 80px;
	position: relative;
	font-size: 14px;
	color: #333333;
	transition:background 0.3s,color 0.3s;
}
.news-list li b{
	width: 21px;
	height: 11px;
	position: absolute;
	top:50%;
	margin-top: -5px;
	right: 7%;
	background: url(../img/news04.png) no-repeat center;
	transition:background 0.3s;
}
.news-list li .box{
	padding: 40px 7% 62px 5%;
	width: 100%;
	display: block;
}
.news-list li h2{
	width: 82.5%;
	font-size: 24px;
	color: #333333;
	line-height: 44px;
	margin-bottom: 13px;
}
.news-list li .font{
	font-size: 14px;
	color: #888888;
	line-height: 20px;
	width: 82.5%;
}
.inline-banner{
	width: 100%;
	position: relative;
	height: 600px !important;
	overflow: hidden;
}
.inline-banner.classify{
	height: 460px !important;
}
.inline-banner .flex-pic{
	position: absolute;
	left: 50%;
	width: 1920px;
	margin-left: -960px;
	top: 0;
	z-index: 1;
} 
.inline-banner .con{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	text-align: center;
	width: 100%;
	padding-top: 109px;
}
.inline-banner .con .box{
	width: 142px;
	height: 145px;
	margin: 0 auto;
	text-align: center;
	line-height: 142px;
	position: relative;
}
.inline-banner .con .bg{
	width: 100%;
	height: 100%;
	background: url(../img/pro07.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-animation: spinner 1.5s infinite linear;
          animation: spinner 1.5s infinite linear;
}
.inline-banner .con img{
	position: relative;
	z-index: 2;
}
.inline-banner .con h2{
	font-size: 46px;
	line-height: 56px;
	margin-top: 15px;
	color: #fff;
	text-shadow: 0 0 15px rgba(0,0,0,.25);
}
.inline-banner .con .font{
	font-size: 20px;
	color: #ffffff;
	text-shadow: 0 0 15px rgba(0,0,0,.25);
	line-height: 20px;
}
.product-nav{
	width: 100%;
	background: #f0f0f0;
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: relative;
}
.product-nav.fex{
	position: fixed;
	top: -70px;
	left: 0;
	z-index: 10;
}
.product-nav ul{
	float: left;
	width: 100%;
}
.product-nav li{
	float: left;
	width: 33.33%;
	text-align: center;
	background: url(../img/pro04.png) no-repeat left center;
	height: 100%;
}
.product-nav.about-nav li{
	width: 20%;
}
.product-nav.about-nav .flex-control-nav{
	display: none;
}
.product-nav li a{
	display: block;
	width: 100%;
}
.product-nav li span{
	font-size: 14px;
	color: #666666;
	display: inline-block;
	padding-left: 38px;
}
.product-nav li span.pro01{
	background: url(../img/pro01.png) no-repeat left center;
}
.product-nav li span.pro02{
	background: url(../img/pro02.png) no-repeat left center;
}
.product-nav li span.pro03{
	background: url(../img/pro03.png) no-repeat left center;
}
.product-nav li span.a01{
	background: url(../img/a01.png) no-repeat left center;
}
.product-nav li span.a02{
	background: url(../img/a02.png) no-repeat left center;
}
.product-nav li span.a03{
	background: url(../img/a03.png) no-repeat left center;
}
.product-nav li span.a04{
	background: url(../img/a04.png) no-repeat left center;
}
.product-nav li span.a05{
	background: url(../img/a05.png) no-repeat left center;
}
.product-nav li:first-child{
	text-align: left;
	background: none;
}
.product-box .product_list li .pic img {
    width: 300px;
    height: 221px;
    
    transform: scaleX(1) scaleY(1);
    transition: all 0.7s ease 0s;
}
.product-box .product_list li:hover .pic img {
    transform: scaleX(1.1) scaleY(1.1);
}
.product-box .product_list li .pic {
    width: 290px;
    height: 214px;
    position: relative;
    overflow: hidden;
}
.product-box .product_list li{
    width: 290px;
    height: 214px;
   
}
.product-box .product_list li .picname {
    width: 97%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f9f9f9;
}
.product-box .product_list li .picname a {
    font-size: 14px;
    display: block;
}
.product-nav li:last-child{
	text-align: right;
}
.product-nav li.on span{
	color: #c20a14;
}
.product-box .product_list li {
    float: left;
    width: 300px;
   
    height: 270px;
}
.product-box{margin-top: 108px;
margin-bottom: 92px;
max-width: 1200px;
margin: 60px auto 60px;}
.about-line{
	color: #cfcfcf;
}
.about-line a{
	font-size: 12px;
	color: #666;
	display: inline-block;
	width: 11.33%;
	background: url(../img/a13.png) no-repeat left center;
	transition:color 0.3s;
}
.about-line a:nth-child(2){
	background: none;
}
.about-line .a04{
	padding-left: 35px;
	background: url(../img/a04.png) no-repeat left center;
	display: inline-block;
	font-size: 14px;
	color: #666;
	padding-right: 35px;
}
.about-line a.cur{
	color: #c20a14;
}
.product-none{
	height: 70px;
	display: none;
}
.scroll-index{
	padding: 88px 0 112px;
}
.scroll-index .left{
	width: 19%;
	float: left;
}
.scroll-index .left h2{
	color: #000000;
	font-size: 27px;
	line-height: 27px;
}
.scroll-index .left i{
	width: 15px;
	height: 1px;
	display: block;
	margin: 24px 0 22px;
	background: #ac1d24;
}
.scroll-index .left p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	width: 79%;
}
.scroll-index .right{
	float: left;
	border-left: 1px solid #e6e6e6;
	width: 67.5%;
	padding-left: 4%;
}
.scroll-index .right h2{
	font-size: 27px;
	color: #000;
	line-height: 27px;
	padding-left: 48px;
	background: url(../img/pro05.png) no-repeat left center;
	margin-bottom: 35px;
}
.scroll-index .right p{
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	padding-bottom: 20px;
}
.scroll-index .right .more{
	display: block;
	padding-left: 34px;
	font-weight: normal;
	width: 200px;
	height: 47px;
	line-height: 47px;
	font-size: 16px;
	color: #fff;
	background: #ac1d24 url(../img/pro06.png) no-repeat 155px center;
	transition:background 0.3s;
	margin-top: 35px;
}
.flex-b{
	position: relative;
	height: 520px;
	width: 100%;
	overflow: hidden;
}
.flex-b .flex-pic{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
}
.real-top{
	padding: 78px 0 80px;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
}
.real-top h2{
	font-size: 30px;
	color: #000000;
	line-height: 50px;
}
.real-top i{
	width: 15px;
	height: 1px;
	display: block;
	background: #ac1d24;
	margin: 20px auto 25px;
}
.real-top p{
	font-size: 14px;
	color: #666666;
	line-height: 32px;
	width: 85%;
	margin: 0 auto;
}
.real-number{
	padding: 46px 0 57px;
}
.real-number li{
	width: 25%;
	text-align: center;
	float: left;
	background: url(../img/pro14.png) no-repeat left center;
}
.real-number li:first-child{
	background: none;
}
.real-number li p{
	font-size: 14px;
	line-height: 24px;
}
.real-number li h2{
	font-size: 60px;
	color: #ac1d24;
	line-height: 65px;
	margin-bottom: 8px;
}
.real-bottom{
	background: #f5f5f5;
	width: 100%;
	padding: 80px 0 74px;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
}
.real-bottom p{
	font-size: 14px;
	color: #666666;
	line-height: 32px;
	width: 85%;
	margin: 0 auto;
}
.real-bottom ul{
	width: 100%;
	margin-top: 59px;
}
.real-bottom li{
	float: left;
	width: 30.8%;
	margin-left: 3.7%;
}
.real-bottom li p{
	color: #333;
	margin-top: 8px;
}	
.real-bottom li img{
	width: 100%;
}
.real-bottom li:first-child{
	margin-left: 0;
}
.real-bottom .link{
	display: block;
    padding-left: 34px;
    font-weight: normal;
    width: 230px;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    text-align: left;
    color: #fff;
    background: #ac1d24 url(../img/pro06.png) no-repeat 188px center;
    transition: background 0.3s;
    margin: 30px auto 0;
}
.industry .indu-tit{
	width: 1040px;
	padding: 75px 0 10px;
	margin: 0 auto;
	text-align: center;
}
.industry .indu-tit h2{
	font-size: 28px;
	color: #000000;
	line-height: 48px;
}
.industry .indu-tit i{
	width: 15px;
	height: 1px;
	background: #ac1d24;
	margin: 20px auto 30px;
	display: block;
}
.industry .indu-tit p{
	font-size: 14px;
	color: #666666;
	line-height: 29px;
	padding-bottom: 22px;
}
.industry-list{
	width: 100%;
	margin-bottom: 55px;
	text-align: center;
	border-bottom: 1px solid #e3e3e3;
}
.industry-list a{
	display: inline-block;
	width: 215px;
	background: url(../img/pro15.jpg) no-repeat left center;
	height: 28px;
	line-height: 28px;
	padding: 15px 0;
	color: #666;
	position: relative;
    top: 2px;
    transition:color 0.3s;
    box-sizing: initial;
}
.industry-list a:first-child{
	background: none;
}
.industry-list a.on{
	background: none;
}
.industry-list a.cur{
	border: 1px solid #e3e3e3;
	border-top: 1px solid #d82931;
	border-bottom: 1px solid #fff;
	background: none;
	color: #ac1d24;
}
.industry-box{
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 90px;
}
.industry-box .industry-ajax{
	display: none;
}
.industry-box2 img, .industry-box3 img{
	max-width: 100%;
	margin-bottom:40px; 
}
.industry-box2 p, .industry-box3 p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.industry-box .pic{
	max-width: 100%;
	margin-bottom: 40px;
}
.industry-box .ico{
	width: 20.7%;
	float: left;
}
.industry-box .right{
	width: 73%;
	float: right;
}
.industry-box .right.on{
	width: 100%;
}
.industry-box .right p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin-bottom: 24px;
	padding-left: 3%;
}
.industry-box .right i{
	width: 100%;
	height: 1px;
	background: #e3e3e3;
	display: block;
}
.industry-box .right h2{
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	line-height: 45px;
	padding: 29px 0 0 3%;

}
.industry-box .industry-box-list{
	padding: 45px 0 0 3%;
	width: 100%;
	margin-top: -45px;
	position: relative;
}
.industry-box .industry-box-list .slides li{
	float: left;
	width: 43%;
}
.industry-box .industry-box-list .slides h3{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.industry-box-list .flex-direction-nav{
	display: none;
}
.industry-box .flex-control-nav{
	top: 0;
	bottom: auto;
	right: 2%;
	text-align: right;
}
.industry-box .flex-control-paging li a{
	width: 7px;
	height: 7px;
	margin: 0 3px;
	background: url(../img/pro18.png) no-repeat center;
	overflow: hidden;
	text-indent: -999px;
	background-size: 100% 100%;
}
.industry-box .flex-control-paging li a.flex-active,.industry-box .flex-control-paging li a:hover{
	background: url(../img/pro18_h.png) no-repeat center;
}
.industry-box .flex-control-nav li{
	margin: 0;
}
.about-culture{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
}
.about-culture h2{
	font-size: 28px;
	line-height: 38px;
	padding: 95px 0 72px;
	color: #fff;
}
.about-culture ul{
	width: 100%;
}
.about-culture li{
	float: left;
	width: 33.33%;
}
.about-culture li a{
	display: block;
	width: 100%;
}
.about-culture li .pic{
	width: 142px;
	height: 145px;
	margin: 0 auto 18px;
	text-align: center;
	line-height: 145px;
	position: relative;
}
.about-culture li .bg{
	width: 100%;
	height: 100%;
	background: url(../img/a09.png) no-repeat center;
	background-size: 100%;
	display: block;
	-webkit-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear;
    position: absolute;
    top: 0;
    left: 0;
}
.about-culture li .font{
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}
.forum ul{
	width: 100%;
	padding: 40px 0 29px;
}
.forum li{
	width: 100%;
	padding: 48px 0 39px;
	float: left;
	border-bottom: 1px solid #e6e6e6;
}
.forum li a{
	display: block;
	width: 100%;
}
.forum li .con{
	float: left;
	width: 66.6%;
}
.forum li .day{
	font-size: 14px;
	color: #333333;
	line-height: 44px;
}
.forum li h2{
	font-size: 16px;
	color: #000;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	margin-bottom: 24px;
	transition:color 0.3s;
}
.forum li .font{
	font-size: 14px;
	color: #888;
	line-height: 21px;
	height: 42px;
	overflow: hidden;
}
.forum li .more{
	float: right;
	display: block;
    padding-left: 2.8%;
    font-weight: normal;
    width: 16.66%;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    color: #fff;
    background: #ac1d24 url(../img/pro06.png) no-repeat 77% center;
    transition: background 0.3s;
    margin-top: 44px;
}
.aw-top{
	padding: 72px 0 92px;
}
.aw-top .left{
	width: 49%;
	float: left;
}
.aw-top .left .walk{
	width: 36%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: #c20a14;
	color: #fff;
	font-size: 13px;
	display: block;
	margin-top: 42px;
}
.aw-top .left h2{
	color: #333;
	font-size: 48px;
	line-height: 66px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.aw-top .left h3{
	font-size: 22px;
	color: #333333;
	line-height: 39px;
	padding: 9px 0 30px;
}
.aw-top .left p{
	font-size: 14px;
	color: #808080;
	line-height: 26px;
	margin-bottom: 18px;
}
.aw-top .rigth{
	float: right;
	position: relative;
}
.aw-top .rigth .bg{
	position: absolute;
	top: 0;
	right: 0;
}
.aw-top .rigth .pic{
	padding: 55px 110px 0 0;
	position: relative;
	z-index: 2;
}
.aw-number{
	width: 100%;
	background: #f7f7f7;
	padding: 40px 0 47px;
}
.aw-number ul{
	width: 100%;
}
.aw-number li{
	float: left;
	width: 16.66%;
	text-align: center;
	background: url(../img/a20.jpg) no-repeat left center;
}
.aw-number li:first-child{
	text-align: left;
	background: none;
}
.aw-number li:last-child{
	text-align: right;
}
.aw-number li h2{
	font-size: 42px;
	color: #d80024;
	line-height: 56px;
}
.aw-number li p{
	font-size: 12px;
	color: #d80024;
	line-height: 25px;
}
.flex-b.aw-talent{
	height: 600px;
}
.aw-talent .talent-box{
	position: absolute;
	width: 62.5%;
	top: 50%;
	left: 50%;
	background: #fff;
	padding:70px 5% 42px;
	margin: -180px 0 0 -31.25%;
	text-align: center;
}
.aw-talent h2{
	font-size: 48px;
	color: #333333;
	line-height: 57px;
}
.aw-talent .bg{
	padding-left: 45px;
	font-size: 22px;
	color: #000000;
	line-height: 42px;
	background: url(../img/pro05.png) no-repeat left 10px;
	display: inline-block;
	margin-bottom: 38px;
}
.aw-talent p{
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	margin-bottom: 20px;
}
.aw-future{
	position: absolute;
	width: 62.5%;
	top: 50%;
	left: 50%;
	padding:0 5%;
	margin: -180px 0 0 -31.25%;
	text-align: center;
}
.aw-future h2{
	font-size: 48px;
	color: #fff;
	line-height: 57px;
}
.aw-future .bg{
	padding-left: 45px;
	font-size: 22px;
	color: #fff;
	line-height: 42px;
	background: url(../img/a21.png) no-repeat left 10px;
	display: inline-block;
	margin-bottom: 38px;
}
.aw-future p{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 20px;
}
.social-top{
	padding: 70px 0 75px;
	width: 100%;
}
.social-top .pic{
	width: 44.7%;
	float: right;
}
.social-top .con{
	width: 32%;
	position: relative;
	left: 50%;
	margin-left: -600px;
}
.social-top .con h2, .social-canp h2{
	font-size: 30px;
	color: #000000;
	line-height: 46px;
	padding-top: 74px;
}
.social-top .con i, .social-canp .con i{
	width: 15px;
	height: 1px;
	display: block;
	margin: 12px 0 36px 3px;
	background: #ac1d24;
}
.social-top .con p, .social-canp .con p{
	font-size: 14px;
	color: #808080;
	line-height: 26px;
	margin-bottom: 20px;
}
.social-canp{
	width: 100%;
	background: #f5f5f5;
}
.social-canp .pic{
	width: 44.8%;
	float: left;
}
.social-canp .con{
	width: 605px;
	float: left;
	margin-left: 90px;
}
.social-company{
	width: 100%;
	padding: 85px 0 90px;
	text-align: center;
}
.social-company .social-list{
	position: relative;
	border-top: 1px solid #e6e6e6;
}
.social-company .title{
	padding-bottom: 40px;
}
.social-company .title h2{
	font-size: 30px;
	color: #000000;
	line-height: 70px;
}
.social-company .title i{
	display: block;
	width: 15px;
	height: 1px;
	background: #ac1d24;
	margin: 0 auto;
}
.social-company .social-show{
	width: 85%;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 100px;
}
.social-company .social-show li{
	float: left;
	opacity: 0;
	transition:opacity 0.5s;
}
.social-company .social-show li.on{
	opacity: 1;
}
.social-company .social-show p{
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	margin-bottom: 20px;
}
.social-company .btn{
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	transition:background 0.3s;
}
.social-company .btn.prev{
	background: url(../img/a27.png) no-repeat center;
	left: -74px;
}
.social-company .btn.next{
	background: url(../img/a28.png) no-repeat center;
	right: -74px;
}
.social-company .btn.prev:hover{
	background: url(../img/a27_h.png) no-repeat center;
}
.social-company .btn.next:hover{
	background: url(../img/a28_h.png) no-repeat center;
}
.social-company .social-list .w1200{
	margin-top: -4px;
}
.social-company .social-list li{
	float: left;
	padding-top: 7px;
	font-size: 20px;
	color: #a5a5a5;
	line-height: 50px;
	background: url(../img/a26.png) no-repeat center top;
	cursor: pointer;
	transition:background 0.3s,color 0.3s;
}
.social-company .social-list li.cur{
	color: #ae1f26;
	background: url(../img/a26_h.png) no-repeat center top;
}
.social-bottom{
	width: 100%;
	text-align: center;
	padding: 80px 0 33px;
	background: #f5f5f5;
}
.social-bottom-box{
	width: 83%;
	margin: 0 auto;
}
.social-bottom-box h2{
	font-size: 30px;
	color: #000000;
	line-height: 50px;
}
.social-bottom-box i{
	width: 15px;
	height: 1px;
	background: #ac1d24;
	margin:12px auto 39px;
	display: block;
}
.social-bottom-box p{
	font-size: 14px;
	color: #808080;
	line-height: 26px;
	padding-bottom:26px; 
}
.social-bottom-box img{
	max-width: 100%;
	height: auto !important;
}
.flex-b.culturn-top{
	height:580px; 
}
.flex-b.culturn-center{
	height: 560px;
}
.culturn-top .con, .culturn-center .con{
	width: 790px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -395px;
	padding-top: 134px;
}
.culturn-top .con h2, .culturn-center .con h2{
	font-size: 30px;
	color: #000000;
	line-height: 55px;
}
.culturn-top .con i, .culturn-center .con i{
	width: 25px;
	height: 1px;
	margin: 12px auto 40px;
	background: #191919;
	display: block;
}
.culturn-top .con h3, .culturn-center .con h3{
	font-size: 30px;
	color: #333333;
	line-height: 47px;
}
.culturn-top .con p, .culturn-center .con p{
	font-size: 14px;
	color: #808080;
	line-height: 30px;
	margin-top: 18px;
}
.scroll-index .right img{
	max-width: 100%;
	margin-top: 20px;
}
.culturn-bottom{
	padding: 92px 0 95px;
	background: #f5f5f5;
	width: 100%;
}
.culturn-bottom h2{
	font-size: 30px;
	color: #000000;
	line-height: 46px;
}
.culturn-bottom i{
	width: 25px;
	height: 1px;
	background: #ae1f26;
	display: block;
	margin: 13px 0 30px;
}
.culturn-bottom p{
	font-size: 14px;
	color: #808080;
	line-height: 34px;
	padding-top: 20px;
	border-bottom: 1px solid #dedede;
	width: 91.6%;
}
.i-ban .flex-direction-nav, .i-ban .flex-control-nav{
	display: none;
}
.i-ban .slides{
	width: 100%;
	height: 100%;
}
.i-ban .slides li{
	width: 100%;
	position: relative;
	height: 100%;
	background-size: cover !important;
	text-align: center;
}
.i-ban .slides img{
	padding-top: 15.3%;
	position: relative;
	top: -50px;
	opacity: 0;
	filter:alpha(opacity=0);
	transition:all 1.4s;
}
.btn:active, .btn.active{
	box-shadow: none;
}
.i-ban .slides .more{
	width: 178px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #d41833;
	color: #fff;
	font-size: 14px;
	margin: 52px auto 0;
	position: relative;
	top: 50px;
	opacity: 0;
	filter:alpha(opacity=0);
	transition:all 1.4s;
}
.i-ban .slides li.flex-active-slide img{
	top: 0;
	opacity: 1;
	filter:alpha(opacity=100);
}
.i-ban .slides li.flex-active-slide .more{
	top: 0;
	opacity: 1;
	filter:alpha(opacity=100);
}
.i-ban-link{
	position: absolute;
	bottom: 42px;
	left: 50%;
	margin-left: -600px;
	z-index: 9;
}
.i-ban-link li{
	width: 33.33%;
	padding-left: 3px;
	float: left;
	position: relative;
	top: 50px;
	opacity: 0;
	overflow: hidden;
}
.i-ban-link li a{
	width: 100%;
	padding: 14px 22% 18px 9%;
	display: block;
	transition:background 0.3s;
	position: relative;
	z-index: 2;
}
.i-ban-link li .bg{
	position: absolute;
	top: 0;
	left: 3px;
	width: 0;
	height: 100%;
	z-index: 1;
	background: #d41833;
	transition:width 0.5s;
}
.i-ban-link li.li0 a{
	background:#fff url(../img/wel02.png) no-repeat 85% center;
}
.i-ban-link li.li1 a{
	background:#fff url(../img/wel03.png) no-repeat 85% center;
}
.i-ban-link li.li2 a{
	background:#fff url(../img/wel04.png) no-repeat 85% center;
}
.i-ban-link li h2{
	font-size: 20px;
	color: #333333;
	line-height: 35px;
	transition:color 0.3s;
}
.i-ban-link li p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 24px;
	transition:color 0.3s;
	overflow: hidden;
}
.i-wrap1{
	position: relative;
}
#i-wrap .i-wrap2{
	background-size: cover !important;
	position: relative;
}
.i-wrap2 .w1200{
	position: absolute;
	top: 50%;
	margin-top: -275px;
	left: 50%;
	margin-left: -600px;
}
.i-wrap2 .left{
	width: 51.6%;
	float: left;
	position: relative;
	left: -50px;
	opacity: 0;
}
.i-wrap2 .rigth{
	width: 43%;
	position: relative;
	float: right;
	right: -50px;
	opacity: 0;
}
.i-wrap2 .rigth .bg{
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.i-wrap2 .rigth .pic{
	width: 74.7%;
	margin:45px 24.8% 0 0;
	position: relative;
	z-index: 2;
	transform: scale(0);
}
.i-wrap2 .left .walk{
	width: 34.6%;
	margin-top: 12px;
	background: #c20a14;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 13px;
	display: block;
}
.i-wrap2 .left h2{
	font-size: 48px;
	color: #333333;
	line-height: 68px;
	margin: 17px 0 36px;
}
.i-wrap2 .left p{
	font-size: 14px;
	color: #808080;
	line-height: 28px;
	margin-bottom: 16px;
}
.i-wrap2 .left .more{
	width: 28%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	border: 1px solid #c7c7c7;
	color: #333;
	font-size: 14px;
	display: block;
	margin-top: 70px;
	transition:background 0.3s,border 0.3s,color 0.3s;
}
.i-wrap4 .box{
	width: 100%;
	height: 100%;
	padding: 0 3% 0 17.6%;
}
.i-wrap4 .left{
	width: 29.7%;
	float: left;
	position: relative;
	left: -50px;
	opacity: 0;
	top: 50%;
	margin-top: -190px;
}
.i-wrap4 .left h1{
	font-size: 48px;
	color: #333333;
	line-height: 62px;
}
.i-wrap4 .left h2{
	font-size: 22px;
	color: #333333;
	line-height: 25px;
	margin:4% 0 4%;
}
.i-wrap4 .left p{
	font-size: 12px;
	color: #666;
	line-height: 26px;
}
.i-wrap4 .left .btns{
	width: 100px;
	margin-top: 9px;
	margin-left: 8px;
	text-align: center;
	color: #dfdfdf;
}
.i-wrap4 .btns a{
	width: 29px;
	height: 29px;
	display: inline-block;
	position: relative;
    top: 3px;
    transition:background 0.3s;
}
.i-wrap4 .btns i{
	width: 1px;
	background: #dfdfdf;
	display: inline-block;
	height: 29px;
}
.i-wrap4 .btns a.prev{
	background: url(../img/jtl.png) no-repeat center;
	float: left;
}
.i-wrap4 .btns a.next{
	background: url(../img/jtr.png) no-repeat center;
	float: right;
}
.i-wrap4 .btns a.prev:hover{
	background: url(../img/jtl_h.png) no-repeat center;
}
.i-wrap4 .btns a.next:hover{
	background: url(../img/jtr_h.png) no-repeat center;
}
.i-wrap4 .more{
	width: 34.5%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background: #c3151f;
	display: block;
	margin-top: 13%;
}
.i-wrap4 .right{
	float: right;
	width: 63%;
	overflow: hidden;
}
.i-wrap4 .right ul{
	width: 1000%;
	float: left;
}
.i-wrap4 .right li{
	float: left;
	border-left: 1px solid #eaeaea;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	left: 50px;
	opacity: 0;
}
.i-wrap4 .right a{
	display: block;
	width: 100%;
	padding: 28.7% 4% 0;
}
.i-wrap4 .right img{
	width: 100%;
}
.i-wrap4 .right .day{
	font-size: 80px;
	color: #666;
	line-height: 60px;
	opacity: 0.2;
	padding-bottom: 54%;
}
.i-wrap4 .right .data{
	font-size: 14px;
	color: #333333;
	line-height: 33px;
	margin-bottom: 7px;
}
.i-wrap4 .right h2{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 6%;
	transition:color 0.3s;
}
.i-wrap4 .right .latest{
	font-size: 12px;
	color: #999999;
	line-height: 19px;
	margin-bottom: 4%;
}
.i-wrap4 .right .pic{
	margin-bottom: 7%;
}
.i-wrap4 .right img{
	transition:all 0.3s;
}
.i-wrap4 .right .font{
	font-size: 13px;
	color: #888;
	line-height: 24px;
	height: 90px;
	overflow: hidden;
}
.i-wrap4 .right .more{
	width: 52px;
	height: 11px;
	background: url(../img/news_m.png) no-repeat center;
	margin-top: 19%;
	position: relative;
	left: 0;
	transition:left 0.3s;
}
.i-wrap4 .right .pic{
	overflow: hidden;
}
.i-wrap4 .right li.on .bg{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	background: url(../img/wel11.png) no-repeat right center;
	background-size: 100% 100%;
	height: 100%;
}
.svg-box{
	position: relative;
	left: 50%;
	top: 50%;
	margin: -334px 0 0 -334px;
}
.dot-red{fill:#ED1D24;display: none;}
.dot-red.active{
	display: block;
}
.st1{fill:rgba(0,0,0,0);}
.st2{opacity:0.3;fill:none;stroke:#FFFFFF;stroke-miterlimit:10;enable-background:new    ;}
.st3{display:none;}
.circle-red{fill:none;stroke:#ED1D24;stroke-width:3;stroke-miterlimit:10;transform: translate3d(0,0,0)}
.st5{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;}
.st7{fill:transparent;
    cursor: pointer;}
.is-mobile .st2 {
    opacity: .35;
}
.i-wrap3{
	position: relative;
}
.svg-box{
	width: 668px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -334px 0 0 -334px;
    z-index: 5;
}
.inliner-banner,.inliner-banner-con{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	z-index: 5;
}
.inliner-banner-con{
	background: none;
}
.inliner-banner ul,.inliner-banner-con ul{
	width: 100%;
	height: 100%;
}
.inliner-banner li,.inliner-banner-con li{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 100%;
	text-align: center;
	transform: scale(0.8);
	z-index: 1;
}
.inliner-banner li.index,.inliner-banner-con li.index{
	z-index: 2;
}
.inliner-banner li:first-child,.inliner-banner-con li:first-child{
	left: 0;
	transform: scale(1);
}
.inliner-banner li a,.inliner-banner-con li a{
	display: block;
	width: 100%;
	height: 100%;
}
.inliner-banner li .con,.inliner-banner-con li .con{
	display: block;
	width: 606px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -145px 0 0 -303px;
	transform: scale(0);
}
.inliner-banner li h3,.inliner-banner-con li h3{
	font-size: 24px;
	color: #ffffff;
	line-height: 40px;
}
.inliner-banner li h2,.inliner-banner-con li h2{
	font-size: 45px;
	color: #fff;
	line-height: 51px;
}
.inliner-banner li i,.inliner-banner-con li i{
	width: 28px;
	height: 2px;
	margin: 18px auto 23px;
	display: block;
	background: #798994;
}
.inliner-banner li .font,.inliner-banner-con li .font{
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	width: 72%;
	margin: 0 auto;
}
.inliner-banner li .more,.inliner-banner-con li .more{
	width: 178px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d41833;
    color: #fff;
    font-size: 14px;
    margin: 60px auto 0;
}
#i-navli{
	position: fixed;
	right: 3%;
	top: 50%;
	z-index: 10;
	margin-top: -107px;
}
#i-navli li{
	width: 18px;
	height: 19px;
	margin: 7px 0;
	background: url(../img/y-011.png) no-repeat center;
	transition:background 0.3s;
}
#i-navli li.current{
	background: url(../img/y-011h.png) no-repeat center;
}
#i-navli.one li{
	background: url(../img/y-01.png) no-repeat center;
}
#i-navli.one li.current{
	background: url(../img/y-01h.png) no-repeat center;
}
.wel-number{
	position: fixed;
	z-index: 10;
	right: 2.3%;
	top: 50%;
	margin-top: 11px;
	padding-top: 72px;
	background: url(../img/wel21.png) no-repeat top center;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 26px;
}
.wel-number .num{
	font-size: 20px;
}
.wel-number.on{
	background: url(../img/wel22.png) no-repeat top center;
	color: #a4a4a4;
}
.wel-number.on .num{
	color: #c20a14;
}
.wel-page{
	height: 129px;
	width: 130px;
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 10;
	margin-top: -64px;
	overflow: hidden;
}
.wel-page ul{
	position: relative;
}
.wel-page li{
	color: #777777;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	margin: 0 0 3px 0;
	float: left;
	width: 100%;
	cursor: pointer;
	position: relative;
}
.wel-page li .n{
	padding-left: 60px;
	opacity: 0;
	filter:alpha(opacity=0);
	transition:opacity 0.3s;
}
.wel-page li .line{
	width: 25px;
	height: 1px;
	background: #bbbbbb;
	position: absolute;
	top: 12px;
	right: 75px;
	transition:width 0.3s,background 0.3s;
}
.wel-page li.on .n{
	opacity: 1;
	filter:alpha(opacity=100);
}
.wel-page li.on .line{
	width: 50px;
	background: #777777;
}
.wel-page.one li{
	color: #fff;
}
.wel-page.one li .line{
	background: #fff;
}
.wel-page.one li.on .line{
	background: #fff;
}
.bd_weixin_popup{
	height: 300px !important;
}
.insdie-wrap #spred {
    font-size: 18px;
    font-family: Arial;
    color:#F00;
    margin-left: 12px;
}
.insdie-wrap table{
    width: 100%;
    max-width: 100%;
    border: none;
}
.insdie-wrap{
    border:0;
    border-width: 0 0 1px 1px;}
.insdie-wrap td{
    padding: 8px 1%;
    border:0;
    width: 35%;
    border-width:1px 1px 0 0;
    font-size: 14px;
}
.insdie-wrap td:nth-child(2n+1){
	width: 15%;
}
.insdie-wrap td{
    line-height: 1.8;
}
.insdie-wrap .applay-input{
    width: 80%;
    height: 18px;
    padding: 8px 2%;
    line-height: 18px;
    color: #666;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
    font-size: 14px;
    box-sizing: initial;
}
.insdie-wrap #captcha{
	width: 29.4%;
}
.insdie-wrap select.applay-input{
    height: 36px;
    width: 84%;
    padding: 0;
}
.insdie-wrap textarea.applay-input{
    width: 94%;
    height: 100px;
    padding: 0;
}
.insdie-wrap .applay-input.code{
    width: 90px;
    margin-right: 8px;
}
.insdie-wrap .submit{
    width: 150px;
    height: 36px;
    background: #c20a14;
    font-size: 16px;
    color: #fff;
    border: none;
    cursor: pointer;
    line-height: 36px;
    margin-left: 15.2%;
}
.insdie-wrap .error {
    border-color: #D70128;
}
.insdie-wrap label{
	width: 100%;
}
.insdie-wrap td .controls{
	margin-left: 0
}
.load-box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
}
.load-box .picture{
	position: absolute;
	width: 128px;
	height: 35px;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -64px;
}
.load-box .load-img{
	position: absolute;
	width: 128px;
	height: 35px;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -64px;
	background: url(../img/logo02.png) no-repeat top left;
	-webkit-animation: load 3s infinite linear;
    animation: load 3s infinite linear;

}
.load-box .tbox{
	position: absolute;
	width: 128px;
	height: 35px;
	top: 50%;
	left: 50%;
	margin: 35px 0 0 -64px;
	text-align: center;
	font-size: 30px;
	line-height: 35px;
	color: #999;
}
.aw-history{
	padding: 80px 0;
	background: url(../img/aa04.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
}
.aw-history .title{
	text-align: center;
	width: 100%;
	margin-bottom:50px;
}
.aw-history .title h2{
	font-size: 48px;
	color: #333333;
	line-height: 67px;
	font-weight: bold;
}
.aw-history .title span{
	font-size: 24px;
	color: #000;
	padding-left: 52px;
	background: url(../img/pro05.png) no-repeat left center;
	line-height: 32px;
	display: inline-block;
}
.pc-history{
	width: 100%;
	height: 548px;
	overflow: hidden;
	background: url(../img/aa08.png) no-repeat center;
}
.pc-history .btns{
	width: 107px;
	height: 107px;
	position: absolute;
	top: 50%;
	margin-top: 3px;
	transition:background 0.3s;
	z-index: 2;
}
.pc-history .btns.prev{
	background: url(../img/aa06.png) no-repeat center;
	left: -31px;
}
.pc-history .btns.prev:hover{
	background: url(../img/aa06_h.png) no-repeat center;
}
.pc-history .btns.next{
	background: url(../img/aa07.png) no-repeat center;
	right: -31px;
}
.pc-history .btns.next:hover{
	background: url(../img/aa07_h.png) no-repeat center;
}
.pc-history .box{
	width: 1065px;
	margin: 0 auto;
	height: 100%;
}
.pc-history .box ul{
	position: relative;
}
.pc-history .box li{
	width:200px;
	float: left;
	position: relative;
	margin-left: -50px;
}
.pc-history .box li.even{
	margin-bottom: 30px;
	padding-bottom: 100px;
	background: url(../img/aa05.png) no-repeat center bottom;
}
.pc-history .box li.odd{
	margin-top: 270px;
	padding-top: 100px;
	background: url(../img/aa05.png) no-repeat center top;
}
.pc-history .box li:first-child{
	margin-left: 0;
}
.pc-history .box ul{
	float: left;
}
.pc-history .box h2{
	font-size: 20px;
	color: #404040;
	font-weight: bold;
	line-height: 34px;
}
.pc-history .box p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.mobile-history{
	height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.weixin-box{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 300px;
	z-index: 15;
	margin: auto;
	display: none;
}
.weixin-box img{
	width: 100%;
}
.weixin-box .close{
	position: absolute;
	top: 3px;
	right:3px;
	background: url(../img/clo01.png) no-repeat center;
	display: block;
	width: 10px;
	height: 10px;
	opacity: 1;
}
.hrc{
	padding: 56px 0 72px; 
	border-bottom: 1px solid #efe9e9;
}
.hrc ul{
	width: 100%;
}
.hrc li{
	float: left;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 20px;
	padding: 2%;
	min-height: 255px;
}
.hrc li:nth-child(4n){
	margin-right: 0;
}
.hrc li a{
	display: block;
	width: 100%;
}
.hrc li h2{
	line-height: 38px;
    font-size: 18px;
    font-weight: bold;
    height: 76px;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #555;
}
.hrc li p{
	color: #888;
    display: block;
    line-height: 22px;
    font-size: 14px;
}
@-webkit-keyframes load {
  0% {
    width: 0;
  }
  100% {
   width: 128px;
  }
}

@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 128px;
  }
}



/* banner */
.s_banner {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 20.9%;
}
.s_banner img {
    width: 100%;
}
.w1280 {
    margin:0 auto;
    width:1280px;
}
.banner_area {
    position: absolute;
    max-width: 1280px;
    left: 50%;
    bottom:10%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.s_b_text {line-height: 33px;text-align: center;float: left;padding-left:13px;/* margin-top: 22%; */}
.s_b_text h1,.s_b_text h4 {color: #c20a14;text-shadow: 2px 0px 0px #fff;}





.fnt_14{ font-size:14px;}
.fnt_20{ font-size:20px;}
.fnt_30{ font-size:30px;}
.fnt_26{ font-size:26px;}
.fnt_36{ font-size:36px;}


/*   */ 
.sub_main_con { max-width: 1200px; margin: 0 auto; padding:38px 0 0;}
.sub_menu{ float: left;}
.sub_menu a{ float: left;color: #999999;margin-right: 10px;}
.sub_menu a:hover {color: #c20a14;}
.sub_menu span {float: left;margin-right: 10px;background: url(../img/sub_m_b.png) no-repeat 0 1px;width: 10px;height: 18px;}

.wrap_con_us { margin: 0 auto; background:url(../img/us_pics_n.jpg) no-repeat bottom center; width: 100%;}
.sub_main_us {max-width: 1200px;margin: 0 auto;padding:60px 0; }
.us_year {color: #c20a14;}
.us_list {float: left;width: 60%;margin-top: 20px;}
.us_list_more{width: 28%;height: 39px;line-height: 39px;text-align: center;border: 1px solid #c7c7c7;color: #333;font-size: 14px;display: block;margin-top: 70px;transition:background 0.3s,border 0.3s,color 0.3s;}
.us_list_more:hover{ background: #c20a14; border-color: #c20a14; color: #fff;}
.us_list p{ color:#888; line-height:30px;}
.us_list_img{ float:right;} 

.us_con_flist {margin: 0 auto;background:url(../img/abo-bg.jpg) no-repeat center center; height: 400px;width: 100%;}
.us_con_flist ul {margin:0 auto;max-width:1200px;height: 100%;}
.us_con_flist ul li {float: left;width: 25%;height: 100%; text-align: center;}
.us_con_flist ul li:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.us_con_flist ul li img {margin-top: 38%;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;width: 30%;}
.us_con_flist ul li h1 {color: #fff; margin-top:20px;}
.us_con_flist ul li a:hover {color: #fff;text-decoration: underline;}

.us_sy_con {max-width: 1200px;margin: 0 auto; padding-top: 60px;padding-bottom: 70px;}
.us_sy { position: relative;}
.us_le_c {position: absolute;top: 0;width: 50%;overflow: hidden;padding-bottom: 0.1%;left: 0;}
.us_le_c img{width: 100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.us_le_c:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.us_ri_c {float: right;width: 55%;background: #f3f3f3;margin-top: 60px;}
.us_ri_c h1{margin-bottom: 20px;width: 70%;margin-left: 20%;margin-top: 9%;}
.us_ri_c .us_ri_con{float: left;margin-top: 20px;font-size: 14px; line-height: 30px; width: 70%;margin-left: 20%;color: #999;}
.us_ri_c .us_ri_con a {text-decoration: none;color: #999;}
.us_ri_more{ float: left;width: 28%;height: 39px;line-height: 39px;text-align: center;border: 1px solid #c7c7c7;color: #333;font-size: 14px;display: block;margin:60px 0 60px 20%;transition:background 0.3s,border 0.3s,color 0.3s;}
.us_ri_more:hover{ background: #c20a14; border-color: #c20a14; color: #fff;}

.page_nav{max-width: 1200px;margin: 0 auto; padding-top: 50px; text-align: center;}
.page_nav li{display:inline-block; line-height:38px; margin:0 10px; border: 1px #e9e9e9 solid; }
.page_nav li a{ color:#333; font-size:14px; padding:0 35px;display:inline-block;}
.page_nav li:hover{background:#c20a14;}
.page_nav li:hover a{ color:#fff;}
.page_nav .select{background:#c20a14;}
.page_nav .select a{ color:#fff;}

.page_con{max-width: 1200px;margin: 0 auto; padding: 60px 0;}
.page_con p{ font-size: 14px; color:#888; line-height: 28px;}



.join-boxs{ margin-top:108px; margin-bottom:92px; max-width: 1200px; margin: 60px auto 60px;}
.joinli li{ width: 100%;
float: left;
overflow: hidden;
margin-bottom: 20px;
transition: 0.45s;
border: 1px dashed #ddd;}
.joinli li a{ display: block; margin: 0 10px; background:#fff;}
.joinli li:nth-child(2n+2) a{ background:#fff;}
.joinli li:nth-child(2n+2) .newdowns:before{ background:url(../img/arrow4.png) center no-repeat;}
.joinli li .gure{ display:block; overflow:hidden; position:relative;}
.joinli li .gure img{ display:block; width:100%; height: auto; transition:1s;}
.joindowns{ position: relative;
padding-left: 30px;
padding-top: 30px;}
.joindowns:before{ content:""; width:27px; height:13px; background:url(../img/arrow3.png) center no-repeat; position:absolute; left:6.89%; top:-13px; transition:0.45s;}
.joindowns span{ display:block; line-height:1.2; color:#000000; font-size:16px; font-weight:bold; height:30px; overflow:hidden;width: 90%;
float: left;}
.joindowns P{ font-size: 12px; line-height: 24px; color:#666; height: 60px;}
.jointime small{ display:block; width:70px; height:24px; float:left; line-height:24px; text-align:center; color:#333; font-family:"Arial"; text-transform:uppercase; background:#eee; float:left; margin-right:8px; transition:0.34s;}
.jointime time{ display:block; float:left; line-height:18px; color:#646464; font-family:"Arial";font-size: 16px;}
.joinsli{ width: calc(100% + 20px); margin-left: -10px;}
.joinsli li:hover .gure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.joinsli li:hover .newdowns:before{ background:url(../img/arrow5.png) center no-repeat;}
.joinsli li:hover .newtime small{ color:#fff; background:#e60012;}




.new-boxs{ margin-top:108px; margin-bottom:92px; max-width: 1200px; margin: 60px auto 60px;}
.newsli li{ width:25%; float:left; overflow:hidden; margin-bottom: 20px; transition:0.45s;}
.newsli li a{ display: block; margin: 0 10px; background:#fff;}
.newsli li:nth-child(2n+2) a{ background:#fff;}
.newsli li:nth-child(2n+2) .newdowns:before{ background:url(../img/arrow4.png) center no-repeat;}
.newsli li .gure{ display:block; overflow:hidden; position:relative;}
.newsli li .gure img{ display:block; width:100%; height: 193px; transition:1s;}
.newdowns{ padding:26px 3%; position:relative;}
.newdowns:before{ content:""; width:27px; height:13px; background:url(../img/arrow3.png) center no-repeat; position:absolute; left:6.89%; top:-13px; transition:0.45s;}
.newdowns span{ display:block; line-height:1.2; color:#000000; font-size:16px; font-weight:bold; height:30px; overflow:hidden;}
.newdowns P{ font-size: 12px; line-height: 24px; color:#666; height: 60px;}
.newtime small{ display:block; width:70px; height:24px; float:left; line-height:24px; text-align:center; color:#333;  text-transform:uppercase; background:#eee; float:left; margin-right:8px; transition:0.34s;}
.newtime time{ display:block; float:left; line-height:18px; color:#646464; font-family:"Arial";}
.newsli{ width: calc(100% + 20px); margin-left: -10px;}
.newsli li:hover .gure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.newsli li:hover .newdowns:before{ background:url(../img/arrow5.png) center no-repeat;}
.newsli li:hover .newtime small{ color:#fff; background:#e60012;}


.yeyangli li{ width:100%; float:left; overflow:hidden; margin-bottom: 20px; transition:0.45s; padding: 20px 3%; border: 1px #eee solid;background: #f9f9f9;}
.yeyangli li a{ display: block; margin: 0 10px; background:#fff;}
.yeyangdowns{  position:relative;}
.yeyangdowns span{ display:block; color:#000000; font-size:16px; font-weight:bold; overflow:hidden; width: 70%; float: left;}
.yeyangdowns time{ display:block; float:right;color:#646464; font-family:"Arial"; font-size: 15px;}
.yeyangli{ width: calc(100% + 20px); margin-left: -10px;}


table{border-collapse:collapse;width:100%;}

table,tr{ font-size: 16px; color: #444; }

table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}





.pageNewsT{ width:1200px; margin:0 auto; font-size:30px; text-align:center; color:#333; font-weight:bold;}
.pageNewsC{ width:1200px; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:1200px; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}


/* fenye */
.pages1{ width:1200px; margin:30px auto;}
.pages1_l{ float:left; width:50%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666;display:block;}
.pages1_l:hover a{ color:#c20a14;}
.pages1_r{ float:left; width:50%; height:40px; text-align:right;}
.pages1_r a{ line-height:40px; color:#666;display:block;}
.pages1_r:hover a{ color:#c20a14;}

.pages { margin:25px 0 40px; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#c20a14;  border:1px solid #c20a14;text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#c20a14;  border:1px solid #c20a14;  text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}


.sub_content{
    max-width: 1200px;
    margin: 0 auto;
    padding:38px 0 0; 
}
.yw_con01 {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    height: 0;
    padding-bottom: 56%;
}
.yw_con01 img {
    width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.yw_con01:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.yw_text {
    position: absolute;
    color: #fff;
    width: 96%;
    bottom: 4%;
    left: 2%;
}
.yw_text h1 {
    font-weight: bold;
}
.yw_text p {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height:1.5;
    height:3em;
}
.yw_mm {
    float:left;
    width: 70px;
    height: 25px;
    background: url(../img/new_mm_on.png) no-repeat;
    text-indent: -999em;
}
.yw_lec_on {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8; 
    background: #c20a14;
    color: #fff;
    z-index: 99;
}
.yw_lec_de {
  display: none;
  width: 90%;
  position: absolute;
  bottom: 20%;
  left: 3%;
  z-index: 100;
  color: #fff;
}
.yw_lec_de p {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height:1.5;
    height:3em;
}
.yw_le_con03 .yw_lec_de {
  left: 7%;
}
.yw_le_h:hover>h1 {
  display: none;
}
.yw_le_h:hover .yw_lec_on {
  display: block;
}
.yw_le_h:hover .yw_lec_de {
  display: block;
}
.yw_le_h:hover .yw_lec_de>h1 {
  position: static;
  top: 0;
  left: 0;
}
.yw_le_con02 {
    float: left;
    width: 49.28%;
    height: 0;
    overflow: hidden;
    padding-bottom: 36%;
    position: relative;
    margin-bottom:0;
    margin-right: 1.42%;
    display: inline-grid;
}
.yw_le_con02:nth-child(2n){
    margin-right: 0;
}
.yw_le_con02 img {
    width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.yw_le_con02:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.yw_le_con02>h1 {
    color: #fff;
    position: absolute;
    bottom: 4%;
    left: 3%;
}
.yw_le_con02 a {
    color: #fff;
}
.yw_le_con02 a:hover {
    text-decoration: underline;
}
.yw_le_con04 a {
    color: #fff;
}
.yw_le_con04 a:hover {
    text-decoration: underline;
}
.yw_b_pics {
    text-align: center;
}
.yw_b_pics span {
    text-align: left;
    float: left;
    width: 100%;
}
.yw_b_pics a{
    float: left;
    width: 49.2%;
    position: relative;
    margin-right: 1.59%;
    margin-bottom: 10px;
    height: 0;
    overflow: hidden;
    padding-bottom: 14%;
}
.yw_b_pics a h1 {
    position: absolute;
    top: 41%;
    left: 13%;
    color: #fff;
}
.yw_b_pics a:last-child{
    margin-right: 0;
}
.yw_b_pics a img{
    width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.yw_b_pics a:hover img{
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.yw_b_htm {
    float: left;
    width: 100%;
}
.yw_le_con03 {
    float: left;
    width: 23.88%;
    position: relative;
    margin-right: 1.49%;
    height: 0;
    overflow: hidden;
    padding-bottom: 23.6%;
}
.yw_le_con03:last-child{
    margin-right: 0;
}
.yw_le_con03 img {
    width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.yw_le_con03:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.yw_le_con03>h1 {
  position: absolute;
  color: #fff;
  bottom: 7%;
  left: 7%;
}
.yw_le_con03 p {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height:1.5;
    height:3em;
}
.yw_le_con03 a {
    color: #fff;
	display: block;
}
.yw_le_con03 a:hover {
    text-decoration: underline;
}
.yw_ri_con {
    float: right;
    width: 49.28%;
}
.yw_le_con04 {
    float: left;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 35%;
    position: relative;
}
.yw_le_con04 img {
    width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.yw_le_con04:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.yw_le_con04>h1 {
    color: #fff;
    position: absolute;
    bottom:10%;
    margin-left: 20px;
}
.yw_le_con05 {
    float: left;
    width: 100%;
    overflow: hidden;
    color: #fff;
    height: 0;
    padding-bottom: 34.7%;
    position: relative;
}
.yw_lec5 {
  position: absolute;
  bottom: 20px;
  left: 2px;
}
.yw_le_con05 img {
  width:100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.yw_le_con05:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.yw_le_con05>h1 {
    color: #fff;
    position: absolute;
    bottom: 7%;
    left: 3%;
}
.yw_le_con05>p {
    width: 95%;
    margin-left: 20px;
    margin-top: 20px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height:1.5;
    height:3em;

}
.yw_le_con05>.yw_mm {
    margin-left: 20px;
}
.yw_right .de_cc_text{
    text-align: left;
    width: 39%;
    color: #fff;
    line-height: 33px;
    position: absolute;
    top: 32%;
    right: 1%;
}
.wrap_copper {
    min-height: 100px;
    background: url(../img/yw_t_tbac.jpg) no-repeat bottom;
    padding-bottom: 100px;
}
.wrap_copper .w1280{
  max-width: 1280px;
  margin: 0 auto;
  width: auto;
}
.wrap_b_cop {
    height: 720px;
    background: url(../img/yw_t_bbac.jpg) no-repeat bottom;
}
.wrap_b_cop .w1280{
  max-width: 1280px;
  margin: 0 auto;
  width: auto;
}
.c_sub_content {
    margin: 0 auto;
    max-width: 1280px;
}
.yw_c_le {
    width: 41%;
    padding: 0 10px 0;
    float: left;
}
.yw_c_le.mt_100 {
  margin-top: 10%;
}
.yw_c_le h1 {font-weight: bold;}
.yw_c_le p {
  color: #666; 
  line-height: 30px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height:1.7;
  height:6.8em;
}
.yw_c_le p span {
    color: #daaa38;
}
.yw_c_ri {
    float: right;
    width: 52%;
    height: 0;
    overflow: hidden;
    padding-bottom: 32.6%;
}
.yw_c_ri img {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.yw_c_ri:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.yw_cl_l{
    float: left;
    width: 100%;
    color: #666;
}
.yw_cl_l span {
    float: left;
    width: 70%;
    border-bottom: 1px solid #ebebeb;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height:3;
    height:3em;

}

.fnt_12{ font-size:12px;}
.fnt_16{ font-size:16px;}
.fnt_24{ font-size:24px;}
.mt_35{margin-top:35px;}
.mt_20{margin-top:20px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_5{margin-top:5px;}




/* contact */
.contact .cont_1{padding: 50px 0;border-bottom: 1px solid #eee;}
.contact .cont_1 .dt{position: relative; width: 350px; float: left; margin-top:36px;}
.contact .cont_1 .dt .i{display: block;width: 184px;height: 56px;overflow: hidden;background: no-repeat center;background-size: 100%; margin-top: 50px;}
.contact .cont_1 .dt .i img{ width:100%;}
.contact .cont_1 .dt:before{position: absolute;left: 100%;top: 0;width: 7px;height: 174px;content: '';background: url(../images/icon_j.png) no-repeat center;}
.contact .cont_ul{ font-size:0;}
.contact .cont_ul li{display: inline-block;width: 405px;padding-left: 70px;margin-left: 20px;box-sizing: border-box;vertical-align: top;float: left;}
.contact .cont_ul .cont_ii{ position:relative;}
.contact .cont_ul .cont_ii .i{display: block;position: absolute;top: 0;left: -70px;width: 60px;height: 60px;background: no-repeat center;background-size: 100%;}
.contact .cont_ul .cont_ii span{display: block; padding: 10px 0;}
.contact .cont_ul .cont_ii span em{display: block;font-size: 16px;color: #444;line-height: 24px; font-style:normal;}
.contact .cont_ul .cont_ii span b{display: block; font-size: 12px;color: #999;line-height: 16px; font-style:normal;}
.contact .cont_ul .cont_txt span{display: block;margin-top: 20px; font-size: 30px; color: #333; font-weight: 100; font-style:normal;}
.contact .cont_ul .cont_txt span em{display: block; margin-top: 5px;font-size: 12px;color: #999;line-height: 20px; font-style:normal;}
.contact .cont_ul .cont_txt span p{ font-size:16px; color:#666; line-height:35px; }





/* 荣誉 */
.padding-page{ margin:60px auto 60px}
.file4_pic{ position:relative; width:1200px; overflow:}
.file4_pic .bd{ width:1260px; margin-left:-30px;}
.file4_pic .bd ul{  overflow: hidden;}
.file4_pic .bd li{ width: 255px; margin:10px 30px; float: left; position: relative; cursor:pointer;}
.file4_pic .bd li img{ width:100%;max-height: 350px;top:0px; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.file4_pic .bd li p{width:100%;top:0px; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; line-height:30px; text-align:center; font-size:14px;}

#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url(../images/loading.gif);
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url(../images/close.png) no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url(../images/arrows.png) no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .next {
	right: 0;
	background: url(../images/arrows.png) no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
	background-color: #00823d;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #00823d;
}