@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: #212121; }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.navHead{ background: #04070e; height: 40px;position: relative;  }
.navHead .logo{ float: left; width:90px; height: 90px; background:none; margin-left: 75px;  }
.navHead .logo a{ display: none;}
.navTxt ul{ border: 1px solid #000000; background:linear-gradient(to top, #e5f6ff , #ffffff); margin-top: 20px; margin-left: 30px;  }
.navTxt ul li a{ color: #000000; font-family: Arial; line-height: 40px; padding:0px 60px; font-weight: bold;}
.navTxt ul li a:hover{ color: #f4ba01;}
.navHead .logo a{  line-height: 0px; }
.navTxt{ float: left; }
.banner img{ margin-top: -50px;}
.bannerPc{ display: block; height: 320px;}
.bannerPh{ display: none;}
.whyChoose{ width: 238px; height: 40px; background:#ffbe05; border-radius:20px; text-align: center; line-height: 40px;color: #212121; font-weight: 600; font-size: 18px; margin: 0 auto; margin-bottom: 30px; }
.chooseUs{ background:#212121; padding-top: 20px; }
.chooseContent{padding-bottom: 28px; margin-left: 30px;   }
.chooseContent li{ margin-left:70px; }
.title{ width: 260px; height: 40px; background:linear-gradient(to top, #e5f6ff , #ffffff); text-align: center; line-height: 40px; border: 1px solid #000000; margin: 0 auto; font-size: 18px;  }
.keyWords{ color: #ffffff;}
.detailContent{ padding: 0px 80px;}
.keyWords{ border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin:15px 0px; padding: 5px 0px;}
.detailImg p{ width: 250px; height: 250px; display: block; float: left;margin-bottom: 10px;    }
.detailImg p:nth-child(2){ margin:0px 25px;   }
.detailImg p:nth-child(5){margin:0px 25px; }
.detailImg p img{ width: 100%;}
.chooseTwo{ margin-top:35px; }
.chooseTwo ul li{ margin-left: 5px;}
.chooseTwo ul li div:nth-child(1){  width: 45px; float: left; color: #ffffff;   }
.chooseTwo ul li div b{ border-bottom: 1px solid #ffffff;}
.chooseTwo ul li div:nth-child(2){ width: 203px; float: left;  color: #ffffff; margin-left: 5px;  }
.chooseTwo ul li:nth-child(3) div:nth-child(2){ width: 130px;}
.buyLink{ color: #ffffff; margin-top: 20px;}
.buyTxt{ text-align: center; margin-bottom: 10px;}
.buyBotton{ width: 230px; height: 35px; background: #fd460a; display: block; color: #ffffff; text-align: center; line-height: 35px; margin: 0 auto; font-size: 18px; font-weight: bold; }
.buyBotton:hover{ background: #ffbe05;}
.description{ padding-top: 45px;}
.descriptContent{margin: 0px 45px;background: #ffffff; padding: 5px; margin-top: 10px;}
.shipping{  padding-top:40px; }
.shippContent{ padding:20px 45px; color: #ffffff; line-height: 25px; }
.yellowFont{ color: #ffbe05;}
.warranty{ padding-top: 40px; background: #1c1c1c;  }
.warantyContent{ padding: 20px 45px; color: #ffffff; line-height: 25px; }
.warantyContent p{ margin-bottom: 15px;}
.feedContent{ padding:20px 50px; }
.feedContent p img{ width: 100%;  }
.tfeedbackdetail table{ width: 100%;  color: #ffffff; border: 1px solid #ffffff; margin-bottom: 10px;}
.tfeedbackdetail tr,td,th{ border: 1px solid #ffffff; text-align: center;}
.faqContent{ height: 1053px; background: url("../images/faq.jpg") no-repeat; padding: 20px;}
.faqContent p{ margin-top: 16px;}
.faqContent .yellowFont{ font-weight: bold;}
.otherTitle{ width: 375px; height:45px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; color: #ffffff; margin: 0 auto; text-align: center; line-height: 45px; font-size: 20px;   }
.otherList{ padding-top:40px;}
.otherList ul li{ width: 220px;height: 280px; margin-left: 15px;   }
.otherList ul li a{ width: 100%; display: block; color: #ffffff; font-size: 12px;}
.otherList ul li a img{ width: 100%;}
@media only screen and (max-width:481px) {
 .wrap{ width: 100%;}
 .banner img{ width: 100%;}
 .navTxt ul{ display: none;}
 .navHead .logo{ float: left; margin: 0px;}
 .bannerPc{   height: auto; }
 .shippContent{ padding: 20px 5px; font-size: 12px; line-height: 20px; }
 .shippContent img{ width: 100%;}
 .feedContent{ padding: 20px 5px; }
 .faqContent p{ margin-top: 5px; }
 .warantyContent{ padding:20px 5px; font-size: 12px; }
 .warantyContent p{ margin-bottom: 5px; }
 .descriptContent{ margin: 0px;}
 .faqContent{ padding: 5px; font-size: 12px; height: 750px;  }
 .tfeedbackdetail table span{ width: 100px; display: block; word-wrap: break-word; }
 .chooseContent{ margin-left: 0px;  }
 .whyChoose{ margin-bottom: 10px; }
 .chooseContent li{ margin-left: 6px;width: 31%; }
 .chooseContent li img{width: 100%; }
 .detailContent{ padding: 0px 5px;   }
 .detailImg p{ width: 176px; height: 176px; float: left; margin-right:10px;  }
 .detailImg p:nth-child(2){ margin: 0px; }
 .detailImg p:nth-child(4){ margin: 0px; margin-bottom: 10px; }
 .detailImg p:nth-child(5){  margin: 0px; margin-right: 10px;  }
 .detailImg p:nth-child(6){ margin-right: 0px;}
 .chooseTwo{ display:none;}
 .otherList ul li{ width: 175px;  margin-left: 8px;  }

}
/*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%;}
}