@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{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;}
.layOut{width: 95%;margin: 0 auto;}
header{height: 60px;padding: 0 40px;box-sizing: border-box;display: flex;background:#028ccc;align-items: center;justify-content: space-around;}
nav{display: flex;align-items: center;width: 60%;
    height: 48px;
    border-radius: 10px;
}
nav a{font-family: ArialMT;
    font-size: 20px;width: 30%;text-align: center;
    font-weight: normal;
    letter-spacing: 0px;
    color: #ffffff;}
nav a:nth-child(2){
    border-right: 1px dashed #fff;
    border-left: 1px dashed #fff;
}
nav a:hover{color: #eb0606;}
.logo{display: none;}
.banner,.banner img{width: 100%;vertical-align: middle;}
.why_title{
    font-family: ArialMT;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;
    color: #028ccc;
}
.why{
    display: flex;justify-content: space-between;align-items: center;background: #028ccc;padding: 10px;box-sizing: border-box;color: white;
}
.w_wrap{display: flex;width: 100%;background: #fff;
    justify-content: space-between;}
.w_wrap li{display: flex;align-items: center;width: 23%;
    justify-content: center;}
.w_wrap li p{
    height: 59px;
    display: flex;font-size: 15px;
    justify-content: center;align-items: center;
    color: #000;text-align: center;margin-left: 5px;
}
.product,.other{background: #028ccc;padding:40px 15px 15px 15px;box-sizing: border-box;}
.title{
    font-family: Arial-BoldMT;
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;
    color: #fff;text-align: center;
    margin: 0 auto 30px auto;
}
.p_wrap{
    display: flex;justify-content: space-between;
}
.p_left{width: 55%;display: flex;background: #000;padding: 15px;box-sizing: border-box;
    justify-content: space-between;}
.p_left .p_big{width:79%;height: 333px;overflow: hidden;}
.p_left .p_big img,.p_left .p_sm a img{width: 100%;box-sizing: border-box;border:2px solid #000;}
.p_left .p_sm {width:19%;height: 333px;overflow-y: scroll;}
.p_left .p_sm a{width: 100%;margin-bottom: -2px;}
.p_right{width: 44%;}
.p_right .p_title{width: 100%;font-weight: 600;margin: 0 auto;color: #fff;
    font-family: ArialMT;}
.p_right_wrap{width: 100%;margin: 0 auto;background: #000;padding: 15px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.p_right_wrap li{box-sizing:border-box;display: flex;align-items: center;flex-direction: column;
    width: 50%;margin-top: 20px;justify-content: center;}
.p_right_wrap li p span{display: block;font-weight: bold;font-family: Arial-BoldMT;color: #fff;font-size: 16px;text-align: center;}
.p_right_wrap li p {font-family: ArialMT;color: #fff;text-align: center;font-size: 14px;}
.buyNow{
    height: 28px;line-height: 28px;text-align: center;
    background-color: #fff;color: #000;width: 40%;margin: 30px auto 0 auto;
    border-radius: 18px;font-size: 20px;font-family: Arial-BoldMT;
}
.buyTxt{
    font-family: ArialMT;margin-top: 20px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 1px;
    color: #fff;text-align: center;
}
.description,.warranty,.feedback {background: #fff;padding: 40px 20px 20px 20px;box-sizing: border-box;}
.description .title,.warranty .title,.feedback .title{color: #000;}
.shipping,.faq{padding: 40px;box-sizing: border-box;background: #028ccc;color: #fff;}
.shipping .top,.shipping .bottom{
    background: #028ccc;
    color: #ffffff;
    font-family: ArialMT;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 15px;box-sizing: border-box;
}
.ship-wrap{position: relative;}
.ship-wrap .img{position: absolute;top:-120px;right:-23px;}
.shipping table{
    width: 80%;margin: 10px auto;
}
.center-bottom{
    margin-top: 20px;
}
.center-top span,.center-bottom span{
    text-align: center;
    font-family: Arial-BoldMT;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;display: block;
    letter-spacing: 1px;
    color: #fff;
}
.center-bottom ul{
    display: flex;
    justify-content: space-between;
    width: 60%;
    margin: 0 auto 20px auto;
}
.center-bottom ul span{
    font-family: Arial-BoldMT;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;
    margin: 15px 0 10px 0;
}
.shipping table td{
    padding: 10px;box-sizing: border-box;
}
.shipping img{margin: 10px auto;display: block;width: 100%;}
.description li{float: none;}
.warranty ul{
    padding: 15px;box-sizing: border-box;
    background: #fff;
    color: #000;
    display: flex;
    justify-content: space-between;
}
.warranty ul span{
    font-family: Arial-BoldMT;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;
    color:#028ccc;
    margin-bottom: 10px;
}
.warranty ul li{width: 47%;}
.warranty ul p{
    font-family: ArialMT;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;
    color: #000;
}
.faq ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.faq li{
    color: #fff;width: 50%;
    padding: 10px 20px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.faq li:nth-child(2n){
    border-right: none;
}
.faq li span{
    text-align: center;display: block;
    font-family: Arial-BoldMT;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;
    color: #fff;
}
.faq li p{
    font-family: ArialMT;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;
    color: #ffffff;
}

.fee-wrap img{width: 100%;}
.other .title{
    width: 81%;
}
.o_content{display: flex;flex-wrap: wrap;}
.o_content li{width: 24%;float: left;margin: 0 11px 10px 0;}
.o_content li img{width: 100%;border: solid 1px #3f3f3f;box-sizing: border-box;}
.o_content li:nth-child(4n){margin-right: 0;}
.o_content li span{
    font-family: ArialMT;
    font-size: 9px;display: block;width: 100%;
    font-weight: normal;padding: 5px;box-sizing: border-box;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #ffffff;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.faq{position: relative;}
.faq .img{position: absolute;top:-43px;right:26px;}
.faq .img img{width: 100%;}
@media only screen and (max-width: 768px) {
    .container{width: 100%;}
    .o_content li{margin: 0 10px 10px 0;}
    .p_right_wrap li{margin-top: 0;}.buyNow{margin: 0 auto;}.p_right_wrap{padding: 10px;}
    .buyNow{width: 50%;}.p_left .p_big{height: 286px;}.p_left .p_sm{height: 279px;}.buyTxt{margin-top: 0;}
    .ship-wrap .img,.faq .img{width: 37%;}.faq .img{right: 48px;}.other .title{width: 100%;}
    .o_content li{margin: 0 9px 10px 0;}
}
@media only screen and (max-width: 481px){
    .container{width: 100%;}.product, .other{padding: 15px;}
    header,.why{display: none;}.description, .warranty, .feedback,.shipping, .faq{padding: 20px;}
    .title{width: 50%;font-size: 20px;line-height: 40px;}
    .p_wrap,.faq ul{display: block;}.shipping .top, .shipping .bottom,.warranty ul,.faq li{padding: 0;}
    .faq li span{font-size: 14px;}.faq li{width: 100%;border: none;}
    .p_left,.p_right{width: 100%;}
    .p_left .p_big,.p_left .p_sm{height: 234px;}.p_right_wrap li p span{font-size: 14px;}
    .shipping table{width: 100%;font-size: 12px;}.faq .img{top:-11px;right: 10px;}
    .center-top span, .center-bottom span,.shipping .top, .shipping .bottom,.warranty ul p,.faq li p,.d-wrap{font-size: 12px;}
    .shipping img{width: 100%;}.faq li p{line-height: 20px;}.p_right .p_title{font-size: 14px;margin: 10px;}
    .warranty ul{display:block;}.warranty ul span{font-size: 14px;}
    .warranty ul li{width: 100%;}.o_content li{width: 47%;}.o_content li:nth-child(2n){margin-right: 0;}

}