@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*/
.logo{ float: left;  }
.search{ float:right; padding-top: 25px; margin-right:20px;  }
.search a{ width:150px; height: 25px; border: 1px solid #e42c3f; text-align: right; display: block; line-height:30px; padding-right: 5px; }
.search a:hover{ border: 1px solid #f76c7b;}
.banner{height: 320px; }
.bannerPc{ display:block; }
.bannerPh{ display: none;}
.chooseTitle{ height: 150px; display: none;  }
.chooseTitle p{ height: 90px; font-size:30px; color: #ffffff; text-align: center; margin: 0 auto; line-height: 80px; margin-top: -80px; font-weight: 600;  }
.chooseTitleTwo{height: 150px; background:url("../images/title_bg.jpg") no-repeat; margin: 40px 0px;   }
.chooseTitleTwo p{ height: 90px; font-size:30px; color: #ffffff; text-align: center; margin: 0 auto; line-height: 150px; font-weight: 600; }
.chooseLineTwo{  border-bottom: 2px solid #e42c3f; width: 30%; margin: 0 auto; margin-top: 20px;}
.chooseContent{ margin-top: -40px; margin-bottom: 20px;}
.chooseContent ul{ padding: 0px 20px; }
.chooseContent ul li{ width: 172px; text-align: center; margin-left: 10px; }
.chooseContent ul li p{ padding: 18px 0px; }
.chooseContent ul li div{ border-bottom: 1px solid #ededee;}
.productImgLeft{  width: 575px;  height: 450px; float: left;   }
.bigImg{ width: 450px; height: 450px; border:2px solid #e42c3f; border-radius:3px; overflow: hidden;  float: left;}
.bigImg img{ width: 100%; border-radius:3px;  }
.smallImg{ float: left; width: 109px; overflow: hidden;  }
.smallImg a{  width: 90px;   height: 90px; display: block; border: 2px solid #e42c3f; margin-left: 13px; margin-top:3px; }
.smallImg a:hover{ border: 2px solid #0e374d;  }
.smallImg a img{ width: 100%; }
.descriptionTitle{ margin-bottom: 18px; }
.productImgRight{ width: 360px; float: left; margin-left: 25px;  }
.productKeyWords{ text-align: center; border-bottom: 2px solid #757575; padding-bottom: 5px; font-size: 16px;height: 80px; margin-bottom: 25px; margin-top:30px;  }
.whyChoose{ width: 360px; height: 270px; background:#e42c3f; }
.whyChoose ul li{ color: #ffffff;}
.whyChoose ul li p{ float: left; margin-top: 23px;}
.whyChoose ul li .whyChooseIcon{  width: 40px; height: 40px; margin-left:60px; }
.whyChoose ul li .whyChooseTxt{ width: 200px; margin-left:15px;font-size: 14px;}
.DetailsContent{   margin-top:20px; }
.shippingContent{ background: #c9c9c9; height: 335px; padding-top: 30px; }
.shippingLeft{ width: 458px; height: 305px; background: #ffffff; float: left; margin-left: 20px; box-sizing: border-box; padding: 0px 10px; }
.shippingLeft p span{ background: #e42c3f; color: #ffffff; margin-left: 5px; padding: 0px 3px;   }
.shippingLeft p{ margin-top: 10px; font-size: 14px; }
.shippingRight{ width: 420px; height: 305px; background: #ffffff; float: left; margin-left: 22px; box-sizing: border-box; padding-top:20px; padding-left: 22px; font-size: 14px; padding-right: 10px;  }
.shippingRight p{ margin-top:5px; }
.shippingBold{ color: #e42c3f;  }
.warranty{ margin-bottom: 50px;  }
.warrantyLeft{ width: 485px; margin-left: 0px; float: left; line-height: 20px;}
.warrantyRight{ float: left; margin-left:25px; margin-top: 28px; }
.warrantyLeft p{ font-size: 14px; margin-bottom:20px; }
.faq{ margin-bottom: 50px;  }
.faq p{ font-size: 14px; }
.faqLeft{ width: 457px; height: 720px; background: #c9c9c9; border-radius: 10px; box-sizing: border-box; padding: 0px 18px; padding-top: 20px; float: left; }
.faqLeft p{ margin-top: 15px; }
.faqAsk{  border-top:1px dashed #e32235; border-bottom:1px dashed #e32235; color:#e32235; text-transform: uppercase; font-size: 14px;display:inline-block; padding: 5px 0px;}
.faqRight{  width: 457px; height: 720px; background: #c9c9c9; border-radius: 10px; box-sizing: border-box; padding: 0px 18px; padding-top: 20px; float: left; margin-left: 30px;  }
.faqRight p{ margin-top: 15px;}
.faqRight .faqImg img{ width: 95%;   }
.faq_list_li{ border: 1px solid #5a5a5a; margin-bottom: 15px;padding:5px 10px; box-sizing: border-box;  }
.feedbackImg{ display: block; }
.feedbackImg img{ width: 100%;}
.feedbackImgPh{ display: none;}
.tfeedbackdetail table,th,tr,td{ border: 1px solid #0c0c0c; text-align: center;}
.tfeedbackdetail table,th,tr{ padding: 5px 0px;}
.tfeedbackdetail table{ width: 100%;}
/*buy link start*/
.buyLinkImg{ margin: 0 auto; width: 300px; text-align: center; padding-top:20px; margin-top: 20px;}
.buyLinkImg a{ display: block; color: #000000    }
.buyLinkImg .buyTxt{ margin-bottom: 10px; }
.buyLinkImg .buyNow{ width:100%; background:#e42c3f; color: #ffffff; padding: 10px 0px;   }
/*buy link end*/
.chooseLine{ border-bottom: 2px solid #e42c3f; width: 30%; margin: 0 auto;  margin-top: -10px;   }
@media only screen and (max-width:481px) {
 .banner a img{width: 100%;}
.wrap{ width: 100%;}
.banner{ height: auto;}
/*.bannerPc{ display:none; }*/
.bannerPh{ display:block;}
.chooseUs{ display: none;}
 .whyChoose{ width: 100%;}
.descriptionTitle img{ width: 100%; }
.bottom img{ width: 100%; }
.productImgLeft{ width: 100%; float: none; height: auto;}
.bigImg{ width: 100%; box-sizing: border-box; float: none;  }
.smallImg{ float: none; width: 100%;}
.smallImg a{ float: left; margin-left: 8px; width: 80px; height: 85px;    }
.productImgRight{ float: none; margin-left: 0px; width: 100%;}
 .DetailsContent{ box-sizing: border-box; padding: 0px 5px; }
 .shippingContent{ height: auto; background: none; padding-top: 0px;}
 .shippingLeft{ margin-left: 0px; width: 100%; height: auto; padding-bottom: 20px;  }
 .shippingLeft p{ font-size: 12px;}
 .shippingRight{ margin-left: 0px; width: 100%; box-sizing: border-box; padding-left: 0px; padding: 0px 10px; font-size: 12px; height: auto; padding-bottom:20px; }
 .warranty{ margin-bottom: 30px;}
 .warrantyLeft{ width: 100%; margin-left: 0px; padding: 0px 5px; box-sizing: border-box; float: none;}
 .warrantyLeft p{ font-size: 12px;}
 .warrantyRight{ float: none; margin-left: 0px; width: 100%; display: none;}
 .warrantyRight img{ width: 100%;}
 .faq{ margin-bottom: 30px;}
 .faq p{ font-size: 12px;}
 .faqLeft{ width: 100%; margin-left: 0px;  height: auto; padding-bottom: 10px; float: none;  }
 .faqRight{ width: 100%; margin-left: 0px; float: none; height: auto;  }
 .faqAsk{ font-size: 12px;}
 .tfeedbackdetail table tr span{ width: 100px; display: block; word-wrap: break-word;  }
 .feedbackImg{ display: none; }
 .feedbackImgPh{ display:block;}
}

/*switch content*/
main {
 min-width: 320px;
 max-width: 100%;
 margin: 0 auto;
 background: #fff;
 margin-top:18px;
 padding-top:20px;
 font-family: Arial;
}
section {
 display: none;
 padding: 20px 0 0;
 background:#FFF;
}
input {
 display: none;
}

label {
 display: inline-block;
 margin: 0 0 -1px;
 margin-left:8px;
 padding: 8px 12px;
 text-align: center;
 color:#ffffff;
 border: 1px solid #5f93d0;
 background:#5f93d0;
 font-size:18px;
}
label:hover {
 color: #ffffff;
 cursor: pointer;
}

input:checked + label {
 color:#fff;
 border: 1px solid transparent;
 font-size:18px;
 background:#e42c3f;
 text-align:center;
margin-bottom: 20px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6{
 display: block;
 font-size:16px;
 color:#666;
 padding:8px;
 padding-top:20px;
 text-align:left;
}

@media screen and (max-width: 800px) {
 label {
  width:auto;
  padding: 8px 2px;
  margin-left:0px;
 }
 label:before {
  margin: 0;
  font-size: 18px;
 }
}

@media screen and (max-width: 400px) {
 label {
  padding: 15px;
 }
}
/*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%;}
}