@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:#ffffff; text-align: left;  }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.navHead{ background: #e6e6e6; height: 40px;  }
.navTxt ul li a{ color: #f2981a; font-family: Arial; line-height: 40px; padding:0px 50px; font-weight: bold; font-size: 18px; }
.navHead .logo{ float: left; width: 230px; background:#e6e6e6; height: 40px; }
.navHead .logo a{  line-height: 0px;  display: none;}
.navTxt{  background: #e6e6e6; float: right;  }
.navTxt ul li a:hover{ color: #1d1d1d;}
.bannerPc{ display: block; }
.bannerPh{ display: none;}
.chooseTxt{ background: #f2981a; height:88px; }
.chooseTxt ul{ padding: 0px 5px;  }
.chooseTxt ul li{ margin-right:10px; text-align: center; color:#ffffff; padding: 12px 10px; }
.chooseTxt ul li p{ float: left;  }
.chooseTxt ul li p:nth-child(2){ padding-top: 15px; margin-left: 8px;    }
.chooseTxt ul .chooseLast{ margin-right: 0px;}
.productImg{ padding-top: 10px;}
.productLeft{ width: 450px; height: auto; box-sizing: border-box; border: 1px solid #f2981a; float: left;  }
.productRight{  width: 450px; height:auto; float: left; margin-left: 50px; }
.productRight .serTitle{ color: #f2981a; font-weight: bold; font-size: 24px; text-align: center; margin-bottom: 20px; margin-top:35px; width: 100%; }
.rightLine{ width:70%; margin: 0 auto; border: 1px solid #313131; margin-top: 15px; }
.adImg{ height:125px; }
.adImg li{ width: 100px;      }
.adImg li img{ width: 100%;}
.adImg li:nth-child(2){ line-height: 150px; width:120px;  }
.adImg li:nth-child(3){ line-height: 160px; }
.adImg li:nth-child(4){ line-height: 145px; width: 120px; }
.bigImg{ width: 448px; height: 448px; overflow: hidden;   }
.bigImg img{ width:100%; }
.smallImg{ width: 448px; height: 112px; margin-top: 15px; overflow: hidden; }
.smallImg a{  width: 105px; height: 105px;  display: block; float: left; margin-left: 4px; border: 1px solid #f2981a; margin-bottom: 5px;  }
.smallImg a img{ width: 100%;}
.pament li{  margin-left: 50px;   }
.buylink a{  color: #f2981a; font-weight: bold; display: block; margin-top: 30px; font-size: 20px; text-align: center; }
.buylink a div{ width: 200px; margin: 0 auto; height: 40px; border: 1px solid #cc0106; border-radius: 20px; text-align: center; line-height: 40px; color:#cc0106; margin-top: 15px;  }
.desTop{ width: 100%; height:45px;background: url("../images/des1.png") no-repeat; padding-top: 120px;     }
.description{  margin-top:50px;}
.title{ background: url("../images/title.png") no-repeat; width: 369px; height: 56px; margin: 0 auto; line-height:48px; color: #ffffff;font-size:26px; text-align: center; }
.desContent{ width: 100%; height: auto; background: #080f14;box-sizing: border-box; padding: 15px;}
.desMain{ background: #ffffff; padding: 5px;}
.desBottom{ width: 100%; height: 135px; background: url("../images/des2.png") no-repeat;  }
.shipping{ margin-top:50px;}
.shipping .title{ margin-bottom:20px; }
.shipContent{ padding:0px 50px; }
.shipContent p{ margin-bottom: 10px;}
.shipContent p b{ color:#f2981a; }
.warranty{ margin-top:65px; }
.warranty .title{ margin-bottom:20px; }
.warContent{ padding: 0px 50px;}
.warContent p{ margin-bottom: 8px;}
.feedback{ margin-top:65px;  }
.feedback .title{ margin-bottom:20px;  }
.tfeedbackdetail table{ width: 100%;}
.tfeedbackdetail table,tr,th,td{ border:1px solid #000000; text-align: center;      }
.feedImg img{ width: 100%;}
.faq{ background: url("../images/faq.png") no-repeat;  margin-top: 50px; padding-top: 150px; padding-bottom: 250px;    }
.faq .title{ margin-bottom:35px; }
.faqContent{ padding: 0px 38px; color: #ffffff;}
.faqContent div{ color: #f2981a; margin-top: 15px; margin-bottom: 5px; }
.otherItem{ padding-top: 50px; }
.otherTitle{ color: #f2981a; font-size:28px; text-align: center; margin-bottom: 25px;  }
.otherItemList li{  width: 220px; height: 280px;}
.otherItemList li{ margin-left:15px;   }
.otherItemList li a{ display: block; width: 100%; font-size: 12px; color: #000000;}
.otherItemList li a:nth-child(1) img{ width: 100%;border: 1px solid #f2981a;  }

.description li{float:none;}
.description ul{list-style:inherit;}
.description ul li{list-style:inherit;margin-left:35px;}



@media only screen and (max-width:481px) {
        .wrap{ width: 100%;}
        .banner img{ width: 100%;}
        .bannerPc{ height: auto;}
        .navHead .logo{ float: none; margin: 0 auto;}
        .navTxt{ display: none;  }
        .logo{ float: none; text-align: center;}
        .chooseUs{ display: none;}
        .chooseContent ul{ display: none;}
        .productLeft{ float: left; width: 100%;       }
        .productRight{ margin-left: 0px; width: 100%;}
        .adImg{ display: none;}
        .pament{ display: none;}
        .productRight .serTitle{ display: none;}
        .rightLine{ display: none;}
        .tfeedbackdetail table span{ display: block; width: 100px; word-wrap: break-word;  }
        .shipContent{ padding: 0px 10px;font-size: 12px;     }
        .warContent{ padding: 0px 10px; font-size: 12px;}
        .faqContent{  padding: 0px 10px; font-size: 12px;}
        .smallImg a{ margin-left: 13px;  }
        .faq{ margin-top: 0px; padding-bottom: 160px; padding-top: 100px;  }
        .shipping{ margin-top:20px;  }
        .warranty{ margin-top:40px; }
        .feedback{ margin-top: 40px;}
        .otherItemList li{ width:165px;      }
        .desTop{  background: none; padding-top: 0px; }
        .desBottom{ display: none;}
        .desContent{ margin-bottom: 40px; padding-top:30px;}
        .otherTitle{ font-size: 20px;}
       .bigImg{ width: 100%;}
        .smallImg{ width: 100%;}
       .shipContent table{width: 100%;  }
}
/*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%;}
}


