@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: #ffd042;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: white;background: url("../images/bg.png") repeat-y;}
.header,.product,.description,.feedback,.warranty,.other,.WHY,.shipping,.FAQ{}
.header{width: 100%;padding: 0 30px;height: 60px;line-height: 60px;display: flex;justify-content: space-between;box-sizing: border-box;}
.logo{width: 13%;font-size: 39px;color: #ffd042;}
.nav{width: 80%;display: flex;justify-content: space-around;}
.nav li{width: 21%;text-align: center;}
.nav li a {display: flex;font-size: 21px;align-items: center;}
.nav li a img{vertical-align:middle;margin-top: -4px;}
.search a{border: solid 2px #ffd042;height: 24px;position:relative;margin-top: 16px;background: white;}
.search a i img{position: absolute;top:4px;right:-1px;}
.banner{width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.title {margin:30px 0;background: url("../images/w_tit.png") no-repeat center;text-align: center;color: #ffd042;font-size: 24px;font-family: Impact;letter-spacing: 2px;}
.why_wrap{position:relative;height:200px;margin-top:50px;background: url("../images/W_bg.png") no-repeat;}
.why_wrap .W_content{width: 68%;color: white;position: absolute;top:-26px;left:16%;}
.why_wrap .W_content li{width: 25%;text-align: center;}
.why_wrap .W_content li span{font-size: 14px;display: block;font-weight: 600;color: #ffd042;}
.why_wrap .W_content li p {font-size: 12px}
.product{width: 100%;padding: 40px 0 20px 20px;box-sizing: border-box;display: flex;}
.p_left{width: 50%;}
.p_big{width: 100%;overflow: hidden;height: 470px;}
.p_big img,.p_sm img{vertical-align: middle;width: 100%;border: solid 2px #ffd042;box-sizing: border-box;}
.p_sm{margin-top:10px;width: 100%;display: flex;justify-content: space-between;box-sizing: border-box;overflow: hidden;}
.p_sm a{width: 24%;display: block;margin-right: 4px;}
.buyTxt{background: url("../images/buy_bg.png") no-repeat center; text-align: center;color: #ffd042;
    font-size: 24px;font-family: Arial-BoldMT;background-size: 100% 100%;padding: 15px 0;box-sizing: border-box;}
.p_right{width: 50%;padding: 40px;box-sizing: border-box;}
.p_r_tit{display: flex;margin: 20px 0;}
.p_r_tit span{margin-left: 10px;color: white;font-size: 18px;}
.p_right li {width: 50%;display: flex;text-align: center;margin: 30px 0;color: white;align-items: center;font-family: ArialMT;}
.buyNow div {font-family: MicrosoftYaHei;height: 39px;text-align: center;border-radius: 19px;background-color: #ffd042;
    color: white;line-height: 39px;width: 41%;;margin: 7px 0 20px 30%;;font-size: 18px;}
.p_right li span{margin-left: 12px;}
.p_right li:nth-child(3){margin-left: 40px;width: 49%;}
.p_right li:last-child{width: 40%;}
.description{padding:  0 30px;}
.shipping{padding: 0 40px;box-sizing: border-box;color: white;}
.s_wrap{line-height:24px;background: url("../images/s_bg.png") no-repeat;background-size: 100% 100%;padding: 40px 181px;box-sizing: border-box;}
.s_wrap h4{margin:0 auto;width: 84%;text-align: center;font-style: italic;color: #ffd042;font-size: 20px;font-family: Arial-BoldItalicMT;}
.s_wrap p{margin-top: 15px;}
.s_wrap h5{font-size: 18px;color: #ffd042;}
.s_wrap i{display: inline-block;}
.warranty{padding-left:30px;box-sizing: border-box;color: white;font-family: ArialMT;}
.w_wrap{display: flex;line-height: 24px;}
.w_wrap_left{width: 50%;padding: 0 10px;box-sizing: border-box;}
.w_wrap_right{width: 50%;padding: 0 0 0 10px;box-sizing: border-box;}
.w_wrap_right img{width: 100%;}
.w_wrap_left ul,.w_wrap_right ul{list-style-image: url("../images/p1.png");padding-left: 20px;}
.w_wrap_right_top{padding-right: 10px;box-sizing: border-box;}
.s3 {
    width: 100%;
    background-color: #f3f3f3;
    border-collapse: collapse;
    border-spacing: 0;
    border: 4px solid #f3f3f3;
}
.s3 th, .s3 td {
    border: 4px solid #f3f3f3;
    height: 40px;
    color: black;
    background-color: #fff;
    text-align: left;
    font-weight: normal;
}
.feedback{padding: 0 40px;box-sizing: border-box;}
.fee_content img{width: 100%;margin-bottom: 20px;}
.tit_img{margin-bottom: 20px;width: 100%;}
.FAQ{padding: 0 40px;box-sizing: border-box;color: white;}
.F_wrap{display: flex;line-height: 24px;}
.F_wrap span{color: #ffd042;font-size: 20px;margin: 15px 0;display: block;}
.F_left{padding-right: 10px;box-sizing: border-box;}
.other{padding: 0 10px;box-sizing: border-box;}
.o_content{width: 100%;}
.o_content li{width: 23%;margin: 0 0 10px 15px;}
.o_content li img{width: 100%;border:3px solid #ffd042;box-sizing: border-box;}
.title1{background: url("../images/o_tit.png") no-repeat center;}
.logo{display: none;}
@media only screen  and (max-width: 768px){
  .container{width: 100%;}
    .p_right li:nth-child(3){margin-left: 0;}
    .p_right{padding: 10px;}
    .p_r_tit{margin: 0;}
    .o_content li{margin: 0 0 10px 12px;}
}
@media only screen and (max-width: 481px){
    .container{width: 100%;}
    .header{padding: 0 10px;box-sizing: border-box;height: 50px;line-height: 50px;}
    .nav{width: 100%;}
    .nav .search{display: none;}
    .nav li{width: 33%;}
    .nav li a{font-size: 17px;align-items: center;justify-content: center;}
    .title{font-size: 18px;}
    .W_content li img{width: 91%;}
    .W_content{top: 0;left: 3%;width: 94%;}
    .W_wrap{height: 160px;margin: 0;}
    .W_content li span,.s_wrap h4{font-size: 13px;}
    .product,.w_wrap{display: block;padding: 0 10px;box-sizing: border-box;}
    .p_left,.p_right,.w_wrap_left,.w_wrap_right,.F_left,.F_right{width: 100%;}
    .p_r_tit span{font-size: 14px;}
    .p_right li{font-size: 12px;margin: 10px 0;}
    .buyTxt{font-size: 18px;}
    .shipping,.feedback,.FAQ,.description{padding: 0 10px;box-sizing: border-box;}
    .s_wrap,.w_wrap{font-size: 12px;line-height: 20px;padding: 40px 20px;}
    .w_wrap{padding: 0;}
    .description{font-size: 12px;}
    .warranty{padding-left: 10px;}
    .F_wrap{font-size: 12px;display: block;}
    .F_wrap span{font-size: 16px;    margin: 10px 0;}
    .o_content li{width: 47%;    margin: 0 0 10px 7px;}
}