@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;}
/**/
/*nav*/
.nav{ }
.banner img{width: 960px;}
.navLeft{ width: 120px; height: 22px; background: #000; margin-top: 75px; float: left;}
.navCenter{ float: left; }
.navRight{ width: 577px; height: 22px; background: #000; margin-top: 75px; float: left;margin-left: 15px;}
.navRight .navRightLink li{ width: 149px; font-size: 18px; }
.navRight .navRightLink li a{ color: #fff;}
.navRight .navRightLink li a:hover{ color: #ce0203;  }
/*choose*/
.chooseTitle{ text-align: center; line-height:80px;}
.chooseContentUp li{ width: 240px; height: 35px; background: #000; color: #fff; text-align: center; line-height: 35px; font-size: 16px; font-weight: 600;}
.chooseContentUp .jours{ width: 260px;}
.chooseContentUp .securise{ width: 220px;}
.chooseDownLeft{ float: left; width: 320px; height: 270px; padding-top: 60px; padding-left: 25px;  }
.lowestPrice p span{ vertical-align: top; font-size: 24px; color: #ce0203; font-weight: 600;}
.lowestPrice .lowestPriceTxt{ font-size: 24px; color: #7e7e7e;padding-left: 35px; }
.manufacturer{ margin-top: 50px;}
.chooseDowmCenter{ float: left; width: 250px; height: 330px; text-align: center; }
.chooseDownRight{ float: left; width: 345px; height: 270px; padding-top: 60px; padding-left: 10px;  }
.chooseContentDown{ padding-top: 20px; }
.midBanner{ margin-top: 15px;}
/*description*/
.description{ margin-bottom: 20px;}
.descriptionTitle{ text-align: center; padding-top: 12px;}
.descriptionTitleTxt{ border: 1px solid #d0d0d1; width: 100%; text-align: center;  }
.descriptionContent{ width: 100%; border: 1px solid #d0d0d1; box-sizing: border-box; margin-bottom: 20px;}
/*product img*/
.productImg{ margin-bottom: 35px;}
.productImg .bigImg{width: 478px; height: 478px; border: 1px solid #d0d0d1; float: left; overflow: hidden; }
.productImg .bigImg img{ width: 100%; }
.productImg .smallImg{width: 480px; height: 480px; float: left; }
.productImg .smallImg a{ width: 240px; height: 240px; box-sizing: border-box; border: 1px solid #d0d0d1; display: block; float: left; }
.productImg .smallImg a img{ width: 100%; height: 100%;}
/*switch content*/
main {
 min-width: 320px;
 max-width: 960px;
 margin: 0 auto;
 text-align: center;
}
section {
 display: none;
 padding: 20px 0 0;
 border-top: 1px solid #000;
 background:#FFF;
 text-align: left;
}
input {
 display: none;
}

label {
 display: inline-block;
 margin: 0 0 -1px;
 padding: 7px 25px;
 text-align: center;
 color:#ce0203;
 border: 1px solid transparent;
 width:auto;
 background-color:#000;
 text-align: center;
 font-weight: 600;
}
main .labelS{
 width:28%;
}
label:hover {
 color: #ce0203;
 cursor: pointer;
}

input:checked + label {
 color:#ce0203;
 border: 1px solid #000;
 border-bottom: 1px solid #fff;
 font-size:16px;
 background:#fff;
 font-weight: 600;

}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5
{
 display: block;
 border:1px solid #000;
 font-size:16px;
 color:#666;
 padding:8px;
 padding-top:20px;

}

/* other item */
.otherItems{ margin-top: 35px;}
.otherItemsTitle{ height: 80px; line-height: 120px; text-align: center; border-top: 2px solid #919191; margin-bottom: 20px; }
.otherProduct li{ width: 240px; height: 300px; float: left; border: 1px solid #a3a2a2; box-sizing: border-box;     }
.otherProduct li a{ word-wrap: break-word; font-size: 12px; color:#757677; }
.otherProduct li a span{ padding: 0 8px;}
.otherProduct li img{ width: 100%; }
.faq_bg {
 background-image: url(../images/faq_icon1.png);
 padding-left: 20px;
 background-repeat: no-repeat;
}
/**/
.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;
}
.descriptionContent li{float:none;}
@media screen and (max-width: 650px) {
 label {
  font-size: 14px;
 }
 label:before {
  margin: 0;
  font-size: 14px;
 }
 input:checked + label{ font-size: 14px;}
}

@media screen and (max-width: 400px) {
 label {
  padding: 15px;
  font-size: 14px;
 }
 main{ font-size: 12px;}
}


@media only screen and (max-width: 481px){
   .wrap{ width: 100%;}
  .navLeft{ display: none;}
 .navCenter{ float: none; text-align: center; }
 .navRight{ float: none; width: 100%; margin-left: 0px; margin-top: 15px;}
 .navRight .navRightLink li{ font-size: 14px; width: 33%;}
.banner img{ width: 100%;}
 .midBanner img{ width: 100%;}
 .chooseContentDown{ display: none;}
 .chooseTitle{ line-height: 50px;}
 .chooseTitle img{ width: 60%; }
 .chooseContentUp li{ width: 100%; }
 .navRight .navRightLink li a{ width: 100%; display: block;text-align: center; }
 .productImg .bigImg{ width: 100%; height: auto;}
 .productImg .smallImg{ width: 100%; height: 400px;}
 .productImg .smallImg a{ width: 187px; height: 187px; }
 label{ width: auto;}
 .otherItemsTitle{ line-height: 80px; margin-bottom: 0px; }
 .otherItemsTitle img{ width: 100%;}
 .otherProduct li{ width: 187px; height: 250px; }
 .tfree_tabs tr td{ padding: 0px;}
 .chooseContentUp .jours{ width: 100%;}
 .chooseContentUp .securise{ width: 100%;}
}

@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%;}
}