*{margin: 0;padding: 0;}
a{color:white;text-decoration:none;}a:hover{text-decoration:none;}
ul{height:100%;display: flex;width: 100%;list-style: none;align-items: center;justify-content: space-between;}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
img {width: 100%;vertical-align: middle;}
.container {margin: 0 auto;width: 960px;}
.header{height: 38px;color: white;font-size: 18px;background-color: #c83443;  }
.header ul li{width: 25%;text-align: center;}
.WHY {background:url("../images/why.jpg") no-repeat center/cover;}
.WHY li:first-child{font-size: 20px;}
.WHY li {width: 20%;text-align: center;font-size:14px;color: white; }
.WHY li i{height: 90px;margin-left: 67px;background: url("../images/css_sprites.png") no-repeat;display: block;}
.WHY li:nth-child(2){margin-left: 42px;}
.WHY li:nth-child(2) i{  width: 62px; height: 48px;background-position:-97px -10px; }
.WHY li:nth-child(3) i{width: 67px; height: 50px;background-position:  -10px -10px; }
.WHY li:nth-child(4) i{  width: 48px; height: 48px;background-position:  -179px  -10px; }
.WHY li:last-child i{    width: 43px; height: 54px;background-position: -80px -80px; }
.product {width: 100%;}
.product .p_title {margin-top: 20px;background: url("../images/p_title.jpg") no-repeat center/cover;}
.product .p_title li{width: 30%;font-size: 18px;color: white;padding: 18px;text-align: center;line-height: 7px;}
.p_content {padding: 10px 30px;}
.p_content ul{width: 100%;flex-wrap: wrap;border: 2px solid black;box-sizing: border-box;}
.product .p_content ul li{width: 50%;float: left;}
.product p {text-align: center;margin: 20px 0;font-size: 18px;}
.description {width: 100%;padding: 20px;box-sizing: border-box;}
.tit_b{margin: 30px 0 40px 0;background: url("../images/tit_b.jpg") no-repeat center;color: white;
    font-size: 34px;text-align: center;line-height: 76px;}
.description span,.q_left span{font-weight: 600;display: inline-block;}
.description img{width: 38%;position: absolute;top: 35px;right: 0px;}
.d_content {border: solid 3px #c83443;box-sizing: border-box;padding: 15px;position: relative;}
.expedition {width: 100%;position: relative;}
.expedition .e_left{width: 80%;padding: 10px;box-sizing: border-box;background-color: #efefef;}
.expedition .e_left img{width: 30%;}
.expedition .e_left p {margin-bottom: 25px;}
.expedition .e_right{width: 33%;position: absolute;top: 165px;right: -38px;}
.expedition .e_right img{width: 100%;}
.expedition .e_left span,.q_content span{display: block;font-weight: 600;margin-top: 10px;}
.garantie{width: 100%;}
.g_content{padding:20px;border: solid 3px #c83443;box-sizing: border-box;}
.g_content p{width: 100%;margin-bottom: 20px;}
.g_img{width: 30%;margin-top: -432px;margin-left: -53px;}
.questions {width: 100%;}
.tit_s{margin: 30px 0 40px 0;background: url("../images/tit_sm.jpg") no-repeat center;color: white;
    font-size: 34px;text-align: center;line-height: 76px;}
.q_content{display:block;background-color: #efefef;list-style-image: url("../images/quest.png");width: 100%;padding: 20px 20px 20px 56px;box-sizing: border-box;}
.comment{width: 100%;}
.c_content,.d_content{padding: 20px;width: 100%;box-sizing: border-box;}
table{ width: 100%;margin-top: 20px;background-color: #f3f3f3;border-collapse: collapse;border-spacing: 0;border: 4px solid #f3f3f3;}
table th,td{ border: 4px solid #f3f3f3;height: 40px;background-color: #fff;text-align: left;font-weight: normal;}
.c_content img{width: 100%;}
.other{width: 100%;}
.o_content{ flex-wrap: wrap;background: url("../images/other_bg.jpg") no-repeat center/cover;padding: 20px 10px;box-sizing: border-box;}
.o_content li{width: 23%;margin: 0 18px 20px 0;box-sizing: border-box;float: left;}
.o_content li img{width:100%;vertical-align: middle;border: 1px solid black;}
.o_content li p{font-size: 12px;padding: 10px;box-sizing: border-box;color: white;}
/*.description img{width: 80%;}*/

.description li{float:none;}
.description ul{list-style:inherit;display: block;}
.description ul li{list-style:inherit;margin-left:35px;}



@media only screen and (max-width: 768px){
    .container{width: 100%;}
    .header{width: 100%; font-size: 14px;padding: 20px;box-sizing: border-box;}
    .logo{display: none;}
    .WHY li{font-size: 14px;}
    .product .p_title li{font-size: 14px; line-height: 0;}
    .WHY li:nth-child(2){margin-left: 12px;}
    .WHY li:first-child{font-size: 17px;}
    .WHY li i{margin-left: 50px;}
    .description img{width: 35%;top: 68px;}
    .d_content{font-size: 14px;}
    .expedition .e_right{display: none;}
    .expedition .e_left{width: 100%; padding: 35px;}
    .g_img{display: none;}
    .g_content p{padding: 0;margin: 0;width: 100%;margin-bottom: 20px;}
    .tit_b{font-size: 26px;}
    .tit_s{font-size: 26px;background-size:80%;}
    .o_content li {margin: 0 18px 20px 0;}
}
@media only screen and (max-width: 481px){
    .container{width: 100%;}
    .header,.WHY,.p_title{display: none;}
    .product p{font-size: 15px;}
    .description img{display: none;}
    .tit_b{font-size: 20px;line-height: 40px;}
    .c_content, .d_content,.g_content,.q_content{font-size: 12px;padding: 10px;}
    .expedition .e_left{padding: 20px;font-size: 12px;}
    .q_content{padding-left: 42px;}
    .expedition .e_left img{width: 40%;}
    .expedition .e_left p{margin-bottom: 20px;}
    .tit_s{background-size: 90%;font-size: 14px;line-height: 40px;}
    .o_content li{width: 44%;font-size: 12px;}

}
/*video*/
.video{width: 100%;}
.video-wrap{margin: auto;width: 76%;}
.video-container{
    width: 100%;
    height: 486px;
    background-size: 100% auto;
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.video-container .btn{
    width: 68px;height: 48px;background:#202120;border-radius: 8px;  display: flex;
    align-items: center;
    justify-content: center;
}
.logo{text-align: right;margin-bottom: 20px;}
.video-container .btn img{width: 20px;}
.video-container:hover .btn{background: #c81c20;}
.video-wrap p{font-size: 30px;font-weight: 600;margin: 30px 0;}
@media only screen and (max-width: 768px){
    .video-wrap{width: 100%;}
}