@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: #101010;}
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.navHead{ height: 54px; background: #101010; }
.navLink li a{ color:#ffffff; font-weight: bold; }
.navLink li a:hover{ color:#d42c37;}
.logo{ float:left; width: 309px; height: 54px; }
.banner{ height: 320px;}
.navLink li{ padding: 0px 40px; line-height:50px;}
.chooseUs{ height: 100px; background: #252525; color: #ffffff; }
.chooseUsTitle{ width: 230px; float: left; line-height:100px; font-size: 17px; border-right: 1px solid #000000;   }
.chooseUs ul{ padding-top: 8px;}
.chooseUs ul li{ padding: 0px 15px; text-align: center; line-height: 25px; }
.productDisplayContent{ padding-top:58px; }
.displayLeft{ width: 400px; height: 500px; margin-left: 25px; float: left;}
.displayLeft .bigImg{ width:400px; height: 400px; overflow: hidden;}
.displayLeft .bigImg img{ width: 100%;}
.displayLeft .smallImg{ width:100%; height: 100px; overflow: hidden;  }
.displayLeft .smallImg a { width: 90px; height: 90px; display: block; float: left; border: 1px solid #5b606a; margin-left:6px; margin-top: 5px;}
.displayLeft .smallImg a img{ width: 100%;}
.displayRight{ width: 500px; height: 500px;  float: left; margin-left: 15px; box-sizing: border-box; border: 2px solid #ffffff; }
.keyWords{ color: #ffffff; padding: 18px 10px;}
.chooseNum{ width: 60px; height: 65px; background: url("../images/choose_icon.png") no-repeat; font-size: 40px; font-family: Arial; color: #ffffff; font-weight: bold; text-align: center; line-height:55px; margin-left:15px;  }
.chooseRight ul li div{ float: left;}
.chooseRight ul li{ margin-top:35px; font-size: 12px; width: 245px;}
.chooseNumTxt{ color: #ffffff;padding-top:30px; margin-left: 5px;  }
.chooseRed{ color:#d42c37;   }
.descriptionContent{ padding: 15px;padding-bottom:50px;}

/*buy it link*/
.buyLink{ margin-top:60px;}
.buyTxt{ color: #ffffff; display: block; font-size: 16px; margin-left: 15px; margin-bottom: 10px;}
.buyButton p{ width: 260px; height: 60px; background:#d42c37;  color: #ffffff; font-family: Arial; font-weight: bold; font-size: 35px; text-align: center; line-height: 50px; margin-left: 15px;   }
.description{ padding-top:90px; text-align: left; color: rgb(0, 0, 0); }
.descriptionTitle{ width: 415px; height: 85px;  background: linear-gradient(to right,#d42c37 ,#171616); font-size: 45px; color: #ffffff; text-align: center; line-height: 85px; margin: 0 auto; margin-bottom: 50px; }
.descriptionTxt{ padding: 5px; background: #ffffff; text-align: left; }
.descriptionTxt .wrap{     background: #ffffff; width:100%;}
.descriptionContent .descriptionTxt table, th, tr, td{ color: #000000; border: 1px solid #000000;  }
.shipping{ padding-bottom: 50px; text-align: left; }
.shippingContent{ padding: 15px; }
.shippingLine{ height: 6px; width: 100% ; background: linear-gradient(to right,#d42c37 ,#171616);  }
.shippingContentMain{ padding-bottom:45px; }

.shippingContentMain p{ color: #ffffff; margin-bottom: 5px; margin-top: 5px;   }
.shippingContentMain div{ text-align: center;}
.shippingContentMain h1{ text-align: center; color: #ffffff; margin-bottom: 15px; }
.shippingRateL{ width: 50%; float: left; box-sizing: border-box; padding: 0px 25px; margin-top: 25px;}
.shippingRateL p{ text-align: left;margin-top: 10px;  }
.shippingRateL div{ color: #d42c37; margin-bottom: 10px; font-size:20px; }
.warranty{  padding-bottom:60px; text-align: left; }
.warrantyLeft{ float: left; width: 40%; box-sizing: border-box; padding-top:0px; padding-left: 10px; }
.warrantyRight{ float: left; box-sizing: border-box; width: 60%; color: #ffffff; font-size: 15px;padding: 0px 10px; }
.redTxt{ color:#d12c36; }
.feedback{  padding-bottom:60px;}
.feedbackContent{ padding: 20px;}
.feedbackContent table{ width: 100%; margin-bottom: 15px; text-align: center;  }
.faq{ padding-bottom: 45px; text-align: left;}
.faqContent{ padding:0px 20px; color: #ffffff;}
.faqContent p{ margin-top: 12px;}
.faqContent .faqAsk{ color:#cf2c36; border-left: 3px solid #cf2c36; padding-left: 10px;  }
.otherItemTitle{  width: 100%; font-size: 30px;}
.otherTtemContent{  padding:20px;}
.otherItemList li{ width: 200px; height: 275px; border:8px solid; border-image: linear-gradient( to right,#d42c37, #121011) 30 30;   margin-left: 11px; margin-bottom: 28px;   }
.otherItemList li a{ color: #ffffff; font-size: 12px;}
.otherItemList li img{ width: 100%;  }
@media only screen and (max-width:481px) {
.wrap{ width: 100%;}
.banner{  height: auto;}
.banner img{ width: 100%; }
.chooseUsTitle{ display: none; }
.shippingContentMain{ font-size: 12px;}
.shippingContentMain .shippingIconImg img{ width: 100%;}
.displayLeft{ width: 100%; margin-left: 0px; float: none; height: auto; }
.displayLeft .bigImg{ width: 100%;}
.displayRight{  float: none; margin-left: 0px; width: 100%; display: none; }
.displayLeft .smallImg{ height: auto;}
    .description{ padding-top: 40px;}
.descriptionTitle{ width: 100%;}
.warrantyLeft{ display: none;}
.warrantyRight{ width: 100%;}
.feedbackContent table tr td span{ width:100px; display: block; font-size: 12px; word-wrap: break-word; }
.otherTtemContent{ padding: 0px;}
.otherItemTitle{font-size: 12px; font-weight: bold;   }
.otherItemList li{ width: 165px; margin-left: 5px;  }
 .faqContent{ font-size: 12px;}
.navLink li{ padding: 0px 20px; }
.displayLeft .smallImg a{ width: 85px; height: 85px;   }

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