.product-box{margin:0 auto;}
.product-nav{width:1400px; font-size:0; text-align:center; margin:50px auto 30px auto; overflow:hidden; max-width:100%;}
.product-nav ul{display:inline-block; position:relative;}
.product-nav ul:before{width:50%; right:100%; top:35px; height:1px; background:#ccc; content:''; position:absolute;}
.product-nav ul:after{width:50%; left:100%; top:35px; height:1px; background:#ccc; content:''; position:absolute;}
.product-nav ul li{display:inline-block; width:140px;}
.product-nav ul li a{display:block;}
.product-nav ul li a i{font-size:35px; width:65px; height:65px; line-height:65px; text-align:center; 
background:#f1f1f1; border-radius:50%; display:block; margin:0 auto;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.product-nav ul li a h2{display:block; font-size:16px; margin:5px 0 0 0; text-align:center; font-weight:normal;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.product-nav ul li.active a i,
.product-nav ul li a:hover i{background:#0166ce; color:#fff;}
.product-nav ul li.active a h2,
.product-nav ul li a:hover h2{color:#0166ce;}

.product-filter{font-size:16px; text-align:center; background:#f1f1f1; line-height:30px; overflow:hidden; }
.product-filter span{width:1400px; display:block; margin:0 auto; padding:5px 0;}
.product-filter dl{display:block; border-top:1px solid #ccc; padding:15px 0;}
.product-filter dl:first-child{border-top:none;}
.product-filter dl:after{display:block; clear:both; content:'';}
.product-filter dl dt{float:left; padding:5px 0;}
.product-filter dl dd{display:block; padding:0 0 0 80px;}
.product-filter dl dd p{float:left; margin:5px; position:relative;}
.product-filter dl dd p:before{position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; background:#0166ce; content:''; opacity:0;
transform:scale(.5); -moz-transform:scale(.5); -ms-transform:scale(.5); -o-transform:scale(.5); -webkit-transform:scale(.5);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.product-filter dl dd p a{color:#666; display:block; padding:0 15px; position:relative; z-index:2;}
.product-filter dl dd p:hover a,
.product-filter dl dd p.active a{color:#fff;}
.product-filter dl dd p:hover:before,
.product-filter dl dd p.active:before{transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); 
-o-transform:scale(1); -webkit-transform:scale(1); opacity:1;}

.product-cut{width:1400px; margin:40px auto 0 auto;}
.product-cut ul{margin:0 -10px;}
.product-cut ul:after{display:block; clear:both; content:'';}
.product-cut ul li{float:left; width:25%; padding:10px;}
.product-cut ul li a.img{display:block; overflow:hidden; position:relative;}
.product-cut ul li a.img font{width:50px; height:30px; background:#0166ce; position:absolute; top:50%; left:50%; margin:-25px 0 0 -15px;
transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); -webkit-transform:scale(2); opacity:0;
transition:.35s; -moz-transition:.35s; -ms-transition:.35s; -o-transition:.35s; -webkit-transition:.35s;}
.product-cut ul li a.img font:before{border-style:solid; border-width:0 25px 14px 25px; border-color:transparent transparent #0166ce transparent;
content:''; position:absolute; bottom:100%; left:0;}
.product-cut ul li a.img font:after{border-style:solid; border-width:14px 25px 0 25px; border-color:#0166ce transparent transparent transparent;
content:''; position:absolute; top:100%; left:0;}
.product-cut ul li a.img font hr{position:absolute; position:absolute; top:50%; left:50%; margin:-6px 0 0 -3px; padding:0;
border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #fff;}
.product-cut ul li a.img img{display:block; width:100%;}
.product-cut ul li span{display:block; background:#f1f1f1; line-height:30px; padding:10px; line-height:24px;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.product-cut ul li span:after{display:block; clear:both; content:'';}
.product-cut ul li span a.name{float:left;}
.product-cut ul li span a.name h3{
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.product-cut ul li span a.icon{float:right; margin-left:10px;}
.product-cut ul li span a.icon i{font-size:22px;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.product-cut ul li:hover a.img font{transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); 
-o-transform:scale(1); -webkit-transform:scale(1); opacity:1;}
.product-cut ul li:hover span{background:#0166ce;}
.product-cut ul li:hover span a.name h3{color:#fff;}
.product-cut ul li:hover span a.icon i{color:#fff;}
@media(max-width:1440px){
.product-nav,
.product-filter span,
.product-cut{width:1200px;}
.product-filter,
.product-nav ul li a h2,
.product-cut ul li span a.name h3{font-size:15px;}
}
@media(max-width:767px){
.product-nav,
.product-filter span,
.product-cut{width:100%;}
.product-filter,
.product-nav ul li a h2,
.product-cut ul li span a.name h3{font-size:14px;}
.product-nav{margin:20px auto 0 auto;}
.product-nav ul{padding:0 10px;}
.product-nav ul li{width:33.3333%; margin-bottom:15px;}
.product-filter{line-height:20px;}
.product-filter dl{padding:5px 0;}
.product-filter dl dt{float:none; font-size:16px; font-weight:bold; padding-bottom:10px;}
.product-filter dl dd{padding:0;}
.product-filter dl dd p a{padding:0 10px;}
.product-cut{margin:0 auto;}
.product-cut ul{margin:0; padding:5px;}
.product-cut ul li{width:50%; padding:5px;}
.product-cut ul li span a.name{float:none; display:block; text-align:center;}
.product-cut ul li span a.icon{display:none;}
.product-cut + .page-box{padding:0 10px 10px;}
}



.product-title{background:#f8f8f8; overflow:hidden;}
.product-title font{float:left; margin:10px 30px 0 0;}
.product-title font img{display:block; height:90px;}
.product-title h2{font-size:40px;}
.product-title h3{font-size:16px;}
.product-title h3 a{font-weight:bold; display:inline-block; color:#444;}
.product-title h3 b{font-weight:normal; display:inline-block; color:#666; margin-left:30px;}
.product-title h3 a.links{font-weight:normal; color:#666; margin-left:30px;}
.product-title h3 a:hover{color:#0166ce;}
.product-title p{color:#999; padding:20px 0 40px 0;}
.product-title span{float:right; text-align:center; padding:10px 0 0 100px;}
.product-title span i{display:block; font-style:normal; margin:5px 0 0 0;}
.product-title span img{border:5px solid #fff; width:120px; box-shadow:0 0 2px rgba(0,0,0,.05);} 
.product-page{background:url(../Qi_2.jpg); height:60px; line-height:60px;}
.product-page .product-cut{margin:0 auto; position:relative;}
.product-prev{float:left; margin-left:20px;}
.product-modu{position:absolute; left:50%; width:30px; margin-left:-15px; text-align:center;}
.product-next{float:right; margin-right:20px;}
.product-page i{font-size:25px;}
.product-content{width:1400px; margin:40px auto; text-align:center; max-width:100%;}
.product-content *{max-width:100%;}
.product-content img,
.product-content video{height:auto !important;}
@media(max-width:1440px){
.product-content{width:1200px;}
}
.product-pages{background:#f8f8f8; padding:30px 0;}
@media(max-width:767px){
.product-title{text-align:center;}
.product-title span{display:none;}
.product-title h2{font-size:24px; margin:20px 0 10px 0;}
.product-title h3{font-size:12px;}
.product-title h3 b{margin-left:10px;}
.product-title h3 a.links{margin-left:10px;}
.product-title p{padding:15px 10px 20px 10px; text-align:left;}
.product-content{padding:0 10px; margin:20px 0;}
.product-pages{padding:15px 0;}
}