@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;background: #000;}
header{width: 100%;padding: 0 40px;height: 60px;line-height: 60px;display: flex;justify-content: space-between;
    box-sizing: border-box;}
.logo{font-size: 39px;color: white;display: none;}
.nav{font-size:20px;width:75%;display: flex;margin-left: 100px;}
.nav li{text-align: center;}
.fr{margin: 0 30px;}
.nav .con:hover a{color: #fea206; }
.search{margin-top:12px;width: 22%;border: 1px solid white;border-radius: 5px;height: 26px;}
.search a{display: inline-block;width: 100%;height: 100%;text-align: right;}
.search a img{    margin: 6px 5px 11px 0;}
.banner{width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.WHY,.product,.description,.shipping,.warranty,.FAQ,.feedback,.other{padding: 0 50px;box-sizing: border-box;}
.WHY .W_wrap{height:93px;width: 100%;background: #fea206;color: #000000;}
.W_title{text-align: center;font-size: 21px;margin-bottom: 10px;}
.W_m_wrap{margin: auto;width: 90%;}
.W_m_wrap li{width: 25%;text-align: center;display: flex;align-items: center;justify-content: center;}
.p_wrap{background: #3b3b3b;padding: 20px;box-sizing: border-box;display: flex;
    justify-content: space-between;width: 100%;}
.p_left{width: 53%;display: flex;}
.p_big{width: 80%;background: #fea206;padding: 4px;box-sizing: border-box;height: 324px;overflow: hidden;}
.p_sm{padding:4px;box-sizing: border-box;width: 19%;border-right:1px solid #000;
    background: #fea206;height: 324px;overflow: hidden;}
.p_sm a{margin-bottom: 2px;}
.p_big img{height: 100%;margin-bottom: 6px;}
.p_big img,.p_sm img{width: 100%;}
.p_right{width: 46%;background: url("../images/p_right_bg.png") no-repeat; background-size: 100% 100%;}
.p_right ul{margin: 30px 0 0 14%;}
.p_right li img{vertical-align: middle;}
.p_right li{display: flex;width: 94%;margin: auto;margin-bottom: 6px;}
.p_right li p{margin-left:-1px;font-size:11px;background: black;color: white;height: 45px;width: 70%;
    padding: 10px;box-sizing: border-box;}
.buyTxt{text-align: center;font-size: 15px;color: white;margin-bottom: 15px;}
.buyNow div{background-image: linear-gradient(0deg,
#db8e0d 0%,
#fea206 100%),
linear-gradient(
        #69241e,
        #69241e);
    background-blend-mode: normal,
    normal;
    border-radius: 5px;height: 22px;width: 40%;line-height: 22px;text-align: center;margin: auto;}
.title{padding:10px 0;box-sizing:border-box;margin:20px 0;background: url("../images/title_bg.png") no-repeat center;text-align: center;color: white;font-size: 24px;}
.d_wrap{background:#fea206;padding: 10px 20px;box-sizing: border-box;}
.s_wrap{background: url("../images/shipping_bg.png") no-repeat;height: 400px;position: relative;
    background-size: 100% 100%;line-height: 22px;}
.s_wrap_m1{position: absolute;right: 20px;top:10px;width: 60%;}
.s_wrap_m2{position: absolute;left: 20px;width: 60%;top:150px;}
.s_wrap_m3{position: absolute;width: 94%;left:20px;bottom:10px;}
.warranty .w_wrap{color:white;background: url("../images/warranty_bg.png") no-repeat;height: 645px;
    background-size: 100% 100%;position: relative;line-height: 22px;}
.w_wrap_m1{position: absolute;width: 95%;top:15px;left: 15px;}
.w_wrap_m2{color:black;position: absolute;bottom: 15px;left: 15px;width: 95%;}
.main_wrap{width: 100%;line-height: 22px;}
.main_wrap li:nth-child(odd){width: 100%;padding: 10px;background: #fea206;color: black;box-sizing: border-box;}
.main_wrap li:nth-child(even){width: 100%;padding: 10px;background: #684201;color: white;box-sizing: border-box;}
.main_wrap h1{text-align: center;font-size: 18px;margin-bottom: 10px;}
.f_wrap img{width: 100%;}
.title1{background: url("../images/other_tit.png") no-repeat center;background-size: 100% 100%;}
.o_wrap{background: #9d6404;color: white;display: flex;flex-wrap: wrap;padding: 15px;
    box-sizing: border-box;border: solid 2px #fea206;padding-left: 24px;}
.o_wrap li{width: 23%;margin: 0 16px 10px 0;}
.o_wrap li img{width: 100%;}
.o_wrap li p{font-size: 11px;}
.other{padding-bottom: 50px;}
.o_wrap li span{font-size: 12px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
@media only screen and (max-width: 768px){
    .container{width: 100%;}
    .WHY, .product, .description, .shipping, .warranty, .FAQ, .feedback, .other{padding: 0 20px;}
    .W_m_wrap{width: 86%;}
    .p_sm{width: 23%;}
    .s_wrap{line-height: 18px;}
    .s_wrap_m3{bottom: 28px;}
    .w_wrap{line-height: 19px;}
    .title1{font-size: 20px;}
    .o_wrap li{width: 47%;margin: 0 20px 10px 0;}
    .other{padding-bottom: 60px;}
}
@media only screen and (max-width: 375px){
    .container{width: 100%;}
    .logo{display: none;}
    header{padding: 0 20px;}
    .nav{margin-left: 0;font-size: 16px;}
    .fr{margin: 0 10px;}
    .search{height: 18px;margin-top: 20px;}
    .search a img{margin: 0 2px 19px 0;}
    .WHY, .product, .description, .shipping, .warranty, .FAQ, .feedback, .other{padding: 0 10px;}
    .W_m_wrap{font-size: 12px;width: 80%;display: flex;flex-wrap: wrap;}
    .W_m_wrap li{width: 50%;}
    .W_wrap{height: 133px;}
    .p_wrap{display: block;}
    .p_left,.p_right{width: 100%;}
    .p_big{height: 247px;}
    .p_sm{height: 247px;}
    .d_wrap{font-size: 12px;}
    .title{font-size: 20px;}
    .s_wrap{font-size: 12px;position: static;background: none;color: white;height: 284px;}
    .s_wrap_m1,.s_wrap_m2,.s_wrap_m3{position: static;width: 100%;}
    .w_wrap{font-size: 12px;line-height: 14px;}
    .w_wrap_m1{width: 97%;top:10px;left: 10px;}
    .main_wrap h1{font-size: 14px;}
    .main_wrap{line-height: 18px;font-size: 12px;}
    .title1{font-size: 16px;}
    .o_wrap{padding: 10px;}
    .o_wrap li{width:46%;margin: 0 13px 10px 0;}
    .other{padding-bottom: 60px;}
    .o_wrap li p{font-size: 9px;}
    .W_m_wrap img{width: 80%;}
}