@charset "utf-8";
/* CSS Document */
/*样式重置*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,from,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body{font-size:1em; font-family: Arial;}

li{list-style:none;}
input,select,textarea{outline:none;border:none;background:none;}
textarea{resize:none;}
a{text-decoration:none; color:#656565;}
.clearfix:after{content:"";display:block;clear:both;}

/*页面样式*/

.body_a	{
	max-width:1000px; 
    margin: 0 auto;
    background:#142b57;
}
.body_a img{border:none;width: 100%; display: block;}

/*
.body_a::before {
	content:'Delivery might be delayed,and some commercial addresses in the US East region even can not be delivered due to the epidemic. Please kindly confirm whether the region of yours can be normally delivered before purchasing.';
	display: block;
	width: 55%;
	max-height: 500px;
	min-height: 160px;
	padding: 17% 40% 5% 5%;
	background-image: url(https://photo.yitagroup.com/gd_Photos/ebay/html-20200225/funsport/img/WL_01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 100%;
	color:#fff;
	font-weight: bold;
	font-size: 1.4rem;
	border-bottom: 1px #151515 solid;
}
@media screen and (max-width:800px){
	.body_a::before{width: 70%; padding: 5% 25% 5% 5%;}
}
@media screen and (max-width:600px){
	.body_a::before{width: 75%; padding: 5% 20% 5% 5%;font-size: 1rem;max-height: 100%;min-height: 45%;}
}
@media screen and (max-width:400px){
	.body_a::before{width: 85%; padding: 5% 10% 5% 5%;font-size: 0.9rem;}
		
}
*/

/*海报*/
.benner,.daohang{width: 100%;}
/*产品描述*/


/*焦点图*/

.J-D{
    width:100%; 
    padding-top: 1%;
    background-color: #0c1a32;
	background:url(https://photo.yitagroup.com/gd_Photos/ebay/cell-led/xin_muban/Body_bg1.gif);
    background-size: 100%;
    position: relative;
    box-sizing: border-box;
	}
.J-D ul li{list-style: none;margin-bottom:0.7%; }
.J-D .pic{
    width: 79.6%;
    margin: 0 auto;
    padding-top: 0.5%;
    background: #000;
    border-radius: 0.5%;
    border:2px solid #04355f;
/*    box-shadow: 5px 10px 2px #003d71;*/
}
.pic input{display: none;}
.pic label{
    display: block;
    width: 16.3%;
    border: 2px solid #6f7479;
    position: relative;
    right:-81%;
    top:; 
    transition: 0.3s;
}
.pic label:hover{border:  2px solid #a4aeb7;}
.pic span{ 
    display: block;
    width:100%;
    height: 100%; 
    background:black;
    z-index: 4; 
    opacity:0.5;
    transition: 0.3s;
    position: absolute;
    top: 0;
}
.pic label:hover span{opacity: 0;}
.pic_content{
    width: 54%;
    position: absolute; 
    top:3.5%;
    left:15%;
    border: 2px solid #6f7479; 
    display: none;
}
.pic_content img{width: 100% !important;height: auto !important;}
.pic input[type="radio"]:checked + label{border: 2px solid #a4aeb7;}
.pic input[type="radio"]:checked + label span{opacity: 0;}
.pic input[type="radio"]:checked ~ div[id^=pic_content]{display: block;}
/* =================================描述说明=====================================*/
/*.M-S{display: none;}*/
.M-S{
    height:auto; 
    width:100%; 
    padding:3% 0;
    background:url(https://photo.yitagroup.com/gd_Photos/ebay/cell-led/xin_muban/Body_bg_1.gif)  #183267 no-repeat;
    background-size: 100%;
    word-wrap: break-word;
}



.lm_1{
    width:97%;
    font-size:1.125em;
    color:#419afe; 
    margin-left:3%;
    padding-top: 1%;
    padding-bottom: 2%;
}
.lm_2{ 
    width: 96%;
    padding:2%;
    padding-top: 1%;
	}
.M-S>div:nth-child(2)::before{
	display: inline-block;
  	content: 'Note: Professional installation would be highly recommended.';
  	color: red;
  	margin: 10px 0;
  	font-size: 1.5rem;
  	padding:0  30px;
}
.lm_2 p{
    width: 95%;
	font-family: Arial;
	margin-left:5%;
	line-height:130%;
	letter-spacing:0px;
	color:#FFF;    
	}


.gang {
	color: #FFF;
	letter-spacing:0.2em;
    font-size: 1.4em;
}


/* =============================选项卡内容==================================*/
/*.S-M{display: none;}*/
.S-M{ 
    width:100%;
/*    background:#142b57;*/
    font-family:Arial;	
    background-size: 100%;
}

.S-M .tabs {
  width:95%;
    height: 35em;
  list-style: none;
  position: relative;
  text-align: left;
    margin: 0 auto;
}


.S-M .tabs li {
  width:25%;
  float: left;
  display: block;
}
.S-M .tabs input[type="radio"] {
 
  display:none;
}
.body_1 ul li{
	list-style:none;
	float:left;
}
.S-M .tabs label {
  display: block;
  width:98%;
  font-weight:bold;
  text-align:center;
  padding:1.4% 0;
  font-size: 1.4em;
  font-weight: normal;
  text-transform: uppercase;
  background-image:url(https://photo.yitagroup.com/gd_Photos/ebay/cell-led/xin_muban/header_tabs.png);
    background-size: 100%;
  cursor: pointer;
  color:#FFF;

}
.S-M.tabs label:hover {
	color:#000;
  background-image:url(https://photo.yitagroup.com/gd_Photos/ebay/cell-led/xin_muban/header_tabs3.png);
    background-size: 100%;
}
.S-M .tabs .tab-content {
  border-left:2px #300 solid;
  border-right:2px #300 solid;
  border-bottom:2px #300 solid;
  display: none;
  overflow: hidden;
  width: 99.5%;
  border-bottom-left-radius:3%;
  border-bottom-right-radius:3%;
  position:absolute;
  left: 0;
  color:#000;
  background: #fff;
}


.S-M .tab-content_1>img{
    width: 50%;
    margin: 14% 25.2% 3% ;
}
.tab-content_1>span:nth-of-type(1){
    margin-left: 18%;
    margin-right: 18%;
    display: block;
    margin-bottom: 4%;
    
}
.tab-content_1>span:nth-of-type(2){
    margin-left: 18%;
    margin-right: 18%;
    display:block;
    line-height: 140%;
    margin-bottom: 6%;
}
#tab-content1 .tab-content_1{
    overflow: hidden;
	left:0;
	top:1%;
	width:100%;
	background-image:url(https://photo.yitagroup.com/gd_Photos/ebay/cell-led/xin_muban/xx_p.gif);
    background-repeat: no-repeat;
	background-size: 100%;
}
#tab-content2 .tab-content_2{
    overflow: hidden;
	left:0;
	top:1%;
	width:100%;
	background-image:url(https://photo.yitagroup.com/gd_Photos/ebay/cell-led/xin_muban/xx_sh_bg.gif);
     background-repeat: no-repeat;
    background-size: 100%;	
}
#tab-content2 .tab-content_2>span{
    display: block;
    
}
#tab-content2 .tab-content_2>span:nth-of-type(1){
    margin:14.5% 0 4% 1.5%;
    line-height: 140%;
}
#tab-content2 .tab-content_2>span:nth-of-type(2){
    margin:0 4% 0 1.5%;
    line-height: 140%;
}
#tab-content2 .tab-content_2>span:nth-of-type(3){
    margin:2% 4% 0 1.5%;
    line-height: 140%;
}
#tab-content2 .tab-content_2>span:nth-of-type(4){
    margin:2% 4% 13% 1.5%;
    line-height: 140%;
}
#tab-content3 .tab-content_3{
    overflow: hidden;
	left:0;
	top:1%;
	width:100%;
	background-image:url(https://photo.yitagroup.com/gd_Photos/ebay/cell-led/xin_muban/xx_re_bg.gif);
     background-repeat: no-repeat;
    background-size: 100%;
	
}
#tab-content3 .tab-content_3>span{
    display: block;    
}
#tab-content3 .tab-content_3>span:nth-of-type(1){
    margin:8% 0 4% 1.5%;
    line-height: 140%;
}
#tab-content3 .tab-content_3>span:nth-of-type(2){
    margin:0 4% 0 1.5%;
    line-height: 140%;
}
#tab-content3 .tab-content_3>span:nth-of-type(3){
    float: right;
    margin: 17% 6% 5.5%;
}
#tab-content4 .tab-content_4{
    overflow: hidden;
	left:0;
	top:1.5%;
	width:100%;
	background-image:url(https://photo.yitagroup.com/gd_Photos/ebay/cell-led/xin_muban/xx_cu_bg.gif);
     background-repeat: no-repeat;
	background-size: 100%;
    padding-bottom: 18%;
}
#tab-content4 .tab-content_4>span{
    display: block;    
}
#tab-content4 .tab-content_4>span:nth-of-type(1){
    margin:10% 0 0 12%;
    line-height: 180%;
}
#tab-content4 .tab-content_4>span:nth-of-type(2),#tab-content4 .tab-content_4>span:nth-of-type(3){
    margin:0 0 0 12%;
    line-height: 140%;
    line-height: 180%;
}
.cu{
    color:#C00;
}
#c_4{
	font-style:italic;
}


.S-M .tabs [id^="tab"]:checked + label {
	color:#000;
  background-image:url(https://photo.yitagroup.com/gd_Photos/ebay/cell-led/xin_muban/header_tabs3.png) ;
    background-size: 100%;
}
.S-M .tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}


/* 选项卡内容结束*/

/*响应式适应样式*/
@media screen and (max-width:900px){
    .S-M .tabs {height: 32em;}
    .tab-content_1>span:nth-of-type(1){
   margin-top: -3%;
    display: inline-block;
    margin-bottom: 4%;
    }
    .S-M .tabs label{
        font-size: 1.2em;
        }
}
@media screen and (max-width:840px){
    .S-M .tabs {height: 28em;}
    .S_M .tab-content {font-size: 0.875em}
 
}

@media screen and (max-width:800px){
    .gang{display: none;}  

    .S-M .tabs .tab-content{
        position: static;
        display: none;
    }

    .S-M .tabs li{
        width:100%;
        border-top: 1px solid #012362;
        border-bottom: 1px solid #000a1c;
        background-color:#001742;
        z-index: 999; 
    }
    
    .S-M .tabs{height: auto;}

    .S-M .tabs::after{
        content: "";
        display: block;
        clear: both;
        padding: 1% 0;
    }
    .S-M .tabs label{
        width: 98%;
        text-align: left;
        padding-left: 2%;
         background-image:none;
    }
    .S-M .tabs label:hover {
        background-image:none;}
     .S-M .tabs [id^="tab"]:checked + label {
	    color:#fff;
         background-image:none;   }
    #tab-content4 .tab-content_4,#tab-content3 .tab-content_3,#tab-content2 .tab-content_2,#tab-content1 .tab-content_1{
        background-image: none;}
    .S-M .tab-content_1>span{
        width: 84%;
        margin:0 8% 4% !important;
    } 
    .S-M .tab-content_1>img{
        margin: 3% 25.2% 3%;
    }
    .tab-content_2>span{
        margin: 86%;
        margin: 2% !important;
    }
    .tab-content_3>span{
        margin: 86%;
        margin: 2% ! important;
    }
    .tab-content_3>span{float: left !important;}
    .tab-content_4>span{
        margin: 86%;
        margin:2%  !important;
    } .tab-content_4{
        padding-bottom: 1% !important;
    }
    .S-M .tabs .tab-content {
        border-bottom-left-radius:0%;
        border-bottom-right-radius:0%;}
    .S-M .tabs label::after{
       content: "+";
       display: block;
        color: white;
        float: right;
        margin-right: 2%;
    }
      .S-M .tabs [id^="tab"]:checked + label::after {
	     content: "-";
       display: block;
        color: white;
        float: right;
        margin-right: 2%;
    }
    
}
@media screen and (max-width:480px){
    .lm_1{font-size: 0.95em;}
    .lm_2 p,.S-M .tabs{font-size: 0.875em;}
}