@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* 全局 */
body,h1,h2,h3,h4,h5,h6,hr,p,pre,blockquote,dl,dd,ul,ol,th,td,form,fieldset,legend,button,input,textarea,img{margin:0;padding:0; border:none;}
h1,h2,h3,h4,h5,h6,button,input,textarea,select{font-size:100%;}
fieldset,img{border:0;}table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}ul,li{list-style:none;}
address,cite,code,dfn,var,em,th{font-style:normal;font-weight:normal;}
button,input,textarea{outline:none;font-family:inherit;}:focus{outline:0;}
body{font-family:Arial, Helvetica, sans-serif;}
textarea{overflow-x:hidden;overflow-y:auto;resize:none;}
a{color:#ac2424;text-decoration:none;}a:hover{text-decoration:none;}
i,em{font-weight:bold;font-style:normal;}
li{ float:left;}
/* 清浮动*/
/*
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
*/
.clearfix:after{content:"";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.fl{float:left!important;}
.fr{float:right!important;}
.wrap{ width:960px; margin:0px auto; text-align: left; }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.navHead{ height:55px; position: relative;background-color:#e3602e}
.logo{ width: 30%; float: left;}
.logo a img{ display: none;}
.navTxt ul li{padding: 0px 15px; margin-left: 10px; margin-top: 10px;}
.navTxt ul li:nth-child(2){ border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC;    }
.navTxt ul li a{ color: #ffffff; font-weight: bold; font-size: 24px;  }
.navTxt ul li a:hover{  color: #4b4a4a; }
.chooseUs {  height: 88px; background: #f1f1f1; margin-top: -5px;  }
.whyChoose{ width: 215px; height: 100%; background:#e3602e; color: #ffffff; float: left; text-align: center;  line-height: 80px;  font-size: 20px;   }
.chooseContent{ width: 740px; float: left;}
.chooseContent li{  width: 180px; margin-left: 40px; margin-top: 20px;   }
.chooseContent li:nth-child(2){ width: 250px;}
.chooseContent li span{ display: inline-block; font-size: 14px;}
.chooseContent li span:nth-child(1){ vertical-align: -webkit-baseline-middle;}

.bannerPc{ display: block; height:auto;}
.bannerPh{ display: none;}
.mainContent{  background: url("../images/bg.jpg"); padding: 0px 30px; box-sizing: border-box;  }
.title{ width: 401px; margin: 0 auto; text-align: center; padding-top: 70px; font-size:24px; font-weight: bold; }
.title p:nth-child(1){  margin-bottom: 5px;   }
.productDetail{ background-color:rgba(255, 255, 255, 0.5); height: 530px; border: 1px solid #000000; margin-top: 20px; position: relative; }
.detailLeft{ width: 100%; float: left; height: 500px; box-sizing: border-box; padding-left:35px;}
.detailRight{ width:326px; float: left; padding-top: 30px;   }
.keyWords{ border-bottom: 2px solid #e3602e; margin-bottom:20px;  }
.chooseTxt li{ width: 100%; margin-bottom: 15px;}
.chooseTxt li div{ float: left;     }
.chooseTxt li div:nth-child(1){ width: 55px; padding-top: 7px; margin-left: 15px;    }
.chooseTxt li div:nth-child(2){ width: 196px;   }
.buyLink{  margin-top: 50px; text-align: center; }
.buyLink div{ width: 230px; height: 32px; border: 1px solid #000000; background: #d10302; margin: 0 auto; margin-top: 10px; box-shadow:2px 2px 2px #000000;   }
.buyLink div a{ color:#ffffff;  line-height: 32px; font-size: 18px;}
.buyLink div a:hover{  color:#000000; }
.bigImg{ width: 500px; height:500px; overflow: hidden; float: left; margin-left: 35px; }
.bigImg img{ width: 100%;}
.smallImg{ width: 250px; height: 500px;  float: left; overflow: hidden;  }
.smallImg a{ width: 100px; height: 100px; display: block; float: left; border: 1px solid #000000; box-sizing: border-box; margin-left: 15px; margin-top: 18px;   }
.smallImg a img{ width: 100%;}
.detailIconL{ position: absolute; bottom:-80px;left: -20px;  }
.detailIconR{ position:absolute; bottom:-80px; right: -31px;}
.description{ position: relative; }
.descriptionContent{ border: 1px solid #000000; background-color:rgba(255, 255, 255, 0.5); padding: 10px;  }
.descriptionIcon{ position: relative; left: -30px;  }
.shippingContent{  border: 1px solid #000000; background-color:rgba(255, 255, 255, 0.5); padding: 10px; padding-bottom:30px; margin-top: 15px; font-size: 14px;  }
.shippingContent table{ width: 100%;}
.warrantyContent{ border: 1px solid #000000; background-color:rgba(255, 255, 255, 0.5); padding: 10px; padding-bottom:30px; margin-top: 15px; font-size: 14px;  }
.tfeedbackdetail table,th,tr,td{ border: 1px solid #000000; text-align:center; }
.tfeedbackdetail table{ width: 100%;}
.feedbackImg img{ width: 100%;   }
.feedbackContent{ position: relative;}
.feedbackCar{ position: absolute; right: -30px; bottom:-180px; }
.faqContent p{ margin-bottom: 18px; font-size: 14px;  }
.faqContent p b{  color:#e3602e; }
.otherTitle{ text-align: center; color: #e3602e; font-size:26px; margin:20px 0px; font-weight: bold;}
.otherProduct li{  width: 200px; height: 260px; margin-left:20px;   }
.otherProduct li img{ width: 100%;}
.otherProduct li a:nth-child(1){ border: 1px solid #e3602e; display: block;   }
.otherProduct li a{ color: #000000; font-size: 12px;}

.description li{float:none;}
.description ul{list-style:inherit;}
.description ul li{list-style:inherit;margin-left:35px;}


@media only screen and (max-width:481px) {
 .wrap{ width: 100%;}
 .mainContent{ background-size:cover; padding: 0px; }
 .banner img{ width: 100%;}
.chooseUs{ display: none;}
 .detailLeft{ width: 100%; float: none;}
 .detailRight{ width: 100%; float: none; padding-bottom: 20px;}
 .keyWords{text-align: center;}
 .detailIconL{ display: none;}
 .detailIconR{ display: none;}
 .productDetail{ height: auto;}
 .detailLeft{ height: auto; padding-left: 0px;}
 .bigImg{ width: 100%; float: none; margin-left: 0px; height: auto;}
 .smallImg{ width: 100%; height: auto; float: none;}
 .smallImg a{ width:85px; margin-left:6px;  }
 .navTxt{ display: none;   }
 .title{ padding-top: 15px;}
 .descriptionIcon{ display: none;}
 .feedbackCar{ display: none;}
 .tfeedbackdetail table span{ width: 100px; display: block; word-wrap: break-word;}
 .title{ width: 100%;}
 .title p img{ width: 100%;  }
 .chooseTxt li div:nth-child(1){ margin-left:55px;}
 .otherTitle{ color: #000000; font-size: 16px;}
 .otherProduct li{ width: 175px; margin-left: 10px;}
}
/*video*/
.video{width: 100%;}
.video-wrap{margin: auto;width: 76%;}
.video-container{
 width: 100%;
 height: 486px;
 background-size: 100% auto;
 background-color: black;
 background-position: center;
 background-repeat: no-repeat;
 display: flex;
 align-items: center;
 justify-content: center;
 margin: auto;
}
.video-container .btn{
 width: 68px;height: 48px;background:#202120;border-radius: 8px;  display: flex;
 align-items: center;
 justify-content: center;
}
.logo{text-align: right;margin-bottom: 20px;}
.video-container .btn img{width: 20px;}
.video-container:hover .btn{background: #c81c20;}
.video-wrap p{font-size: 30px;font-weight: 600;margin: 30px 0;}
@media only screen and (max-width: 768px){
 .video-wrap{width: 100%;}
}