@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: #cf1624;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: #e2e2e2;}
.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: #cf1624;}
.nav{width: 80%;display: flex;justify-content: space-around;}
.nav li{width: 18%;text-align: center;}
.nav li a {display: flex;font-size: 21px;align-items: center;}
.nav li p{margin-left: 5px;}
.nav li a img{vertical-align:middle;margin-top: -4px;}
.nav .search{width: 20%;}
.search a{border: solid 2px #cf1624;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{background: url("../images/title_bg.png") no-repeat center;text-align: center;font-size: 25px;
    height: 40px;line-height: 40px;color: #cf1624;font-family: Roboto-Black;margin: 40px 0;}
.WH_wrap{margin-top:30px;padding: 20px 78px;box-sizing: border-box;display: flex;color: #121212;justify-content: space-between;font-size: 12px;}
.WH_wrap li{width: 25%;height: 150px;text-align: center;font-family: ArialMT;}
.WH_wrap li p{font-size: 18px;}
.WH_wrap li span{color: #cf1624;display: block;}
.product{width: 100%;padding: 20px 0 20px 20px;box-sizing: border-box;display: flex;color: white;
    background: url("../images/product_bg.png") no-repeat;background-size: 100% 100%;}
.p_left{width: 62%;display: flex;justify-content: space-between;}
.p_big{width: 80%;height: 467px;overflow: hidden;}
.p_big img,.p_sm img{vertical-align: middle;width: 100%;border: solid 2px #f56b15;box-sizing: border-box;}
.p_sm{width: 19%;display: flex;flex-direction: column;justify-content: space-between;height: 467px;box-sizing: border-box;overflow: hidden;}
.p_sm a{margin-bottom: 7px;}
.p_right{width: 38%;padding: 25px;box-sizing: border-box;}
.p_r_tit{display: flex;}
.p_r_tit span{margin-left: 10px;}
.p_right li {width: 50%;display: flex;text-align: center;margin: 30px 0;align-items: center;}
.p_right li span{margin-left: 5px;}
.buyNow div {height: 30px;border: solid 1px #ffffff;background-color: #cf1624;border-radius: 10px;box-shadow: 2px 1px 3px 0px
rgba(0, 0, 0, 0.75);	font-size: 18px;font-family: MicrosoftYaHei;
    text-align: center;color: white;line-height: 30px;width: 70%;margin: 30px 0 20px 10%;font-size: 18px;}
.buyTxt{font-size: 22px;text-align: center;font-family: Arial-BoldMT;color: white ;}
.shipping{background: url("../images/shipping_bg.png") no-repeat;background-size: 100% 100%;
    padding: 1px 50px 50px 0;box-sizing: border-box;}
.s_wrap{float: right;background: #e2e2e2;padding: 15px;box-sizing: border-box;width: 58%;}
.s_right{padding: 10px;box-sizing: border-box;line-height: 24px;width: 100%;border: 2px dashed #cf1624;}
.s_right h1{font-size: 20px;color: #cf1624;font-family: Arial-BoldItalicMT;
    font-style: italic;text-align: center;margin-bottom: 20px;}
.s_right span{font-size: 20px;color: #cf1624;}
.s_right ul{list-style-image: url("../images/p1.png");padding-left: 20px;}
.wa_wrap{display: flex;line-height: 24px;}
.w_left{padding: 0 20px;box-sizing: border-box;flex: 1;}
.w_left span,.w_right span{color: #cf1624;    font-family: Arial-BoldMT;}
.w_left ul,.w_right ul{list-style-image: url("../images/p1.png");padding-left: 20px;box-sizing: border-box;}
.w_right{flex:1;padding: 0 20px 0 0;box-sizing: border-box;}
.w_right img,.FAQ img{width: 100%;}
.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;
}
.fee_wrap{margin-top: 30px;padding: 30px 50px;box-sizing: border-box;
    background: url("../images/feedback_bg.png") no-repeat;background-size: 100% 100%;}
.fee_wrap div img{width: 100%;}
.FA_wrap{padding: 30px;box-sizing: border-box;}
.FA_wrap div{line-height:24px;display: flex;border: dashed 2px #cf1624;width: 100%;}

.F_left,.F_right{width: 50%;padding: 20px;box-sizing: border-box;}
.FA_wrap li span{color: #cf1624;font-size: 20px;margin: 20px 0 10px 0;display: inline-block;}
.img{margin-top: -193px;}
.title1{background: url("../images/other_tit.png") no-repeat center;margin-top: 40px;}
.o_wrap li {width: 23%;border: solid 2px #ff5400;    margin: 0 0 10px 10px;}
.o_wrap li img{width: 100%;vertical-align: middle;}
.o_wrap{padding: 30px;box-sizing: border-box;background: url("../images/other_bg.png") no-repeat;background-size: 100% 100%;}
.description .d_wrap{padding-left: 20px;box-sizing: border-box;}

@media only screen and (max-width: 768px) {
    .container{width: 100%;}
    .nav .search{margin-left: 30px;}
    .WH_wrap{padding: 20px;}
    .p_big,.p_sm{height: 371px;}
    .p_r_tit span{font-size: 14px;}
    .p_right{padding: 0 10px 10px 10px;}
    .p_right li{margin: 20px 0;}
    .buyNow div{margin: 0 0 20px 10%;}
    .buyTxt{font-size: 19px;}
}
@media only screen and (max-width: 481px){
    .container{width: 100%;}
    .logo,.d_right,.s_left,.w_right img{display: none;}
    .header{padding: 10px;line-height: 20px;height: 88px;}
    .header p{font-size: 16px;}
    .nav{width: 100%;flex-wrap: wrap;}
    .nav .search{width: 67%;margin: 0 auto;}
    .nav li{width: 32%;}
    .title{margin: 20px 0;font-size: 20px;}
    .WH_wrap{padding: 10px}
    .WH_wrap li p{font-size: 12px;}
    .product,.WH_wrap{display: block;padding: 15px;box-sizing: border-box;}
    .FA_wrap div{display: block;}
    .p_left,.p_right{width: 100%;}
    .p_big,.p_sm{height: 276px;}
    .p_right{margin-top: 20px;}
    .shipping{background: none;padding: 0;}
    .s_wrap{width: 100%;}
    .s_right,.WH_wrap,.F_left, .F_right{font-size: 12px;line-height: 20px;}
    .s_right h1,.s_right span,.FA_wrap li span{font-size: 16px;}
    .w_left{padding: 0;}
    .FA_wrap{padding: 15px;box-sizing: border-box;}
    .F_left, .F_right{width: 100%;padding: 15px;}
    .title1{font-size: 18px;}
    .o_wrap{padding: 15px;}
    .o_wrap li{width: 45%;}
    .fee_wrap{padding: 20px;}
}