@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;}
/*banner*/
.headNav{  height: 100px;  position: absolute; display: block; margin-left: 54px; }
.headNav li a{ color: #ffffff;font-weight: 600; }
.headNav li a:hover{ color: #ff0000; }
.headNav .logo{ width: 100px; height: 100px; display: none;  }
.headNav .logo a{ color:#000000; font-weight: 600; text-align: center; line-height: 100px; display: block; width: 100%; height: 100%;}
.headNav .home{ width: 125px; height: 45px; background:linear-gradient( #174f80,#0c1c29); border-radius:10px; text-align: center; line-height: 45px; margin-top: 15px;}
.headNav .contact{ width: 125px; height: 45px;background:linear-gradient( #174f80,#0c1c29); border-radius:10px; text-align: center; line-height: 45px; margin-top: 15px;}
.headNav .promotion{ width: 125px; height: 45px;background:linear-gradient( #174f80,#0c1c29); border-radius:10px; text-align: center; line-height: 45px;margin-top: 15px;}
.banner{ height: 320px; position: relative;}
.bannerPc{ display:block;}
.bannerPh{ display: none;}
/*choose us*/
.chooseUsTitle{ height: 50px; background:linear-gradient( #174f80,#0b1a25); margin-bottom: 8px; }
.chooseUsContent{  background: #1b1e27; height: 200px; width: 100%;  }
.chooseUsContent ul li{ width: 170px; height: 155px; background: #3e4148; margin-left: 28px; margin-right: 48px; margin-top: 22px; box-shadow: 5px 4px 3px #191a1a; padding-top: 15px; font-weight: 600; }
.chooseUsContent ul li img{ margin-bottom:5px;}
.chooseUsContent ul li{ text-align: center; color:#ffffff; font-size: 14px;}
.chooseUsContent ul .liLast{ margin-right: 0px;}
/*product*/
.productImg{ padding-top: 18px; padding-bottom:30px; border-bottom: 10px solid #e8e8e8; margin-bottom: 30px; }
.productLeft{ width: 430px; float: left;}
.productLeft .bigImg{ width: 400px; height: 400px; border: 2px solid #5b606a; box-sizing: border-box; overflow: hidden; }
.productLeft .bigImg img{ width: 100%;}
.productLeft .smallImg{ width: 400px; box-sizing: border-box;}
.productLeft .smallImg a{ width:94px; height: 94px; box-sizing: border-box; display: block; float: left; border:2px solid #5b606a; margin-top:10px; margin-left:5px; }
.productLeft .smallImg a:hover{ border: 1px solid #15456f;}
.productLeft .smallImg a img{ width: 100%;}
.productRight{ float: left; padding-top: 40px; width: 492px;}
.productTitle{ height: 50px; word-wrap: break-word; font-weight: 600; font-size: 16px; margin-bottom: 28px;}
.chooseUsTwo{ width: 100%; }
.chooseUsAd li div span{ display: inline-block; border-left: 7px solid #ff0000; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right:7px solid transparent; }
.chooseUsAd li{ margin-right:30px; margin-bottom: 24px; width: 204px; margin-left: 10px; }
.chooseUsAd li div{ font-size: 16px; font-weight: 600; color: #ff0000; margin-bottom: 8px;}
.chooseUsAd li p{ font-weight: 600;}
.chooseUsLine{ color:#0c1c29; margin-top: 10px; font-weight: 600; margin-bottom: 50px;  }
.buyLink{ font-size: 24px; margin: 0 auto; width: 348px;  }
.buyLink .buyTxt{ margin-bottom: 15px; text-align: center;  }
.buyLink a{ color: #000000; display: block; }
.buyLink .buyNow{ width: 275px; height: 60px; background:linear-gradient( #174f80,#0b1a25); border-radius:10px; color: #ffffff;  text-align: center; line-height: 60px; margin: 0 auto;}
.buyLink:hover .buyTxt{ color:#ff0000; }
/*description*/
.descriptionTitle{ margin-bottom: 25px; }
.descriptionTitleUp{ width: 440px; border-left: 5px solid #164c7b; border-top:5px solid #164c7b;
 border-right:5px solid #164c7b; margin: 0 auto; text-align: center; font-size:40px; font-weight: bold; margin-bottom:14px; box-sizing: border-box; }
.descriptionTitleLine{ height:3px; background: #164c7b; }
.descriptionTitleDown{ width:440px; border-left:5px solid #164c7b; border-right:5px solid #164c7b;
 border-bottom:5px solid #164c7b; height: 40px; box-sizing: border-box; margin: 0 auto; text-align: center; line-height: 35px; color: #5b606a; }
/*description content*/
.shipping{ margin-bottom: 30px;}
.descriptionContent{ width: 860px; border:3px solid #5b606a; margin: 0 auto; box-sizing: border-box;  padding: 0 8px; }
.description{ padding-bottom: 30px;  border-bottom: 10px solid #e8e8e8; margin-bottom: 27px;     }
.shippingContent{ width: 905px; margin: 0 auto;   }
.shippingLeft{ float: left;}
.shippingRight{ float: left; width: 544px; background: #1b1e27; height: 418px; padding:0px 10px; color: #ffffff; padding-top: 17px; font-size: 14px;}
.shippingRight p{  line-height:20px; margin-top: 1px; }
.warranty{ margin-bottom: 30px;}
.warrantyTitle{ margin-bottom: 30px;}
.warrantyTitle .warrantyTitleUp{ width: 440px; height: 45px; box-sizing: border-box; border-top: 6px solid #164c7b; border-left: 6px solid #164c7b;
 border-right: 6px solid #164c7b; margin: 0 auto; text-align: center; line-height: 50px; font-size:35px; font-weight: 600; color: #0c1c29; margin-bottom: 10px; }
.warrantyTitle .warrantyTitleLine{ height: 2px; background: #164c7b; width: 100%; }
.warrantyTitle .warrantyDown{ width: 440px; height: 45px; box-sizing: border-box;  border-left:6px solid #164c7b;
 border-right: 6px solid #164c7b; border-bottom: 6px solid #164c7b; margin: 0 auto; text-align: center; line-height: 40px; }
.warrantyContent{ width: 850px; box-sizing: border-box; border: 3px solid #5b606a; margin: 0 auto; padding:15px 9px; font-size: 14px; line-height: 24px; }
.warrantyContent .warrantyMinTitle{  width: 202px; height: 52px; background: url("../images/warranty_bg.png"); text-align: center; color: #ffffff; font-weight: 600; line-height: 72px; position: relative; left: -28px;margin-bottom: 5px;   }
.feedback{ margin-bottom: 30px;}
.feedbackContent{ width: 840px; border:3px solid #5b606a; padding: 15px 10px; margin: 0 auto;  }
.feedbackContent table, td, th{ border: 1px solid #575757;padding: 10px 58px; }
.feedbackContent table{ margin: 0 auto;}
.feedbackImg{ display: block;}
.feedbackImgPh{ display:none;  }
.faq{ margin-bottom: 50px; }
.faqContent{ width: 905px; margin: 0 auto;}
.faqLeft{ float:left; width:541px; background:#1b1e27; padding:12px; color:#ffffff;font-size: 14px; line-height: 18px; padding-bottom:17px; padding-top: 12px; line-height: 18px; padding-bottom: 5px }
.faqAsk{ font-size: 18px; color: #ffffff;font-size: 16px; display: block; padding-top:6px;  }
.faqAsk span{ display:inline-block; border-left: 10px solid #ffffff; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid transparent; }
.faqRight{ float: left; width: 340px;}
.otherItemTitle{ height:205px; background: #1b1e27; color: #ffffff; font-size: 35px; text-align: center; margin-bottom: 30px; }
.otherItemTitle div{ text-align: center; }
.ItemContent{ width: 100%;}
.ItemContent .otherItemList{ width: 100%; }
.ItemContent .otherItemList li{ width: 210px; height: 295px; margin-left: 14px; margin-right: 14px;  }
.ItemContent .otherItemList li a{ font-size: 12px; color: #000000;}
.ItemContent .otherItemList li .otherProductImg{  width:100%;border:2px solid #5b606a; box-sizing: border-box; display: block;  }
.ItemContent .otherItemList li .otherProductImg img{ width: 100%;}

@media only screen and (max-width: 481px) {
 .wrap{ width: 100%;}
 .headNav{ margin-left: 0px;position: unset; background: #1b1e27; }
 .headNav .home{ width:120px;}
 .headNav .contact{ width:90px;}
 .headNav .promotion{ width:90px;}
 .headNav li a{ font-size: 14px;}
 .banner{ height: auto;}
 .banner img{ width: 100%; }
 /*.bannerPc{ display: none;}*/
 .bannerPh{ display: block;}
 .productRight{ width: 100%;}
 .chooseUsTitle{ margin-bottom: 0px; }
 .chooseUsAd li{ margin-left: 0px; margin-right: 1px; width: 175px; margin-left: 8px;}
 .chooseUsAd li div{ font-size: 14px;}
 .chooseUsAd li p{ font-size: 14px;}
 .chooseUsLine{ display: none;}
 .chooseUsContent ul li{ width:87px; margin-left:5px; margin-right: 0px; font-size: 12px;}
 .chooseUsContent ul li div{ height: 110px;  }
 .chooseUsContent ul li img{ width: 100%;  }
 .chooseBottom img{ width: 100%; }
 .descriptionContent{ width: 100%; }
 .descriptionTitleUp{  width: 100%;  }
 .descriptionTitleDown{ width: 100%;}
 .shippingContent{ width: 100%;}
 .shippingLeft{ float: none; display: none;}
 .shippingRight{ float: none; width: 100%; height: auto; box-sizing: border-box; padding-bottom: 15px;}
 .faqContent{ width: 100%; }
 .faq{ margin-bottom:25px; }
 .faqLeft{ float: none; width: 100%; box-sizing: border-box;}
 .faqRight{ float: none; display: none;}
 .warrantyContent{ width: 100%;}
 .warrantyContent .warrantyMinTitle{ left: -9px; }
 .warrantyTitle .warrantyTitleUp{ width: 100%; }
 .warrantyTitle .warrantyDown{ width: 100%; overflow: hidden;}
 .feedbackContent{ width: 100%; box-sizing: border-box;}
 .feedbackContent table, td, th{ padding: 0px;}
 .feedbackContent table td span{ display: block; width: 110px; word-wrap: break-word;padding: 0px 2px; }
 .productLeft{ width: 100%;}
 .productLeft .bigImg{ width: 100%;box-sizing: border-box; }
 .productLeft .smallImg{ box-sizing: border-box; width: 100%;}
 .productLeft .smallImg a{ width: 88px; height: 88px; margin-left: 4px;}
 .productRight{ padding-top: 35px; }
 .otherItemTitle p{ font-size: 23px;  }
 .ItemContent .otherItemList li{ width: 180px; margin-right:0px; margin-left: 5px; }
 .feedbackImg{ display: none;}
 .feedbackImgPh{ display: block;  }

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