@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; background: #fff; }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei;}
/*head*/
.headNav{ height: 87px;      }
.headNav .logo { float: left; width: 200px;height: 86px;  line-height: 86px; text-align: center; font-size:24px; font-weight: bold;}
.headNav .navContent{ float: right; width: 701px; height: 56px; background: url("../images/head_bg.jpg"); padding-top: 30px; }
.headNav .navContent li a{ color: #ffffff; width: 220px; text-align:right;display: block; font-size: 22px; line-height: 46px; }
.headNav .navContent li a:hover{ text-decoration: underline; color: #ebecee;}
/*banner*/
.bannerPh{ display: none;}
/*choose us*/
.chooseUs{ margin-top:60px;  }
.chooseUsTitle{ width: 100%; text-align: center;}
.choose_line1{ padding-left: 25px;}
.chooseContent ul li{ padding: 0px 25px; text-align: center; margin-top: 22px;}
.choose_line2{ text-align: right; padding-top: 20px;}
/*product images*/
.productImgTitle{ text-align: center; padding-top: 40px; font-size: 18px; }
.productTitle span{vertical-align: -webkit-baseline-middle;word-wrap: break-word;  }
.productTitle{ margin: 20px 0px; word-wrap: break-word; padding: 5px; }
.bigImg{ width: 600px; height: 600px; border: 4px solid #9c0c0c; margin: 0 auto; margin-top: 25px; margin-bottom:20px;overflow: hidden; }
.bigImg img{ width: 100%;}
.smallImg{ width:751px; height: auto; margin: 0 auto; margin-bottom: 25px;}
.smallImg a{ width: 145px; height: 145px; border: 1px solid #000000;float: left;margin-left: 5px; box-sizing: border-box;  }
.smallImg a img{ width: 100%; height: 100%; }
.buyLink{ text-align: center;}
.buyLinkImg a{ display: block; color: #000000; font-size: 18px;}
.description{ margin-top:60px; margin-bottom: 60px; }
.descriptionTitle{ text-align: center; margin-bottom: 25px;}
.descriptionContent{ width:95%; margin:0 auto; box-sizing: border-box; border: 1px solid #414141;  padding:0px 8px;  }
.descriptionContent pre{white-space: pre-wrap!important;word-wrap: break-word!important;}
.shipping{margin-bottom: 60px;  }
.shippingTitle{ text-align: center; margin-bottom: 30px;}
.shippingContent{ width: 95%; margin: 0 auto; box-sizing: border-box; border: 1px solid #414141;padding: 0px 8px; padding-bottom: 25px; padding-top: 15px;  }
.shippingContent .shippingContentB{ font-size:20px; color: #730000; text-align: center;  }
.shippingContent p{  margin-top: 10px; font-size: 16px; line-height: 25px;}
.warranty{ margin-bottom: 60px;}
.warrantyTitle{ text-align: center; margin-bottom: 30px;}
.warrantyContent{  width: 95%; margin: 0 auto; box-sizing: border-box; border: 1px solid #414141;padding: 0px 8px; padding-bottom: 25px; padding-top: 15px;}
.warrantyContent p{padding: 0px 8px; line-height: 25px; margin-top: 10px; }
.feedback{ margin-bottom: 60px;}
.feedbackTitle{ text-align: center; margin-bottom: 30px;}
.feedbackContent{  width: 95%; margin: 0 auto; box-sizing: border-box; border: 1px solid #414141;padding: 0px 8px; padding-bottom: 25px; padding-top: 15px; }
.faqTitle{ text-align: center; margin-bottom: 30px;}
.faqContent{ width: 95%; margin: 0 auto; box-sizing: border-box; border: 1px solid #414141;padding: 0px 8px; padding-bottom: 25px; padding-top: 15px; }
.faqContent p{ margin-top: 10px;  }
.faqContent .faqQuestion{ color: #9c0c0c; font-weight: 600; }
.faq{ margin-bottom: 60px;}
.otherItemTitle{ text-align: center; margin-bottom:30px;}
.otherProduct{ width: 100%; }
.otherProduct ul li{ width: 223px; height: 300px; margin-left: 14px;  }
.otherProduct ul li img{ width: 100%; }
.otherProduct ul li .otherProductImg{  display: block; border: 2px solid #242424; }
.otherProduct ul li a{ font-size: 12px; color:#414141; }
main {
 min-width: 320px;
 max-width: 960px;
 margin: 0 auto;
 margin-top: -40px;
}
section {
 display: none;
 padding: 20px 0 0;
 border-top: 1px solid #1b1919;
 background:#FFF;
 text-align: left;
}
input {
 display: none;
}
label {
 display: inline-block;
 margin: 0 0 -1px;
 padding: 7px 70px;
 text-align: center;
 color:#ffffff;
 border: 2px solid #93181d;
 border-top-left-radius:10px;
 border-top-right-radius:10px;
 width: auto;
 background-color:#000000;
 text-align: center;
 font-weight: 600;
 text-transform:uppercase;
 margin-left:15px;
}
main .labelS{
}
label:hover {
 color: #ffffff;
 cursor: pointer;
}
input:checked + label {
 color:#ffffff;
 font-size:16px;
 font-weight: 600;
 text-transform:uppercase;
 background: #93181d;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5
{
 display: block;
 border: none;
 font-size:16px;
 color:#666;
 padding:8px;
 padding-top:20px;
 border-top: 2px solid #93181d;
 border-left: 1px solid #2e2d2d;
 border-right:1px solid #2e2d2d; ;
 border-bottom:1px solid #2e2d2d;;
}
/*feedback*/
.tfeedbackdetail{ padding:0px 30px 0px 15px;}
.tfeedbackdetail .tfree_tabs tr{ background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC;}
.tfeedbackdetail .tfree_tabs tr .tdheadOne{ width:386px;  }
.tfeedbackdetail .tfree_tabs tr .tdheadTwo{ width:129px;  }
.tfeedbackdetail .tfree_tabs tr .tdheadThree{ width:149px;  }
.tfree_tabs{
 padding:0;border-collapse:collapse;border-spacing:0;width:100%;font-family:Microsoft YaHei;
 border:1px solid #dedede;background:#eee;margin:0 auto;margin-bottom:20px;
}
.tfree_tabs tr th{
 border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999;
 padding:5px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;
}
.tfree_tabs tr td{
 border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;padding:10px 20px;
 line-height:20px;font-size:14px;color:#666;font-weight:normal;text-align:left;
}
.feedbackImg img{ width: 98%;}
.otherContent{ margin-bottom: 30px; }
section p{ line-height: 30px;}

#content4 .question{ margin: 18px 0px; }
.faq_bg{background: url(../images/question.png) no-repeat; padding-left: 20px; padding-bottom: 30px; }
/* other item*/

@media only screen and (max-width: 481px) {
  .wrap{ width: 100%;}
 /*.banner{ display: none;}*/
 .banner img{ width: 100%;}
 .bannerPh{ display: block; }
 .bannerPh img{ width: 100%;}
 .smallImg{ width: 100%;}
 .otherItemTitle img{ width: 100%;}
 .headNav .logo{ margin: 0 auto; float: none;}
 .headNav .navContent{ width: 100%;}
 .headNav .navContent li{ padding: 10px; float: right;}
 .headNav .navContent li a{ width: auto; color: #ffffff; font-weight: 600; font-size: 16px; }
 .headNav .navContent li a:hover{  text-decoration: underline; }
 .chooseUs{ margin-top: 15px; }
 .chooseUsTitle img{ width: 100%;}
 .choose_line1{ display: none;}
 .chooseContent ul li{ padding: 0px 18px;}
 .choose_line2{ display: none;}
 .productImgTitle img{ width: 100%;}
 .bigImg{ width: 100%; height: auto; margin-bottom: 10px;}
 .smallImg a{ width:120px; height: 120px; }
 .descriptionTitle img{ width: 100%;}
 .description{ margin-bottom: 30px; margin-top: 20px;}
 .shippingTitle img{ width: 100%;}
 .shipping{ margin-bottom: 30px;}
 .shipping p{ font-size: 12px;}
 .warrantyTitle img{ width: 100%;}
 .warranty{ margin-bottom: 30px;}
 .warrantyContent p{ font-size: 12px;}
 .feedbackTitle img{ width: 100%;}
 .tfeedbackdetail{ padding: 0px;}
 .tfree_tabs tr th{ padding: 5px;}
 .tfree_tabs tr td{ padding: 5px;}
 .tfree_tabs tr td span{ width: 100px; display: block; word-wrap: break-word;}
 .feedback{ margin-bottom: 30px;}
 .feedbackContent p{ font-size: 12px;}
 .faqTitle img{ width: 100%;}
 .faqContent p{ font-size: 12px;}
 .shippingContent .shippingContentB{ font-size: 14px;}
 .otherProduct ul li{ width: 188px; height: 250px; margin-left: 15px; }
 .productImgTitle{ padding-top: 30px;}

}
@media only screen and (max-width: 375px){
}
@media only screen and (max-width: 320px){
}
@media (min-width: 481px) and (max-width: 769px){
}

/*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%;}
}


