@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: #fff; }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei;}
/*head*/
.head{ background: url("../images/nav.jpg"); width: 960px; height:105px; }
.headLeft{ float: left; width: 340px;}
.headRight{ float: left; color: #ffffff;}
.headRight div{  height: 40px; text-align: center; }
.headRight ul{ padding-top: 10px;}
.headRight ul li{ margin-left: 32px; }
.headRight ul li img{vertical-align: middle; }
/*banner*/
.banner{ height: 320px;}
.banner a img{width: 100%;}
.bannerPc{ display: block;}
.bannerPh{ display: none;}
/*nav*/
.nav{ height: 60px; background:#ffd100;  }
.nav ul li{ width: 180px; height:60px; text-align: center; }
.nav ul .search  a:hover{ background: none;}
.nav ul .logo a:hover{ background: none;}
.nav ul li a:hover{ background:#333333; color: #ffd100; }
.nav ul li a{ font-size: 16px; color: #333333; font-weight: 600; line-height: 60px; display: block;width: 100%; }
/*choose us*/
.chooseUs{ margin-top:60px;}
.chooseUs ul li{ margin-top: 10px; margin-bottom: 20px; margin-left:15px;     margin-right: 85px;}
.up div{ text-align: center; }
.up div p{ font-size: 16px;}
.up div .upB{ font-size: 18px; color: #333333; margin-top:10px;  }
/*product images*/
.productImg{ margin-top: 40px;}
.productTitle{ font-size: 22px; border-left:8px solid #ffd100; margin: 18px 0px; padding-left: 10px; }
.productImgContent .bigImg{ width: 600px; height: 600px; border: 1px solid #b3b3b3; float: left; margin-top: 15px; overflow: hidden;}
.productImgContent .smallImg{  float: left; width: 357px; overflow: hidden; }
.productImgContent .smallImg a{ width: 150px; height: 150px;border: 1px solid #b3b3b3; display: inline-block;margin-left: 18px; }
.productImgContent .smallImg img{ width: 100%; height: 100%;  }
.productImgContent .bigImg img{ width: 100%; height: 100%; }
/*description*/
.Description{ margin-top: 45px; margin-bottom: 60px;}
.shippingTxt{ height: 380px; background:url("../images/shippingBg.jpg"); color: #ffffff; padding: 20px;line-height: 26px;margin-bottom: 30px;  }
.shippingTitle{ padding: 35px 0px;}
.warrantyTitle{ padding: 35px 0px; }
.warrantyTxt{line-height: 26px;margin-bottom: 30px; }
.feedbackTitle{ padding: 35px 0px; }
.feedbackTxt{line-height: 26px;margin-bottom: 30px; }
.faqTitle{ padding: 35px 0px; }
.faqTxt{ line-height: 26px;margin-bottom: 30px; }
.faqAsk{ padding-left: 26px; background: url("../images/ask.png") no-repeat; display: block; padding-bottom: 16px; vertical-align: middle; line-height: 40px;}
.faqAnswer{ padding-left: 38px; background: url("../images/answer.png") no-repeat; }
.faqContentTxt li{ width: 50%;box-sizing: border-box; border-bottom: 1px solid #999999; border-right: 1px solid #999999; height: 250px; padding-top: 10px;}
.faqContentTxt .faqAskLast{ border-bottom: none; }
/*other item*/
.otherItemTitle{ margin-bottom: 30px; }

.otherItemList ul li{
   width: 218px;
   height: 320px;
   box-sizing: border-box;
   margin-left: 18px;
}
.otherItemList ul li a{ font-size: 12px;}
.otherItemList ul li img{
 width: 100%;
 border: 2px solid #333333;
}
/*feedback*/
.tfeedbackdetail{ padding:0px 30px 0px 15px;}
.tfeedbackdetail .tfree_tabs tr{ background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC;}
.tfeedbackdetail .tfree_tabs tr .tdheadOne{ width:386px;  }
.tfeedbackdetail .tfree_tabs tr .tdheadTwo{ width:129px;  }
.tfeedbackdetail .tfree_tabs tr .tdheadThree{ width:149px;  }
.tfree_tabs{
 padding:0;border-collapse:collapse;border-spacing:0;width:100%;font-family:Microsoft YaHei;
 border:1px solid #dedede;background:#eee;margin:0 auto;margin-bottom:20px;
}
.tfree_tabs tr th{
 border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999;
 padding:5px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;
}
.tfree_tabs tr td{
 border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;padding:10px 20px;
 line-height:20px;font-size:14px;color:#666;font-weight:normal;text-align:left;
}
.feedbackImg img{ width: 98%;}
.otherContent{ margin-bottom: 30px; }
.faqContentTxt .lastFaq{ height: 350px; }
/* other item*/
.buyLinkImg{ width: 300px; margin: 0 auto; margin-top: 20px;}
.buyLinkImg a{ color: #000000;display: block; }
.buyLinkImg .buyNow{ width: 100%; height: 50px; background: #333333;text-align: center; line-height: 50px; color: #ffd100; font-weight: bold;    }
.descriptionContent ul li{ float:none;list-style: disc;margin-left: 18px;}
@media only screen and (max-width: 481px){
 .wrap{ width: 100%;}
 .banner { width: 100%; height: auto;}
 .banner img{ width: 100%;}
 .head{ height: auto;}
 .bottom{width: 100%; }
 .bottom img{ width: 100%;}
 .shippingImg{ width: 100%;}
 .shippingImg img{ width: 100%;}
 .productImgContent .bigImg{ width: 100%; height: auto;}
 .otherItemTitle img{ width: 100%;}
 .tfree_tabs tr td{ padding: 0px;}
 .nav{ height: auto;}
 .nav ul .search{ display: none;}
 .nav ul .logo{ width: 100%; }
 .nav ul li{ width: 32%;}
 .chooseUs{ margin-top: 20px; }
 .chooseUs ul li{ margin-left: 0px; width: 50%;   }
 .chooseUs ul li img{ width: 100%;}
 .productImgContent .smallImg{ width: 100%;}
 .productImgContent .smallImg a{ width: 110px; height: 100px; margin-left: 4px;}
 .faqContentTxt li{ width: 100%; border-bottom: none; border-right: none; height: auto; }
 .tfree_tabs tr td span{ display: block; width: 100px; word-wrap: break-word;    }
 .otherItemList ul li{ margin-left: 5px; width: 180px; height: 250px;}
 .shippingTxt{ height: 450px; font-size: 12px; line-height: 20px; }
 .descriptionContent{ padding:0px 5px; }
 .warrantyTxt{padding: 0px 5px; }
 .faqTxt{ padding: 0px 5px;}
 /*.bannerPc{ display: none;}*/
 .bannerPh{ display:block;}
 .banner img{width: 100%;}
}
@media only screen and (max-width: 375px){
}
@media only screen and (max-width: 320px){
}
@media (min-width: 481px) and (max-width: 769px){
}
/*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%;}
}