@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; }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.headNav{ height: 45px; background: #15161c;}
.navContent li a{ color: #ffffff; font-weight: 600; }
.headNav .logo{ width: 240px; float: left; height: 45px; line-height: 45px;}
.headNav .navContent{ float: left;}
.banner{ height: 320px; }
.bannerPc{ display:block;}
.bannerPh{ display: none;}
.navContent li a{ height: 45px; display: block; line-height: 45px; width: 232px; text-align: center;  }
.navContent li a:hover{  color:#f9c300; }
.chooseUs{ height: 273px; background: url("../images/bg.jpg"); padding-top:22px; }
.whyChoose{  width: 200px; height: 50px;  background: #f83f00; font-size: 20px; text-align: center; line-height: 50px; color: #ffffff; font-weight: 600; border-radius: 25px; margin: 0 auto;}
.chooseContent li{ color: #ffffff; background: #3e3e4e; width: 170px; height:160px; text-align: center; line-height: 22px; padding-top: 10px; margin-top: 24px; margin-left:37px; margin-right:30px;       }
.productKeyWords{ height: 42px; background: #000000; color: #ffffff; text-align: center; line-height: 42px; font-size: 16px;   }
.productImg{ background: url("../images/bg.jpg"); padding-bottom:30px; }
.goods_list_h{ padding: 0px 80px;}
.goods_list_h li{ width: 360px; height: 360px; margin-left:25px; margin-bottom: 25px;  }
.goods_list_h li img{ width: 100%;}
.chooseTwo ul{ padding:0px 105px; padding-top: 25px; margin-bottom: 30px; }
.chooseTwo ul li{ width: 200px; height: 80px; color: #ffffff; text-transform: uppercase;  font-size: 14px; font-weight: bold; text-align: center; margin-left: 72px;    }
.chooseTwo ul .contentFirst{ margin-left: 0px; }
.chooseTwo ul li p{ height: 40px; background:#f9c300; color: #000000; line-height:40px; }
.chooseTwo ul li .chooseS{ line-height: 20px;}
.chooseTwo ul li div{ height: 40px; background: #3f3c40;line-height: 40px; }
.description{ background: url("../images/bg.jpg");padding-top:35px; min-height: 60px;  }
.descriptionTitle{ height: 8px; background: #000000; position: relative;margin-bottom: 50px; }
.descriptionTxt{ width: 184px; height: 54px; background: #f9c300; border: 1px solid #000000; text-align: center; line-height: 54px; font-weight: 600; font-size: 22px; position:relative; top: -20px;margin: 0 auto; }
.descriptionContent{  padding: 0px 50px; }
.descriptionMain{ background:#edeceb; padding: 5px; margin-top: 15px; }
.shipping{ padding-top: 25px; background: url("../images/bg.jpg"); min-height: 50px; padding-top:50px;}
.shippingContent{ padding: 0px 50px;}
.shippingMain{ background:#282528; padding:0px 25px; color:#ffffff; padding-top: 15px; padding-bottom:20px;    }
.shippingMain p{ padding-top: 10px;  }
.shippingBold{ color: #f9c300; margin-top: 8px;  }
.warranty{ padding-top: 50px;background: url("../images/bg.jpg"); min-height: 50px; padding-bottom:20px; }
.warrantyContent{  padding: 0px 45px;   }
.warrantyMain{ border: 2px solid #000000; padding-bottom: 20px;     }
.warrantyMain div{ float: left;  }
.warrantyMainLeft{ width: 180px; height: 480px;margin-left: -45px;}
.warrantyMainRight{ width: 637px; color: #ffffff; margin-left: 30px;  }
.warrantyMainRight p{ margin-top: 15px;}
.faq{  padding-top: 30px; background: url("../images/bg.jpg"); min-height: 50px;    }
.faqTxt{ width: 380px; height: 50px;}
.faqMain div{ float: left;  }
.faqMain .faqMainLeft{ width: 690px; color: #ffffff; margin-left: 74px; float: left; }
.faqMain .faqMainLeft .faqRed{ color: #f9c300;      }
.faqMain .faqMainRight{ width: 196px; float: left;}
.feedback{ padding-top:60px; background:url("../images/bg.jpg"); }
.feedbackContent{ padding: 0 50px; color: #ffffff; text-align: center;}
.feedbackMain{ text-align: center;}
.feedbackMain .feedbackImg{ text-align: center; display: block;}
.feedbackMain .feedbackImgPh{ display: none;}
.otherItem{ padding-top:35px;background:url("../images/bg.jpg"); }
.otherItemTitle{ background: #000000; height: 50px; color: #ffffff; text-align: center; line-height: 50px; font-weight: 600;}
.otherList ul li{ width: 215px; margin-left: 17px; margin-right: 5px; margin-top: 25px; height: 275px; }
.otherList ul li img{ width:100%;}
.otherList ul li a{ color: #ffffff; font-size: 12px;}
.buyContent a{  color: #ffffff;}
.buyContent .buyIf{ width: 375px; display:block; margin: 0 auto; font-size: 14px; background: #3f3c40; height: 40px; text-align: center; line-height: 40px; font-weight: 600; margin-bottom: 10px;     }
.buyContent .buyTxt{ background: #f9c300; width: 175px; display: block; margin: 0 auto; height:45px; line-height:45px; text-align: center; color: #000000; font-weight: 600; border: 1px solid #000000; border-radius: 10px;     }
.buyContent .buyTxt:hover{ background: #f6d251; border: 1px solid #ffffff; }
.buyContent .buyIf:hover{background:#0f0f0f;   }
.tfeedbackdetail table,th,tr,td{ border: 1px solid #ffffff;}
.tfeedbackdetail table{ width: 100%;}
/*add picture*/
.addPicture{ text-align: center; width: 100%;}
.addPicture img{ width: 95%;}

.content_box_content img{width:100%;}
.content_box_content .content_box_title{font-size:30px;}
@media only screen and (max-width:481px) {
  .wrap{ width: 100%;}
 .headNav .logo{  width: 100%; text-align: center;  }
 .banner{ height: auto;}
 .banner a img{width: 100%;}
 /*.bannerPc{ display: none;}*/
 .bannerPh{ display: block;}
 .headNav .navContent{ display: none;}
 .chooseUs{ display: none;}
 .chooseTwo ul{ padding: 0px;  }
 .feedbackMain .feedbackImg{ display:none;}
 .feedbackMain .feedbackImgPh{ display: block;}
 .productKeyWords{ font-size: 14px; line-height: 22px; height: 50px; padding: 0px 5px; box-sizing: border-box; padding-top: 3px; }
 .chooseTwo ul li{ width: 124.5px; margin-left: 0px; }
 .chooseTwo ul li div{ font-size: 12px; overflow: hidden;}
 .goods_list_h{ padding: 0px; }
 .goods_list_h li{ margin-left:8px; }
 .descriptionContent{  padding: 0px 5px;  }
 .descriptionTxt{ font-size: 16px; }
 .shippingContent{ padding: 0px 5px;}
 .shippingMain{ font-size: 12px;}
 .warrantyContent{ padding: 0px 5px; }
 .warrantyMainLeft{ display: none;}
 .warrantyMainRight{ width: 100%; margin-left: 0px; padding: 0px 5px; box-sizing: border-box; font-size: 12px;}
 .faqTxt{ width: 100%; border: none;}
 .faqMain .faqMainLeft{ width: 100%;margin-left: 0px; padding: 0px 8px; box-sizing: border-box; font-size: 12px; }
 .faqMain .faqMainRight{ display: none;}
 .feedbackContent{ padding: 0px; }
 .otherList ul li{ width:180px;margin-left: 5px; margin-right: 0px; height: 300px;}
 .tfeedbackdetail table td span{ width: 100px; word-wrap: break-word; display: block;}
 .addPicture{ text-align: center; width: 100%;}
 .addPicture img{ width: 100%;}
}
/*video*/
.video{width: 100%;}
.video-wrap{margin: auto;width: 50%;}
.video-container{
 width: 100%;
 height: 200px;
 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: 28px;font-weight: 600;}
@media only screen and (max-width: 768px){
 .video-wrap{width: 100%;}
}