@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: #f4f4f4;}
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.logo{  width: 200px; float: left; height: 100%; }
.logo a{ width: 100%; height: 100%; display: block;}
.search{ width: 183px; height: 25px; float: right; border: 1px solid #f6da65; text-align: right; padding-right: 5px; padding-top: 5px; margin-right:10px;  }
.search a{ width: 100%;  display: block; }
.navHead{ height:40px; padding-top: 10px; }
.bannerPc{ display: block;}
.bannerPh{ display: none;}
.chooseContent{ width: 852px; background: #ffffff; margin: 0 auto; }
.chooseContent div{  text-align: center;  }
.chooseContent p{ font-size: 20px;  padding-top: 20px; border-bottom: 2px solid #eed530; width: 375px; text-align: right; margin-left: -52px; font-weight: bold;  }
.chooesUs{ padding-top: 15px;}
.description{ padding-top: 15px;}
.descriptionTitle{ width: 375px;}
.descriptionMain{ background: #ffffff; padding-bottom:45px; }
.descriptMain{ background: #eed530; margin: 25px; box-sizing: border-box; padding: 10px;    }
.descriptionTitle{ width: 375px; font-size: 20px; font-weight: 600; text-align: right; padding-top:15px; border-bottom: 2px solid #eed530;}
.productLeft{ width: 284px; height: 450px; float: left; margin-top: 60px; margin-left: 25px;}
.keyWords{ border-top: 2px dashed #f4d03e; border-bottom: 2px dashed #f4d03e; padding: 5px 0px;  }
.productRight{ width: 575px; height: 450px;margin-top: 60px; float: left; margin-left: 40px; }
.chooseTxt{ width: 283px; height: 320px; background:url("../images/choose_bg.jpg") no-repeat; margin-top:45px;   }
.chooseTxt ul li{ width: 230px; margin: 0 auto; float: none; }
.chooseTxt ul li div{ float: left; color: #ffffff; margin-top: 18px;}
.chooseTxt ul li .chooseTxtIcon{ width: 15%;   }
.chooseTxt ul li .chooseTxtDetail{ width: 85%;}
.bigImg{ width: 450px; height: 450px; float: left; border: 1px solid #f4d03e; box-sizing: border-box; overflow: hidden;}
.bigImg img{ width: 100%;}
.smallImg{ width: 105px; float: left; height: 450px; overflow: hidden;    }
.smallImg a{ display: block; width: 95%; border: 1px solid #f4d03e; margin-left:5px; box-sizing: border-box; margin-top:2px;}
.smallImg a img{ width: 100%;}
.descriptionContent{ padding-bottom:40px; }
.shipping{ background: #ffffff; }
.shippingContent{ height:318px; background: url("../images/shipping_bg.png") no-repeat; margin-top: 40px; padding-top: 200px;  }
.shippingContent .shippingTxt{ width: 95%; background: #000000; margin: 0 auto; color: #ffffff; font-size: 14px; padding: 15px 0px;  }
.shippingTxt .shippingTxtLeft{ width: 50%;float: left; box-sizing: border-box; padding: 0px 15px; line-height: 20px;  }
.shippingTxt .shippingRight{ width: 50%; float: left; box-sizing: border-box; padding: 0px 15px;line-height: 20px;  }
.shippingYellow{  background: #f4d03e; margin-top: 8px;   }
.fontYellow{ color: #f4d03e; }
.warrantyContent{  width: 850px; margin: 0 auto; padding-bottom: 70px; }
.warrantyContentLeft{ width: 475px; float: left; line-height: 25px; box-sizing: border-box; padding: 0 8px;   }
.warrantyContentLeft p{ margin-top: 14px; }
.warrantyContentRight{ width: 375px; float: left;  }
.warrantyTitle{  margin-left:-58px; margin-bottom:20px;  }
.faq{ background: #ffffff;  }
.faqBgX{ text-align: center;margin-top:40px;   }
.faqMainContent{ width: 555px; margin: 0 auto; margin-top: 25px; position: relative; margin-top: -120px; padding: 10px; box-sizing: border-box;font-size: 14px;  }
.faqAsk{  border-top: 2px dashed #f4d03e; border-bottom:2px dashed #f4d03e; width: 330px; padding: 5px 0px;  color:#f4d03e;  }
.faqMainContent .faqIcon{   position: absolute; left: 250px; top: -100px;  }
.faqIconBottom{ margin-top: -240px;}
.faqBg{ background: #ffffff; }
.faqMainContent .faqFirst{ background: #ffffff;}
.faq_list_li{ background: #ffffff;}
.feedbackConten{ text-align: center;  }
.feedback{ padding-bottom:40px;}
.feedbackImg{ text-align: center; }
.tfeedbackdetail{ margin-top: 50px;margin-bottom: 10px; padding:0px 20px;}
.tfeedbackdetail table{ width: 100%; border: 1px solid #000000;}
/*.tfeedbackdetail table,tr,td,th{border: 1px solid #000000;text-align: center; }*/
.feedbackImg img{ width: 100%;}
.buyLink{ width: 350px; margin: 0 auto; margin-top: 20px;  }
.buyLink .buyBotton{ width: 250px; height: 50px; background: #eed530; font-size: 20px; margin-top: 10px; font-weight: bold; text-align: center; line-height: 50px;    }

.otherTitle{ font-size: 20px;  }
.otherItem{ padding-top: 60px;  }
.otherItemList{ margin-top:50px;   }
.otherItemList li{ width: 210px; height:300px; margin-left:24px;  }
.otherItemList li img{ width: 100%; border: 1px solid #000000;}
.otherItemList li a{ color: #000; font-size: 12px;}

.descriptionContent  img{width:100%;}
.descriptionContent .content_box_title{font-size:20px;}

@media only screen and (max-width:481px) {
 .wrap{ width: 100%;}
    .chooesUs{ padding-top: 20px; }
    .logo{ margin: 0 auto; float: none;}
    .navHead{ padding-top: 5px;}
  .search{ display: none;}
 .banner img{ width: 100%;}
 .descriptionTitle{ width: 95%; box-sizing: border-box; margin: 0 auto; text-align: left;}
 .chooseContent p{  margin-left: 0px; text-align: left;  width: 95%; margin: 0 auto; margin-bottom: 10px;}
 .bottom img{ width: 100%;}
 .chooseContent{ width: 100%;}
.chooseContent img{ width: 100%;}
 .chooseTxt{ display: none;}
.productLeft{ height: auto; float: none;}
.productRight{ float: none; margin: 0 auto; margin-top: 10px; width: 100%; height: auto;}
.bigImg{ width: 100%;}
.smallImg{ width: 100%; height: auto;}
.smallImg a{ width:88px; height:88px; float: left;  }
    .shippingContent .shippingTxt{ width: 98%; }
.shippingContent{  background: none; margin-top: 0px; padding-top: 0px; height: auto; font-size: 12px;  }
 .warrantyContent{ width: 100%;}
.warrantyContentRight{ display: none; font-size: 12px;}
.warrantyContentLeft{ width: 100%;}
.warrantyContentLeft p{ font-size: 12px;}
.faqIconBottom{ display: none;}
.faqBgX{ display: none;}
.faqIcon{ display: none;}
.faqMainContent{ margin-top: 0px; width: 100%;}
.feedbackImg img{ width: 100%;}
.faqMainContent p{ font-size: 12px;}
.tfeedbackdetail table tr td span{ display: block; width: 100px; word-wrap: break-word;}
    .otherItemList li{ width: 175px; margin-left: 7px;  }
}
/*video*/
.video{width: 960px;margin: 0 auto;}
.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%;}
}
