@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:1000px;   margin:0px auto; }
.banner{ height:390px;  border-top:5px solid #2b3438; border-bottom:5px solid #2b3438; position:relative;}
.banner img{ height:100%;}
.nav { height:66px; position:absolute; top:323px;  }
.nav ul li{ width:103px; height:32px; background:url(../images/navBg.jpg); margin-right:2px;}
.nav ul li:hover{ background:url(../images/navBgHover.jpg);}
.nav ul li a{ text-align:center; width:100%; height:100%; display:block; line-height:32px; font-weight:600; color:#b8b8b4; font-size:14px;}
.nav ul li a:hover{  color:#282c2c;}
.nav ul { margin-left:22px; height:32px; float:left;}
.nav .contact{  width:155px; height:25px; background:#aab92c; float:left; margin-left:225px; border-top-left-radius:12px; border-top-right-radius:12px; margin-top:7px; color:#FFF; }
.nav .contact a{ font-size:12px; color:#FFF; line-height:25px;}
.nav .contact a:hover{ color:#af4110;}
.nav .lineOne{ width:100%; background:#9b9a99; height:25px; border-bottom:1px solid #8b8b88; font-size:12px;  line-height:25px;  text-indent:700px; color:#333; }
.nav .lineTwo{ width:100%; height:10px; background:#72726c; }
.MainContetnt{ background:#0c0d0d;  border-bottom:1px solid #4d4d4d;  }
.MainContetnt .ContentLeft{ float:left; width:662px;  margin-right:14px; margin-left:20px; background:#0c0d0d;  }
.ContentLeft .bannerAd{ width:100%;padding-top:35px; padding-bottom:45px; }
.ContentLeft .productContent{ border:1px solid #252727; width:100%; margin-bottom:40px;}
.productContent .productTitle{  height:24px; border-bottom:1px solid #1d1e1e; color:#707070; font-weight:600;  padding-top:8px; }
.productContent .productImgTitle{ border-top:1px  solid #1d1e1e; margin-top:15px; }
.productContent .productTitleText{ color:#d2cccc; padding:8px; font-size:14px;}
.ContentProductImg{ padding-bottom:15px;}
.productImg ul{ width:420px; margin:0 auto; padding-top:8px; }
.productImg ul li:nth-child(odd){ width:420px; height:420px; margin:0 auto; background:#FFF; overflow:hidden; border:1px solid #aab92c;}
.productImg ul li:nth-child(odd) img{ width:100%; }
.productImg ul li:nth-child(even){idth:420px; height:420px; margin:0 auto; background:#FFF; overflow:hidden; border:1px solid #aab92c; }
.productImg ul li:nth-child(even) img{ width:100%;  }
.productContent .descriptionText{ padding:5px; color:#FFF; font-size:14px; overflow-x: scroll;color: #252424; background: #fff; }
.productContent .descriptionText table{     display: unset;}
/*right Contetnt--start*/
.MainContetnt .ContentRight{ float:left; width:282px; float:left; height:1500px; padding-top:8px;}
.ContentRight .subscribe{  width:100%; border:1px solid #4d4d4d;  height:160px;  background:#393a3a;   }
.ContentRight .subscribe .subscribeTitle{ color:#e5e5e5; font-size:14px; height:38px; border-bottom:2px solid #4d4d4d; line-height:40px; font-weight:600; position:relative;}
.ContentRight .subscribe .subscribeTitle span{ position:absolute; top:-12px; display:inline-block;}
.ContentRight .subscribe .subscribeContent{ font-size:12px; color:#e5e5e5; padding:5px; padding-top:12px;  }
.ContentRight .subscribe a{ display:block;  width:73px;  height:23px; border:1px solid #9a9a9a; color:#FFF; font-size:14px; text-align:center; line-height:23px; float:right; margin-right:15px; margin-top:10px;}
.ContentRight .subscribe a:hover{ background:#2e2f2f; border:1px solid #bcbebe;  }
.ContentRight .activtyBanner{ width:100%; margin-top:20px; display: none; }
.ContentRight .moreItems{ color:#fbc403; border:1px solid #4d4d4d; background:#232424;margin-top:18px; }
.ContentRight .moreItems .moreItemsTitle{ border-bottom:1px solid #4d4d4d; height:37px; line-height:42px; font-size:14px; font-weight:600; position:relative;  }
.ContentRight .moreItems .moreItemsTitle span{ display:inline-block; position:absolute; top:-13px; left:150px;}
.moreItems{  background:#232424; }
.moreItems .weproduct{ width:100%;}
.moreItems .weproduct ul{ width:100%; }
.moreItems .weproduct ul li{ width:96%; background:#232424; padding:0 2%; padding-bottom:10px; border-bottom:1px solid #4d4d4d; margin-top:15px;  }
.moreItems .weproduct ul li img{ width:100%; }
.moreItems .weproduct ul li a{ font-size:12px; color:#FFF; }
.bottom{ background:#0c0d0d;}
.bottom .bottomLink{ width:338px; margin:0 auto; padding-top:10px; color:#989897;  }
.bottom .bottomLink a{ color:#989897; font-size:14px;}
.bottom .bottomLink a:hover{ color:#FFF;}
.bottom p{ text-align:center; font-size:12px;color:#989897; line-height:20px; margin-top:10px; }
.bottom p span{ color:#f88f05;}
/*right Contetnt--end*/
/**/
/*content*/
.tfree_tabs_title{ background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC;}
.tfree_tabs_title .tdheadOne{ width:902px;}
.tfree_tabs_title .tdheadTwo{ width:260px;}
.tfree_tabs_title .tdheadThree{ width:289px;}
.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;margin-top:20px;vertical-align:middle;
}
.tfree_tabs tr th{
    border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999;
    padding:2px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;vertical-align:middle;
}
.tfree_tabs tr td{
    border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;
    line-height:20px;font-size:14px;color:#666;font-weight:normal;text-align:left;vertical-align:middle;
    height:40px;line-height:20px;
}
.spanicon{height:20px;width:20px;display:inline-block;vertical-align:top;margin-right:5px;}
.spanicon img{width:20px;height:20px;display:inline-block;}

/*--------------switch content-start----------------*/
main {
  width:100%;
  margin: 0 auto;
  margin-top:0px;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  color:#F656565;
  padding-left:5px;
}
section {
  display: none;
  padding: 20px 0 0;
  margin-left:-5px;
  border:1px solid #656565;
  background:#131414;

}
input {
  display: none;
}
label {
  display: inline-block;
  margin: 0 0 -1px;
  line-height:35px;
  font-weight: 600;
  text-align: center;
  color:#656565;
  border: 1px solid transparent;
  font-size:16px;
  height:35px;
  padding:0 15px;
  border:1px solid #656565;
  margin-left:-5px;
  background:#121313;
}
label:hover {
  color: #fff;
  cursor: pointer;
}
input:checked + label {
  color:#fff;
  font-size:16px;
  background:#222424;
  border-bottom:none;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5{
   display: block;
   font-size:16px;
   color:#fff;
   padding:10px;
   padding-top:10px;
   text-align:left;
}

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



@media screen and (max-width: 650px) {
  main{ text-align:center;}
  label:before {
	margin: 0;
	font-size: 12px;
  }
  input:checked + label{ font-size:12px;}
}
@media screen and (max-width: 400px) {
}
.scrollDiv p{   font-size:14px; padding:2px 0px; }
.scrollDiv .shippingImg {  margin-top:8px; color:#abba2c; font-weight:600;}
.scrollDiv .shippingImg  span img{ vertical-align:middle;  }


/*--------------switch content-end----------------*/
@media only screen and (max-width: 481px){
	  .wrap{ width:100%;}
	  .MainContetnt .ContentLeft{ width:100%; margin-right:0px; margin-left:0px;}
	  .banner{ height:auto;}
	  .nav{ top:72px;}
	  .nav .lineOne{ display:none;}
	  .nav ul{ margin-left:15px;}
	  .nav ul li{ width:85px; overflow:hidden;}
	  .nav .contact{ margin-left:205px; display:none;}
	  .MainContetnt .ContentLeft{ float:none;}
	  .MainContetnt .ContentRight{ float:none; margin:0 auto; width:320px;}
	  .ContentRight .activtyBanner img{ width:100%; }
	  .ContentLeft .bannerAd{ padding-top:60px;}
	  .productContent .descriptionText{ font-size:12px;}
	  .ContentLeft .productContent{ border-left:none; border-right:none;}
	  .productImg ul li:nth-child(odd){ transform: skew(0deg); -webkit-transform: skew(0deg); width:373px; height:374px;}
	  .productImg ul li:nth-child(odd) img{ transform: skew(0deg); -webkit-transform: skew(0deg); }
	  .productImg ul li:nth-child(even){ transform: skew(0deg); -webkit-transform: skew(0deg); width:373px; height:374px;}
	  .productImg ul li:nth-child(even) img{ transform: skew(0deg); -webkit-transform: skew(0deg); }
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5{ width:94%;}
label{ padding:0 12px; font-size:12px;}
   .shippingTableContent table{ width: 100%;}
}
@media only screen and (max-width: 375px){
}
@media only screen and (max-width: 320px){
}

@media (min-width: 481px) and (max-width: 769px){
}
	/* other item*/
	.mbct_hd{ border-bottom: 1px solid #000; width: 100%;}
   .weproduct{ width: 100%;}
.weproduct ul{ width: 100%; height: auto;}
.weproduct ul li{ width: 238px; margin-bottom: 15px; height: auto; margin-left: 10px;}
.weproduct ul li img{ width: 100%; height: auto;}
.weproduct ul li a{ display: block; width: 100%;}
.btnbox{ width: 100%; height: 75px;}
.btnbox .buybtn{ width: 350px; height: 30px; background: #afba42; 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: #afba42; margin-bottom: 20px; display: block; text-align: center; line-height: 45px;}
.shippingTabl table{ color:#000;}
.feedbackimg img{ width: 100%; }
/*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%;}
}