@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{margin: 0 auto;width: 960px;}
header{width:100%;height: 50px;padding: 0 30px;box-sizing: border-box;display: flex;
    justify-content: space-between;align-items: center;}
header nav{display: flex;align-items: center;justify-content: space-around;width: 90%;font-size: 22px;font-family: Arial-BoldMT;}
header nav a{width: 30%;text-align: center;color: black;}
header nav a:hover{color: #ba200f;text-decoration: underline;}
.banner{width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.why{padding:10px 20px;box-sizing:border-box;width: 100%;background:#ba200f;}
.title{color: #ffffff;font-size: 20px;font-family: DIN-Bold;text-align: center;margin-bottom:7px;}
.why ul{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
.why ul li{background:#fff;width: 19%;display: flex;justify-content: space-between;padding: 10px;box-sizing: border-box;
    align-items: center;	font-family: ArialMT;font-size: 16px;color: #000;height: 59px;}
.why ul li .fr{display: block;background-color: #181818;width: 2px;height: 40px;}
.why ul li p{margin-top: 10px;text-align: center;}
input{display: none;}
input:checked + label {
    border-bottom: 2px  solid #ba200f;
    font-family: Arial-BoldMT;
}
label {
    display: inline-block;
    margin: 10px 0;
    color: #000000;font-family: Arial-BoldMT;
    font-size: 22px;
    margin-left: 7.5%;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6 {
    display: block;
    font-size: 16px;
    color: #666;
    text-align: left;
}
section {display: none;}
.product{display: flex;
    padding: 40px 30px;box-sizing: border-box;color: #000;}
.product .p_left{width: 60%;display: flex;justify-content: space-between;}
.product .p_right{width: 40%;display: flex;flex-direction: column;padding-left: 30px;box-sizing: border-box;}
.product .p_left .p_big{width: 79%;height: 427px;overflow: hidden;}
.product .p_left .p_sm{width: 19%;height: 427px;overflow-y: scroll;}
.product .p_left .p_big img{width: 100%;border: solid 2px #ffc303;box-sizing: border-box;}
.product .p_left .p_sm img{width: 100%;border: solid 2px #ffc303;box-sizing: border-box;}
.product .p_left .p_sm a{margin-bottom: 4px;}
.product .p_right .p_tit{line-height: 28px;font-size: 18px;font-family: ArialMT;}
.product .p_right .p_right_wrap{width: 100%;margin:  0 auto;display: flex;flex-wrap: wrap;}
.product .p_right li{display: flex;align-items: center;margin-top: 50px;width: 50%;}
.product .p_right li img{margin-right: 10px;}
.product .p_right li span{display: block;font-weight: bold;color: #ba200f;}
.product .p_right li p{font-size: 14px;}
.buyNow{background: #ba200f;color: white;border-radius: 10px;text-align: center;
    height: 50px;line-height: 50px;width: 63%;margin: 30px auto;font-family: Arial-BoldMT;font-size: 24px;}
.description li{float: none;}
.desMain{background: white;padding: 10px;box-sizing: border-box;}
.description ,.gewa{padding: 20px;box-sizing: border-box;}
.description .d_wrap,.gewa .g_wrap{width: 100%;line-height: 22px;background: #ba200f;padding: 20px 40px;box-sizing: border-box;}
.gewa .g_wrap{color: white;}
.versand{background: url("../images/versand_bg.png") no-repeat;line-height: 22px;	font-family: ArialMT;
    background-size: 100% 100%;padding: 20px 100px;box-sizing: border-box;}
.versand .v_wrap{width: 100%;color: #000;line-height: 27px;}
.versand .v_wrap .v_left,.versand .v_wrap .v_right{width: 100%;}
.versand .v_wrap .v_left p{font-size: 14px;}
.versand .v_wrap .v_left  span{display: inline-block;}
.versand .v_wrap .v_left p .line{display: block;height: 2px;width: 80%;background: #ffc303;}
.versand .v_wrap .v_right h6{font-family: Arial-BoldMT;font-size: 18px}
.versand .v_wrap .v_left .spanBox{font-family: ArialMT;font-size:16px;width: 51%;background-color: #181818;
    height: 40px;line-height: 40px;text-align: center;color: white;margin: 10px 0;}
.gewa .g_wrap{padding: 20px 100px;line-height: 27px;}
.faqBox{width: 100%;display: flex;flex-wrap: wrap;background: #f5f5f5;justify-content: space-between; }
.faqBox li{width: 49%;display: flex;align-items:center;justify-content: space-between;}
.faqBox li img{width: 100%;}
.faqBox li i{display: block;width: 40px;height: 34px;}
.faqBox li i img{width: 100%;}
.faqBox li p{margin-bottom:20px;width:92%;line-height: 20px;font-size: 14px;font-family: ArialMT;}
.faqBox li p span{width:100%;background:#ba200f;color:white;display:flex;margin-bottom:20px;font-family: Arial-BoldMT;
    font-size: 16px;font-family: ArialMT;height: 50px;align-items: center;padding-left: 10px;box-sizing: border-box;}
.o_wrap{padding: 0 10px;box-sizing: border-box;}
.o_wrap li{margin: 0 0 10px 8px;}
.o_wrap li img{width: 100%;border: solid 1px #000;box-sizing: border-box;}
.o_wrap li{width: 24%;}
.faq{padding: 20px;color: #000;background: #f5f5f5;}
.bewe{padding: 10px 20px;box-sizing: border-box;}
.bewe img{width: 100%;}
.bewe .b_img{background-color: #ba200f;padding: 20px;box-sizing: border-box;}
.others{padding: 40px 20px;box-sizing: border-box; }
.o_title{font-family: Arial-BoldMT;width:45%;margin:0 auto 20px auto;color:#000;
    background: url("../images/o_tit_bg.png") no-repeat;background-size: 100% 100%;}
.o_wrap li span{color: white;display: block;height: 51px;padding: 3px;box-sizing: border-box;
    font-size: 12px;width: 100%;background-color: #181818;margin-top: -4px;}
.logo{display: none;}
@media only screen and (max-width: 768px) {
    .container{width: 100%;}
    header .search{width: 23%;}
    .o_title{font-size: 20px;width: 60%;}
    .why{margin-top: -1px;}
    label{margin-left:2.5%;font-size: 20px;}
    input:checked + label{font-size: 20px;}
    .product .p_left .p_big,.product .p_left .p_sm{height: 336px;}
    .product .p_right .p_tit{font-size: 14px;line-height: 20px;}
    .product .p_right li{margin-top: 25px;}
    .product .p_right{padding-left: 16px;}
    .product .p_right li p{font-size: 12px;}
    .o_wrap li{width: 23%;    margin: 0 0 10px 11px;}
    .product .p_left .p_sm a{margin-bottom: 0;}
}

@media only screen and (max-width: 481px) {
    .container{width: 100%;}
    header{padding: 0;}
    header nav{width: 100%;font-size: 14px;}
    header .search{width: 20%;margin: 10px auto;}
    .title{font-size: 18px;}
    .why ul li p{font-size: 12px;}
    .why ul li img,.why ul li .fr{display: none;}
    input:checked + label,label{font-size: 16px;}
    .product,.versand .v_wrap{display: block;}
    .product .p_left,.product .p_right,.versand .v_wrap .v_left,.versand .v_wrap .v_right{width: 100%;font-size: 12px;}
    .product .p_left .p_big, .product .p_left .p_sm{height: 249px;}
    .product .p_right{padding: 0;margin-top: 20px;}
    .o_title{width: 81%;height: 38px;}
    .o_wrap li{width: 47%;margin: 0 0 10px 9px;}
    .description{padding: 40px 10px;font-size: 12px;}
    .gewa{padding: 20px 10px;}
    .gewa .g_wrap,.faq{padding: 10px;font-size: 12px;}
    .gewa .g_wrap p{margin-bottom: 10px;}
    .faqBox li p span{font-size: 14px;margin-bottom: 10px;}
    .faqBox li p,.description .d_wrap{font-size: 12px;}
    .versand{padding: 20px;font-size: 12px;}

}