.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix{*zoom:1;}.clear{clear:both;}
.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p40{padding:40px;}.p50{padding:50px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}

.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}

.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}
.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}
.pt60{padding-top:60px;}.pt70{padding-top:70px;}.pt80{padding-top:80px;}.pt90{padding-top:90px;}.pt100{padding-top:100px;}
.pb60{padding-bottom:60px;}.pb70{padding-bottom:70px;}.pb80{padding-bottom:80px;}.pb90{padding-bottom:90px;}.pb100{padding-bottom:100px;}

.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.f24{font-size:24px;}.f26{font-size:26px;}.f28{font-size:28px;}.f30{font-size:30px;}.f32{font-size:32px;}.f34{font-size:34px;}.f36{font-size:36px;}

.cf00{color:#f00;}a.cf00:link,a.cf00:visited{color:#f00;}a.cf00:hover,a.cf00:active{color:#f00;}
.cf30{color:#f30;}a.cf30:link,a.cf30:visited{color:#f30;}a.cf30:hover,a.cf30:active{color:#f30;}
.cf60{color:#f60;}a.cf60:link,a.cf60:visited{color:#f60;}a.cf60:hover,a.cf60:active{color:#f60;}
.cf90{color:#f90;}a.cf90:link,a.cf90:visited{color:#f90;}a.cf90:hover,a.cf90:active{color:#f90;}
.cfc0{color:#fc0;}a.cfc0:link,a.cfc0:visited{color:#fc0;}a.cfc0:hover,a.cfc0:active{color:#fc0;}

.c000{color:#000;}a.c000:link,a.c000:visited{color:#000;}a.c000:hover,a.c000:active{color:#000;}
.c333{color:#333;}a.c333:link,a.c333:visited{color:#333;}a.c333:hover,a.c333:active{color:#333;}
.c666{color:#666;}a.c666:link,a.c666:visited{color:#666;}a.c666:hover,a.c666:active{color:#666;}
.c999{color:#999;}a.c999:link,a.c999:visited{color:#999;}a.c999:hover,a.c999:active{color:#999;}
.cccc{color:#ccc;}a.cccc:link,a.cccc:visited{color:#ccc;}a.cccc:hover,a.cccc:active{color:#ccc;}
.cfff{color:#fff;}a.cfff:link,a.cfff:visited{color:#fff;}a.cfff:hover,a.cfff:active{color:#fff;}

.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}

a:link,a:visited{ text-decoration:none;}a:hover,a:active{ text-decoration:none;}

.bold{font-weight:bold;}.normal{font-weight:normal;}

.left{text-align:left;}.center{text-align:center;}.right{text-align:right;}
.hide{display:none;}.block{display:block;}.inline-block{display:inline-block;}
.fl{float:left;}.fr{float:right;}

.ofhidden{overflow:hidden;}
.vm > *{display:inline-block;vertical-align:middle;}
.op0{opacity: 0;}.op1{opacity: 0.1;}.op2{opacity: 0.2;}.op3{opacity: 0.3;}.op4{opacity: 0.4;}.op5{opacity: 0.5;}.op6{opacity: 0.6;}.op7{opacity: 0.7;}.op8{opacity: 0.8;}.op9{opacity: 0.9;}.op10{opacity: 1;}
img{line-height: 0;padding: 0;margin: 0;}

body,html{height:auto;overflow-x:hidden;}
@font-face { 
font-family: 'din'; 
src: local('fontName Regular'), 
local('fontName'), 
url('DIN-Regular.otf') format('truetype')
} 
@font-face { 
font-family: 'HYQiHei'; 
src: local('fontName Regular'), 
local('fontName'), 
url('HYQiHei-50S.otf') format('truetype')
} 
/*****************start  ea4335****************/

.mainBox{padding-bottom:200px;color: #000;font-family: 'HYQiHei'; }
.bannerWrapper{height:auto;line-height:0;font-size:0;}
.bannerWrapper img{width:100%;}
.wp{width: 1200px;margin-left: auto;margin-right: auto;}

.wpbox{background: #fff;width:1100px;margin-left:auto;margin-right: auto;min-height:200px;}


.navUl{display: flex;justify-content: space-between;flex-wrap: wrap;margin-right: 20px;width:850px;margin-left: auto;margin-right: auto;margin-top: 60px;}
.navUl li{width: 120px;font-size:16px;height: 38px;border:1px solid #333;border-radius: 19px;line-height: 38px;text-align: center;color: #333;margin-bottom: 10px;cursor: pointer;}
.navUl li:hover{background: #f00;color: #fff;border-color:#f00;}
.navUl li.active{background: #EA4335;color: #fff;border-color:#EA4335;}
.tips{color: #333;font-size: 17px;margin-top: 20px;margin-bottom: 60px;opacity: 0.7;}

.headerWrapper{position: relative;}
.headerBanner{line-height:0}
.headerBanner img{width:100%;}
.pops{background: rgba(0,0,0,0.6);color: #fff;position: absolute;left: 0;
top:0;right: 0;bottom: 0;display: none;}
.popCont{position: absolute;left: 1.5625vw;bottom: 1.09375vw;font-size: 0.664062vw;}
.popCont img{width: 6.679688vw;height: 4.023438vw;margin-bottom: 0.195312vw;}
.boxImg{display: flex;flex-wrap: wrap;width:100vw;}
.boxImg li{width: 33.203125vw;height: 23.4375vw;margin-right: 0.195312vw;position: relative;margin-bottom: 0.195312vw;overflow: hidden;}
.boxImg li>img{width: 33.203125vw;height: 23.4375vw;overflow: hidden;transition: ease 0.3s;}
.boxImg li:nth-child(3n){margin-right: 0;}
.pops a{display: block;width: 100%;height: 100%;}
.boxImg li:hover >img{box-shadow: 0px 0px 5px rgba(0,0,0,0.5);transform: scale(1.1);transition: ease 0.3s;}
.boxImg li:hover .pops{display: block;}

.backTop{display:flex;box-shadow:0px 0px 5px rgba(0,0,0,0.2); justify-content: center;align-items: center;background: #fff;border-radius: 1000px;width:60px;height:60px;position: fixed;right:20px;bottom:20px;z-index:200}
.backTop img{border-radius: 1000px;}
.backTop span{font-size:12px;}