* {margin: 0;padding: 0;}
li {list-style: none;}
a{color:black;text-decoration:none;}a:hover{text-decoration:none;}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.container {width: 960px;margin: 0 auto;}
.header{padding: 10px;width: 100%;height:60px;background-color: #000000;
    opacity: 0.7; box-sizing: border-box;}
.header ul{display: flex;align-items: center;justify-content:space-around;}
.header ul li {width:24%;background: url("../images/header_icon1.png") no-repeat;
    color: white;font-size: 20px;text-align: center;background-size: cover;height:40px;line-height: 35px;}
.header ul li:nth-child(3){background: url("../images/header_icon2.png") no-repeat;}
.banner {margin-top: -60px;}
.banner img {width: 100%;vertical-align: middle;}
.WHY{width: 100%;height: 100px;}
.WHY ul{width: 100%;display: flex;height: 100%;}
.WHY ul li{font-size:18px;padding:10px;box-sizing:border-box;width: 20%;background-color: #171717;color: white;text-align: center;height: 100%;line-height: 20px;}
.WHY ul li:nth-child(2n){background-color: #ffc000;}
.WHY ul li i {background: url("../images/css_sprites.png") no-repeat;display:block;margin-left: 60px;}
.WHY ul li:first-child i{ width: 34px; height: 29px;background-position: -177px -10px;}
.WHY ul li:nth-child(2) i{width: 60px; height: 44px;background-position: -97px -10px;}
.WHY ul li:nth-child(3) i{width: 53px; height: 51px;background-position: -10px -77px;}
.WHY ul li:nth-child(4) i{ width: 43px; height: 49px;background-position:  -97px -74px;}
.WHY ul li:nth-child(5) i{ width: 67px; height: 47px;background-position: -10px -10px;}
.product {width: 100%;margin-top: 40px;padding: 10px;box-sizing: border-box;overflow: hidden;}
.title{margin:30px 0 30px 0;background: url("../images/title_bg.jpg") no-repeat center;text-align: center;font-size: 20px;}
.p_left{width: 42%;float: left;}
.product .p_left .p_big {overflow:hidden;width: 390px;height: 390px;background-color: #171717;}
.product .p_left .p_big img {box-sizing:border-box;width: 100%;border: 2px solid #171717;vertical-align: middle;margin: 14px 0 10px 10px;}
.product .p_left .p_small {display:flex;width: 100%;margin: 26px 0 0 10px;justify-content: space-around;}
.product .p_left .p_small a{width: 20%;display: block;}
.product .p_left .p_small a img{width: 100%;border: 1px solid #171717;}
.p_right{width: 55%;float: right;padding: 10px;box-sizing: border-box;}
.product .p_right p:first-child{font-size:20px;color: #171717; }
.product .p_right ul {margin-top: 30px;flex-wrap:wrap;display:flex;justify-content:space-around;background: url("../images/product_bg.png") no-repeat left top/cover;padding: 20px 10px;box-sizing: border-box;}
.product .p_right ul li{margin-bottom:10px;width: 47%;color: white;display:flex;flex-direction:column;box-sizing: border-box;}
.product .p_right ul li em{font-size: 14px;display: block;font-style: normal;}
.product .p_right ul li span{color: #ffc000;}
.product .p_right ul li i{background: url("../images/css_sprites.png") no-repeat; display: inline-block;}
.product .p_right ul li p{    margin-top: -27px;margin-left: 39px;}
.product .p_right ul li:first-child i{width: 27px; height: 28px;background-position: -10px -148px;}
.product .p_right ul li:nth-child(2) i{width: 26px; height: 28px;background-position: -103px -148px;}
.product .p_right ul li:nth-child(3) i{width: 26px; height: 29px;background-position: -10px -196px;}
.product .p_right ul li:nth-child(4) i{ width: 26px; height: 29px;background-position: -231px -108px;}
.product .p_right .buyTxt p{color: #ffc000;font-size: 26px;margin: 30px 20px;}
.product .p_right .buyNow div{    width: 50%;margin-left:100px;background-color: #ffc000;font-size: 20px;padding: 10px 20px;text-align: center;color: white;}
.desc{width: 100%;padding: 20px;overflow: hidden;box-sizing: border-box;}
.d_left{width: 46%;float: left;}
.d_right{width: 52%;float: right;}
.desc img {margin: 20px 80px;}
.d_left span{font-weight: 600;}
.shipping{width: 100%;}
table tr,th{border: 4px solid #f3f3f3;height: 40px;background-color: #fff; text-align: left;font-weight: normal;}
.s_content{width: 100%;padding: 10px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.s_content li{width: 460px;padding: 20px;box-sizing: border-box;line-height: 22px;}
.s_content li:first-child,
.s_content li:nth-child(4){border: solid 4px #ffc000;box-sizing: border-box; }
.s_content li:nth-child(3){padding:20px 20px 0 0;}
.s_content li .ship_pro {width: 100%;}
.s_content li i{margin-right: 10px;}
.warranty{line-height:22px;width: 100%;padding: 10px;box-sizing: border-box;overflow: hidden;margin-top: 40px; }
.w_left{width: 48%;float: left;}
.w_left span{font-weight: 600;display: block;}
.container .warranty .w_left p i img{margin: 10px 0 20px 0;}
.w_right{width: 48%;float: right;}
.container .warranty .w_right i{margin-right: 10px;}
.FAQ{width: 100%;}
.F_content{padding:10px;box-sizing: border-box;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.F_content li{padding:10px;height:360px;line-height:22px;box-sizing:border-box;width:33.3%;border-bottom: 12px solid #ffc000; border-right: 12px solid #ffc000; }
.F_content li span{margin:0 0 20px 20px;display: block;font-size: 18px;font-weight: 600;}
.F_content li img {width: 100%;}
.FEE{width: 100%;padding: 10px;box-sizing: border-box;}
.FEE img{width: 100%;border: 3px dashed black;}
.other{width: 100%;padding: 10px;box-sizing: border-box;}
.other .o_content{flex-wrap:wrap;width: 100%;display: flex;justify-content: space-around;}
.other .o_content li{width: 23%;margin:0 10px 20px 0;float: left;}
.other .o_content li img{width: 100%;border: solid 4px #000000;box-sizing: border-box;}
.other .o_content li p{padding: 10px;background:black;color: white; }
.o_title{margin:30px 0 30px 0;background: url("../images/other_title.png") no-repeat center;text-align: center;font-size: 20px;}

.desc li{float:none;}
.desc ul{list-style:inherit;}
.desc ul li{ list-style:inherit;
    margin-left:35px; }




@media only screen and (max-width:768px){
   .container{width: 100%;}
    .container .header{width: 100%;}
    .container .header ul li{width: 31%;height: 31px;line-height: 34px;font-size: 16px;}
    .container .header ul li:first-child{display: none;}
    .container .WHY ul li{font-size: 16px;}
    .container .WHY ul li i{margin-left: 44px;}
    .container .product .p_left .p_big{width: 300px;height: 300px;}
    .container .product .p_right .if{font-size: 20px;}
    .container .product .p_right .buy_btn{margin-left: 120px;}
    .container .shipping .s_content li {width: 373px;}
    .container .FAQ .F_content li{line-height: 17px;}
}
@media only screen and (max-width:481px) {
    .container{width: 100%;}
    .container .header{width: 100%;}
    .container .header ul li, .container .header ul li:nth-child(3) {background: none;}
    .container .WHY{display: none;}
    .container .product{margin: 0;}
    .container .product .p_left .p_small{margin: 26px 0 0 4px;}
    .p_left,.p_right,.d_right,.d_left,.w_right,.w_left{float: none;width: 100%;}
    .container .product .p_left .p_big{margin-left: 28px;}
    .container .product .p_right p:first-child{font-size: 14px;}
    .container .product .p_right .if{font-size: 17px;}
    .container .product .p_right .buy_btn{margin-left: 87px;}
    .desc,.s_content,.warranty,.FAQ{font-size: 12px;line-height: 22px;}
    .container .desc img{display: none;}
    .container .shipping .s_content li:nth-child(3){padding: 0;}
    .container .FAQ .F_content li{width: 50%;line-height: 16px;}
    .container .FAQ .F_content li span{font-size: 14px;margin: 0;}
    .container .other .o_content li{width: 47%;font-size: 12px;}

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