@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:#ffffff;  }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei; background: #ffffff;}
/*head*/
.navHead{ background: #000000; height: 40px;position: relative;  }
.navHead .logo{ float: left; width:90px; height: 90px;margin-left: 75px; }
.navTxt ul{ margin-left: 50px;  }
.navTxt ul li a{ color:#a81510; font-family: Arial; line-height: 35px; padding:0px 60px; font-weight: bold;}
.navTxt ul li a:hover{ color:#ffffff; text-decoration: underline;}
.navHead .logo a{  line-height: 0px; display: none;  }
.navTxt{ float: left; }
.banner img{ margin-top: -50px;}
.bannerPc{ display: block; height: 320px;}
.bannerPh{ display: none;}
.choose{ background:#222222; height: 90px;margin-top: 20px; }
.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: 700px; float: left; }
.chooseContent li{ color: #ffffff; text-align: center; width: 170px; height: 72px; font-size: 14px; padding-top: 14px;}
.productContent{ padding-top: 50px; margin-bottom: 55px;   }
.product{  background:url("../images/bg.jpg") }
.productLeft{ width: 450px; height: 545px; margin-left: 20px;float: left; }
.productLeft .bigImg{ width: 100%; border: 1px solid #a81510; height: 450px; overflow: hidden; }
.productLeft .bigImg img{ width: 100%;}
.productLeft .smallImg{ width: 100%; height: 100px; overflow: hidden;}
.productLeft .smallImg a{ width: 84px; height: 84px; border: 1px solid #a81510; display: block; float: left; margin-top: 10px; margin-left: 3.5px;    }
.productLeft .smallImg a img{width: 100%;     }
.productRight{ width: 450px; height: 545px; float: left; margin-left: 35px; color: #ffffff;  }
.keyWords{  border-bottom: 2px solid #a81510;  }
.chooseTwo li{ float: none; width: 100%; height: 90px; margin-top: 18px; }
.chooseTwo li div:nth-child(1){ width: 70px; height: 70px; float: left; margin-left: 10px;}
.chooseTwo li div:nth-child(2){ width: 330px; height: 70px; float: left; margin-left: 15px; margin-top: 10px; font-size: 18px;}
.title{ color: #ffffff; font-family: "Times New Roman"; font-size: 42px; text-align: center;}
.title div{ height: 2px; width: 80px; background:#a81510; margin: 10px auto;  }
.descripContent{ width: 92%; margin: 0 auto; background: #ffffff;padding: 10px;color: black;text-align: left;}
/*.descripContent p table, th, tr, td{text-align: left;}*/
/*switch content*/
.otherContent{ margin-top: 60px;}
main {
  min-width: 320px;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
section {
  display: none;
  padding: 20px;
  text-align: left;
}
section p{ margin-bottom: 15px;}
section .redFont{ color: #a81510;}
section p table,th,tr,td{ border:1px solid #ffffff; text-align: center;color: white;}
section table{ width: 100%; }
.feedImg img{ width: 100%; }
input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 7px 25px;
  text-align: center;
  color:#ce0203;
  border: 1px solid transparent;
  width:13.5%;
  border: 1px solid #ffffff;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  border-radius: 18px;
}
main .labelS{
  width:28%;
}
label:hover {
  color: #ffffff;
  cursor: pointer;
}

input:checked + label {
  border-bottom: 1px solid #fff;
  font-size:16px;
  background:#a81510;
  font-weight: 600;

}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5
{
  display: block;
  font-size:16px;
  color:#ffffff;
  padding:20px 40px;

}
/*other items*/
.otherItem{ margin-top: 20px;}
.otherItemList li{ width: 220px; height: 280px;margin-left: 16px;   }
.otherItemList li a{ color: #ffffff; font-size: 12px;}
.otherItemList li img{ width: 100%;}

.description li{float:none;}
.description ul{list-style:inherit;}
.description ul li{list-style:inherit;margin-left:35px;}

@media only screen and (max-width:481px) {
   .wrap{ width: 100%;}
   .navTxt{ display: none;}
   .bannerPc{ height: auto;}
  .banner img{ width: 100%;}
  .choose{ display: none;}
  #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5{ padding: 10px;}
  #content1 img{ width: 100%;   }
  label{ padding: 7px 5px; width: auto;   }
  section table span{ width: 100px; word-wrap: break-word; display: block;}
  section p{ font-size: 12px;}
  .productContent{ padding-top: 20px;}
  .productLeft .smallImg a{ margin-left:5.5px;}
  .productLeft{  width: 100%; margin-left: 0px; float: none; height: auto;    }
  .productLeft .bigImg{ height: auto; }
  .productRight{ width: 100%; height: auto; float: none; margin-left: 0px;}
  .chooseTwo{ display: none;}
  .keyWords{ padding: 10px;}
  .buyNow img{ width: 100%;}
  .title{ font-size: 30px;}
  .otherItem .title{ font-size:18px;}
  .otherItemList li{ width: 170px; margin-left: 12px;}
}

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