@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:Microsoft YaHei;}
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:url(../images/bg.jpg);}
/**/
/*content*/
.mainPage{ width:100%;}
.header{ height:100px;}
.headLeft{ height:90px; width:350px; background:#CCC; display: none;}
.headRight{ width:610px; height:90px; }
.headRightBottom{ width:575px; height:47px; background:#2f2e2e; margin-top:42px; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom:1px solid #CCC;}
.headRightBottom ul{ width:100%; height:85%; padding-left:3%;}
.headRightBottom ul li{ width:23%;  height:80%; margin-top:10px; }
.headRightBottom ul li a{ color:#FFF; display:block; width:100%; height:100%; text-align:center; font-size:18px; line-height:32px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
.headRightBottom ul li a:hover{ background:#f8a131;}
.headerBottom{ width:100%; height:10px; background:#2f2e2e;}
.banner{ position:relative; height:300px;}
.advertising{ height:77px; position:relative;}
.advertising li{ position:relative;  top:-68px; margin-right:40px;  }
.advertising .advertisingR{ top:5px; margin-right:0px;}
.mainContent{ position:relative; top:-57px;}
.mainContent .title_a{ width:100%; height:30px; background:url(../images/title_a.png);}
.title_a_l{ width:21px; height:21px; margin-top:5px; margin-left:5px; float:left;  }
.title_m{ width:900px;  float:left; display:inline-block; text-align:center; text-overflow:ellipsis; overflow:hidden; line-height:30px; color:#101010;}
.title_a_r{ width:21px; height:21px;  float:right; display:inline-block;margin-top:5px;margin-right:5px; }
.productImage_small{ margin-top:25px; margin-bottom:10px; 	}
.productImage_small .img{  margin-left:52px; float:left; margin-bottom:15px;}
.desccription{ width:100%; height:40px; background: url(../images/description.jpg); margin-bottom:15px;}
.desccription span{ width:34px; height:30px;  display:inline-block;}
.desccriptionright{ float:right;margin-top:5px;}
.desccriptionleft{margin-top:5px;}
.desccription .desccriptionmidle{ width:885px; text-align:center; vertical-align:bottom; font-size:18px; font-weight:600; color:#FFF; text-shadow:#000 2px 0 0;}
.desccriptionContent{ background:#FFF; border:1px solid #626262; padding:5px; word-break:break-all;}
.chooseUs{ width:100%; height:205px; text-align:center; margin-top:20px; font-size:18px; font-weight:bold; color:#3b3a3a;}
.chooseUsLine{ width:400px; height:15px; margin:0 auto;}
.chooseUsLine span{ width:180px; border-top:1px solid #f8a131; height:6px; display:inline-block;}
.chooseUsLine i{ width:12px; height:12px; border-radius:100%; border:1px solid #f8a131; display:inline-block;}
.chosseText{ width:685px; height:27px; margin:0 auto; font-weight:100; font-size:16px; margin-top:10px;}
.chosseText li{ width:30%; height:100%; border:1px solid #626262; border-radius:6%;margin-right:3%; line-height:27px;}
.chooseImg{ width:899px; height:120px; background:url(../images/choose_icon.png);  margin:0 auto;margin-top:10px;}

.othercontent{ width:100%; position:relative;}
.othercontentImg{  position:absolute; top:25px; z-index:0;}
.otherLike{ width:100%; background:url(../images/otherLike_bg.png); margin-top:20px; position:relative; overflow:hidden;}
.otherLikeTitle{ width:470px; height:100px; border-radius:100%; background:#FFF; position:relative; margin:0 auto; top:-55px; }
.otherLikeTitle div{ text-align:center; position:relative;border-top:2px solid #050505; top:60px; width:270px; margin:0 auto; line-height:35px;}
.weproduct{ width:100%; position:relative; top:-20px;}
.weproduct ul{ width:100%;}
.weproduct ul li{ width:220px; margin-left:15px; margin-bottom:15px; }
.weproduct ul li a img{ width:220px; height:220px;}
.weproduct ul li a span{ width:218px; display:block; margin-top:-4px;border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; }
/*--------------switch content-start----------------*/
main {
	position:relative;
	z-index:888;
  min-width: 320px;
  max-width: 100%;
  margin: 0 auto;
  margin-top:20px;
  padding-top:20px;
  font-family: Arial;
  text-align:center;
}
section {
  display: none;
  padding: 15px 0 0;
  background:#FFF;
  margin-top:5px;
}
input {
  display: none;
}
label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 13px 25px;
  font-weight: 600;
  text-align: center;
   color:#2c2d2e;
  font-size:18px;
  width:12%;
}
label:hover {
  color:#f46313;
  cursor: pointer;
}
input:checked + label {
  font-size:18px;
  background:none;
  color:#ed7616;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
   display: block;
   font-size:16px;
   color:#666;
   padding:8px;
   padding-top:20px;
   text-align:left;
}
@media screen and (max-width: 650px) {
  label:before {
	margin: 0;
	font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  label {
	padding: 15px;
  }
}
/*--------------switch content-end----------------*/
@media screen and (max-width: 480px) {
  .wrap{ width: 100%;}
  .headLeft{ display: none; }
  .title_m{ width: 100%;}
  .desccription .desccriptionmidle{ width: 100%; color: #000; margin-bottom: 20px; line-height: 0px;}
 .desccription img{ display: none; }
  .desccription span{ height: auto;}
  .headRight{ width: 100%;}
  .headRightBottom{ width: 100%;}
  .headRightBottom ul li a{ font-size: 14px;}
  .banner{ height:200px; }
  .banner img{ width: 100%; height: auto;}
  .advertising{ display: none;}
  .advertising li{ margin-right: 10px;}
  .advertising li img{ width: 110px; height: auto; }
  .chooseImg{ display: none;}
  .chooseUs{ display: none;}
  .othercontentImg img{ width: 100%;}
  label{ width: auto; border: 1px solid #dedede;}
  .othercontentImg{ display: none;}
  .mainContent .title_a img{ display: none;}
  .otherLikeTitle{ width: 100%; }
}
/**/
.faq_bg {
  background-image: url(../images/faq_icon1.png);
  padding-left: 20px;
  background-repeat: no-repeat;}
/**/
.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: 95%;}
/**/
/*buy it now*/
.btnbox{ width: 100%; height: 75px; margin-top: 25px;}
.btnbox .buybtn{ width: 350px; height: 30px; background: #ed7616; color: #fff; display: block; text-align: center; line-height: 30px; margin-bottom: 30px; margin: 0 auto; font-size: 18px; border-radius: 8px;}
.btnbox .likebtn{ color: #ed7616; display: block; text-align: center; line-height: 45px;}

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