@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:65px; background: linear-gradient(#454545,#191919);}
.logo{ width: 27%; float: left;}
.logo a img{ display: none;}
.navTxt{  width:60%; float: right; background: url("../images/nav.png") no-repeat right top;     }
.navTxt ul{ height: 65px;}
.navTxt ul li{padding: 0px 15px; margin-left: 10px; margin-top: 10px;}
.navTxt ul li a{ color: #ffffff;  font-size: 22px;  }
.bannerPc{ display: block; height:320px;}
.bannerPh{ display: none;}
.chooseUs{ height:82px; background:linear-gradient(#464545,#181818); }
.whyChoose{ width: 262px; float: left;color:#000000; font-size: 24px; text-align: center; height: 102px; line-height: 82px; background: url("../images/choose.png") no-repeat; }
.chooseIcon{ width: 680px; float: left; color: #ffffff;}
.chooseIcon li p{ float: left; margin-left: 5px;}
.chooseIcon li p:nth-child(2){ margin-top: 10px;}
.chooseIcon li{ margin-left: 30px; padding-top: 25px;   }
.contentAll{ background: url("../images/bg.jpg"); padding: 25px 30px; box-sizing: border-box;     }
.productDetail{ background:#000000; color: #ffffff; padding:25px 0px; margin-bottom: 40px;   }
.title{ width: 500px; height: 48px; background: #eec042; transform:skewX(-20deg); text-align: center; font-size: 24px; line-height: 48px; margin: 0 auto;}
.title p{ transform:skewX(20deg); color:#000000; font-weight: bold; }
.keyWords{  padding: 20px;}
.product img{ width: 205px; height: 205px; margin-left: 13px; margin-bottom: 5px;  }
.chooseTxt li div{ float: left; margin-left: 5px;}
.chooseTxt li{ margin-left: 150px; height:60px; width: 240px; margin-top: 10px;   }
.chooseTxt li b{ color: #eec042;}
.buyLink{ width: 302px; margin: 0 auto;}
.buyLink a{ color: #ffffff; text-align: center;}
.buyLink .buyBotton{ border: 1px solid #eec042; width: 208px; text-align: center; line-height: 40px; margin: 10px auto; box-sizing: border-box; padding: 5px;   }
.buyLink .buyBotton p{  background: #eec042; font-size: 20px; color: #000000;  }
.shippContent{ box-sizing: border-box; padding: 8px; }
.descriptContent{ background: #ffffff; color: #000000; margin:8px; padding: 5px; box-sizing: border-box;  }
.shippContent p b{ color:#eec042;  }
.shippContent p{ margin-bottom: 8px;}
.warrContent{ margin: 10px; background: url("../images/warranty.jpg") no-repeat; margin-top:30px;  }
.warrContent .warrMain{ width: 425px; float: right; font-size: 14px;}
.feedbackContent{ padding: 30px 5px 0px 5px; text-align: center; }
.tfeedbackdetail table{ width: 95%; margin: 0 auto; }
.tfeedbackdetail table,th,tr,td{ border: 1px solid #ffffff; text-align: center;}
.feedImg img{ width: 95%; }
.faqContent{ padding: 10px;}
.faqContent p{ margin-bottom: 15px;}
.faqContent p b{ color:#eec042; }
.otherItemList li{  width: 175px; height: 250px; margin:0px 20px 0px 24px; }
.otherItemList li a{ color: #ffffff; font-size: 12px; }
.otherItemList li img{ width: 100%; }
.otherContent{ padding: 10px;}

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


@media only screen and (max-width:481px) {
 .wrap{ width: 100%;}
 .banner img{ width: 100%;}
 .title img{ width: 100%;}
 .navTxt{   display: none; }
 .bannerPc{ height: auto;}
 .chooseUs{  display: none; }
 .title{ width: 350px;}
 .contentAll{ padding: 25px 10px;  }
 .shippContent{ font-size: 12px;}
 .shippContent img{ width: 100%; }
 .product img{ width: 160px; height: 160px; margin-left:10px;}
 .chooseTxt li{ margin-left:6px; font-size: 14px; width: 165px; height: 100px; text-align: center;   }
 .chooseTxt li div{ float: none;}
 .warrContent{ background: none; margin:10px 5px; font-size: 12px;}
 .warrContent .warrMain{ float: none; width: 100%;}
 .tfeedbackdetail table span{ width: 100px; word-wrap: break-word; display: block;}
 .otherTitle{ font-size: 16px;}
 .faqContent{ font-size: 12px;}
 .otherItemList li{  margin:0px; width: 160px; margin-left: 5px;}
}
/*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%;}
}