@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:white;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;}
.container{width: 960px;margin: auto;}
header{background-color: #04070e;height: 60px;display: flex;
    align-items: center;padding: 0 30px;box-sizing: border-box;}
.nav{width: 60%;margin-left: 16%;font-size: 22px;}
.logo{font-family: Algerian;font-size: 40px;}
.nav li{width: 26%;text-align: center;}
.nav li:hover a{color: #f4ba01;}
.nav li:nth-child(2){border: 1px solid white;border-top:none;border-bottom:none;}
.banner{width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.WHY{margin-top:-1px;height: 160px;width: 100%;background-color: #212121;color: black;padding: 15px 10px;box-sizing: border-box;}
.W_title{    line-height: 30px;letter-spacing: 2px;text-align: center;font-family: Impact;font-size: 22px;color: #ffffff;}
.W_wrap{display: flex;justify-content: space-around;margin-top: 20px;}
.W_wrap li:first-child{background-image: linear-gradient(
        #0365ac,
        #0365ac),
linear-gradient(
        #0365ac,
        #0365ac);
    background-blend-mode: normal,
    normal;color: white;}
.W_wrap li:first-child .fr{background: white;}
.W_wrap li{align-items: center;width: 19%;display: flex;background: white;
    height: 70px;padding: 5px;box-sizing: border-box;}
.W_wrap li .fr{background-color: #000;width: 1px;height: 42px;margin: 0 10px;}
.product{padding: 20px;box-sizing: border-box;}
.p_wrap{display: flex;}
.p_left{width: 60%;display: flex;justify-content: space-between;}
.p_big{width: 78%;height: 431px;overflow: hidden;}
.p_big img,.p_sm img{width: 100%;border: 1px solid black;vertical-align: middle;box-sizing: border-box;}
.p_sm{height:431px;overflow-y: scroll;width: 19%;display: flex;flex-direction: column;justify-content: space-between;}
.p_sm a{margin-bottom: 5px;}
.p_right{width: 40%;padding-left: 15px;box-sizing: border-box;color: white;}
.p_right ul{padding: 20px;box-sizing: border-box;}
.p_right li{font-size:13px;display: flex;padding-bottom:8px;box-sizing:border-box;width: 100%;margin-bottom: 10px;}
.p_right li span{font-weight: 600;display: block;font-size: 18px;color: #0365ac;font-family: Arial-BoldMT;}
.p_right li p{padding: 5px 0 0 10px;box-sizing: border-box;font-size: 14px;color: black;font-family: ArialMT;}
.p_title{color: black;font-family: Arial-BoldMT;font-size: 15px;}
.p_right li:last-child{border-bottom: none;}
.buyNow div{color: white;background-color: #0365ac;font-size: 24px;
    width: 82%;height: 56px;line-height: 56px;text-align: center;margin: auto;}
.title,.title1{background: url("../images/title_bg.png") no-repeat center;font-size: 22px;color: #000;
    text-align: center;padding-top: 50px;box-sizing: border-box;margin-bottom: 20px;font-family: Arial-BoldMT;}
.title1{background: url("../images/tit1.png") no-repeat center;color: #f4ba01;}
.line,.line1{background: black;height: 3px;width: 10%;margin: 0 auto;}
.line1{background: #f4ba01;}
.description{    margin-bottom: -1px;background: url("../images/d_bg.png") no-repeat;background-size: 100% 100%;color: white;
    padding: 20px 70px;box-sizing: border-box;}
.description .d_wrap{background: white;}
.description li{float: none;}
.versand,.Gewa{display: flex;background-color: #212121;}
.v_left,.G_right{padding-left:20px;width: 61%;box-sizing: border-box;color: white;font-size: 14px;
    font-family: ArialMT;line-height: 25px;}
.v_right{width: 39%;}
.v_right img,.G_left img{width: 100%;}
.v_left span{display: inline-block;background-color: #0365ac;padding: 0 5px;height: 40px;line-height: 40px;margin: 10px 0;}
.v_left h5{font-size: 20px;}
.G_left{width:62%;}
.FAQ{padding: 0 20px;box-sizing: border-box;background-color: #262626;}
.F_wrap{width: 100%;display: flex;line-height: 20px;justify-content: space-around;font-family: ArialMT;color: white;}
.F_left{width: 49%;}
.F_right{width: 49%;}
.F_wrap li{width: 100%;margin-bottom: 20px;background-color: #1c1c1c;}
.F_wrap li h3{margin-top:10px;padding:5px;background-color: #0365ac;color: white;font-size: 20px;font-family: Arial-BoldMT;}
.F_left li p,.F_right li p{padding:10px;box-sizing: border-box;}
.F_wrap li{height: 195px;}
.F_wrap li img{width: 100%;}
.F_left li:first-child,.F_right li:first-child{height: 260px;}
.Bewertung{background-color: #212121;padding: 0 30px;box-sizing: border-box;}
.B_wrap{width: 100%;}
.B_wrap img{width: 100%;}
.other{background-color: #262626;padding-bottom: 30px;}
.o_wrap {margin-top: 20px;padding: 0 10px;box-sizing: border-box;}
.o_wrap li {width: 23%;margin: 5px 0 10px 13px;border: solid 2px #3c3c3c;}
.o_wrap li img{width: 100%;vertical-align: middle; }
.o_wrap li span {padding: 5px 10px;box-sizing: border-box;background: #3c3c3c;color: white;display: block;height: 50px;
    line-height: 15px;font-size: 12px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.logo{display: none;}
.footer{background-color: #1e1e1e;height: 175px;margin-top: -1px;
    text-align: center;font-size: 12px;color: #646464;padding-top: 70px;box-sizing: border-box;}
@media only screen and (max-width: 768px) {
  .container{width: 100%;}
    .nav{width: 100%;margin-left: 0;}
    .p_big,.p_sm{height: 341px;}
    .o_wrap li{width: 22%;}
}

@media only screen and (max-width: 481px) {
    .container{width: 100%;}
    .nav{font-size: 13px;}
    .W_wrap li{display: block;height: 85px;text-align: center;}
    .W_wrap li .fr,.v_right, .G_left{display: none;}
    .W_wrap{font-size: 12px;}
    .p_wrap{display: block;}
    .p_left,.p_right,.v_left, .G_right,.F_right,.F_left{width: 100%;font-size: 12px;}
    .p_big,.p_sm{height: 262px;}
    .p_title{font-size: 13px;}
    .p_right li{margin-bottom: 0;}
    .p_right li span{font-size: 14px;}
    .p_right li p{font-size: 12px;}
    .description{padding: 10px;font-size: 12px;line-height: 20px;}
    .v_left, .G_right{line-height: 20px;padding: 10px;box-sizing: border-box;}
    .FAQ,.Bewertung{padding: 10px;box-sizing: border-box;}
    .F_wrap{display: block;}
    .F_wrap li h3{font-size: 14px;}
    .o_wrap li{width: 47%;    margin: 1px 0 10px 4px;}
    .o_wrap li p{padding: 0;}
    .footer{line-height: 18px;margin-top: 0;padding-top: 33px;}
    .title, .title1{font-size: 20px;}
}