@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;}
/**/
/*content*/
.mainPage{ width:100%;}
.banner{ height:320px;}
.nav{ border:1px solid #000; height:60px; border-top:none; width:958px;}
.nav .logo{ width:528px;  height:100%; position:relative;}
.nav .logo span{ position:relative; top:42px; left:25px;}
.nav .navContent{  width:430px; height:100%;}
.nav .navContent li{ width:122px; height:20px; border-radius:5px; border:1px solid #333; margin-top:20px;  text-align:center; margin-left:12px;}
.nav .navContent .hotSale{ background:#101010; color:#f44906;}
.nav .navContent .hotSale a{ color:#f44906;}
.nav .navContent li a{ width:100%; height:100%; display:block; color:#333;}
.nav .navContent li a:hover{ background:#101010; color:#FFF;}
.title{ text-align:center; height:35px; padding-top:25px;}
.mainContent{ background:#eaeaea;  padding-bottom:10px; margin-bottom:8px;}
.mainContent .productTitle{ text-align:center; padding-top:30px; width:100%; margin-bottom:10px;}
.mainContent .imgContent{ padding:0 8%; width:84%;}
.mainContent .imgContent .img{ float:left; width:48.5%; margin:0 0.5%; margin-bottom:10px;}
.mainContent .Description{ text-align:center; font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:600;}
.mainContent .DescriptionContent{ width:96%; margin:0 auto; border:1px solid #333; padding:10px;
  word-wrap:break-word; text-align: left;}
.adContent{ height:89px; background:url(../images/ad_bg.jpg);}
.adContent .adContentText{ width:55%; height:100%; color:#FFF; padding:0 5%; }
.adContent .adContentText div p{ margin-bottom:10px; margin-top:10px;}
.submitbtn input{ border-radius:5px; color:#666; font-size:12px; text-align:center; background:#FFF; border:1px solid #666; margin-left:20px; cursor:pointer; padding:0 8px;}
.submitbtn input:hover{  color:#000;}
.adContentRight{ width:35%;}
.adContentRight div{ color:#FFF; width:40%; font-size:14px;}
.otherProduct .productItems{ width:100%; background:#eaeaea; min-height:25px;}
.productItems ul{ width:100%;}
.productItems ul li{ width:218px; margin:20px 0px 15px 12px; float:left;}
.productItems ul li img{ width:100%; }
/**/
.tfeedbackdetail{ padding:40px 120px 0px 40px;}
.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;
}
.faq_bg {
  background-image: url(../images/faq_icon1.png);
  padding-left: 20px;
  background-repeat: no-repeat;}
/**/
@media only screen and (max-width: 481px){
.wrap{ width:100%; }
.banner{ height:auto;}
.mainPage{ width:100%;}
.adContent .adContentText{ display:none;}
.adContentRight{ width:80%; padding:0 10%;}
.nav .logo{ display:none;}
.mainContent .DescriptionContent{ width:94.5%;}
.productItems ul li{ float:none; margin:15px auto;}

}

@media only screen and (max-width: 375px){
.nav .navContent li{ width:108px;}
}
@media only screen and (max-width: 320px){
}

@media (min-width: 481px) and (max-width: 769px){
.wrap{ width:100%; }
.mainPage{ width:100%;}
}


.nActive-wrapper {
  line-height: 1.6;
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 20px;

}
.nActive-wrapper img {
  max-width: 100%;
}
.nActive-wrapper .container {
  background: #eaeaea;
  border-radius: 2px;
  width: 100%;
  margin: auto;
  padding-bottom:30px;
}
.nActive-wrapper .container .header,
.nActive-wrapper .container .footer {
  clear: both;
  text-align: center;
  padding: 50px 0px;
}
.nActive-wrapper .container .column-left {
  width: 35%;
  float: left;
  text-align: center;
  padding: 0 5% 0 0;
}
.nActive-wrapper .container .column-left img {
  margin: 30px auto;
  display: block;
}
.nActive-wrapper .container .column-right {
  width: 60%;
  float: left;
}
@media (max-width: 768px) {
  .nActive-wrapper .container .column-left,
  .nActive-wrapper .container .column-right {
    width: 100%;
  }
}
.nActive-wrapper .container .table {
  margin: 30px 0px;
  width: 100%;
  border-collapse: collapse;
}
.nActive-wrapper .container .table td {
  padding: 10px;
  border-bottom: 1px solid #EFEFEF;
}
.nActive-wrapper .nAccordion .no-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.nActive-wrapper .nAccordion .nContent-panel {
  position: relative;
  overflow: hidden;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 14px;
  z-index: 2;
  transition: all 0.25s ease-in-out;
  padding:0 5px;
}
.nActive-wrapper .nAccordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
.nActive-wrapper .nAccordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-top: 35px;

 border-bottom:1px solid #333232;
}
.nActive-wrapper .nAccordion ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.nActive-wrapper .nAccordion ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.nActive-wrapper .nAccordion ul li:nth-of-type(3) {
  animation-delay: 1.0s;
}
.nActive-wrapper .nAccordion ul li:last-of-type {
  padding-bottom: 0;
}
.nActive-wrapper .nAccordion ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 10px;
}
.nActive-wrapper .nAccordion ul li font{
	color:#f44906;
	}
.nActive-wrapper .nAccordion ul li i:before,
.nActive-wrapper .nAccordion ul li i:after {
  content: "";
  position: absolute;
  background-color: #f44906;
  width: 3px;
  height: 9px;
}
.nActive-wrapper .nAccordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);

}
.nActive-wrapper .nAccordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.nActive-wrapper .nAccordion ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.nActive-wrapper .nAccordion ul li input[type=checkbox]:checked ~ .nContent-panel {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);

}
.nActive-wrapper .nAccordion ul li input[type=checkbox]:checked ~ font{
	color:#292828;
	}
.nActive-wrapper .nAccordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
  background-color:#292828;
}
.nActive-wrapper .nAccordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
  background-color:#292828;
}
.nActive-wrapper .nAccordion ul li h2 {
  margin: 0px 0px 10px;
}
.nActive-wrapper .nAccordion ul li h2 img{
  margin-right:10px; vertical-align:sub;
}
/*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%;}
}