.prodcut-nav .text .left{ width: 46%; float: left; margin: 40px 0; box-sizing: border-box; padding: 30px 0 0 50px}
.prodcut-nav .text .left p{ width: 100%; float: left;}
.prodcut-nav .text .right{ width: 50%; float: right;}
.prodcut-nav .text .right img{ width: 100%; float: left;}
.prodcut-nav .list{ margin: 10px 0 30px; float: left;}
.prodcut-nav .list li{ width: 23%; margin: 20px 2.666% 20px 0; background: #eee; padding: .1rem; float: left; box-sizing: border-box; border:1px solid #ccc;}
.prodcut-nav .list li:last-of-type{ margin-right: 0;}
.prodcut-nav .list li img{ width: 100%; float: left;}
.prodcut-nav .list li p{ font-size: .14rem; width: 100%; text-align: center; line-height: 2}

.body-products .Search button i{
    margin: unset;
}
.body-products .Search button{
    padding: .144rem .1rem;
}

/* 售后详情 - 搜索  */
.form-afterView{ width: 100%; float: left; margin: 50px 0; font-size: 0;}
.form-afterView h2{ width: 100%; float: left; text-align: center; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; color: #fff; font-size: 30px; text-transform: uppercase; margin-bottom: .2rem;}
.form-afterView input{ display: inline-block; box-sizing: border-box; min-width: 3rem; padding: 0 20px; height: 40px; border: none; border-top-left-radius: 25px; border-bottom-left-radius: 25px; vertical-align: top;}
.form-afterView input.none{ display: none;}
.form-afterView button{ background: #ccc; display: inline-block; box-sizing: border-box; padding: 0 20px; height: 40px; border: none; font-size: 12px; color: #000; vertical-align: top; position: relative; border-top-right-radius: 25px; border-bottom-right-radius: 25px; transition: all 0.3 ease-in-out;}
.form-afterView button i{ font-family: "iconfont1"; margin-right: 10px;}
/* .form-afterView button::before{ content: ""; width: 1px; height: 20px; background: #ccc; top: 10px; float: left; position: absolute; left: 0;} */
.form-afterView button:hover{ opacity: .7;}


/* 售后详情 - 热门 */
.picScroll-left-hot{ position: relative; max-width: 1280px; margin: 0 auto;}
.picScroll-left-hot .bd{ width: 100%; float: left; margin: 0 0 50px 0; box-sizing: border-box; padding: 0 .4rem; position: relative;}
.picScroll-left-hot ul{ width: 100%; float: left; margin: 50px 0; position: relative;}
.picScroll-left-hot ul li{ width: 280px; margin: 0 10px; float: left; transition: all 1s ease-in-out;}
.picScroll-left-hot ul li:hover{ opacity: 0.7;}
.picScroll-left-hot ul li img{ width: 100%; float: left; border: 1px solid #ccc; box-sizing: border-box;}
.picScroll-left-hot .prev,.picScroll-left-hot .next{ font-family: '宋体'; position: absolute; top: 50%; transform: translateY(-50%); font-size: 36px; color: #000;}
.picScroll-left-hot .prev{ left: 0;}
.picScroll-left-hot .next{ right: 0;}
.picScroll-left-hot h2{ width: 100%; float: left; text-align: center; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; color: #000; font-size: 30px; text-transform: uppercase; margin: .5rem 0 .3rem;}





/* 产品中心 */
.container { float: left; overflow: hidden; position: relative; width: 100%;}
.container .slide { position: absolute; display: block; left: 0; width: 40%; height: 100%; transition: all .4s ease; cursor: pointer;}
.container .slide h4{ text-align: center; font-size: 24px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0;}

/* 背景 */

.container .slide.slide1,.container .slide.slide1.cur:hover { background-color: #fff;}
.container .slide.slide2,.container .slide.slide2.cur:hover { background-color: #eee;}
.container .slide.slide3,.container .slide.slide3.cur:hover { background-color: #ddd;}
.container .slide.slide4,.container .slide.slide4.cur:hover { background-color: #ccc;}
.container .slide.slide5,.container .slide.slide5.cur:hover { background-color: #bbb;}
.container .slide.slide6,.container .slide.slide6.cur:hover { background-color: #aaa;}
/**/
.container .slide:hover{ background: #999;}
.container .slide.slide1.cur:hover { background-color: #fff !important;}
.container .slide.slide2.cur:hover { background-color: #eee !important;}
.container .slide.slide3.cur:hover { background-color: #ddd !important;}
.container .slide.slide4.cur:hover { background-color: #ccc !important;}
.container .slide.slide5.cur:hover { background-color: #bbb !important;}
.container .slide.slide6.cur:hover { background-color: #aaa !important;}


.container .slide .text{ width: 100%; display: block; background: none; text-align: center;box-sizing: border-box; padding: .3rem .5rem; height: 50%;}

.container .slide .text h2{ width: 100%; display: block; color: #00458e; font-size: .36rem;  opacity: 0; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif;}
.container .slide .text p{ font-size: .16rem; margin-top: .1rem; color: #666; width: 100%; display: block; line-height: 1.5;} 
.container .slide .text a{ color: #000; font-size: .16rem; box-sizing: border-box; line-height: .6rem; padding: 0 .5rem; margin-top: .2rem; border-radius: 30px; display: inline-block; border: 2px solid #000;}
.container .slide .text a:hover{ background: #000; color: #fff;}

.prodcut-nav{ margin-top: unset;}
.container .slide .img{ width: 100%; float: left; box-sizing: border-box; padding: 0 25%; height: auto;}
.container .slide .img img{ max-width: 100%; display: inline-block; vertical-align: middle;}




.picBtnTop{ width:100%; height:100%; box-sizing:border-box;  position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:35%;  height:100%; position:absolute; right:0; overflow:hidden; }
.picBtnTop .hd ul{ height:100%; display: block; font-size: 0;}
.picBtnTop .hd ul li{ width:100%; display: inline-block; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; position: relative; vertical-align: middle; padding: 0 0 0 40%; box-sizing: border-box; font-size: .36rem; transition: all 0.3s ease-in-out; }
.picBtnTop .hd ul li.on{ color: #A9C27E }
.picBtnTop .bd{ width:65%; float: left; overflow: hidden; height:100%; position:relative;  }
.picBtnTop .bd li{ position:relative; zoom:1;  height:100%; float: left; width: 100%; vertical-align:middle;}
.slide{ display: none !important}
.picBtnTop .bd li .slide1,.picBtnTop .bd li .slide1.cur:hover { background-color: #fff;}
.picBtnTop .bd li .slide2,.picBtnTop .bd li .slide2.cur:hover { background-color: #eee;}
.picBtnTop .bd li .slide3,.picBtnTop .bd li .slide3.cur:hover { background-color: #ddd;}
.picBtnTop .bd li .slide4,.picBtnTop .bd li .slide4.cur:hover { background-color: #ccc;}
.picBtnTop .bd li .slide5,.picBtnTop .bd li .slide5.cur:hover { background-color: #bbb;}
.picBtnTop .bd li .slide6,.picBtnTop .bd li .slide6.cur:hover { background-color: #aaa;}
.picBtnTop .bd li .prodcut-nav{ height: 100%;}
.picBtnTop .hd ul li.slide1{ background-color: #fff;}
.picBtnTop .hd ul li.slide2{ background-color: #eee;}
.picBtnTop .hd ul li.slide3{ background-color: #ddd;}
.picBtnTop .hd ul li.slide4{ background-color: #ccc;}
.picBtnTop .hd ul li.slide5{ background-color: #bbb;}
.picBtnTop .hd ul li.slide6{ background-color: #aaa;}
.picBtnTop .hd ul li:hover{ background: #999;}
.picBtnTop .hd ul li.on.slide1:hover{ background-color: #fff;}
.picBtnTop .hd ul li.on.slide1:hover{ background-color: #fff;}
.picBtnTop .hd ul li.on.slide2:hover{ background-color: #eee;}
.picBtnTop .hd ul li.on.slide3:hover{ background-color: #ddd;}
.picBtnTop .hd ul li.on.slide4:hover{ background-color: #ccc;}
.picBtnTop .hd ul li.on.slide5:hover{ background-color: #bbb;}
.picBtnTop .hd ul li.on.slide6:hover{ background-color: #aaa;}

.picBtnTop .hd ul li.slide1::before{ content: ""; width: 40%; position: absolute; left: 0; top: 0; height: 100%; background: url(../images/icon-Condenser.png) no-repeat center center / auto 60%}
.picBtnTop .hd ul li.slide2::before{ content: ""; width: 40%; position: absolute; left: 0; top: 0; height: 100%; background: url(../images/icon-Evaporator.png) no-repeat center center / auto 60%}
.picBtnTop .hd ul li.slide3::before{ content: ""; width: 40%; position: absolute; left: 0; top: 0; height: 100%; background: url(../images/icon-Full-Alu-Radiator.png) no-repeat center center / auto 60%}
.picBtnTop .hd ul li.slide4::before{ content: ""; width: 40%; position: absolute; left: 0; top: 0; height: 100%; background: url(../images/icon-Heater-core.png) no-repeat center center / auto 60%}
.picBtnTop .hd ul li.slide5::before{ content: ""; width: 40%; position: absolute; left: 0; top: 0; height: 100%; background: url(../images/icon-Intercooler.png) no-repeat center center / auto 20%}
.picBtnTop .hd ul li.slide6::before{ content: ""; width: 40%; position: absolute; left: 0; top: 0; height: 100%; background: url(../images/icon-Oil-Cooler.png) no-repeat center center / auto 60%}




.picBtnTop .bd li .text{ width: 100%; display: block; background: none; text-align: center;box-sizing: border-box; padding: .3rem .5rem; height: 50%;}

.picBtnTop .bd li .text h2{ width: 100%; display: block; color: #00458e; font-size: .36rem;  opacity: 1; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif;}
.picBtnTop .bd li .text p{ font-size: .16rem; margin-top: .1rem; color: #666; width: 100%; line-height: 1.5;} 
.picBtnTop .bd li .text a{ color: #000; font-size: .16rem; box-sizing: border-box; line-height: .6rem; padding: 0 .5rem; margin-top: .2rem; border-radius: 30px; display: inline-block; border: 2px solid #000;}
.picBtnTop .bd li .text a:hover{ background: #000; color: #fff;}

.prodcut-nav{ margin-top: unset;}
.picBtnTop .bd li .img{ width: 100%; height: 50%; display: inline-block; box-sizing: border-box; text-align: center;  vertical-align: middle;}
.picBtnTop .bd li .img img{ max-width: 100%; max-height: 100%; display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}



@media screen and (max-width: 734px){
    .picBtnTop{ display: none;}
    .slide{ display: block !important}

    .prodcut-nav .text .left{ width: 100%; float: left; margin: 0; box-sizing: border-box; padding: 0;}
    .prodcut-nav .text .left p{ width: 100%; float: left;}
    .prodcut-nav .text .right{ width: 100%; float: left; margin-left: 0;}
    .prodcut-nav .text .right img{ width: 100%; float: left;}

    .prodcut-nav .list{ margin: 0 0;}
    .prodcut-nav .list li{ width: 46%; margin: 2%; float: left; box-sizing: border-box; border:1px solid #ccc;}
    .prodcut-nav .list li img{ width: 100%; float: left;}
    .prodcut-nav{ padding: .3rem 0 0;}

/* 产品中心 */
.container { float: left; overflow: hidden; position: relative; width: 100%;}
.container .slide { position: relative; display: block; left: 0; width: 100%; height: 100%; transition: all .4s ease; cursor: pointer;}
.container .slide h4{ text-align: center; font-size: 24px; width: 100%; display: block; opacity: 1;}

/* 背景 */

.container .slide.slide1,.container .slide.slide1.cur:hover { background-color: #f5f5f5;}
.container .slide.slide2,.container .slide.slide2.cur:hover { background-color: #e5e5e5;}
.container .slide.slide3,.container .slide.slide3.cur:hover { background-color: #d5d5d5;}
.container .slide.slide4,.container .slide.slide4.cur:hover { background-color: #c5c5c5;}
.container .slide.slide5,.container .slide.slide5.cur:hover { background-color: #b5b5b5;}
.container .slide.slide6,.container .slide.slide6.cur:hover { background-color: #a5a5a5;}

.container .slide .text{ width: 100%; display: block; background: none; text-align: center;box-sizing: border-box; padding: 0 .5rem .5rem; height: 50%;}

.container .slide .text h2{ width: 100%; display: block; color: #00458e; font-size: .36rem; opacity: 1; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif;}
.container .slide h4{  opacity: 0; }
.container .slide .text p{ font-size: .16rem; margin-top: .1rem; color: #666; width: 100%; display: block; line-height: 1.5;} 
.container .slide .text a{ color: #fff; font-size: .16rem; box-sizing: border-box; line-height: .5rem; padding: 0 .5rem; margin-top: .2rem; border-radius: .5rem; display: inline-block; border: 0 solid #000; background: #00458e;}

.prodcut-nav{ margin-top: unset;}
.container .slide .img{ width: 100%; float: left; box-sizing: border-box; padding: 0 25%; height: auto;}
.container .slide .img img{ max-width: 100%; display: inline-block; vertical-align: middle;}



.picScroll-left-hot .bd{ width: 100%; float: left; margin: 0 0 .2rem 0; box-sizing: border-box; padding: 0 .4rem; position: relative;}
.picScroll-left-hot ul{ width: 100%; float: left; margin: 0 0; position: relative;}
.picScroll-left-hot h2{ font-size: .36rem; text-transform: uppercase; margin: .5rem 0 .3rem;}

.picScroll-left-hot{ width: 100%; max-width: 100%; overflow: hidden;}
.picScroll-left-hot ul li{ width: 100%; margin: 0 0; float: left; transition: all 1s ease-in-out;}
.picScroll-left-hot .prev,.picScroll-left-hot .next{ font-family: '宋体'; position: absolute; top: 50%; transform: translateY(-50%); font-size: .24rem; width: .3rem; text-align: center; line-height: .5rem; height: .5rem; color: #000; z-index: 2; background: #ccc;}

.table ul li {
	width: 50%;
}



}