@charset "utf-8";
/* CSS Document */
.nav-box{background-color:#fff;border-bottom:1px solid #f0f0f0;width:100%}
.nav-box h1{font-size:16px;line-height:50px;height:50px;}
.nav-box ul{height:50px;line-height:50px}
.nav-box li{float:left;font-size:14px;margin:0 40px 0 0}
.nav-box li a{padding:0 10px}
.nav-box li a span{display:inline-block}
.nav-box li.active a,.nav-box li a:hover{color:#0082fd}
.nav-box li.active a span,.nav-box li a:hover span{border-bottom:2px solid #2277da;height:48px}
.nav-box li.last{margin-right:0}
.nav-box li.last a{background-color:#0082fd;border-radius:3px;color:#fff;display:block;font-size:14px;height:36px;line-height:36px;margin-top:7px;text-align:center;width:80px}
.nav-box li.last a:hover{text-decoration:none;opacity:.9}
.gong-box{background:url(../images/products/gong.jpg) no-repeat center top #2880e4;height:420px;min-width:1200px;width:100%}
.gong-main h2{padding:100px 0 70px;font-size:24px;color:#333;text-align:center;line-height:30px}
.gong-main li{float:left;height:56px;margin-bottom:44px;text-align:left;width:25%}
.gong-main li .icon{width:50px;height:56px;text-align:center;line-height:56px;margin-right:15px;border-radius:4px;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;}
.gong-main li:hover .icon{-webkit-transform:scale(1.2);transform:scale(1.2)}
.gong-main li .icon i{color:#fff;font-size:26px}
.gong-main li .icon.green{background-color:#0dcc6d}
.gong-main li .icon.red{background-color:#ff5353}
.gong-main li .icon.blue{background-color:#66a3ff}
.gong-main li .icon.orange{background-color:#ff842d}
.gong-main li h3{color:#333;font-size:16px;line-height:24px;padding-top:4px}
.gong-main li p{color:#999;font-size:12px;line-height:24px}
.gong-main li .icon i.f-28{font-size:28px}
.gong-main li .icon i.f-30{font-size:30px}
.gong-main li .icon i.f-32{font-size:32px}