@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;}
/**/
/*content*/
/*banner*/
.banner{ position: relative; height: 320px;}
.banner .nav{ position: absolute; top:10px; display: none; }
.nav{ width: 80%;margin-left: 20%;}
.nav a{ display: inline-block;  width: 23%; text-align: center; font-size: 16px; font-weight: 600; color: #fff; }
.nav a:hover{ color:#ad0d0d; }
.nav .search img{ width: 100%;  }
/* choose us*/
.chooseUs{ height: auto; background: #0d1323; }
.chooseUs .chooseTitle{ height: 153px; line-height: 200px; text-align: center;  }
.chooseUs .chooseContent{ height: 200px; }
.chooseUs .chooseImg{ height: 818px; background:#0d1323; text-align: center; line-height: 1500px;  }
/*description*/
.description .descriptionTitle{ height: auto; width: 100%; background:#0d1323; text-align: center; padding-bottom: 50px;  }
.productImg{ background:#0d1323; height: 660px; float: left;  padding-left:5px; padding-right: 5px;}
.productImg .bigImg { width: 488px; height: 488px; border: 1px solid #ad0d0d; overflow: hidden;}
.productImg .bigImg img{ width: 100%; height: 100%;}
.productImg .smallImg{ width: 500px; height: 500px;  }
.productImg .smallImg a{ width: 96px; height: 96px; display: block;border: 1px solid #ad0d0d; float: left; }
.productImg .smallImg img{ width: 100%; height: 100%;  }
.descriptionContent{ float: left; width: 450px; background:#0d1323; height: 660px;}
.descriptionContent .descriptionMain{ width: 450px; height:auto; }
.descriptionContent .descriptionMain .productTitle{ color: #fff; border-bottom: 5px solid #ad0d0d; word-wrap: break-word; max-height: 68px;}
.descriptionContent .descriptionMain .descriptionTxt{ word-wrap: break-word; width: 100%; height:540px; color: #fff; font-size: 14px; overflow: scroll; background: #fff; color: #000;}
.descriptionContent .descriptionMain .descriptionTxt .gesbk{ padding: 0 5px; padding-left: 15px;  }
/* shipping*/
.shipping{ background: #0d1323; text-align: center;}
.shippingTitle{ height: 117px; line-height: 117px; }
.shippingTxt{ border-right:3px solid #ad0d0d; width: 900px; height:auto; border-bottom:3px solid #ad0d0d; margin-left: 25px;  }
.shippingContent{ width: 100%; height: 100%; background:#121b33; text-align: left; color: #fff; word-wrap: break-word; }
.shippingContent .gesbk{ padding-left: 15px;}
/*warranty*/
.warranty{ background: #0d1323; text-align: center;}
.warrantyTitle{ height: 140px; line-height: 225px;}
.warrantyTxt{  margin-left: 25px; width: 900px; color: #fff; text-align: left; }
/*faq*/
.faq{ background: #0d1323; text-align: center;}
.faqTitle{ height: 140px; line-height: 225px;}
.faqTxt{  margin-left: 25px; width: 900px; text-align: left; color: #fff; }
.faq_bg {
  background-image: url(../images/faq_icon1.png);
  padding-left: 20px;
  background-repeat: no-repeat;}
/*feedback*/
.feedback{ background: #0d1323; text-align: center;}
.feedbackTitle{ height: 140px; line-height: 225px;}
.feedbackTxt{  margin-left: 25px; width: 900px; height: auto; }
.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;
}
/*other  Item*/
.otherItem{ background: #0d1323; text-align: center;}
.otherItem .otherTitle{height: 140px; line-height: 225px; }
.otherProduct{ width: 100%; height: auto; background:#111a31; padding-top: 30px;   }
.otherProduct li{ width: 208px; height: 280px; margin-left:25px; font-size: 14px; }
.otherProduct li a img{ width: 208px; height: 220px;border-right: 3px solid #ad0d0d; border-bottom:3px solid #ad0d0d;  }
/**/
.descriptionMain .descriptionTxt ul li{ float: none; list-style-type:disc; margin-left: 23px;  }
/*add picture*/
.addPicture{ text-align: center; width: 100%;/* height: 660px; overflow: scroll;*/}
.addPicture img{ width: 100%;}
@media only screen and (max-width: 481px){
  .wrap{ width: 100%;}
    .nav a{ font-size: 14px;}
    .nav{ width: 95%; margin-left: 5%;}
  .banner{ height: auto;}
  .banner img{ width: 100%;}
  .chooseUs .chooseTitle img{ height: auto;width: 100%;}
  .chooseUs .chooseContent img{ width: 100%;}
    .chooseUs .chooseContent{  height: auto;}
    .chooseUs .chooseImg{ height: auto; line-height: 100px;}
    .chooseUs .chooseImg img{ width: 100%;}
    .description .descriptionTitle img{ width: 100%;}
    .productImg{ padding: 0px; width:100%;  }
    .productImg .bigImg{ width: 362px; height: 350px; }
    .productImg{ height: 630px;}
    .productImg .smallImg{ width: 362px; height: 250px;  }
    .productImg .smallImg a{ width: 88px; height: 88px;}
    .descriptionContent{ width: 100%;}
    .descriptionContent .descriptionMain{ width: 100%;}
    .shippingTitle img{ width: 100%;}
    .shippingTxt{ width: 360px; margin-left: 5px;  }
    .warrantyTitle img{ width: 100%;}
    .warrantyTxt{ width: 365px; margin-left: 8px;}
    .faqTitle img{ width: 100%;}
    .faqTxt{ width: 365px; margin-left: 8px; }
    .feedbackTitle img{ width: 100%;}
    .feedbackTxt{ width: 365px; margin-left: 5px;}
    .otherItem .otherTitle img{ width: 100%;}
    .otherProduct li{ width: 175px;height:220px; margin-left: 10px; }
    .otherProduct li a img{ width: 150px; height: 175px;}
    .bottom img{ width: 100%;}
  .tfree_tabs tr td{ padding: 0px;}
  .tfree_tabs tr td span{ display: block; width: 100px; word-wrap: break-word;  }
  /*add picture*/
  .addPicture{ text-align: center; width: 100%; height: auto; overflow: visible; }
  .addPicture img{ width: 100%;}
}

@media only screen and (max-width: 413px){
}
@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%;}
}