@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:#f5f5f5;  }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.navHead{ background: #ffffff; height: 40px;position: relative;  }
.navHead .logo{ float: left; width:90px; height: 90px;margin-left: 75px;  }
.navTxt ul{ margin-left: 150px;  }
.navTxt ul li a{ color:#e3602e; font-family: Arial; line-height: 35px; padding:0px 60px; font-weight: bold;}
.navTxt ul li a:hover{ color:#000000; text-decoration: underline;}
.navHead .logo a{  line-height: 0px; display: none; }
.navTxt{ float: left; }
.banner img{ margin-top: -50px;}
.bannerPc{ display: block;}
.bannerPh{ display: none;}
.choose{ background:#f1f1f1; height:80px; }
.chooseTitle{ color: #a81510; font-family: "Times New Roman"; font-weight: bold; width: 252px; float: left; line-height: 88px; height: 90px; border-right: 1px solid #ffffff; text-align: center; font-size:22px;   }
.chooseContent{ width:auto; float: left; }
.chooseContent li{ color: #000000; text-align: center; width: 180px; height: 72px; font-size: 14px; padding-top: 14px; margin-left:47px;}
.chooseContent li p:nth-child(1){ width:80px; height: 60px; float: left;   }
.chooseContent li p:nth-child(2){ width: 100px; height: 20px;  float: left; }
.productLeft{ width: 528px; height: 435px; float: left; margin-left: 15px;}
.productRight{ width: 360px; height: 435px; float: left; margin-left: 20px; }
.product{ padding-top:20px; }
.productMain{ width: 930px; height: 480px; padding-top: 40px; margin: 0 auto; background: #ffffff; box-shadow: 0px 0px 5px #d1d1d1;    }
.smallImg{ width: 82px; height: 437px; float: left; overflow: hidden; }
.smallImg a{ width: 80px; height: 80px; display: block; border: 1px solid #acacac; margin-bottom: 6px;  }
.smallImg a img{ width: 100%;}
.bigImg{ width: 433px; height: 433px; border: 1px solid #acacac; float: left; margin-left: 8px; overflow: hidden;   }
.bigImg img{ width: 100%;}
.keyWords{ border-bottom: 2px solid #e3602e;}
.chooseTxt li{ margin-top: 15px;}
.chooseTxt li div:nth-child(1) { width: 68px; height: 68px; float: left; margin-left: 5px;  }
.chooseTxt li div:nth-child(2){ width: 232px; height: 50px; float: left; padding-top: 12px; margin-left:15px;   }
.buylink{ margin-top: 20px;}
.buylink a p{ color: #1d1d1d;  text-align: center;margin-bottom: 8px;   }
.buylink a div{ width: 230px; height: 30px; background: #e3602e; color: #ffffff; text-align: center; line-height: 30px; font-weight: bold; margin-top: 8px; margin: 0 auto;    }
.buylink a div:hover{ color: #000000;}
.description{ padding-top:50px; padding-bottom: 60px; }
.title{ width: 703px; height: 80px; background: url("../images/title.png"); margin: 0 auto; color: #ffffff; text-align: center; line-height:60px; font-weight: bold; font-size: 28px;  }
.descripContent{ width: 97%; margin: 0 auto; background: #ffffff; padding: 10px; box-sizing: border-box; box-shadow: 0px 0px 5px #c8c8c8; margin-top: 15px;  }
/*other item*/
.otherItem{ padding-top: 50px;}
.otherItemList li{ width: 220px; height: 285px; margin-left: 16px; margin-top: 20px;   }
.otherItemList li a{ color: #000000; font-size: 12px;}
.otherItemList li img{ width: 100%; border: 1px solid #000000;}
  /*switch content*/
.otherContent{ margin-top: 60px;}
main {
  min-width: 320px;
  max-width: 925px;
  margin: 0 auto;
}
section {
  display: none;
  text-align: left;
  box-shadow: 0px 0px 5px #c8c8c8;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 20px;
  background: #ffffff;
}
section p{ margin-bottom: 15px;}
section .redFont{ color: #e3602e;}
section p table,th,tr,td{ border:1px solid #000000; text-align: left; padding-left: 20px;box-sizing: border-box; }
section table{ width: 100%; }
.feedImg img{ width: 100%; }
input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 7px 10px;
  text-align: center;
  color: #000000;
  border: 1px solid transparent;
  width:13.5%;
  background: #ffffff;
  text-align: center;
  border-top-right-radius:30px;
  font-size: 20px;
  box-shadow: 0px 0px 5px #CCCCCC;
  margin-right: 25px;

}
main .labelS{
  width:28%;
}
label:hover {
  cursor: pointer;
}

input:checked + label {
  font-size:20px;
  background:#e3602e;
  color: #ffffff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5
{
  display: block;
  font-size:16px;
  color:#000000;
}
.descripContent ul{padding-left:20px;box-sizing: border-box;list-style: inherit;}
.descripContent ul li{float:inherit;list-style: inherit;}

@media only screen and (max-width:481px) {
   .wrap{ width: 100%;}
   .navTxt{ display: none;}
  .navHead .logo{ margin-left: 0px;}
   .bannerPc{ height: auto;}
  .banner img{ width: 100%;}
  .choose{ display: none;}
  .productMain{ width: 100%; height: auto;}
  .productLeft{ float: none; width: 100%; padding-left: 5px; margin-left: 0px; box-sizing: border-box;  height: auto; height: 350px;}
  .smallImg{ width: 50px; }
  .smallImg a{ width: 50px; height: 50px;}
  .bigImg{ width: 300px; height: 300px;   }
  .productRight{ float: none; margin-left: 0px; height: auto; padding-bottom: 30px; width: 100%; }
  .chooseTxt{ display: none;}
  .title{ width: 100%; background: #e3602e;height: 70px; box-shadow: 0px 3px 3px #CCCCCC;  }
  .description{ padding-top: 25px;}
  .otherItem{ padding-top: 0px;}
  input:checked + label{ font-size: 14px;}
  label{ width: auto; padding: 5px 12px; font-size: 14px; margin-right: 2px;}
  section{ padding: 10px;}
  section p{ font-size: 12px; margin-bottom: 8px;}
  section p img{ width: 100%;}
  .tfeedbackdetail table span{ width: 100px; display: block; word-wrap: break-word;}
  .otherItem .title{ font-size: 18px;}
  .otherItemList 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%;}
}