/** home **/
.home-cat li{float:left;width:33.33%;}
.home-cat .b{border:1px solid #F2F2F2;background-color:#F2F2F2;margin:20px;}
.home-cat li:hover .b{background-color:#E0E0E0;}
.home-cat .text{padding:25px;}
.home-cat .text h3{font-size:19px;margin:0 0 12px 0;}
.home-cat .text p{color:#777;}
.home-cat .line3, .home-cat .line2{clear:both;width:100%;}
.home-cat .line2{display:none;}
.home-cat a:hover{text-decoration:none;}
.home-cat .thumb img{width:100%;}

.home-app{padding:120px 0;text-align:center;}
.home-app h3{font-size:32px;font-weight:300;margin:0 0 40px 0;}

/** filter **/
.view-bar{border-bottom:1px solid #DDD;height:45px;margin-bottom:30px;position:relative;}
.view-bar #product-cattree{position:absolute;left:0;top:45px;z-index:100;display:none;}
.view-title{float:left;height:45px;}
.view-title h2{line-height:45px;margin:0;font-size:26px;}
.view-title h2 .icon{line-height:45px;color:#777;}
.view-title .icon-list{font-size:20px;margin-right:12px;}
.view-title .icon-down{font-size:14px;margin-left:12px;}

.view-page{float:right;line-height:45px;}
.view-page span{color:#777;}
.view-page a, .view-page span.off{display:inline-block;background-color:#EEE;color:#333;padding:5px 12px;vertical-align:middle;}
.view-page .icon{font-size:12px;}
.view-page a:hover{text-decoration:none;background-color:#DDD;}
.view-page span.off{color:#999;}
.view-page span.record{margin-right:10px;font-size:12px;}

/** list **/
.product-list li{float:left;width:285px;margin:0 30px 30px 0;}
.product-list li.nm{margin-right:0;}
.product-list .line4, .product-list .line2, .product-list .line3{display:none;clear:both;width:100%;}
.product-list .line4{display:block;}
.product-list .b{background-color:#F2F2F2;}
.product-list .thumb{overflow:hidden;}
.product-list .text{padding:25px;}
.product-list a{color:#666;}
.product-list a:hover{text-decoration:none;color:#d5102c;}

/** info **/
.product-pic{float:left;width:32%;}
.product-pic .i-remark{font-size:12px;color:#999;text-align:center;}
.product-info-box{float:right;width:68%;}
.product-info-space{border-left:1px solid #EEE;padding-left:60px;margin-left:60px;}
.product-pic .i-box{margin-right:36px;}
.product-img{overflow:hidden;}
.product-img li{float:left;position:relative;min-height:110px;}
.product-img .load{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.product-img .load span{position:absolute;width:100%;left:0;top:42%;text-align:center;color:#FFF;font-size:24px;}
.product-img img{width:100%;cursor:pointer;}
.product-img img:hover{opacity:0.8;}

.product-gallery{margin-top:10px;}
.product-gallery li{float:left;width:50px;height:50px;overflow:hidden;position:relative;margin:0 10px 10px 0;border:1px solid #EEE;cursor:pointer;}
.product-gallery li:after{position:absolute;top:0;left:0;content:'';border-style:solid;border-width:1px;border-color:transparent;width:48px;height:48px;z-index:1;overflow:hidden;}
.product-gallery li.on:after{border-color:#d5102c;}
.product-gallery li:hover{border-color:#AAA;}
.product-gallery li.on{border-color:#d5102c;}

.product-info{margin-bottom:60px;}
.product-info h2{font-size:28px;line-height:155%;}
.product-info .line{width:100%;height:0;overflow:hidden;border-top:1px solid #EEE;margin:35px 0;}
.product-info .product-sn{font-size:13px;color:#999;}
.product-info .bt{display:inline-block;width:48%;border:1px solid #EEE;padding:12px 0;text-align:center;cursor:pointer;
border-radius:3px;font-size:17px;color:#333;}
.product-info .bt:hover{border-color:#d5102c;background-color:#d5102c;color:#FFF;}
.product-info .bt-left{float:left;}
.product-info .bt-right{float:right;}
.product-info a.bt:hover{text-decoration:none;}

/** contact **/
.contact-more .i-icon{float:left;width:15%;}
.contact-more .icon{font-size:18px;}
.contact-more .i-text{float:left;width:85%;}
.contact-more a{color:#333;}
.contact-more li{float:left;width:50%;}
.contact-more .bt-tel, .contact-more .bt-wx{display:none;}

/** tabs **/
.tabs-h{margin-bottom:20px;}
.tabs-h h3{margin:0;border-left:2px solid #d5102c;padding-left:15px;font-size:22px;font-weight:300;}
.tabs-box{padding-bottom:80px;}

/** common **/
.home-cat .b,
.product-category .b, .product-list .b,
.product-gallery li:after, .product-gallery li,
.product-info .bt
{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
.home-cat li:hover .b,
.product-category li:hover .b, .product-list li:hover .b
{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);box-shadow: 0 1px 10px rgba(0,0,0,0.15);}
.product-list .thumb img{width:100%;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.product-list li:hover .thumb img
{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

@media screen and (max-width:1230px){
.home-cat{margin-top:20px;}
.home-cat .b{margin:15px;}

.view-bar #product-cattree{width:100%;}

.product-list li{width:25%;margin:0;}
.product-list .b{margin:5px;}

.product-info-space{padding-left:40px;margin-left:40px;}
}

@media screen and (max-width:980px) {
.home-cat li{width:50%;}
.home-cat .line2{display:block;}
.home-cat .line3{display:none;}

.view-page{display:none;}

.product-application li{width:33.33%;margin:0;}
.product-application li .b{margin:5px;}

.product-list li{width:33.33%;}
.product-list .line4{display:none;}
.product-list .line3{display:block;}

#product-info-tabs .tabs{display:none;}
.product-gallery li{width:35px;height:35px;margin:0 8px 8px 0;}

.contact-more .bt-tel, .contact-more .bt-wx{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;background-color:#d5102c;color:#FFF;margin-left:10px;
border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.contact-more .bt-wx{background-color:#00c80c;}
.contact-more .bt-tel .icon, .contact-more .bt-wx .icon{line-height:28px;font-size:16px;}
.contact-more .bt-tel:hover, .contact-more .bt-wx:hover{text-decoration:none;}
}

@media screen and (max-width:890px) {
.home-cat .b{margin:10px;}

.view-bar{border:1px solid #DDD;margin-bottom:20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.view-title{width:100%;cursor:pointer;}
.view-title h2{font-size:18px;padding:0 15px;}
.view-title h2 .icon{font-size:18px;margin-right:8px;}
.view-title h2 .icon-down{position:absolute;right:10px;top:0;line-height:45px;font-size:13px;}

.product-pic, .product-info-box{float:inherit;width:100%;}
.product-pic{margin-bottom:40px;}
.product-info-space{padding:0;margin:0;border:none;}
}

@media screen and (max-width:640px) {
.home-cat .b{margin:0;}
.home-cat li{margin-bottom:15px;width:100%;}
.home-cat .text{padding:20px;}
.home-cat .line2{display:none;}

.home-app{padding:80px 0;}

.view-bar{margin-bottom:20px;}

.product-list li{width:50%;}
.product-list .b{margin:0 5px 10px 0;}
.product-list li.o .b{margin:0 0 10px 5px;}
.product-list .line3{display:none;}
.product-list .line2{display:block;}
.product-list .text{padding:15px;}
.product-list .text a{font-size:12px;}

.product-pic, .product-info{float:inherit;clear:both;width:100%;}
.product-pic{margin-bottom:35px;}
.product-pic .i-box{margin:0;}
.product-pic .i-remark{display:none;}

.contact-more li{width:100%;margin-bottom:20px;}

#product-info-tabs .tabs{display:none;}

.product-application li{width:100%;}
.product-application li .b{margin:10px 0;}

#product-inquiry .btn-submit{padding-left:0;padding-right:0;width:100%;}

.tabs-h h3{font-weight:700;text-transform:uppercase;font-size:26px;color:#d5102c;}
}