body{width:100%;font-family:"微软雅黑",arial}
.cl{clear:both}
.opacity{opacity:0.8}
p{font-size:14px;line-height:30px}
@media screen and (max-width:767px){p{font-size:0.8rem;line-height:20px}
}.relative{position:relative}
.absolute{position:absolute;line-height:30px}
.mask{overflow:hidden;height:100%}
.right{float:right}
.left{float:left}
h1{font-size:25px;font-weight:500;font-family:"latolight",arial}
@media screen and (max-width:413px){h1{font-size:1rem}
}@media screen and (max-width:374px){h1{font-size:0.8rem}
}
@media screen and (min-width:375px) and (max-width:413px){h2{font-size:0.8rem}
}@media screen and (max-width:374px){h2{font-size:0.5rem}
}h3{font-size:20px;font-weight:500}
li{list-style:none;padding:0;margin:0}
.content-center{width:1180px;margin:0 auto}
@media screen and (max-width:1188px){.content-center{width:98%;margin:0 1%}
}.electronic-title{background:#f7f8f9;padding:45px 0;width:100%;line-height:45px}
.electronic-title h1{color:#44a8f2;font-weight:300;font-size:35px;line-height:40px;font-weight:lighter}
.electronic-title a{color:#000}
.airwheel-content{width:1055px;margin:0 auto}
.nav-bar a{display:block;margin:8px 0px;float:left;margin-right:2%;width:12%;text-align:center;color:#47817e;text-transform:uppercase;border-radius:5px;line-height:40px;border:1px solid #ddd;font-size:14px;transition:all 600ms;background:#fff}
@media (min-width:768px){.nav-bar a:hover{background:#ea6060;border:1px solid #cf5050;color:#fff;transition:all 600ms}
}@media (max-width:768px){.nav-bar a{width:80px;margin-top:10px;font-size:.8rem;margin-right:1%}
.nav-bar a:active{background:#ea6060;border:1px solid #cf5050;color:#fff;transition:all 600ms}
}@media (max-width:320px){.nav-bar a{width:70px}
}.nav-bar:after{clear:both;content:"";display:block}
.nav-bar .active{background:#ea6060;border:1px solid #cf5050;color:#fff}
#page{background:#fff;line-height:30px;margin:20px 0;text-align:center}
@media (max-width:768px){#page{width:98%;margin-left:2%}
}#page span,#page a{display:block;float:left;margin:0;padding:5px 20px;font-size:1rem;border:1px #ccc solid;border-left:0}
#page span:nth-child(1),#page a:nth-child(1){border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px #ccc solid}
@media (max-width:768px){#page span,#page a{width:32.9%;padding:5px 0}
}#page span:nth-child(2){background:#f8f8f8}
#page span:nth-child(2):hover{border-left:0}
#page span:hover{border-color:#ccc}
#page span:hover:nth-child(1){border-color:#ccc;background:#f2f8ff;color:#60aff6;cursor:pointer}
@media (max-width:768px){#page span:nth-child(2){display:none}
}#page a:hover{background:#f2f8ff;border-color:#ccc;border-left:0}
#page a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border:1px #ccc solid;border-left:0}
}.airwheel-video{width:1180px;margin:40px 0}
@media (max-width:1180px){.airwheel-video{width:98%;margin:20px 1%}
}.airwheel-video .airwheel-video-li{text-align:center;width:380px;height:320px;background:#fff;display:inline-block;margin-left:12px;border:1px #f2f2f2 solid;animation:airwheelvideo-back 1s;-webkit-animation:airwheelvideo-back 1s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;margin-top:50px}
@media (max-width:1180px){.airwheel-video .airwheel-video-li{width:31%;margin-left:1%}
}@media (max-width:414px){.airwheel-video .airwheel-video-li{width:98%;margin:25px 1%}
}.airwheel-video .airwheel-video-li:nth-child(3n+1){margin-left:0}
.airwheel-video .airwheel-video-li .airwheel-video-img{width:100%;height:245px;border-bottom:1px #ccc solid;background:#000}
.airwheel-video .airwheel-video-li .airwheel-video-img img{height:245px;width:100%}
.airwheel-video .airwheel-video-li .airwheel-video-img span img{height:44px;width:70px}
.airwheel-video .airwheel-video-li .airwheel-video-img span{color:#fff;font-size:25px;display:inline-block;width:70px;height:44px;border-radius:7px;border:2px #fff solid;position:absolute;left:50%;margin-left:-35px;top:50%;margin-top:-24px;line-height:48px;text-align:center;top:2;transition:all 1s}
.airwheel-video .airwheel-video-li:hover{animation:airwheelvideo 1s;-webkit-animation:airwheelvideo 1s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.airwheel-video .airwheel-video-li:hover .airwheel-video-img span{transition:all 1s;background-color:#60aff6;border-color:#60aff6}
.airwheel-video .airwheel-video-li .airwheel-video-title{text-align:left;padding:10px;height:40px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@keyframes airwheelvideo {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-5px);
		box-shadow: 0 15px 30px rgba(0,0,0,.1);
	}
}
@keyframes airwheelvideo-back {
	0% {
		
		transform: translateY(-5px);
		box-shadow: 0 15px 30px rgba(0,0,0,.1);
	}
	100% {
		transform: translateY(0);
	}
}