@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.yz_bj{height:562px;padding-top:84px;/*background: url(../images/yz_bj.jpg) no-repeat center bottom;*/box-sizing: border-box;position: relative;overflow: hidden;}
.yz_c .tit{text-align: center;}
.yz_c .tit span{display:inline-block;padding:0 67px 0 17px;font-size:44px;color: #2e2e2e;font-weight: bold;background: url(../images/yz_a1.png) no-repeat right 5px;line-height: 46px;vertical-align: text-bottom;}
.yz_c .tit img{vertical-align: text-bottom;}
.yz_w{text-align: center;font-size:16px;color: #343434;line-height: 30px;height: 139px;margin-top:29px;}
.yz_c li{float:left;box-sizing: border-box;border-right:1px solid #e2e2e2;height: 111px;padding:8px 19px 0 0 ;margin-right:19px;}
.yz_c li img{vertical-align: top;padding-top:8px;}
.yz_c li p{display: inline-block;padding-left:10px;vertical-align: top;}
.yz_c li p span{display: block;font-size:56px;color: #333;line-height: 59px;}
.yz_c li p em{font-size:16px;color: #333333;line-height: 32px}
.yz_c li:last-child{border:0;padding:8px 0 0 0;margin:0;}


.titis{overflow: hidden;text-align: center;height: 121px;}
.titis h2 {height:62;line-height:62px;font-size:42px;color: #2e2e2e;font-weight: bold;}
.titis h2 a{color: #2e2e2e}
.titis p {display:block;font-size:18px;color:#666666;line-height:31px;height:31px;}


.pro_bj{background: url(../images/pro_bj.jpg) no-repeat center top;height: 1403px;box-sizing:border-box;padding-top:40px;}
.pro_qh{height: 121px;overflow: hidden;}
.pro_qh li,.pro_qh .pro_mo{float:left;width:296px;height: 97px;border:1px solid #333333;box-sizing: border-box;text-align: center;margin-right:3px;transition: all 0.5s;position: relative;}
.pro_qh li i,.pro_qh .pro_mo i{display: inline-block;vertical-align:top;margin:26px 20px 0 0;height: 46px;overflow: hidden;font-size:0;line-height: 0;}
.pro_qh li i img,.pro_qh .pro_mo i img{display: block;transition: all 0.5s}
.pro_qh li p,.pro_qh .pro_mo p{text-align: left;padding-top:24px;display: inline-block;}
.pro_qh li p span,.pro_qh .pro_mo p span{font-size:24px;color: #333333;height: 33px;line-height: 33px;display: block;}
.pro_qh li p em,.pro_qh .pro_mo p em{height:17px;line-height:17px;font:12px arial;color: #b9b9b9;}
.pro_qh li.on,.pro_qh .pro_mo:hover{background: #0753bc;border:0;}
.pro_qh li.on:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 16px 15px 0 15px;border-color: #0753bc transparent transparent transparent;position: absolute;left:47%;bottom:-16px;transition: all 0.5s}
.pro_qh li.on i img,.pro_qh .pro_mo:hover i img{margin-top:-46px;}
.pro_qh li.on p span,.pro_qh .pro_mo:hover p span{color: #fff;font-weight: bold;}
.pro_qh li.on p em,.pro_qh .pro_mo:hover p em{color: #fff}
.pro_qh .pro_mo{margin:0;}
.pro_nr dl{background: #fff;height: 510px;padding-left:37px;margin-bottom: 19px;}
.pro_nr dt{float:left;font-size:0;line-height: 0;width:554px;overflow: hidden;padding-top: 10px;}
.pro_nr dt img{width:554px;height: 450px;transition: all 0.5s}
.pro_nr dl:hover dt img{transform: scale(1.1);}
.pro_nr dd{float:right;width:522px;padding:54px 20px 0 0;}
.pro_nr dd h4 a{display: block;height: 44px;line-height: 44px;font-size:26px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_nr dd p{width:460px;height: 119px;padding-top:11px;font-size:16px;color: #666666;line-height: 30px;border-bottom: 2px solid #cacaca;}
.pro_nr dd:last-child{padding:32px 20px 0 0;}
.pro_nr dd:last-child li{float:left;height:37px;line-height: 36px;margin-bottom: 13px;font-size:16px;color: #666666;width:50%;position: relative;}
.pro_nr dd:last-child li a{color: #666}
.pro_nr dd:last-child li a:hover{color: #0753bc}
.pro_nr dd:last-child li:after{content: "";display: block;width:204px;height: 1px;background: #d0d0d0;position: absolute;left:0;bottom:0;}
.pro_nr dd:last-child span{margin-top:30px;display: block;}
.pro_nr dd:last-child span a{width:151px;height: 42px;background: #0753bc;border-radius: 21px;text-align: center;line-height: 42px;font-size:16px;color: #fff;margin-right:8px;display:inline-block;transition: all 0.5s}
.pro_nr dd:last-child span a:last-child{background: #fa7002}
.pro_nr dd:last-child span a:hover{width:160px;}
.pro_nc{height: 381px;position: relative;}
.pro_nc li{float: left;width:290px;overflow: hidden;position: relative;margin-right:13px;}
.pro_nc li i{display: block;width:290px;overflow: hidden;}
.pro_nc li i img{background: #fff;width:290px;height: 200px;transition: all 0.5s}
/*.pro_nc li span{position: absolute;left:0;width:100%;text-align: center;bottom: 15px;font-size:16px;color: #333333;height: 24px;line-height: 24px;}
*/
.pro_nc li span{left:0;width:100%;text-align: center;bottom: 15px;font-size:16px;color: #333333;height: 24px;line-height: 24px;}
.pro_nc li:hover i img{transform: scale(1.1);}
.pro_nc li:last-child{margin:0;}
.pro_nc .tempWrap{width:1200px!important;}
.pro_j1,.pro_j2{position: absolute;top:114px;}
.pro_j1{left:-42px;}
.pro_j2{right:-42px;}
.pro_tel{width:484px;height: 60px;background: #fa7002 url(../images/pro_a1.png) no-repeat 444px center;margin:0 auto;text-align: center;line-height: 60px;transition: all 0.5s;box-sizing: border-box;}
.pro_tel em{font-weight: bold;font-size:26px;padding-left:34px;background: url(../images/pro_tel.png) no-repeat left center;color: #fff;}
.pro_tel a{color: #fff;font-size:16px;margin-left:10px;}
.pro_tel:hover{width:504px;padding-right:50px;}
/*案例*/
.anl{height: 1085px;box-sizing: border-box;padding-top:39px;}
.anl .titis{height: 113px;overflow: hidden;}
.al_qh{height: 122px;background: url(../images/al_a1.jpg) no-repeat center bottom;}
.al_qh ul{height: 87px;background: #f5f5f5;overflow: hidden;}
.al_qh li{float:left;width:200px;text-align: center;box-sizing: border-box;border-right: 1px solid #d1d1d1;height: 87px;}
.al_qh li i{display: inline-block;vertical-align: top;margin-top:23px;height: 40px;overflow: hidden;}
.al_qh li i img{transition: all 0.5s;display: block;}
.al_qh li p{display: inline-block;padding:21px 0 0 11px;text-align: left;}
.al_qh li p span{display: block;font-size:18px;color: #333333;height: 29px;line-height: 29px;}
.al_qh li p em{display: block;font:12px arial;color: #b9b9b9;}
.al_qh li.on{background: #2c74db;}
.al_qh li.on i img{margin-top:-40px;}
.al_qh li.on p span,.al_qh li.on p em{color: #fff}
.al_qh li:last-child{border:0;}
.al_nr {position:relative;height:531px;}
.anl li {position:relative;}
.anl .photos .list-con-b{ margin: 0 auto; width: 840px;text-align: left;}
.anl .photos li i img{ width: 840px; height:473px;}
.anl em a{background: #fa7002 url(../images/al_a2.png) no-repeat 6px center;border-color: #fa7002;padding-left:9px;width:97px;height:32px;line-height: 28px;text-align: center;border-radius: 14px;font-size:14px;color: #fff;display: block;margin-bottom: 6px;box-sizing: border-box;position: absolute;right:207px;top:430px;z-index:999999;}
.anl .photos .list-con-b .atitlesc{ display: block; height:104px;position:absolute; width: 840px; left:180px; top:369px;background:rgba(26,26,26,0.5);box-sizing: border-box;padding:10px 0 0 37px;}
.anl .photos .list-con-b .atitlesc h4{font-size:22px; color: #fff;margin-top:5px;overflow:hidden;height: 34px;line-height: 34px;font-weight:normal;width:656px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.anl .photos .list-con-b .atitlesc p{ color: #fff; line-height: 22px;font-size:16px;width:656px;}
.anl .atitlesc span {position: absolute;right:28px;top:18px;}
.anl .atitlesc span{width:97px;height:32px;line-height: 28px;text-align: center;border-radius: 14px;font-size:14px;color: #fff;border:2px solid #fff;display: block;margin-bottom: 6px;box-sizing: border-box;}
.anl .atitlesc em a{background: #fa7002 url(../images/al_a2.png) no-repeat 6px center;border-color: #fa7002;padding-left:9px;}
.anl .atitlesc em {position: absolute;right:28px;top:18px;}
.yj_prev{ position: absolute; left:-120px; top:198px;z-index:9;}
.yj_next{ position: absolute; right:-120px; top:198px;z-index:9;}
.hz_c{height: 133px;overflow: hidden;}
.hz_c li{float:left;font-size:0;line-height: 0;width:231px;margin-right:8px;border:1px solid #eeeeee;}
.hz_c li img{width:231px;height: 129px;}
.hz_c li:last-child{margin:0;}
/* Header Style */
.containerscoll {width: 100%;position: relative;text-align: center;}
.codrops-top{line-height: 24px;font-size: 11px;background: rgba(255, 255, 255, 0.5);text-transform: uppercase;z-index: 9999;position: relative;box-shadow: 1px 0px 2px rgba(0,0,0,0.2);-webkit-animation: slideOut 0.5s ease-in-out 0.3s backwards;}
@-webkit-keyframes slideOut{0%{top:-30px; opacity: 0;}100%{top:0px; opacity:0.5;}}
.codrops-top a{padding: 0px 10px;letter-spacing: 1px;color: #333;text-shadow: 0px 1px 1px #fff;display: block;float: left;}
.codrops-top a:hover{background: #fff;}
.codrops-top span.right{float: right;}
.codrops-top span.right a{float: left;display: block;}
.codrops-demos{text-align:center;display: block;padding-top: 20px;}
.codrops-demos a, .codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{display: inline-block;border: 1px solid #719c7f;padding: 4px 10px 3px;font-size: 13px;line-height: 18px;margin: 0px 3px;font-weight: 800;-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);box-shadow: 0px 1px 1px rgba(0,0,0,0.1);color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.9);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #90bd9e;background: -moz-linear-gradient(top, #90bd9e 0%, #72a081 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90bd9e), color-stop(100%,#72a081));background: -webkit-linear-gradient(top, #90bd9e 0%,#72a081 100%);background: -o-linear-gradient(top, #90bd9e 0%,#72a081 100%);background: -ms-linear-gradient(top, #90bd9e 0%,#72a081 100%);background: linear-gradient(top, #90bd9e 0%,#72a081 100%);}
.codrops-demos a:hover{background: #85b995;}
.codrops-demos a:active{-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.4);box-shadow: 0px 1px 1px rgba(255,255,255,0.4);}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{color: #506757;text-shadow: 0px 1px 1px rgba(255,255,255,0.3);}
/* Media Queries */
@media screen and (max-width: 767px) {.container > header{	text-align: center;}p.codrops-demos {	position: relative;	top: auto;	left: auto;}}
p,p a{color:#666;font-weight:normal;font-size:12px;}
#carousel {width:1200px;height:473px;position:relative;margin:0 auto;clear:both;background-repeat: no-repeat;/*border-radius: 15px;*/}
#carousel img {visibility:hidden; /* hide images until carousel can handle them */cursor:pointer; /* otherwise it's not as obvious items can be clicked */box-shadow: rgba(0, 0, 0, 0.298039) 0px 5px 20px;}
.container{padding-bottom: 20px;}


.ys_bj{padding-top:71px;height: 1190px;box-sizing: border-box;background: url(../images/ys_bj.jpg) no-repeat center top;}
.yous{position: relative;}
.yous .titis{height: 127px;}
.ys_qh{height:131px;margin-bottom: 32px;width:1200px;margin:0 auto;position: relative;}
.ys_qh li{float:left;height: 131px;width:300px;text-align: center;position: relative;background: url(../images/ys_x.png) no-repeat right 2px}
.ys_qh li i{font-size:0;line-height: 0;display: block;}
.ys_qh li span{display: block;height: 32px;line-height: 32px;font-size:26px;color: #333333;padding-top:10px;}
.ys_qh li:after{content: "";display: block;width:0;height: 4px;background: #fa7002;position: absolute;left:50%;bottom:0;transition: all 0.5s}
.ys_qh li.on:after{width:100%;left:0;}
.ys_qh li:last-child{margin:0;}
.ys_qh ul:after{content:"";display: block;width:239px;height: 2px;position: absolute;left:36px;top:855px;background: url(../images/ys_a1.png) no-repeat center top;}
.ys_qh li:nth-child(2):before{content:"";display: block;width:0px;height:2px;position:absolute;left:-192px;background: #fa7002;top:855px;z-index: 3;opacity: 0;transition: all 0.3s}
.ys_qh li:nth-child(3):before{content:"";display: block;width:55px;height:2px;position:absolute;left:-492px;background: #fa7002;top:855px;z-index: 3;opacity:0;transition: all 0.3s;z-index: 9}
.ys_qh li:nth-child(4):before{content:"";display: block;width:110px;height:2px;position:absolute;left:-792px;background: #fa7002;top:855px;z-index: 3;opacity:0;transition: all 0.3s;z-index:20}
.ys_qh li.on:nth-child(2):before{width:55px;opacity: 1;}
.ys_qh li.on:nth-child(3):before{width:110px;opacity: 1;}
.ys_qh li.on:nth-child(4):before{width:167px;opacity: 1;}
.ys_nr{position: relative;margin-top:32px;}
.ys_nr ul{margin-left:-1279px;}
.ys_nr li{height:721px;width:1200px;float:left;margin:0 80px 0 0;position: relative;overflow: hidden;transition: all 0.5s}
.ys_nr li i{font-size:0;line-height: 0;display: block;}
.ys_nr li i img{width:1200px;height:631px;}
.ys_nr li .ys_w{width:631px;position: absolute;bottom:0;right:0px;box-sizing: border-box;padding:29px 52px 0 41px;background:#0753bc;height:357px;opacity:0;transition: all 1s;box-sizing: border-box;}
.ys_nr li .ys_w dt{height: 94px;border-bottom: 1px solid #cadbf1;overflow: hidden;}
.ys_nr li .ys_w dt b{display: inline-block;}
.ys_nr li .ys_w dt p{float: right;width:404px;padding-top:10px;}
.ys_nr li .ys_w dt p span{font-size:30px;height: 39px;line-height: 39px;color: #fff;font-weight: bold;display: block;}
.ys_nr li .ys_w dt p em{display: block;font:12px arial;color:rgba(255,255,255,0.44);height: 25px;line-height: 25px}
.ys_nr li .ys_w dd{padding-top:16px;}
.ys_nr li .ys_w dd p{padding-left:20px;font-size:16px;line-height: 26px;color: #fff;padding-bottom: 18px;background: url(../images/ys_a2.png) no-repeat left 10px;}
.ys_nr li.active .ys_w{opacity: 1;bottom:0;}
.ys_nr .tempWrap{overflow:visible!important;}
.ys_j1,.ys_j2{position: absolute;top:286px;cursor: pointer;}
.pageState{margin-top:-39px;font-size:18px;color: #333333;position: relative;}
.pageState span{margin-right:278px;}
.pageState:after{width:9px;height: 21px;content: "";display: block;background: url(../images/ys_bj.jpg) no-repeat center top;position: absolute;left:287px;top:0;}
.ys_j1{left:-56px;}
.ys_j2{right:-56px;}



.news{height: 778px;padding-top:96px;}
.news .titis{height: 125px;}
.dongt{float:left;width:633px;}
.dt_qh{height: 55px;overflow: hidden;padding-left:12px;}
.dt_qh li{float:left;margin-right:25px;height: 34px;line-height: 34px;font-size:20px;color: #333333;}
.dt_qh li a{color: #333333;}
.dt_qh li.on{border-bottom: 3px solid #fa7002}
.dt_qh li.on a{font-weight: bold;}
.dt_nr{height: 509px;border-right:1px solid #d8d8d8;}
.dt_a1{width:560px;}
.dt_d1{height: 472px;overflow: hidden;width:560px;}
.dt_d1 li{position: relative;height: 472px;width:560px;}
.dt_d1 li i{display:block;font-size:0;line-height: 0;}
.dt_d1 li i img{width:560px;height: 280px;}
.dt_d1 li h4 a{display: block;height: 37px;line-height: 37px;margin-top:24px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dt_d1 li p{font-size:14px;color: #808080;line-height: 22px;padding-top:6px;}
.dt_d1 li em a{font-size:16px;color: #999999;margin-top:16px;display: inline-block;padding-right:29px;background: url(../images/ns_ico1.png) no-repeat right;}
.dt_d1 li span{width:134px;height: 95px;background: #0753bc;box-sizing: border-box;padding:16px 0 0 15px;font-size:14px;color: #fff;display: block;position: absolute;left:0;top:185px;}
.dt_d1 li span b{display:block;font-size:36px;height: 40px;padding-bottom: 5px;font-weight: normal;}
.dt_d1 li:hover h4 a{color: #fa7002}
.dt_hd{display: block;text-align: right;}
.dt_hd li{display: inline-block;width:12px;height: 12px;background: #cccccc;border-radius: 50%;margin-left:13px;}
.dt_hd li.on{background: #fa7002}

.went{float: right;width:496px;}
.went .tit{height: 55px;line-height: 34px;}
.went .tit span a{font-size:20px;color: #333333;}
.went .tit em a{float: right;font-size:16px;color: #1a1a1a;padding-left:32px;background: url(../images/ns_ico2.png) no-repeat left center;}
.wt_nr li{border-top:1px dashed #d0d0d0;padding-top:24px;height: 108px;}
.wt_nr li p{float:left;width:392px;}
.wt_nr li p a{display: block;height: 25px;line-height: 25px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wt_nr li p em{font-size:14px;color: #999999;padding-top:6px;line-height: 26px;}
.wt_nr li span{float: right;text-align: center;}
.wt_nr li span i{display: block;font:16px arial;color: #47423f;letter-spacing:2px}
.wt_nr li span em{display: block;font-size:56px;color: #333333;}
.wt_nr li:hover p a{color: #fa7002}


.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 655px;}
.about{position:relative;height: 655px;}
.ab_w{position:absolute;left:0;bottom:-90px;}
.ab_w dl{height: 197px;background: #fff;position: relative;}
.ab_w dt{float:left;width:296px;height: 197px;background: #0753bc url(../images/ab_ico1.png) no-repeat 48px 42px;padding:64px 0 0 48px;box-sizing: border-box;position: relative;}
.ab_w dt:after{content: "";display: block;width:26px;height: 26px;background: #0753bc;position: absolute;left:-26px;bottom:-26px;}
.ab_w dt h2{font-size:48px;color: #fff;height: 63px;line-height: 63px;}
.ab_w dt em{display: inline-block;padding-right:49px;font-size:24px;color: #fff;text-transform: uppercase;background: url(../images/ab_ico2.png) no-repeat right;}
.ab_w dd{float:left;width:904px;box-sizing: border-box;padding:42px 60px 0 58px;box-shadow: 0 0 15px rgba(0,0,0,0.2);height: 197px;}
.ab_w dd em{display: block;font-size:0;line-height: 0;}
.ab_w dd p{font-size:16px;color: #333333;line-height: 26px;padding-top:15px;}
.ab_w dd i a{font-size:16px;color: #fa7003;line-height: 26px;}

.fc_bj{background: url(../images/fc_bj.jpg) no-repeat center top;height: 528px;padding-top:156px;box-sizing: border-box;}
.fc_qh{height: 63px;background: url(../images/fc_ico1.png) no-repeat center 19px;text-align: center;}
.fc_qh li {display: inline-block;font-size:22px;color: #333333;padding:0 20px 0 8px;background: url(../images/fc_ico2.png) no-repeat right;height: 40px;line-height: 40px;}
.fc_qh li:last-child{background: none;}
.fc_qh li a{color: #333;}
.fc_qh li.on{font-weight: bold;}
.fc_nr li{float:left;width:290px;overflow: hidden;margin-right:13px;position: relative;font-size:0;line-height: 0;}
.fc_nr li img{width:290px;height: 218px;transition:all 0.5s;}
.fc_nr li:hover img{transform:scale(1.1);}
.fc_nr li span{width:100%;position: absolute;left:0;bottom:0;height: 46px;line-height: 46px;text-align: center;background: rgba(0,0,0,0.36);font-size:16px;color: #fff;}
.fc_nr li:last-child{margin:0;}



@media screen and (min-width:1920px) {
    html {font-size: 20px;}
    
}
@media screen and (min-width:1366px) {
    html {font-size: 14px;}
   
}
@media screen and (min-width:1440px) {
    html {font-size: 16px;}
  
}
@media screen and (min-width:1600px) {
    html {font-size: 18px;}
   
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }





/*新闻资讯tab*/
.newbox{font-family:"Microsoft Yahei";clear: both;position: relative;padding: 62px 0 36px;font-size: 14px;line-height: 24px;color: #666;}
.newbox:after,.newbox:before{content: "";position: absolute;width:38%;height: 1px;background: #e4e4e4;right: 50%;z-index: -1;top: 260px;}
.newbox:after{right: 0;}
.newbox:before{margin-right: 230px;}
.newbox .til01{padding-bottom: 32px;padding-bottom: 16px;}
.new_t{text-align: center;height: 80px;line-height: 48px;font-size: 18px;}
.new_t span{width: 171px;height: 48px;display: inline-block;background: #32373d;color: #fff;border-radius: 24px;}
.new_t span a{display: block;color: #fff;}
.new_t span:nth-child(2){margin: 0 30px;}
.new_t span.cur{background: #d93a25;}
.news_c{height: 500px;overflow: hidden;}
.news_c dl{width: 592px;float: left;padding: 20px 0 0;}
.news_c dt,.news_c dt img{width:592px;height:333px;display: block;overflow: hidden;}
.news_c dd{padding:10px 0 0;}
.news_c dd h4{font-size:18px;line-height: 58px;height: 58px;}
.news_c dd h4 a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c ul{float: right;width: 567px;}
.news_c li{height:136px;overflow: hidden;position: relative;margin:0 0 45px;}
.news_c li p a{display: block;font-weight: bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;color: #000;font-size: 16px;height: 34px;line-height: 34px;}
.news_c li span{display: block;float: left;width: 116px;height: 136px;border-right: solid 1px #c9c9c9;text-align: center;font-size: 18px;line-height: 28px;color: #666;}
.news_c li span b{display: block;font-size: 26px;line-height: 36px;font-weight: normal;padding: 35px 0 0;color: #333;}
.news_c li p{width: 414px;float: right;padding: 14px 0 30px;background:url(../images/ico04.png) no-repeat 0 bottom;}
.news_c dl:hover dd h4 a,.faqs_c li:hover a,.news_c li:hover p a{color: #da3a25;}

.til01{text-align: center;color: #32373d;font-size:42px;line-height:74px;font-family: "Microsoft Yahei";white-space: nowrap;padding: 0 0 14px;margin-bottom: 40px;position: relative;}
.til01:before{content: "";position: absolute;width: 97px;height: 2px;left: 50%;margin-left: -48px;bottom:0;background: #da3a25;}
.til01 em{display: block;font-size: 16px;opacity: 0.5;line-height: 28px;font-weight: normal;}
.til01 em img{display: block;margin:0 auto 14px;}
.til01 p{display: block;font-size:24px;line-height:44px;font-weight: normal;}
.til01 a{color: #32373d;}
.til02,.til02 a{color: #fff;}