/*product*/
.product{width:1200px;padding-bottom:150px;margin:0 auto;}
.product .class-nav{padding:40px 0;}
.class-nav a{transition:0.5s all;position:relative;padding-bottom:5px;}
.class-nav a:after {content:''; display:inline-block; width:0%; height:1px; position:absolute; bottom:0; background:#777; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s;}
.class-nav a:hover:after{width:100%; margin-left:-49.8%;color:#000;}
.class-nav a:hover{}
.product li{width:385px;height:300px;margin-top:22px;margin-right:14px;overflow:hidden;float:left;}
.product li img{width:100%;transition:0.5s all;height:260px;}
.product li:hover img{opacity:0.7;}
.product p{width:100%;height:auto;text-align:center;}



.product1{width:1200px;padding-bottom:150px;margin:0 auto;}
.product1 .class-nav{padding:40px 0;}
.product1 li{width:185px;height:230px;margin-top:22px;margin-right:14px;overflow:hidden;float:left;}
.product1 li img{width:100%;transition:0.5s all;height:160px;}
.product1 li:hover img{opacity:0.7;}
.product1 p{width:100%;height:auto;text-align:center;}

.class-nav{font-size:16px;margin-top:20px;text-align:center;}
.class-nav a{margin:0 30px;color:#777;}
.class-nav a:hover{color:#000;}
.class-nav a.curr{color:#000;}
.class-nav{font-size:0.26rem;margin-top:0.2rem;}
.class-nav a{margin:0 0.3rem;}



.open-div{position:fixed;top:0;left:0;width:100%;height:100%;line-height:100%;z-index:-1;text-align:center;opacity:0;transition:all 0.2s linear;background:rgba(0,0,0,0.8) url(img/loading.gif) no-repeat center;}
.open-div.ani{opacity:1;z-index:9999;}
.open-div a{position:absolute;font-size:50px;color:#fff !important;z-index:10;}
.open-div a.close-div{top:20px;right:45px;font-size:30px;font-weight:700;}
.open-div a.pre-img{left:45px;top:50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.open-div a.next-img{right:45px;top:50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.open-div img{position:absolute;max-height:100%;max-width:100%;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index:9;}
.open-div img.img-a{z-index:2;}
.open-div img.img-b{z-index:1;}
#qiao-wrap #qiao-icon-wrap{z-index:0;}