@charset "utf-8";
@font-face {
    font-family: 'YouSheBiaoTiHei'; src: url('../fonts/YouSheBiaoTiHei-2.ttf');
}
.wrap {max-width: 1200px;margin: 0 auto;width: 86%;}
header{background-color: #ffffff;position: fixed;top: 0;left: 0;width: 100%;z-index: 99;box-shadow: 3px 0 13px rgba(0,0,0,.12);}
header .logo{float: left;display: block;line-height: 80px;position: relative;height: 80px;font-size: 0;}
header .logo img{display: inline-block;vertical-align: middle;width: 101px;}
header ul{font-size: 0;float: right;}
header ul li{display: inline-block;vertical-align: middle;border-right: 1px solid rgba(255,255,255,.2);width: 160px;position: relative;border-right: 1px solid #f1f1f1;}
header ul li .v1{display: block;font-size: 18px;color: #333333;line-height: 80px;font-weight: bold;text-align: center;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
header ul li.on .v1{background: #e60213;font-weight: bold;color: #ffffff;}
header ul li.on{border-color: #e60213;}
header ul li dl{position: absolute;left: 0;top: 120%;width: 100%;background: #ffffff;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;z-index: 99;}
header ul li dl a{display: block;font-size: 16px;color: #333333;line-height: 46px;text-align: center;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
header ul li dl a:hover{background: #e60213;color: #ffffff;}
header ul li.ok{border-color: #e60213;}
header ul li.ok dl{opacity: 1;visibility: visible;top: 100%;}
header ul li.ok .v1{background: #e60213;font-weight: bold;color: #ffffff;}
.proPull{background: #ffffff;width: 100%;position: fixed;top: 100px;left: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;opacity: 0;visibility: hidden;height: 0;overflow: hidden;z-index: 99;border-top: 1px solid #dddddd;}
.proPull .wrap{max-width: 1440px;}
.proPull .box{overflow: hidden;padding: 20px 0;text-align: center;}
/*.proPull .box .box2{float: left;margin-right: 2%;width: 18.4%;}
.proPull .box .box2 .tit{text-align: left;margin-bottom: 6px;}
.proPull .box .box2 .tit h3{font-size: 16px;color: #333333;line-height: 30px;font-weight: normal;display: inline-block;vertical-align: middle;}
.proPull .box .box2 .tit i{width: 64%;height: 10px;background-image: url(../images/common/bg3.png);background-repeat: no-repeat;background-position: left center;display: inline-block;vertical-align: middle;margin-left: 5px;}
.proPull .box .box2:last-child{margin-right: 0;}
.proPull .box .box2 .item{background: #f0f0f0;margin-bottom: 12px;padding: 15px 15px 10px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.proPull .box .box2 .item img{display: block;margin: 0 auto;height: 136px;width: auto;}
.proPull .box .box2 .item span{font-size: 16px;color: #333333;line-height: 30px;display: block;text-align: center;}
.proPull .box .box2 .item:hover span{color: #e60213;}
.proPull .box .box2 .item:hover{transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);}
.proPull .box .more{font-size: 18px;color: #333333;line-height: 30px;display: inline-block;background-image: url(../images/common/more.png);background-repeat: no-repeat;background-position: right center;padding-right: 18px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.proPull .box .more:hover{background-image: url(../images/common/more_hover.png);color: #e60213;}
.proPull .box .tabCon{overflow: hidden;font-size: 0;}
.proPull.active{opacity: 1;visibility: visible;top: 80px;height: auto;}*/

.proPull .box .left{width: 20%;float: left;}
.proPull .box .left span{font-size: 20px;color: #333333;line-height: 48px;display: block;border-bottom: 1px solid #dfdfdf;padding: 0 28px;position: relative;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;cursor: pointer;}
.proPull .box .left span:after{content: '';display: block;width: 9px;height: 14px;background-image: url(../images/common/more.png);background-repeat: no-repeat;background-position: center;position: absolute;right: 14px;top: 50%;margin-top: -7px;}
.proPull .box .left span.active{color: #e60213;}
.proPull .box .left span.active:after{background-image: url(../images/common/more_hover.png);}
.proPull .box .right{float: right;width: 78%;font-size: 0;text-align: center;}
.proPull .box .right .box2{float: left;margin-right: 3%;width: 22.33%;}
.proPull .box .right .box2 .tit{text-align: left;margin-bottom: 6px;}
.proPull .box .right .box2 .tit h3{font-size: 16px;color: #333333;line-height: 30px;font-weight: normal;display: inline-block;vertical-align: middle;}
.proPull .box .right .box2 .tit i{width: 52%;height: 10px;background-image: url(../images/common/bg3.png);background-repeat: no-repeat;background-position: left center;display: inline-block;vertical-align: middle;margin-left: 5px;}
.proPull .box .right .box2:last-child{margin-right: 0;}
.proPull .box .right .item{background: #f0f0f0;margin-bottom: 12px;padding: 15px 15px 10px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;overflow: hidden;}
.proPull .box .right .item img{display: block;height: 136px;margin: 0 auto;width: auto;}
.proPull .box .right .item span{font-size: 16px;color: #333333;line-height: 30px;display: block;text-align: center;}
.proPull .box .right .item:hover span{color: #e60213;}
.proPull .box .right .item:hover{transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);}
.proPull .box .right .more{font-size: 18px;color: #333333;line-height: 30px;display: inline-block;background-image: url(../images/common/more.png);background-repeat: no-repeat;background-position: right center;padding-right: 18px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.proPull .box .right .more:hover{background-image: url(../images/common/more_hover.png);color: #e60213;}
.proPull .box .tabCon{opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;height: 0;overflow: hidden;}
.proPull .box .tabCon.active{opacity: 1;visibility: visible;height: auto;}
.proPull.active{opacity: 1;visibility: visible;top: 80px;height: auto;}
.proBg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 98;background: rgba(0,0,0,.5);display: none;}


.commTit{text-align: center;margin-bottom: 35px;}
.commTit h3{font-size: 32px;color: #333333;line-height: 1;display: inline-block;vertical-align: middle;}
.commTit h3:before{content: '';display: inline-block;width: 37px;height: 17px;background-image: url(../images/common/bg1.png);background-repeat: no-repeat;background-position: center;background-size: 100%;vertical-align: middle;margin-right: 20px;}
.commTit h3:after{content: '';display: inline-block;width: 37px;height: 17px;background-image: url(../images/common/bg1.png);background-repeat: no-repeat;background-position: center;background-size: 100%;vertical-align: middle;margin-left: 20px;}
.commTit span{font-size: 20px;color: #666666;line-height: 30px;display: block;margin-top: 10px;text-transform: uppercase;}
.commTit p{font-size: 18px;color: #666666;line-height: 30px;margin-top: 10px;}
.commTit2 h3,.commTit2 span{color: #ffffff;}

.commTit2 h3:before{background-image: url(../images/common/bg2.png);}
.commTit2 h3:after{background-image: url(../images/common/bg2.png);}
.commPad{padding: 80px 0;}
.commWidth{width: 83.6%;margin: 0 auto;}
.commTop{margin-top: 80px;}
footer .top{background-color: #363739;overflow: hidden;padding: 60px 16%;}
/*footer .top .commWidth{display: flex;justify-content: space-between;}*/
footer .left{width: 30%;float: left;}
footer h3{font-size: 16px;color: #ffffff;line-height: 20px;}
footer h3:after{content: '';display: block;width: 35px;height: 1px;background-color: rgba(255,255,255,.1);margin: 27px 0 15px 0;}
footer .left ul{font-size: 0;}
footer .left ul li{display: inline-block;vertical-align: top;width: 33.33%;}
footer .left ul a{font-size: 14px;color: rgba(255,255,255,.4);line-height: 44px;display: block;}
footer .left ul a:hover{color: rgba(255,255,255,1);}
footer .center{float: left;width: 42%;margin-left: 2%;padding-top: 44px;}
footer .center .con p{font-size: 14px;color: rgba(255,255,255,.4);line-height: 44px;}
footer .center .con p img{display: inline-block;vertical-align: middle;width: 21px;margin-right: 16px;}
footer .center .tel{position: relative;padding-left: 57px;margin-bottom: 10px;}
footer .center .tel img{width: 32px;display: block;position: absolute;left: 0;top: 18px;}
footer .center .tel span{font-size: 20px;color: #ffffff;font-weight: normal;line-height: 30px;}
footer .center .tel h2{font-size: 30px;color: #ffffff;line-height: 38px;}
footer .center .tel p{font-size: 16px;color: #ffffff;line-height: 30px;}
footer .right{float: right;}
footer .right .ewmBox{font-size: 0;}
footer .right .ewm{width: 121px;display: inline-block;margin-right: 15px;}
footer .right .ewm img{display: block;width: 100%;}
footer .right .ewm:last-child{margin-right: 0;}
footer .right h3:after{margin-bottom: 28px;}
footer .bot{background-color: #262729;padding: 21px 0;}
footer .bot p{font-size: 14px;color: rgba(255,255,255,.16);text-align: center;}

.aLinks{position: relative;}
.aLinks span{cursor: pointer;width:130px;display: block;font-size: 14px;color: #ffffff;line-height: 36px;background-image: url(../images/common/arrow.png);background-repeat: no-repeat;background-position: center right;margin-top: 20px;}
.aLinks .aLink{position: absolute;left: 0;bottom: 0;background: #000000;width: 160px;overflow-y: auto;box-shadow: 0 5px 20px rgba(0,0,0,.5);opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.aLinks .aLink a{display: block;font-size: 14px;color: #ffffff;line-height: 40px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;padding: 0 20px;text-align: center;}
.aLinks .aLink a:hover{color: #333333;background: #ffffff;}
.aLinks:hover .aLink{opacity: 1;visibility: visible;bottom: 36px;}



.fiexRight{position: fixed;right: 12px;top: 26%;z-index: 99999;}
.fiexRight a{display: block;margin-bottom: 6px;background-color: #e60213;border-radius: 5px;text-align: center;padding: 10px 0 8px 0;width: 76px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;position: relative;}
.fiexRight a img{display: block;width: 34px;height: 34px;margin: 0 auto;}
.fiexRight a span{font-size: 14px;color: #ffffff;line-height: 20px;display: block;margin-top: 5px;}
.fiexRight a:hover{background: #b70512;}
.fiexRight .ewmBox{position: absolute;top: 50%;left: -322px;margin-top: -74px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;box-shadow: 0 5px 20px rgba(0,0,0,.1);font-size: 0;background: #ffffff;padding: 5px;}
.fiexRight .ewm{width: 140px;height:140px;display: inline-block;vertical-align: top;}
.fiexRight .ewm img{display: block;width: 100%;height: auto;}
.fiexRight .ewmBox:after{content: '';border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #ffffff;position: absolute;right: -10px;top: 50%;margin-top: -10px;display: inline-block;}
.fiexRight a:hover .ewmBox{opacity: 1;visibility: visible;}
.fiexRight .tel{width: 208px;position: absolute;top: 50%;left: -234px;margin-top: -28px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;font-size: 20px;color: #333333;border-radius: 5px;background: #ffffff;padding: 15px 20px;box-shadow: 0 5px 20px rgba(0,0,0,.1);}
.fiexRight .tel:after{content: '';border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #ffffff;position: absolute;right: -10px;top: 50%;margin-top: -10px;display: inline-block;}
.fiexRight a:hover .tel{opacity: 1;visibility: visible;}

.commBanner{overflow: hidden;}
.commBanner img{display: block;width: 100%;}
.bg{background: #f5f7f9;}
.commNav{font-size: 0;}
.commNav a{display: inline-block;vertical-align: top;font-size: 20px;color: #333333;line-height: 30px;text-align: center;margin-right: 60px;padding-bottom: 14px;position: relative;}
.commNav a:after{content: '';display: block;width: 0;height: 4px;background: #e60213;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 0;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.commNav a.on:after,.commNav a:hover:after{opacity: 1;visibility: visible;width: 74px;}
.commNav a.on,.commNav a:hover{font-weight: bold;}

.crumbs{background: #FFFFFF;box-shadow: 0px 3px 10px 0px rgba(9, 13, 66, 0.08);font-size: 16px;color: #616161;line-height: 78px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.crumbs a{color: #616161;}
.crumbs a:hover{color: #e60213;}
.crumbs span{color: #e60213;}

.tcBox2{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 999;display: none;}
.tcBox2 .box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);background: #ffffff;border-radius: 10px;text-align: center;padding: 15px 40px;}




@media only screen and (max-width: 1670px){
	footer .top{padding: 60px 15%;}
}
@media only screen and (max-width: 1600px){
	
}
@media only screen and (max-width: 1500px){
	footer .top{padding: 60px 12%;}
}




@media only screen and (max-width: 1440px) {
	.commTit h3{font-size: 32px;}
	.commTit span{font-size: 18px;margin-top: 5px;}
	.commTit p{font-size: 16px;line-height: 26px;}
	.commPad {padding: 60px 0;}
	header ul li .v1{line-height: 70px;font-size: 16px;}
	header .logo{float: left;display: block;line-height: 70px;position: relative;height: 70px;font-size: 0;}
    header .logo img{display: inline-block;vertical-align: middle;width: 90px;}
	.proPull.active{top: 70px;}
	.fiexRight a span{font-size: 12px;}
	.fiexRight a{width: 66px;padding: 8px 0 6px 0;}
	.fiexRight a span{margin-top: 0;}
	.commTop{margin-top: 70px;}
	.commNav a{font-size: 18px;}
	.proPull{top: 70px;}
	footer .top{padding: 40px 10%;}
	footer .center {width: 42%;margin-left: 2%;}
}
@media only screen and (max-width: 1366px) {

}