@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:#141717;  }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.navHead{  height: 40px; background: #141717;  }
.navTxt ul li a{  font-family: Arial; color: #fff; line-height: 40px; padding:0px 50px; font-weight: bold; font-size: 18px; display: block; height: 100%; text-align: center; }
.navHead .logo{ float: left; width: 230px; height: 40px; }
.navHead .logo a{   display: block; width: 100%; height: 100%;  display: none; }
.navTxt{ float: right;}
.navTxt ul li a:hover{ color: #000; background:#fff; }
.content{ background: url("../images/bg.png");}
.bannerPc{ display: block; height: 320px;}
.bannerPh{ display: none;}
.chooseUs{ padding-bottom: 28px; border-bottom: 2px solid #f1cb30; }
.chooseTitle{ color: #fff; text-align: center; padding: 10px; font-weight: bold; font-size: 18px; }
.chooseTxt ul li{ color: #fff; width: 190px; text-align: center; margin-left:35px;    }
.chooseTxt ul li:nth-child(3){  margin-left:60px; }
.keyWords{ color: #fff; font-weight: bold; text-align: center; padding:20px 0px; }
.chooseTwo ul li{ width: 198px;  height: 67px; background:url("../images/choose2.png"); text-align: center; line-height: 30px; margin-left:90px; }
.chooseTwo ul li p:nth-child(2){ font-size: 12px;  }
.productImg{ border: 1px solid #fff; margin:0px 90px; padding: 10px; margin-top: 20px; }
.productImg div{ width: 50%; float: left;   }
.productImg div img{ width: 100%; }
.title{  color: #fff; text-align: center; font-size: 24px; padding:25px 0px; font-weight: bold; text-transform:uppercase; }
.description{ padding: 0px 18px; box-sizing: border-box; }
.desContent{ background: #fff; padding: 10px;}
/*.shipLeft{ width: 340px; height: 618px; border: 1px solid #fff; float: left; margin-left: 20px;}*/
/*.shipRight{ width: 560px; height: 618px; border: 1px solid #fff; float: left; margin-left: 13px; color: #fff; box-sizing: border-box; padding: 10px;  }*/
/*.shipRight p{ margin-top: 10px;}*/


.shipping{padding: 0 30px;box-sizing: border-box;}
/*.ship-wrap{*/
        /*background: #e5472e;*/
        /*padding: 20px;*/
        /*box-sizing: border-box;*/
/*}*/
.ship-wrap1{
        background: white;
        padding: 20px;
        box-sizing: border-box;
}
.shipping span{
        font-family: Arial-BoldMT;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 1px;
        color: #000000;
        margin-top: 20px;
}
.shipping p{
        font-family: ArialMT;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 1px;
        color: #000000;
}
.s1,.s2{
        margin: 20px auto;
}
.s1 th, td {
        /*text-align: center;*/
        padding: 10px 20px;
}
.s2 th, .s2 td {
        padding: 10px 20px;
        box-sizing: border-box;
        text-align: center;
        color: #000;
}
.shipping ul{
        margin: 20px auto;
        width: 60%;
        display: flex;
        justify-content: space-between;
}
.shipping ul li{
        text-align: center;
}
.ship-wrap img{
        text-align: center;
        margin-top: 20px;
        width: 100%;
}.s1 th, td, .s2 th, td {
         border: 1px solid #000;
 }

.warrContent{display: flex;justify-content: space-between;}
.warrContent span{
        color: #f1cb30;
}
.warrLeft{ width: 47%;  color: #fff; box-sizing: border-box;padding: 5px; margin-left: 20px;}
.warrRight{ width: 47%; margin-left: 5px; color: #fff; }
.warrRight div{ border: 1px solid #fff;padding: 5px;  }
.warrRight div:nth-child(2){  padding: 0px; margin-top: 5px;}
.faq{ box-sizing: border-box; padding: 20px; color: #fff;}
.faqContent p{ margin-top: 10px;}
.faqContent p b{ color: #f1cb30;   }
.feedContent{ padding: 0px 20px;}
/*.tfeedbackdetail table,tr,th,td{ border: 1px solid #fff; text-align: center; color: #fff;  }*/
/*.tfeedbackdetail table{ width: 100%;}*/
.feedImg img{ width: 100%; }
.otherList ul li{ width: 220px; height: 280px; margin-left:15px;    }
.otherList ul li a{ color: #fff; font-size: 12px;}
.otherList ul li img{ width: 100%;}

.description  img{width:100%;}
.description .content_box_title {font-size:20px;}
.description li{float:none;}

@media only screen and (max-width:481px) {
        .wrap{ width: 100%;}
        .banner img{ width: 100%;}
        .bannerPc{ height: auto;}
        .chooseUs{ display: none;}
        .chooseTwo ul{ display: none; }
        .navTxt{ display: none;}
        .productImg{ margin: 0px;}
        .shipLeft{ display: none;}
        .description{ padding: 0px;}
        .shipRight{ width: 100%; margin-left: 0px; font-size: 12px; height: auto;    }
        .warrLeft{ width: 100%; margin-left: 0px; font-size: 12px; height: auto; }
        .warrRight{ width: 100%; margin-left: 0px; font-size: 12px; height: auto;}
        .warrRight img{ width: 100%;}
        .faq{ padding: 5px; }
        .faqContent{ font-size: 12px;}
        .tfeedbackdetail table span{ width: 100px; word-wrap: break-word; display: block; }
        .otherList ul li{ width: 165px; }

}
/*video*/
.video{width: 960px;margin: 0 auto;margin-bottom: 30px;}
.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%;}
}