@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:black;text-decoration:none;display: block;}a:hover{text-decoration:none;}
i,em{font-style:normal;display: block;}
.other li{ float:left;}
/* 清浮动*/
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.wrap{width: 960px;margin: 0 auto;}
.header{    align-items: center;height: 60px;width: 100%;display: flex;
    padding: 0 30px;box-sizing: border-box;}
.header-logo{font-size:35px;color: #6c7a5b; font-family: ArialMT;}
.header-nav{width: 48%;margin-left: 10%;}
.header-nav li{width: 29%;margin-right: 4%;}
.header-nav li:first-child p{color: #6c7a5b;}
.header-nav li a{width:100%;display: flex;align-items: center;}
.search{border: 2px solid #6c7a5b;height: 36px;width: 22%;position: relative;}
.search img{position: absolute;right: -40px;top:-2px;}
.banner{width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.title{background: url("../images/title_bg.png") no-repeat center;padding-top: 20px;font-family: Roboto-BoldCondensed;
    text-align: center;font-size: 28px;margin: 40px 0;background-size: 37%;}
.W_content{display: flex;align-items: center;justify-content: center;}
.W_content li{margin-right: 50px;flex: 1;color: #6c7a5b;}
.W_content li span{display: block;}
.W_content{padding: 0 40px 0 90px;box-sizing: border-box;}
.W_content li i{text-align: center;}
.W_content span{font-size: 16px;font-weight: 600;}
.W_content p{font-size: 12px;text-align:center;margin-top: 7px;}
.product{background: #f6f6f6;}
.p_title img{margin-right: 8px;}
.p_content {padding: 10px 20px;box-sizing: border-box;display: flex;}
.p_left{width: 63%;display: flex;justify-content: space-between;}
.p_big{width: 80%;height: 450px;overflow: hidden;}
.p_big img,.p_sm img{border: 2px solid #99a66d;box-sizing: border-box;vertical-align: middle;width: 100%;}
.p_sm{width: 19%;display: flex;justify-content: space-between;flex-direction: column;height: 450px;overflow: hidden;}
.p_sm a{margin-bottom: 7px;}
.p_right{width: 40%;padding: 0 15px;box-sizing: border-box;}
.p_title{display: flex;font-size: 22px;}
.p_right ul{padding: 0 50px;box-sizing: border-box;}
.p_right li {width: 100%;display: flex;justify-content: space-between;margin-top: 23px;}
.p_right li p{font-family: ArialMT;width: 84%;line-height: 30px;font-size: 15px;margin: 2px 0 0 10px;}
.p_right li i {width: 16%;height: 37px;}
.p_right li i img{width: 100%;}
.p_right ul{margin-bottom: 40px;}
.buyNow div{background: url("../images/title2_bg.png") no-repeat;width: 54%;font-size: 18px;color: white;
    height: 49px;padding-left:18px;box-sizing:border-box;line-height: 49px;background-size: 100% 100%;margin: 0 auto;}
.buyTxt p{font-size: 22px;font-family: ArialMT;text-align: center;margin-top: 15px;color: #6c7a5b;font-style: italic;}
.d_wrap{width: 100%;padding: 0 70px;box-sizing: border-box;}
.description img{width: 100%;vertical-align: middle;}

.shipping{background: #f6f6f6;width: 100%;padding-top: 1px;}
.s_wrap{display: flex;}
.s_content_top{display: flex;}
.s_content_top_main{padding-left: 20px;box-sizing: border-box;}
.s_content_top_main p{font-size: 14px;margin-bottom: 30px;}
.s1{border-top:1px solid #6c7a5b;border-bottom: 1px solid #6c7a5b;width: 100%;}
.s1 th,.s1 td span{color: #6c7a5b;}
.s1 th,td{text-align: center;padding: 10px 0;}
.s2{width: 100%;}
.s2 th,.s2 td{border: 1px solid #6c7a5b;padding: 10px 0;box-sizing: border-box;text-align: center;}
.s_content-center div{padding: 20px;box-sizing: border-box;}
.s_content-center p{text-align: center;color: #6c7a5b;font-size: 22px;margin-bottom: 20px;}
.s2{width: 100%;}
.s2 th,.s2 td{border: 1px solid #6c7a5b;padding: 10px 0;box-sizing: border-box;text-align: center;}

.s_content_bottom{display: flex;margin-top: 20px;}
.s_right{padding: 0 20px;box-sizing: border-box;}
.s_left p:first-child{text-align: center;font-size: 22px;color: #647135;}
.s_b_img {padding: 0 20px;box-sizing: border-box;margin-top: 20px;}
.s_b_img img{width: 87%;}
.s_left{padding: 0 20px 0 40px;}
.s_left span{text-decoration: underline;color: #647135;text-align: center;margin-top: 20px;display: block;}
.s_right_tit {padding: 5px;box-sizing: border-box;color: white;background-color: #647135;opacity: 0.92;width:40%;display: inline; }
.s_right p{font-size: 14px;margin: 10px 0;line-height: 20px;}

.warr_content{display: flex;}
.w_left{width: 38%;}
.w_left img{width: 100%;}
.w_right{width: 62%;padding: 20px;box-sizing: border-box;}
.w_right span{display: block;color: #647135;font-size: 18px;font-weight: 600;}
.w_right p{margin-bottom: 20px;font-size: 14px;}
.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;
}
.warranty{background: url("../images/warranty_bg.png") no-repeat;padding: 0  50px;box-sizing: border-box;}
.w_wrap{display: flex;box-shadow: 1px 8px 7px 0px
rgba(0, 0, 0, 0.35);border: solid 2px #99a66d;}
.w_wrap p{flex: 1;padding: 20px;box-sizing: border-box;line-height: 23px;font-size: 14px;}

.fee_content{padding: 0 30px;box-sizing: border-box;}
.fee_content div img{width: 100%;}
.F_content{padding:20px;box-sizing: border-box;}
.F_content div{background:url("../images/faq_bg.png") no-repeat;padding: 70px;background-size: 100% 100%;line-height: 22px;}
.F_content span{display: block;color: #647135;font-size: 18px;}
.F_content p{text-align: center;margin-bottom: 20px;}
.other{background: #f6f6f6;}
.o_title{background:url("../images/o_tit.png") no-repeat center;background-size: 60%;}
.o_content{padding: 0 20px;box-sizing: border-box;}
.o_content li{width: 23%;margin-left: 13px;}
.o_content li img{width: 100%; border: 1px solid #647135;}
.s_right_img img{width: 100%;}
.header-logo{display: none;}
@media only screen and (max-width: 768px) {
    .wrap{width: 100%;}
    .header-logo{display: none;}
    .header-nav{margin-left: 0;width: 71%;}
    .p_right ul{padding: 0 20px;}
    .title{font-size: 22px;}
    .buyNow div{width: 69%;line-height: 40px;height: 40px}
    .buyTxt p{font-size: 18px;}
    .p_big,.p_sm{height: 356px;}
    .p_right li{margin-top: 7px;}
    .p_right ul{margin-bottom: 4px;}
    .p_title {font-size: 16px;}

}
@media only screen and (max-width: 481px){
    .wrap{width: 100%;}
    .header{flex-wrap: wrap;height: 100px;}
    .header-logo,.WHY{display: none;}
    .header-nav{width: 100%;}
    .search{width: 52%;margin: 0 auto;margin-left: 19%;}
    .title{background: none;margin: 5px 0;font-size: 20px;}
    .s_img img{display: none;}
    .p_content,.s_content_bottom,.w_wrap{display: block;}
    .p_left,.p_right,.s_left,.s_right{width: 100%;}
    .p_big,.p_sm{height: 268px;}
    .s_left{padding: 0 20px 0 0;    box-sizing: border-box;}
    .buyNow div{width: 57%;}
    .d_wrap{padding: 0 10px;font-size: 12px;}
    .shipping{font-size: 12px;padding: 0 10px;box-sizing: border-box;}
    .s_content_top_main{padding-left: 0;}
    .s_left p:first-child{font-size: 15px;}
    .s_b_img img{width: 58%;}
    .s_right{margin-top: 20px;padding: 0;}
    .s_right p{font-size: 12px;}
    .warranty,.fee_content{padding: 0 10px;}
    .F_content div{background: none;padding: 0;}
    .F_content{padding: 10px;font-size: 12px;}
    .F_content span{font-size: 14px;}
    .o_title{font-size: 20px;}
    .o_content{padding: 0 10px;}
    .o_content li{width: 46%;margin-left: 8px;}
    .w_wrap p{font-size: 12px;}
    .header{padding: 0 10px;}
    .p_right{margin-top: 20px;}
}
