.footer{background: #f6f6f6;}

.banner{width: 100%;height: 114px;background: url(/static/image/nei-banner.jpg) center no-repeat;background-size:cover;position: relative;z-index: 0;}
.banner .title{width: 200px;font-size: 24px;text-align: center;color: #fff;position: absolute;top:40px;left: 50%;margin-left: -100px;font-family: "Helvetica-bold";}
.banner .title span{width: 50px;height: 3px;background: #fff;display: block;margin: 17px auto 0;}


.container-con{height: auto;padding-top: 50px;}


.img-text-box{width: 100%;height: auto;overflow: hidden;margin-bottom: 60px;}
.img-text-box:first-child{margin: 0;}
.img-text-box .text-box {width: 425px;}
.img-text-box .text-box h2{font-size: 14px;margin-bottom: 13px;font-family: "Helvetica-bold-Oblique";}
.img-text-box .text-box p{margin-bottom: 5px;}
.img-text-box .text-box.ul p{position: relative;padding-left: 25px;}
.img-text-box .text-box.ul p i{width: 14px;height: 14px;background: url(/static/image/icon-arrow.jpg) left no-repeat;position: absolute;left: 0;top:4px}
.img-text-box .img-box{width: 372px;height: 234px;text-align: right;}


.column_three{height: auto;overflow: hidden;}
.column_three ul{height: auto;overflow: hidden;width: 870px;}
.column_three ul li{width: 249px;height: auto;margin-right: 37px;overflow:hidden;margin-bottom: 32px;display: inline-block;*display: inline;*zoom:1;vertical-align: top;}


.tab_block{width: 100%;height: auto;overflow: hidden;}
.tab_block h3{height: 55px;line-height: 55px;background-color: #f6f6f6;padding: 0 9px 0 30px;margin-bottom: 15px;font-size: 16px;color: #333;position: relative;}
.tab_block h3 span{position:absolute;right:9px;top:11px;width: 32px;height: 32px;text-align:center;line-height:32px;display: block;}
.tab_block h3 span i{color: #333;}
.tab_block h3 p{line-height: 55px;color: #333;}
.tab_block h3.on{background-color: #de0010;color: #fff;}
.tab_block h3.on p,.tab_block h3.on span i{color: #fff;}
.tab_block ul{height: auto;overflow: hidden;}
.tab_block ul li{color:#666;height: auto;overflow: hidden;padding:0 25px 0 30px;font-size: 15px;margin-bottom: 15px;}
.tab_block ul li span{float: left;width: 103px;position: relative;top: 4px;}
.tab_block ul li .tab_block_content{height: auto;overflow: hidden;}
.tab_block ul li p{line-height: 23px;height: auto;overflow: hidden;padding-top:0 !important;}


.aside{width: 270px;height: auto;overflow: hidden;margin-right: 42px;}
.aside .title{height: 48px;line-height: 48px;background: #de0010;font-size: 16px;color: #fff;text-indent: 10px;}
.aside ul{height: auto;overflow: hidden;}
.aside ul li{height: 42px;line-height: 42px;border-bottom: 1px solid #f0f0f0;text-indent: 10px;}
.aside ul li i{float: right;margin-right: 5px;color: #cecece;transition: all 0.4s ease-in-out 0s;}
.aside ul li a{color: #474747;display: block;}
.aside ul li a:hover,.aside ul li a:hover i{color: #de0010;text-indent: 15px;}
.aside ul li.active a,.aside ul li.active i{color: #de0010;}


.main{height: auto;overflow: hidden;padding-bottom: 80px;}
.main .title{font-size: 22px;color: #000;margin-bottom: 23px;font-family: "Helvetica-bold";}
.main p{line-height: 22px;color: #999;}
.main p img{max-width: 100%;display: block;}


.about-company p{color: #999;line-height: 24px;margin-bottom: 15px;}


.about-plant{padding-bottom: 80px;}
.about-plant p img{margin-top: 40px;}


.buiness .text-box h2{font-size:16px;}
.buiness .text-box span{font-size:12px;color:#fa583f;margin-top:15px;display:block}


.about-culture h3{font-size: 14px;margin-bottom: 13px;font-family: "Helvetica-bold-Oblique";color: #000;}
.about-culture p{position: relative;padding-left: 25px;margin-bottom: 10px;}
.about-culture p i{width: 14px;height: 14px;background: url(/static/image/icon-arrow.jpg) left no-repeat;position: absolute;left: 0;top:4px}
.about-culture ul{height: auto;overflow: hidden;margin: 55px 0 100px;}
.about-culture ul li{width: 215px;height: 235px;padding: 30px 20px 35px;background: #f3f3f3;border-bottom: 2px solid #c9c9c9;text-align: center;margin-left: 30px;float: left;}
.about-culture ul li:first-child{margin-left: 0;}
.about-culture ul li h3{font-family: "Helvetica-bold";color: #000;}
.about-culture ul li p{padding-left: 0;}
.about-culture ul li i{font-size: 66px;margin-bottom: 6px;display: block;color: #de0010;}


.about-certificate{padding-bottom: 40px;}
.about-certificate ul{width: 844px;height: auto;overflow:hidden;margin: 35px 0;}
.about-certificate ul li{width: 196px;height: auto;overflow:hidden;float: left;margin:0 14px 14px 0;}
.about-certificate ul li .img-box{width: 194px;height: 258px;overflow: hidden;border: 1px solid #cecdcd;}
.about-certificate ul li .img-box img{width: 100%;display: block;margin: 0 auto;transition: all 0.5s ease-in-out 0s;}
.about-certificate ul li:hover .img-box img{transform: scale(1.05);}
.about-certificate ul li p{padding-top: 12px;color: #474747;text-align: center;transition: all 0.4s ease-in-out 0s;}
.about-certificate ul li:hover p{color: #de0010}


.about-history{padding-bottom: 80px;}
.about-history ul{border-bottom: 1px solid #f0f0f0}
.about-history ul li h2{font-size: 16px;padding-bottom: 20px;color: #474747;}
.about-history ul li .img-box{width: 250px;height: auto;overflow: hidden;}
.about-history ul li .img-box img{width: 250px;height: 166px;display: block;margin: 0 auto;transition: all 0.5s ease-in-out 0s;}
.about-history ul li:hover .img-box img{transform: scale(1.05);}
.about-history ul li p{padding-top: 12px;color: #999;transition: all 0.4s ease-in-out 0s;}
.about-history ul li:hover p{color: #de0010;}


.news ul{height: auto;overflow: hidden;}
.news ul li{height: auto;overflow: hidden;border-bottom: 1px solid #f1f1f1;padding-bottom: 30px;margin-bottom: 30px;}
.news ul li .img-box{float: left;width: 330px;height: 220px;overflow: hidden;margin-right: 39px;}
.news ul li .img-box img{width: 100%;height: 100%;display: block;transition: all 0.4s ease-in-out 0s;}
.news ul li:hover .img-box img{transform: scale(1.05)}
.news ul li .text-box{height: auto;overflow: hidden;}
.news ul li .text-box h2{font-size: 16px;font-family: "Helvetica-bold";color: #666;transition: all 0.4s ease-in-out 0s;}
.news ul li .text-box h3{color: #999;margin: 15px 0 20px;}
.news ul li .text-box .btn-more{color: #de0010;margin: 15px 0 20px;display: block;}
.news ul li .text-box .btn-more i{vertical-align: -1px;margin-left: 5px;transition: all 0.4s ease-in-out 0s;}
.news ul li:hover:hover .text-box h2{color: #de0010;}
.news ul li:hover .btn-more i{margin-left: 10px;}


.news-xq{padding-bottom: 80px;}
.news-xq h2{color: #333;font-size: 22px;padding-bottom: 25px;}
.news-xq span{display: block;color: #999;font-size: 13px;padding-bottom: 25px;}
.news-xq p{line-height: 23px;color: #747474;margin-bottom: 20px;}
.news-xq p img{max-width: 100%;overflow: hidden;display: block;}


.contact{padding-bottom: 70px;}
.contact h3{font-size: 16px;color: #6a6a6a}
.contact-box{height: auto;overflow: hidden;margin: 50px 0 75px;}
.contact-box-l{width: 456px;height: auto;overflow: hidden;float: left;}
.contact-box-l ul{height: auto;overflow: hidden;width: 480px;}
.contact-box-l ul li{width: 240px;float: left;color: #999;margin-top: 10px;}
.contact-box-l ul li i{font-size: 24px;vertical-align: -3px;color: #a6a6a6;margin-right: 5px;}
.contact-box-l ul li a{color: #de0010;}

.contact-box .form{width: 560px;float: right;}
.contact-box form input{width: 518px;height:46px;line-height:46px;padding:0 20px;border: 1px solid #e2e2e2;background: #f7f7f7;border-radius: 5px;font-size: 16px;margin-bottom: 13px;}
.contact-box form input.email,.contact-box form input.phone{width: 230px;float: left;}
.contact-box form input.email{margin-right: 16px;}
.contact-box form textarea{width: 518px;height:145px;font-size: 16px;padding:10px 20px;border: 1px solid #e2e2e2;background: #f7f7f7;border-radius: 5px;margin-bottom: 17px;}
.contact-box .btn-submit{width: 136px;height: 47px;line-height: 47px;overflow: hidden;border: 0;color: #fff;background: #de0010;border-radius: 0;cursor: pointer;transition: all 0.4s ease-in-out 0s;position: relative;font-size: 16px;float: right;}
.contact-box .btn-submit span{z-index: 1;position: relative;}
.contact-box .btn-submit::before{content: '';z-index: 0;position: absolute;top: 50%;left: 100%;margin: -15px 0 0 1px;width: 35px;height: 30px;border-radius: 50%;background: #c80211;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(1, 2, 1);transform: scale3d(1, 2, 1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);transition-timing-function: cubic-bezier(0.7,0,0.9,1);}
.contact-box .btn-submit:hover::before{-webkit-transform: scale3d(9, 9, 1);transform: scale3d(9, 9, 1);}
.contact-box form .btn-close{position: absolute;right: 7px;top:7px;background: #272636;padding: 3px 4px;}
.contact-box form .btn-close:hover{background: #000;}
.contact-box form .btn-close i{color: #fff;vertical-align: -2px;}



.product{overflow:inherit;}
.product ul{height: auto;width:1173px;}
.product ul li{width: 351px;height: auto;overflow: hidden;border:1px solid #e8e8e8;float: left;margin-right: 38px;margin-bottom: 58px;transition: all 0.4s ease-in-out 0s;}
.product ul li .img-box{width: 351px;height: 234px;overflow: hidden;}
.product ul li .img-box img{width: 100%;height: 100%;transform: scale(1.1);transition: all 0.4s ease-in-out 0s;}
.product ul li .text-box{width: 301px;height: 163px;padding:25px;position: relative;}
.product ul li .text-box h2{font-size: 18px;max-height: 24px;overflow: hidden;color: #000;font-family:"Helvetica-bold";margin-bottom: 15px;transition: all 0.4s ease-in-out 0s;}
.product ul li .text-box p{max-height: 88px;overflow: hidden;}
.product ul li .text-box .btn-more{color: #de0010;margin-top:25px ;display: block;position: absolute;bottom: 25px;}
.product ul li .text-box .btn-more i{vertical-align: -1px;margin-left: 3px;transition: all 0.4s ease-in-out 0s;}
.product ul li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);transform: translate3d(0px, -3px, 0px);}
.product ul li:hover .text-box h2{color: #de0010;}
.product ul li:hover .text-box .btn-more i{margin-left: 10px;}
.product ul li:hover .img-box img{transform: scale(1);}


.product-xq {}
.product-xq .title-box{height: auto;overflow: hidden;}
.product-xq .title-box .title-box-l{width: 375px;height: auto;overflow: hidden;float: left;}
.product-xq .title-box .title-box-l h1{font-size: 30px;color: #000;margin-bottom: 25px;font-family: "HelveticaInserat-Roman-SemiB";}
.product-xq .title-box .title-box-l p{line-height: 24px;color: #666;}
.product-xq .title-box .slideBox{ width:693px; height:auto;position:relative;float: right;}
.product-xq .title-box .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.product-xq .title-box .slideBox .bd li{ zoom:1; vertical-align:middle; }
.product-xq .title-box .slideBox .bd img{ width:693px; height:462px; display:block;  }
.product-xq .title-box .slideBox .prev,
.product-xq .title-box .slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block;color:#fff;font-size: 36px}
.product-xq .title-box .slideBox .next{ left:auto; right:3%;}
.product-xq .title-box .slideBox .prev:hover,.product-xq .title-box .slideBox .next:hover{ color: #de0010;}
.product-xq .title-box .pageState{width: 55px;height: 55px;background: #de0010;text-align: center;line-height: 55px;color: #fff;display: block;float: right;position: relative;bottom:30px;right: 1px;}

.product-xq .detail{height: auto;overflow:hidden;padding-top: 45px;margin-top: 30px;background: #f9f9f9;}
.product-xq .detail-con h2{font-size: 20px;color: #000;font-family: "HelveticaInserat-Roman-SemiB";position: relative;padding-bottom: 50px;}
.product-xq .detail-con h2 i{position: absolute;left: 0;background: #f9f9f9;z-index: 1;padding-right: 20px;}
.product-xq .detail-con h2 span{width: 100%;height: 1px;background: #e2e2e2;position: absolute;left: 0;top:10px;z-index: 0;}

.product-xq .detail-con .appearance{height: auto;overflow: hidden;margin-bottom: 50px;}
.product-xq .detail-con .appearance ul{height: auto;overflow: hidden;}
.product-xq .detail-con .appearance ul li{width: 143px;height: 143px;overflow: hidden;float: left;margin-left: 23px;position: relative;}
.product-xq .detail-con .appearance ul li:first-child{margin-left: 0;}
.product-xq .detail-con .appearance ul li img{transition: all 0.4s ease-in-out 0s;}
.product-xq .detail-con .appearance ul li .text-box{width: 100%;height: 100%;text-align: center;position: absolute;left: 0;top:0;background: #000;background: rgba(0,0,0,.4);transition: all 0.4s ease-in-out 0s;opacity: 0;filter:alpha(opacity=0);}
.product-xq .detail-con .appearance ul li .text-box i{font-size: 41px;color: #fff;margin-top: 30px;display: block;position:relative;top:-100%;transition: all 0.4s ease-in-out 0s;}
.product-xq .detail-con .appearance ul li .text-box p{width: 90%;margin: 0 auto;font-size: 16px;color: #fff;position:relative;top:100%;transition: all 0.4s ease-in-out 0s;}
.product-xq .detail-con .appearance ul li:hover img{transform: scale(1.2);}
.product-xq .detail-con .appearance ul li:hover .text-box{opacity: 1;filter:alpha(opacity=40)}
.product-xq .detail-con .appearance ul li:hover .text-box i{top:0}
.product-xq .detail-con .appearance ul li:hover .text-box p{top:0}

.product-xq .detail-con .features{height: auto;overflow: hidden;margin-bottom: 50px;}
.product-xq .detail-con .features p{line-height: 20px;background: url(/static/image/icon-true.png) left 5px no-repeat;padding-left: 20px;margin-bottom: 10px;}
.product-xq .detail-con .features p b{font-weight: normal;font-family: "Helvetica-bold";color: #757575;}

.product-xq .detail-con .craftsmanship{width: 640px;height: auto;overflow: hidden;margin-bottom: 50px;float: left;margin-right: 50px;}
.product-xq .detail-con .craftsmanship p{color: #757575;}

.product-xq .detail-con .quality{width: 450px;height: auto;overflow: hidden;margin-bottom: 50px;float: left;}
.product-xq .detail-con .quality ul{height: auto;overflow: hidden;background: #e2e2e2;padding: 13px;}
.product-xq .detail-con .quality ul li{width: 205px;height: 290px;overflow: hidden;float: left;margin-left: 13px;position: relative;cursor: pointer;}
.product-xq .detail-con .quality ul li:first-child{margin-left: 0;}
.product-xq .detail-con .quality ul li img{width: 100%;display: block;}
.product-xq .detail-con .quality ul li span{width: 100%;height: 100%;text-align: center;position: absolute;left: 0;top:0;background: #000;background: rgba(0,0,0,.5);transition: all 0.4s ease-in-out 0s;opacity: 0;filter:alpha(opacity=0);}
.product-xq .detail-con .quality ul li span i{color: #fff;font-size: 55px;display: block;margin-top: 120px;position: relative;transform: scale(0.5);transition: all 0.4s ease-in-out 0s;}
.product-xq .detail-con .quality ul li:hover span{opacity: 1;filter:alpha(opacity=50)}
.product-xq .detail-con .quality ul li:hover span i{transform: scale(1);}

.product-xq .related{height: auto;padding: 45px 0;}
.product-xq .related .like{height: auto;float: left;}
.product-xq .related .like h1{font-size: 24px;color: #de0010;text-align: center;font-family: "HelveticaInserat-Roman-SemiB";margin-bottom: 34px;}
.product-xq .related .like ul{height: auto;}
.product-xq .related .like ul li{width: 268px;height: auto;overflow: hidden;border: 1px solid #f1f1f1;float: left;margin-left: 20px;transition: all 0.5s ease-in-out 0s;}
.product-xq .related .like ul li:first-child{margin-left: 0;}
.product-xq .related .like ul li .img-box{width:268px;height: 178px;overflow: hidden;}
.product-xq .related .like ul li img{width:100%;height: 100%;display: block;transform: scale(1.1);transition: all 0.4s ease-in-out 0s;}
.product-xq .related .like ul li p{height: 50px;line-height: 50px;overflow: hidden;text-align: center;transition: all 0.4s ease-in-out 0s;}
.product-xq .related .like ul li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);transform: translate3d(0px, -3px, 0px);}
.product-xq .related .like ul li:hover img{transform: scale(1);}
.product-xq .related .like ul li:hover p{color: #de0010;}


.product-xq .related .contact-box{width: 100%;float: left;margin-bottom: 0;}
.product-xq .related .contact-box h2{font-size: 20px;color: #000;font-family: "HelveticaInserat-Roman-SemiB";position: relative;padding-bottom: 50px;}
.product-xq .related .contact-box h2 i{position: absolute;left: 0;background: #fff;z-index: 1;padding-right: 20px;}
.product-xq .related .contact-box h2 span{width: 100%;height: 1px;background: #e2e2e2;position: absolute;left: 0;top:10px;z-index: 0;}
.product-xq .related .contact-box h3{font-size: 16px;color: #949494;margin-bottom: 22px;}
.product-xq .related .contact-box .form{float: left;width: 645px;}
.product-xq .related .contact-box form input,.product-xq .related .contact-box form textarea{background: #fff;width: 603px;}
.product-xq .related .contact-box ul{width: 355px;height:auto;overflow:hidden;float: right;}
.product-xq .related .contact-box ul li{height: 46px;line-height: 46px;margin-bottom: 13px;padding:0 30px;border-radius:5px;background: #f3f3f3;color: #999;}
.product-xq .related .contact-box ul li i{font-size: 24px;vertical-align: -4px;color: #999;margin-right: 5px;}
.product-xq .related .contact-box ul li a{color: #999;}


.appearance-list{height: auto;overflow: hidden;padding-bottom: 0;}
.appearance-list-nav{height: auto;overflow: hidden;text-align: center;margin: 0 auto 50px;vertical-align: middle;}
.appearance-list-nav a{padding: 13px;border: 1px solid #e7e7e7;display:inline-block;color: #6f6f6f;margin-right: 5px;}
.appearance-list-nav a:hover,.appearance-list-nav a.active{background: #de0010;color: #fff;}
.appearance-list-con{background: #f6f6f6;height: auto;overflow: hidden;padding: 28px 0;}
.appearance-list-con form{text-align: center;}
.appearance-list-con form input{width: 453px;height: 47px;line-height: 47px;border: 0;padding: 0 27px;font-size: 16px}
.appearance-list-con form button{background: #585958;color: #fff;border: 0;padding:5px 13px;font-size: 34px;cursor: pointer;position: relative;top:6px;left: -4px;transition: all 0.4s ease-in-out 0s;}
.appearance-list-con form button:hover{background: #de0010;}
.appearance-list-con ul{max-width: 1710px;height: auto;overflow: hidden;margin: 35px auto;}
.appearance-list-con ul li{width: 285px;height: 285px;float:left;position: relative;overflow: hidden;}
.appearance-list-con ul li img{width: 100%;height: 100%;transition: all 0.4s ease-in-out 0s;}
.appearance-list-con ul li .text-box{width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #000;background: rgba(0,0,0,.4);transition: all 0.4s ease-in-out 0s;opacity: 0;filter:alpha(opacity=0);}
.appearance-list-con ul li .text-box-lt{border-left: 1px solid #fff;padding-left: 10px;margin:30px;color: #fff;}
.appearance-list-con ul li .text-box-lt h2{font-size: 16px;margin-bottom: 2px;}
.appearance-list-con ul li .text-box-lt h1{font-size: 30px;}
.appearance-list-con ul li i{font-size: 46px;color: #fff;float: right;margin: 92px 30px 0 0;position:relative;top:100%;right:-100%;transition: all 0.4s ease-in-out 0s;}
.appearance-list-con ul li:hover img{transform: scale(1.2);}
.appearance-list-con ul li:hover .text-box{opacity: 1;filter:alpha(opacity=40)}
.appearance-list-con ul li:hover .text-box i{top:0;right:0}
.mw1140 .appearance-list-con ul{max-width: 1140px;}
.mw1425 .appearance-list-con ul{max-width: 1425px;}
.appearance-list .wrap-page a{background: #fff;}
.appearance-list .wrap-page a.active,.wrap-page a:hover{background-color: #de0010;color: #fff;border: 1px solid #de0010;}



.appearance-xq{height: auto;overflow:hidden;padding-top: 0;}
.appearance-xq h2{font-size: 20px;color: #000;font-family: "HelveticaInserat-Roman-SemiB";position: relative;padding-bottom: 50px;}
.appearance-xq h2 i{position: absolute;left: 0;background: #fff;z-index: 1;padding-right: 20px;}
.appearance-xq h2 span{width: 100%;height: 1px;background: #e2e2e2;position: absolute;left: 0;top:10px;z-index: 0;}
.appearance-xq .focus{background: #f6f6f6;padding: 50px 0;}
.appearance-xq .focus .foucebox{height: auto;overflow: hidden;}
.appearance-xq .focus .foucebox .bd{width: 520px;height: 520px;float: left;}
.appearance-xq .focus .foucebox .bd li{width: 520px;height: 520px;overflow: hidden;position: relative;}
.appearance-xq .focus .foucebox .bd li p{position: absolute;left: 0;top:15px;background: #fff;padding: 15px 30px;font-size: 30px;color: #000;font-family: "HelveticaInserat-Roman-SemiB";}
.appearance-xq .focus .foucebox .bd img{width: 100%;height: 100%;}
.appearance-xq .focus .foucebox .hd{width: 580px;height: auto;overflow: hidden;float: right;} 
.appearance-xq .focus .foucebox .hd ul{width: 582px;} 
.appearance-xq .focus .foucebox .hd li{width: 87px;height: 115px;overflow: hidden;float: left;margin:0 10px 10px 0;cursor: pointer;}
.appearance-xq .focus .foucebox .hd li img{width: 87px;height: 87px;;}
.appearance-xq .focus .foucebox .hd li p{height: 28px;line-height: 28px;text-align: center;}
.appearance-xq .focus .foucebox .hd li.on p,.appearance-xq .focus .foucebox .hd li:hover{background: #de0010;color: #fff;}

.appearance-xq .case{height: auto;padding: 40px 0 35px;float: left;}
.appearance-xq .case ul li{width: 268px;height: auto;overflow: hidden;border: 1px solid #f1f1f1;float: left;margin-left: 20px;transition: all 0.5s ease-in-out 0s;cursor: pointer;}
.appearance-xq .case ul li:first-child{margin-left: 0;}
.appearance-xq .case ul li .img-box{width:268px;height: 178px;overflow: hidden;position: relative;}
.appearance-xq .case ul li .img-box span{width: 100%;height: 100%;text-align: center;position: absolute;left: 0;top:0;background: #000;background: rgba(0,0,0,.4);transition: all 0.4s ease-in-out 0s;opacity: 0;filter:alpha(opacity=0);}
.appearance-xq .case ul li .img-box span i{font-size: 40px;color: #fff;line-height: 178px;position:relative;top:-100%;transition: all 0.4s ease-in-out 0s;}
.appearance-xq .case ul li img{width:100%;height: 100%;display: block;transform: scale(1.1);transition: all 0.4s ease-in-out 0s;}
.appearance-xq .case ul li p{height: 50px;line-height: 50px;overflow: hidden;text-align: center;transition: all 0.4s ease-in-out 0s;}
.appearance-xq .case ul li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);transform: translate3d(0px, -3px, 0px);}
.appearance-xq .case ul li:hover img{transform: scale(1);}
.appearance-xq .case ul li:hover p{color: #de0010;}
.appearance-xq .case ul li:hover .img-box span{opacity: 1;filter:alpha(opacity=40)}
.appearance-xq .case ul li:hover .img-box span i{top:0}

.appearance-xq .related-product{height: auto;overflow: hidden;padding: 35px 0;clear: both;}
.appearance-xq .related-product ul{height: auto;overflow: hidden;}
.appearance-xq .related-product ul li{width: 143px;height: auto;overflow: hidden;float: left;margin-left: 23px;position: relative;}
.appearance-xq .related-product ul li:first-child{margin-left: 0;}
.appearance-xq .related-product ul li img{width: 143px;height: 143px;transition: all 0.4s ease-in-out 0s;}
.appearance-xq .related-product ul li p{text-align: center;height: 40px;line-height: 40px;overflow: hidden;transition: all 0.4s ease-in-out 0s;}
.appearance-xq .related-product ul li .text-box{width: 143px;height: 143px;overflow: hidden;text-align: center;position: absolute;left: 0;top:0;background: #000;background: rgba(0,0,0,.4);transition: all 0.4s ease-in-out 0s;opacity: 0;filter:alpha(opacity=0);}
.appearance-xq .related-product ul li .text-box i{font-size: 41px;color: #fff;margin-top: 50px;display: block;position:relative;top:100%;transition: all 0.4s ease-in-out 0s;}
.appearance-xq .related-product ul li:hover .text-box{opacity: 1;filter:alpha(opacity=40)}
.appearance-xq .related-product ul li:hover .text-box i{top:0}
.appearance-xq .related-product ul li:hover p{color: #de0010;}