@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{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:white;text-decoration:none;display: block;}a:hover{text-decoration:none;}
i,em{font-style:normal;display: block;}
li{ float:left;}
/* 清浮动*/
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.container{width: 960px;margin: 0 auto;}
.header{background-color: #272727;height: 42px;    padding: 10px;
    box-sizing: border-box;}
.header li{width: 20%;text-align: center;line-height: 23px;}
.pro{color: #fed201;border-bottom: 2px solid #fed201;width: 114px;}
.logo{width: 112px;height: 23px;background-color: #ffffff;color: black;line-height: 23px;display: none;}
.banner{width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.title{display:flex;flex-direction:column;justify-content:space-between;font-size:30px;align-items: center;margin: 30px 0 20px 0;}
.title1{color: white;}
.WHY{width: 100%;padding: 20px;box-sizing: border-box;}
.WHY li {width: 25%;text-align: center;}
.W_content{padding: 24px;box-sizing: border-box;margin-left: 4%;}
.W_content p{width: 53%;}
.product{width: 100%;background:#272727; padding: 20px;box-sizing: border-box;position: relative;}
.p_content{margin-top: 30px;}
.p_left{width: 54%;float: left;display: flex;}
.p_big{width: 74%;height: 372px;overflow: hidden;}
.p_sm{width: 14%;height: 372px;overflow: hidden;margin-left: 10px;}
.p_sm a{margin-right: 14px;float: none;display: block; margin-bottom: 1px;width: 100%;}
.p_sm img{width: 100%;}
.p_big img{width: 100%;}
.p_right{float: right;width: 46%;}
.p_right .p1{font-size: 20px;color: white;margin-bottom: 30px;width: 91%;border: 2px dashed white;box-sizing: border-box;padding: 10px;}
.p_right p{box-sizing: border-box;color: white;width: 80%;display: flex;margin-bottom: 15px;}
.fr{height: 14px;width: 1px;background-color: #ffffff;display: inline-block;margin: 0 10px;}
.buyTxt{font-size: 20px;}
.buyNow{background-color: #fed201;;font-size: 24px;box-sizing: border-box;color: white;width: 50%;
    text-align: center;padding: 15px;margin: 30px 0 10px 19%;}
.desc{width: 100%;padding: 10px;box-sizing: border-box;}
.desc li{float: none;}
.shipping,.Faq{width: 100%;padding: 20px 10px;box-sizing: border-box;background: #272727;}
.s_content,.F_content{width: 100%;color: white;font-size: 14px;}
.s_left{width: 50%;float: left;}
.s_right{width: 49%;float: right;}
table{margin: 15px 0;}
table td,th{border: 1px solid white;}
.s_content p{margin-bottom: 15px;}
.img_p{display: flex;}
em{    display: inherit;}
.NO{width: 36%;color: black;background: #fed201;padding: 10px;box-sizing: border-box;text-align: center;margin-left: 34%;}
.w_content li,.F_content li{width: 31%;}
.w_content span{font-weight: 600;}
.w_content li:nth-child(2){margin: 0 15px;}
.w_content{width: 100%;line-height: 24px;}
.Faq{width: 100%;margin-top: 40px;}
.F_content p{line-height: 28px;font-size: 16px;}
.F_content li{margin-right: 10px;}
.F_content li div{border-bottom: 1px solid white;height:393px;padding-top: 10px;box-sizing: border-box;}
.F_content li .F1{height: 233px;}
.F_content li .F1 img{margin-top: 27px;}
.F_content li div span{text-align: center;font-size: 20px;font-weight: 600;display: block;}
.feedback_content{width: 100%;}
.feedback_content img{width: 100%;border: 10px solid #fed201;box-sizing: border-box;vertical-align: middle; }
.other{background: #272727;padding: 10px;box-sizing: border-box;margin-top: 40px;}
.o_content{width: 100%;margin-left: 12px;}
.o_content li {
    width: 23%;
    box-sizing: border-box;
    margin: 0 15px 15px 0;
}
.o_content li p {
    color: white;
    font-size: 10px;
    width: 104%;
    margin-top: 10px;
}
.o_content li img{width: 100%;}
.footer {width: 100%;margin-top: 40px;}
.footer img{width: 100%;}
@media only screen and (max-width: 768px){
    .container{width: 100%;}
    .header{width: 100%;}
    .o_content{margin: 0;padding-left: 33px;box-sizing: border-box;}
    .o_content li {width: 22%;}
    .F_content p {font-size: 14px;}
    .p_big{height: 270px;overflow: hidden;}
    .p_sm{height: 270px;overflow: hidden;}
}
@media only screen and (max-width: 481px){
    .container{width: 100%;}
    .header{display: none;}
    .title{font-size: 20px;}
    .WHY{display: none;}
    .p_left,.p_right,.s_left,.s_right{float: none;width: 100%;font-size: 12px;}
    .p_left{margin-bottom: 20px;}
    .buyNOW{font-size: 20px;margin: 30px 0 10px 25%;}
    .shipping, .Faq{padding: 10px;}
    li{float: none;}
    .w_content li, .F_content li{width: 100%;padding: 10px;font-size: 12px;box-sizing: border-box;}
    .w_content li:nth-child(2){display: none;}
    .F_content p{font-size: 12px;}
    .F_content li div span{font-size: 16px;}
    .F_content li div{height: 250px;}
    .o_content li{float:left;width: 45%;}
    .p_big{height: 234px;overflow: hidden;}
    .p_sm{height: 234px;overflow: hidden;}
    .p_right .p1{font-size: 16px;}
    .p2,.p3,.p4,.p5,.p6{margin-left: 27px;}
    .o_content{padding-left: 13px;}
    .title2 img{width: 100%;}


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