@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: black;}
.container{width: 960px;margin: auto;}
header{height: 60px;display: flex;
    align-items: center;padding: 0 30px;box-sizing: border-box;}
.nav{width: 60%;margin-left: 5%;}
.logo{font-size: 40px;}
.nav li{width: 26%;text-align: center;font-size: 20px;padding: 10px 0;box-sizing: border-box;}
.search{ border: 1px solid white;width: 15%;height: 26px;line-height: 26px;text-align: right;border-radius: 8px;}
.search img{width: 15%;padding: 5px 5px 5px 0;box-sizing: border-box;}
.banner{width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.WHY{width: 100%;color: white;padding: 0 50px;box-sizing: border-box;margin-bottom: 40px;}
.W_wrapper{background: #814f1f;padding: 15px 0;}
.W_title{text-align: center;font-size: 22px;}
.W_wrap{display: flex;justify-content: space-around;margin-top: 20px;}
.W_wrap li{align-items: center;width: 19%;border: 1px solid white;display: flex;    text-align: center;
    height: 70px;padding: 5px;box-sizing: border-box;justify-content: center;}
.W_wrap li span{margin-left: 5px;}
.fr{background-color: #ffffff;width: 1px;height: 42px;margin: 0 10px;}
.product{padding: 20px 50px;box-sizing: border-box;    margin-bottom: 30px;}
.p_wrap{display: flex;margin-top: 30px;background:url("../images/product_bg.png") no-repeat;background-size:100% 100%;padding: 30px;box-sizing: border-box;}
.p_left{width: 60%;display: flex;justify-content: space-between;background: #814f1f;padding: 15px;box-sizing: border-box;}
.p_big{width: 80%;height: 360px;overflow: hidden;}
.p_big img,.p_sm img{width: 100%;border: 1px solid #a4570e;vertical-align: middle;box-sizing: border-box;box-shadow: 0px 3px 7px 0px
rgba(0, 0, 0, 0.35);}
.p_sm{height:360px;overflow: hidden;width: 19%;display: flex;flex-direction: column;justify-content: space-between;}
.p_sm a{margin-bottom: 5px;display: block;}
.p_right{width: 40%;padding-left: 15px;box-sizing: border-box;color: white;}
.p_right ul{padding: 20px;box-sizing: border-box;}
.p_right li{font-size:13px;display: flex;background: black; padding: 8px 14%;box-sizing:border-box;width: 100%;margin-bottom: 10px;}
.p_right li p{padding: 5px 0 0 10px;box-sizing: border-box;font-size: 14px;color: white;}
.p_title{color: black;}
.p_right li:last-child{border-bottom: none;}
.buyNow div{color: white;background-image: linear-gradient(0deg,
#000000 0%,
#6b6565 100%),
linear-gradient(
        #69241e,
        #69241e);
    background-blend-mode: normal,
    normal;font-size: 17px;
    width: 56%;height: 31px;line-height: 31px;text-align: center;margin: auto;border-radius: 5px;}
.title{font-size: 30px;font-family: Arial-BoldMT;background: #814f1f;color: white;
    padding:10px;box-sizing:border-box;font-weight: 700;display: flex;
    justify-content: center;align-items: center;width: 29%;margin: auto;}
.buyTxt{font-size: 19px;font-family: MicrosoftYaHei-Bold;color: black;text-align: center;margin-bottom: 15px;}
.description{padding: 0 50px;box-sizing: border-box;margin-bottom: 30px;}
.description li{float: none;}
.shipping,.warranty,.FAQ,.feedback,.other{padding: 0 50px;box-sizing: border-box;color: white;margin-bottom: 30px;}
.d_wrapper{border:1px solid white;border-radius: 5px;background: #a4570e;padding: 10px;margin-top: 30px;}
.d_wrap{background: white;padding: 20px;box-sizing: border-box;box-shadow: inset 0px 1px 7px 0px
rgba(0, 0, 0, 0.35);}
.s_wrap{margin-top: 30px;position: relative;line-height: 22px;}
.s_img{padding: 20px;box-sizing: border-box;position: absolute;top:70px;display: flex;}
.s_img img{flex:1;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.39);}
.s_img img:nth-child(2){margin:  0 15px;}
.s_wrap_top{background: #a4570e;padding: 20px;box-sizing: border-box;}
.s_wrap_bottom{background: #814f1f;padding: 76px 20px 20px 20px;box-sizing: border-box;}
.w_wrap,.F_wrap{background: #a4570e;margin-top: 30px;padding: 20px;box-sizing: border-box;line-height: 22px;}
.w_wrap_top div,.w_wrap_bottom div{display: flex;}
.w_wrap_bottom div p{padding: 10px;box-sizing: border-box;}
.F_wrap{background: #814f1f;}
.F_wrap li{background: #a4570e;border: 1px solid white;padding: 15px;box-sizing: border-box;width: 78%;margin-bottom: 10px;}
.F_wrap li h4{text-align: center;font-size: 18px;}
.F_wrap li:nth-child(even){float: right;}
.fee_img{margin-top: 30px;}
.fee_img img{width: 100%;}
.title1{width: 85%;font-size: 22px;}
.o_wrap {padding: 20px 10px;box-sizing: border-box;background: url("../images/other_bg.png") no-repeat;background-size: 100% 100%;}
.o_wrap li {width: 23%;margin: 5px 0 10px 13px;}
.o_wrapper{background: #a4570e; padding: 20px;box-sizing: border-box;margin-top: 30px;}
.o_wrap li img{width: 100%;vertical-align: middle;border: 2px solid #ff6b04}
.o_wrap li span {height:54px;overflow:hidden;border-right:1px solid white;margin-top:10px;color: white;line-height: 15px;font-size: 12px;}
.o_wrap li:nth-child(4n) p{border: none;}
.other{padding-bottom: 100px;}
.nav li:hover{background: url("../images/header_bg.png") no-repeat;background-size: 100% 100%;}

@media only screen and (max-width:768px ) {
    .container{width: 100%;}
    .title{width: 42%;}
    .p_big,.p_sm{height: 268px;}
    .p_right ul{padding: 0;}
    .p_right li{padding: 8px 8%;}
    .buyLink{font-size: 16px;}
    .s_img img{width: 30%;}
    .title1{font-size: 18px;width: 88%;}
    .o_wrap li{width: 22%;}
}
@media only screen and (max-width:481px ){
    .container{width: 100%;}
    .logo,.s_img,.w_wrap img{display: none;}
    header{padding: 0 10px;flex-wrap: wrap;height: 78px;}
    .nav{margin-left: 0;width: 100%;}
    .search{width: 60%;margin: auto;margin-top: 20px;}
    .nav li{width: 33%;}
    .search img{width: 11%;}
    .WHY,.product,.description, .shipping, .warranty, .FAQ, .feedback, .other{padding: 0 10px;}
    .W_wrap{flex-wrap: wrap;justify-content: center;}
    .W_wrap li{width: 36%;font-size: 12px;}
    .title{font-size: 20px;width: 50%;}
    .p_wrap{display: block;}
    .p_left,.p_right{width: 100%;}
    .p_big,.p_sm{height: 212px;}
    .p_right{padding: 0;margin-top: 20px;}
    .d_wrap,.s_wrap,.w_wrap,.F_wrap{font-size: 12px;}
    .s_wrap_bottom{padding-top: 15px;}
    .F_wrap li h4{font-size: 16px;}
    .F_wrap li{width: 94%;}
    .title1{font-size: 17px;width: 80%;text-align: center;}
    .o_wrapper{padding: 10px;}
    .o_wrap li{margin: 5px 0 10px 8px;width: 47%;}
    .o_wrap li p{border: none;}

}