@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;background: white;}
header{background:#132d37;align-items: center;color:white;display: flex;padding: 0 20px;box-sizing: border-box;height: 71px;line-height: 58px;}
.logo{font-size: 59px;display: none;}
.nav{width: 70%;margin-left: 50px;font-size: 22px;}
.nav li{width: 30%;display: flex;flex-direction: column;justify-content: center;font-size:20px;align-items: center;}
header .line{height: 1px;background: #6da0ad;width: 30px;}
.nav li a{height: 35px;line-height: 44px;}

.search{background-color: #ededed;height: 40px;width: 47%;position: relative;border-radius: 20px;}
.search img{position: absolute;right: 13px;top:9px;}
.banner{width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.WHY{margin-top:10px;box-shadow: 3px 0px 7px 0px rgba(29, 67, 83, 0.35);background: white;padding: 30px 0;box-sizing: border-box;}
.WHY li{width: 20%;display: flex;align-items: center;justify-content: center;}
.WHY li p{font-size: 17px;color: #1d4353;margin-left: 5px;}
.title{margin:25px 0;height:114px;background: url("../images/tit_bg.png") no-repeat center;text-align: center;position: relative;}
.title img{position: absolute;left:45%;top:-12px;}

/*.product{padding: 16px 50px 20px 50px;box-sizing: border-box;}*/
.p_wrap{display: flex;background: #f7f7f7;padding: 17px;box-sizing: border-box;}
.p_left{width: 60%;display: flex;justify-content: space-between;padding: 12px;box-sizing: border-box;}
.p_big{width: 80%;height: 426px;overflow: hidden;}
.p_big img,.p_sm img{width: 100%;border: solid 1px #1d4353;box-sizing: border-box;}
.p_sm{height:426px;overflow-y: scroll;width: 19%;display: flex;flex-direction: column;justify-content: space-between;}
.p_right{width: 40%;padding: 20px 0 0 15px;box-sizing: border-box;color: white;}
.p_right ul{padding: 15px;box-sizing: border-box;}
.p_right li{font-size:13px;display: flex;height: 49px;width: 100%;margin-bottom: 10px;}

.p_right li span{font-weight: 600;display: block;font-size: 18px;color: #1d4353;}
.p_right li p{margin-left:45px;color: #1d4353;font-size: 14px;}
.p_title{	font-size: 14px;color: #000000;}
.p_title .fr{background:rgba(0,0,0,.5);display: block;height: 1px;margin-top: 5px;}
.buyNow div{font-size:21px;color: white;box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.07);border-radius: 25px;background-color: #1d4353;
    width: 50%;height: 50px;line-height: 50px;text-align: center;margin: auto;}
.description{width: 100%;}
.description li{float: none;}
.d_wrap{background: #6da0ad;padding:30px;box-sizing: border-box;}
.desMain{background: white;padding: 10px;box-sizing: border-box;}
.v_wrap{line-height: 27px;color: #3c3c3c;font-size:14px;background: url("../images/v_bg.png") no-repeat;
    background-size: 100% 100%;padding: 20px 30px;box-sizing: border-box;}
.tit_wrap{width:41%;margin: 20px 0;background-color: #6da0ad;padding: 10px;box-sizing: border-box;color: #ffffff;font-size: 16px;}
.v_wrap h4{font-size: 20px;font-weight: normal;}
.G_wrap{background: url("../images/G_bg.png") no-repeat;background-size: 100% 100%;font-size: 14px;line-height: 27px;
    padding: 30px 20px;box-sizing: border-box;color: white;}
/*.s3 {*/

/*}*/
/*.s3 th, .s3 td {*/
    /*border: 4px solid #f3f3f3;*/
    /*height: 40px;*/
    /*color: #3c3c3c;*/
    /*background-color: #fff;*/
    /*text-align: left;*/
    /*font-weight: normal;*/
/*}*/


/*.bewertung tr:nth-child(2) td:nth-child(1){display: flex;}*/
.bewertung table th,table td{ padding:10px;box-sizing:border-box;border: 4px solid #f3f3f3; color: #3c3c3c;background: white; }
.bewertung table{ width: 100%;}
/*.bewertung div{ width: 100%; background: #1b1b1b; border-radius: 10px; */
    /*box-sizing: border-box; padding: 10px; color: #fff; margin-bottom: 10px;  }*/
.bewertung div p b{ color: #98911a;   }

.feedImg img{width: 100%;}
.F_wrap{padding: 0 15px;}
.F_wrap div{background: url("../images/F_bg.png") no-repeat;background-size: 100% 100%;
    padding:20px 30px 40px 15px;box-sizing: border-box;}
.F_wrap div p{margin-bottom: 20px;color: #000;font-size: 16px;line-height: 18px;}
.F_wrap div p span{display: block;margin-bottom: 20px;font-size: 20px;color: #6da0ad;font-weight: 600;}
.title1{text-align: center;color: #1d4353;font-size: 36px;margin: 25px 0;}
.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 #6da0ad;}
.o_content li a:nth-child(2){color: #1d4353;display: block;height: 95px;overflow: hidden;}
footer{text-align: center;margin-top: 60px;color: #131313;font-size: 12px;line-height: 15px;}
footer p{margin-bottom: 15px;}
.title2 img{left: 43%;}
.logo{display: none}

@media only screen and (max-width: 768px) {
     .container{width: 100%;}
    .p_big,.p_sm{height: 334px;}
    .buyNow div{font-size: 17px;}
    .title{background-size: 100%;}
    .title img{left: 43%;}
    .title2 img{left: 40%;}
}
@media only screen and (max-width: 481px){
    .container{width: 100%;}
    .nav{margin-left: 0;}
    .search{height: 28px;}
    .nav li,.p_right li p,.F_wrap div p{font-size: 12px;}
    .search img{top: 3px;right: 9px;}
    .nav li a{height: 32px;}
    header .line{margin-top: 0;}
    .search img{width: 13%;top:6px;}
    .WHY li{display: block;}.WHY li p{font-size: 12px;}
    .title img{width: 23%;left: 41%;top: 16px;}
    .p_wrap{display: block;}
    .p_left,.p_right{width: 100%;}
    .p_right li p{margin-left: 20px;}
    .p_right li span{font-size: 14px;}
    .v_wrap,.G_wrap{font-size: 12px;}
    .tit_wrap{width: 93%;font-size: 13px;padding: 6px;}
    .v_wrap h4,.F_wrap div p span{font-size: 16px;}
    .F_wrap div p span{margin-bottom: 10px;}
    .title1{font-size: 18px;}
    .o_content li{width: 47%;margin-left: 9px;}
    footer p{margin-bottom: 10px;}

}