@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,li{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:#ac2424;text-decoration:none;}a:hover{text-decoration:none;}
i,em{font-weight:bold;font-style:normal;}
li{ float:left;}
/* 清浮动*/
/*
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
*/
.clearfix:after{content:"";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.fl{float:left!important;}
.fr{float:right!important;}
.wrap{ width:960px; margin:0px auto;}
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei;}
/**/
/*content*/
/*logo*/
.logo{ height: 83px;}
.logoImg{ float:left; }
.contact{ width: 245px; float: right; height: 83px;  }
.contactTxt { height: 48px;}
.contactTxt .newsletter{ width: 137px; font-size: 14px; float: left; line-height: 60px;       }
.contactTxt .newsletter a{ color:#2f2d2d; }
.contactTxt .contactUs{ width: 100px; font-size: 14px; float: left; line-height: 60px;  }
.contactTxt .contactUs a{ color:#2f2d2d; }
/*chooseUs*/
.chooseUs{ margin-top: 13px;}
/*banner*/
.banner{ display:block ;}
/*main content*/
.mainContent{ margin-top: 20px; background:#f7f7f7; padding-bottom: 25px;}
.mainContent .contentLeft {width: 145px;background: #f7f7f7; float: left;    }
.mainContent .contentCenter{ width: 654px; background: #fff;height: auto; float: left; padding-left: 7px; padding-right: 7px; }
.mainContent .contentRight{ width: 143px; border: 1px #c9c9c9 solid;  float: left; background: #f7f7f7;}
/* content left*/
.contentLeftMin{ margin-bottom: 40px; border: 1px solid #b9b7b7;}
.contentTitle{ background: url("../images/title_bg.png") no-repeat; width: 143px; height: 45px; text-align: center; font-weight: bold; line-height: 35px;  }
.navLeft { width: 100%; padding-bottom: 25px;}
.navLeft li{ width: 90%; height: 36px; margin: 0 auto; float: none; border-bottom:1px dashed #b3b4b4;}
.navLeft li a{ display: block; width: 90%; color:#505050; text-align: center; font-size: 14px; height: 36px; line-height: 55px;   }
.contentAd p{ margin: 15px 0px;}
/* content right*/
.mainContent .contentRight{ padding-bottom: 35px;}
.contentRightAd p{ width: 100%; height:140px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;  margin-top: 25px;     }
/* content center */
.productTitle{ width: 100%; border: 1px dashed #cecccc; word-wrap: break-word; }
.bigImg{ width: 654px; border:1px solid #4cc1fd; height: 654px; overflow: hidden;  }
.bigImg img{ width: 100%; height: 100%;}
.smallImg a{ width: 158px; height: 158px; border:1px solid #4cc1fd; display: block; margin-top: 10px; margin-left: 3px; float: left; }
.smallImg a img{ width: 100%; height: 100%;   }
/*buy now*/
.buyNow{ margin-top: 25px; width: 100%; margin-bottom: 20px;}
/*description*/
.descriptionCotent{ width: 100%; word-wrap: break-word; }
.descriptionCotent table{ display: unset;}
/* other content*/
.contentLine{ width: 100%; height: 52px; background: #dbdcdc; }
.otherContent{ margin-bottom:30px; }
/*otherItem*/
.otherItemTitle{ width: 100%; height: 45px; background: #dbdcdc; padding-top: 10px;  }
.otherItemTitle p{ width: 260px; height: 35px; background:#29b4fb; border-radius: 5px; margin-left: 35px; text-align: center; color: #fff; line-height: 35px;  }
.otherProduct{ margin-bottom: 35px;}
.otherProduct ul li { width: 198px; border: 1px solid #4cc1fd; height: 258px; word-wrap: break-word; font-size: 12px; margin-left: 30px; margin-top: 30px;   }
.otherProduct ul li a span{ padding: 0 5px; display: block;}
.otherProduct ul li .itemClistTitle{ height: 56px; background:#ecf8fe; display: block;    }
.otherProduct ul li img{ width: 100%; }
/*bottom*/
.bottom { height: 54px; background: url("../images/bottomBg.jpg") no-repeat; text-align: center; line-height: 54px; }
/* faq*/
.tfree_tabs{
    padding:0;border-collapse:collapse;border-spacing:0;width:100%;font-family:Microsoft YaHei;
    border:1px solid #dedede;background:#eee;margin:0 auto;margin-bottom:20px;margin-top:20px;vertical-align:middle;
}
.tfree_tabs tr th{
    border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999;
    padding:2px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;vertical-align:middle;
}
.tfree_tabs tr td{
    border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;
    line-height:20px;font-size:14px;color:#666;font-weight:normal;text-align:left;vertical-align:middle;
    height:40px;line-height:20px;
}
.spanicon{height:20px;width:20px;display:inline-block;vertical-align:top;margin-right:5px;}
.spanicon img{width:20px;height:20px;display:inline-block;}
.tfree_tabs_tr{ background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; }
.tfree_tabs_tr .tdhead_o{ width: 902px; }
.tfree_tabs_tr .tdhead_t{ width: 260px; }
.tfree_tabs_tr .tdhead_th{ width:289px; }
.feedbackImg img{ width: 100%;}
/*switch content*/
main {
    min-width: 320px;
    max-width: 960px;
    margin: 0 auto;
    margin-top:-36px;
    text-align: center;
}
section {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #29b4f4;
    background:#FFF;
    text-align: left;
}
input {
    display: none;
}

label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 7px 25px;
    text-align: center;
    color:#fff;
    border: 1px solid transparent;
    width:13.5%;
    background-color:#29b4f4;
    text-align: center;
}
main .labelS{
    width:28%;
}
label:hover {
    color: #888;
    cursor: pointer;
}

input:checked + label {
    color:#333;
    border: 1px solid #29b4f4;
    border-bottom: 1px solid #fff;
    font-size:16px;
    background:#fff;

}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5
{
    display: block;
    border:1px solid #29b4f4;
    font-size:16px;
    color:#666;
    padding:8px;
    padding-top:20px;

}

@media screen and (max-width: 650px) {
    label {
        font-size: 14;
    }
    label:before {
        margin: 0;
        font-size: 14px;
    }
    input:checked + label{ font-size: 14px;}
}

@media screen and (max-width: 400px) {
    label {
        padding: 15px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 481px){
 .wrap{ width: 100%;}
.chooseUs img{ width: 100%;}
.chooseUs{ margin-top: 35px;}
.contentLeftPay{display: none; }
.contentLeftShipping{ display: none;}
.contentLeftBin{ display: none;}
.mainContent .contentCenter{ width: 99%;}
.bigImg{ width: 100%; height: auto;}
.descriptionTitle img{ width: 100%;}
.smallImg a{ margin-left: 18px;}
.mainContent .contentRight{ display: none;}
.shippingImg img{ width: 100%;}
.feedbackImg img{ width: 100%;}
.tfree_tabs tr td span{ display: block; word-wrap: break-word; width: 100px; }
.otherProduct ul li{ margin-left: 10px; margin-top: 15px; width: 175px;}
.otherProduct ul li .itemClistTitle{ height: 80px;}
.bottom{ font-size: 12px; line-height: 24px;}
 .logoImg{ float: none; text-align: center;}
 .contact{ float: none; margin: 0 auto; }
.mainContent .contentCenter{ padding-left: 0px; padding-right: 0px;}
main{ margin-top: -50px;}
}

@media only screen and (max-width: 413px){
}
@media only screen and (max-width: 375px){

}
@media only screen and (max-width: 320px){
}

@media (min-width: 481px) and (max-width: 769px){
}

/*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%;}
}