@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; background:#343f41;  }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.navHead{ background: #152022; height: 40px;  }
.navHead ul li a{ color: #36ffce; font-family: Arial; line-height: 40px; padding:0px 70px; font-weight: bold; }
.navHead ul .logo a{  line-height: 0px; }
.navHead ul li a:hover{ color: #ffffff;}
.bannerPc{ display: block;}
.bannerPh{ display: none;}
.chooseUs{ padding-bottom: 50px;}
.chooseContent{ padding-bottom: 55px; padding-top: 80px;  }
.chooseLeft{ float: left; width: 330px; height: 300px;color: #ffffff; font-size:55px; margin-left: 65px; margin-top: 35px; }
.chooseRight{ width: 478px; height: 340px; float: left; background: #343f41; box-shadow: 0px 5px 15px #2c3537;}
.chooseRight ul li{ color: #ffffff; float: none;  }
.chooseRight ul li p{ width: 330px; height: 50px; text-align: center; margin: 0 auto; padding-top: 10px; border-bottom: 2px solid #2b3334; margin-top: 15px; }
.chooseRight ul li p span{ vertical-align: middle; display: inline-block;  }
.chooseRight ul .chooseLast p{border-bottom: 0px; }
.chooseTxt{ background: #1f2c2e; width: 97%; margin: 0 auto; height:75px;padding-top: 25px; box-shadow: 0px 5px 20px #424242;     }
.chooseTxt ul li{ width: 230px; text-align: center; line-height: 30px;}
.chooseTxt ul li p{ color: #ffffff; border-right: 2px solid #36ffce;}
.chooseTxt ul .chooseTxtLast p{ border-right: 0px;}
.chooseTxt ul li p b{ color: #36ffce; }
.DisplayLeft{ width: 565px; height: 450px; margin-left: 10px; float: left;}
.bigImg{ width: 450px; height: 450px; float: left;overflow: hidden;  }
.bigImg img{ width: 100%;}
.smallImg{ width: 105px; height: 450px; float: left; margin-left: 7px; overflow: hidden; }
.smallImg a{ width: 100%; margin-top:3px;display: block; }
.smallImg a img{ width: 100%;}
.DisplayRight{ width: 310px; height: 450px; float: left; margin-left: 35px;  }
.DisplayRight .productTitle{ font-size: 35px; color:#36ffce;border-bottom: 1px dashed #4f595b; }
.TitleLine{ width: 70px; height: 92px; border-right: 1px dashed #4f595b;}
.productTitleContent .titleIcon{ text-align: right;  }
.productTitleContent{ border: 1px dashed #4f595b; box-sizing: border-box; padding: 5px;    }
.productTitleContent p{ color: #ffffff;}
.buyNow{  margin-top:40px;}
.buyNow .buyIt{ width: 310px; height: 45px; background: #ef5493; display:block; border-radius: 8px; color: #ffffff; text-align: center;line-height: 45px; font-size: 18px;margin-bottom: 10px;   }
.buyNow .buyIt:hover{background: #36ffce;   }
.buyNow .buyIf{ color: #36ffce; font-size: 14px; text-align: center; display: block;    }
.description{ padding-top: 75px;   }
.descriptionContent{ width: 97%; margin: 0 auto; background: #ffffff; padding: 5px; box-sizing: border-box; box-shadow: 0px 5px 20px #424242; }
/*other item*/
.otherItem{ padding-top: 40px; padding-bottom: 30px;  }
.otherItemTitle{ text-align: center; background: #152022; padding-top: 20px; color: #ffffff; font-size:28px;padding-bottom: 15px;  }
.otherItemList{ width: 98%;margin: 0 auto;box-shadow: 0px 5px 20px #676969; margin-top: 25px; }
.otherProduct{ padding: 0px 10px; }
.otherProduct li{ width: 195px; height: 245px; margin-left: 30px; margin-top: 15px; }
.otherProduct li img{ width: 100%;}
.otherProduct li a{ display: block; color: #ffffff; font-size: 12px;}
/*other content*/
.fourParts{ padding-top:70px;}
.txtRed{ color: #ef5493;  }
.faq_bg{ background: url("../images/ask_icon.png") no-repeat; padding-left: 25px; color: #36ffce;   }
.question{ margin-top: 10px; margin-bottom: 5px;   }
.answer{  border-bottom: 1px solid #4f595b; padding-bottom: 8px; }
.mainContent{ padding: 0px 15px;}
main {
    min-width: 320px;
    max-width: 960px;
    margin: 0 auto;
}
section {
    display: none;
    padding: 20px 0 0;
    background:#343f41;
    text-align: left;
}
input {
    display: none;
}
label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 20px 70px;
    text-align: center;
    color:#ffffff;
    border: 1px dashed #4f595b;
    width: auto;
    text-align: center;
    font-weight: 600;
}
main .labelS{
    width:28%;
}
label:hover {
    color: #36ffce;
    cursor: pointer;
}

input:checked + label {
    color:#36ffce;
    font-size:16px;
    background:#1f2c2e;
    font-weight: 600;
    border: 1px solid transparent;

}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5
{
    display: block;
    font-size:16px;
    color:#ffffff;
    padding:8px;
    padding-top:20px;
    margin-top: 10px;
}
/*feedback*/
.tfeedbackdetail{ padding:0px 30px 0px 15px;}
.tfeedbackdetail .tfree_tabs tr{ background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC;}
.tfeedbackdetail .tfree_tabs tr .tdheadOne{ width:386px;  }
.tfeedbackdetail .tfree_tabs tr .tdheadTwo{ width:129px;  }
.tfeedbackdetail .tfree_tabs tr .tdheadThree{ width:149px;  }
.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;
}
.tfree_tabs tr th{
    border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999;
    padding:5px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;
}
.tfree_tabs tr td{
    border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;padding:10px 20px;
    line-height:20px;font-size:14px;color:#666;font-weight:normal;text-align:left;
}
.feedbackImg img{ width: 98%;}

.description  img{width:100%}
.description  .content_box_title {font-size:30px;}
@media only screen and (max-width:481px) {
.wrap{ width: 100%;}
.banner img{ width: 100%;}
.logo{ float: none; text-align: center;  }
.navHead ul li a{padding: 0px 20px;  }
.chooseContent{ padding-top: 0px;   }
.chooseLeft{ display: none;}
.chooseRight{ width:98%;box-sizing: border-box;  }
.chooseUs{ padding-bottom: 0px;}
 .chooseTxt{ display: none;}
.DisplayLeft{ width: 100%; height: auto; margin-left: 0px; }
 .bigImg{ width: 100%;}
.smallImg{ width: 100%; }
.smallImg a{  width: 20%;float: left; margin-left: 5px; }
.DisplayRight .productTitle{ display: none;}
.TitleLine{ display: none;}
.productTitleContent{ display: none;}
.DisplayRight{ height: auto;}
 label{padding: 8px 2px;  }
 .gesbk{ font-size: 12px;}
 .tfeedbackdetail table{ width: 100%;}
  .tfree_tabs tr td{ padding: 0px;}
 .tfree_tabs tr td span{  width: 110px; display: block; word-wrap: break-word;  }
  .tfeedbackdetail{ padding: 0px;}
  .otherProduct li{ width: 170px; margin-left: 10px;     }
}
/*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%;}
}