:root{
	--content-color: #b1b1b1;
	--word-full-color:#544888;
}

@media (min-width:1320px){
	:root{
		--base-w:1230px;
		--ban-w:600px;
		--font-big-size:44px;
		--font-big-size2:24px;
		--font-mid-size:34px;
		--font-mid-size2:24px;
		--juli-h:98px;
		--juli-margin:90px;
	}
	
}

@media (min-width:1200px) and (max-width:1320px){
	:root{
		--base-w:1200px;
		--ban-w:550px;
		--font-big-size:40px;
		--font-big-size2:22px;
		--font-mid-size:28px;
		--font-mid-size2:22px;
		--juli-h:80px;
		--juli-margin:70px;
	}
	
}

@media (max-width:1200px){
	:root{
		--base-w:96%;
		--ban-w:475px;
		--font-big-size:36px;
		--font-big-size2:20px;
		--font-mid-size:26px;
		--font-mid-size2:20px;
		--juli-h:70px;
		--juli-margin:65px;
	}
}

.other-title.tit-top{
	margin-top:25px;
}

#owl-demo-1{
	margin-top:18px;
}

.slideshow{
	margin-top:45px;
}

.img-top.img{
	margin-top:65px !important;
}

.img-mini-top.img{
	margin-top:35px !important;
}

.img-bottom.img{
	margin-bottom:65px !important;
}
.img-description{
	line-height:30px;  color:var(--content-color); font-size:calc(var(--font-mid-size2) - 2px); padding-top:7px;
}

.index-main .spin .img.no-ju{
	padding-top:0px; margin-top:0px;
}

.index-main .spin .img img.gif-img{
	max-width:100% !important; width:100%;
}

.other-title{
line-height:44px; font-size:var(--font-big-size); margin-bottom:35px; color:white; text-align:center; margin-top:40px;
}

.top20{
margin-top:20px;
}
.top35{
margin-top:35px;
}

.top45{
margin-top:45px;
}

.top60{
margin-top:60px;
}

.base{
max-width:var(--base-w); width:100%; padding:0px 20px; margin:0 auto;
}

.index-main{
background:#000; padding-top:65px;
}

.l3bg{
	background:url(https://s1.sirui.com/product/Light/background.jpg) no-repeat center top; background-size:100% auto; padding-top:var(--juli-h);
}

.l3bg footer{
	background:none !important;
}



.index-main .spin{
	position:relative; width:100%; overflow:hidden; 
}

.index-main .spin.ju-bottom{
	margin-bottom:var(--juli-margin);
}

.index-main .spin img.bigimg{
max-width:100%;
}

.index-main .spin.hei-bai{
background:black; color:white;
}

.index-main .spin .txt-boxs{
}

.index-main .spin .txt-boxs .red{
	color:red;
}

.index-main .spin .txt-boxs .title{
line-height:44px; font-size:var(--font-mid-size); margin-bottom:14px; letter-spacing:2px;
}

.index-main.en-us .spin .txt-boxs .title{
font-size:calc(var(--font-mid-size) + 2px); 
}

.index-main .spin .txt-boxs .content{
line-height:33px; font-size:var(--font-mid-size2); letter-spacing:1px;
}

.index-main .spin.en-us .txt-boxs .content{
	font-size:calc(var(--font-mid-size2) + 2px);
}

.index-main .spin .txt-boxs .content.full-color{
	color:var(--word-full-color);
}

.index-main .spin .txt-boxs.white .title,.index-main .spin .txt-boxs.white .content{
color:white;
}

.index-main .spin .txt-boxs.white .content{
color:var(--content-color);
}

.index-main .spin .txt-boxs.white .content.white{
color:white;
}

.index-main .spin .txt-boxs.ban{
width:var(--ban-w);
}

/**大字号--**/
.index-main .spin.big .txt-boxs .title{
line-height:53px; font-size:var(--font-big-size);
}

.index-main .spin.big .txt-boxs .content{
line-height:36px; font-size:var(--font-big-size2);
}

.index-main.zh-cn .spin.big .txt-boxs .content{
	line-height:40px;
}

.index-main.zh-cn .spin .txt-boxs .content {
    line-height: 36px;
}

.index-main.zh-cn .spin.big .txt-boxs .title{
	line-height:54px;
}




/**图文居中，文字放上面--**/
.index-main .spin.center .txt-boxs{
position:absolute; left:0%; top:0px; width:100%; height:100%; text-align:center; padding-top:var(--juli-h);
}

/**图文居中，文字放下面--**/
.index-main .spin.center.xiaman .txt-boxs{
position:absolute; left:0%; bottom:0px; width:100%; height:100%; text-align:center; padding-bottom:var(--juli-h);
}

/**左边图片 右边文字**/
.index-main .spin.left{
text-align:left;
}

.index-main .spin.left .txt-boxs{
position:absolute; right:0%; top:0px; width:50%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:center;
}

/**右边图片 左边文字**/
.index-main .spin.right{
text-align:right;
}

.index-main .spin.right .txt-boxs{
position:absolute; left:0%; top:0%; width:50%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:center;
}

/**上面是图片100%铺满的情况----------------下面是图片50%的情况**/
.box-flex{
	display:flex; flex-wrap:wrap; justify-content:center; flex-direction:row-reverse;
}
/**左边图片，右边文字**/
.index-main .spin .w-left .img{
width:52%;  overflow:hidden;
}

.index-main .spin .w-left .img img{
width:100%;
}

.index-main .spin .w-left .txt-boxs{
width:48%; padding:0px 60px; text-align:center; 
}

.index-main .spin .w-left .txt-boxs{
	display:flex; justify-content:center; flex-direction:column;
}

/**右边图片，左边文字**/
.index-main .spin .w-right.box-flex{
	flex-direction:row;
}
.index-main .spin .w-right .img{
width:52%;  overflow:hidden;
}

.index-main .spin .w-right .img img{
width:100%;
}

.index-main .spin .w-right .txt-boxs{
width:48%; padding:0px 55px; text-align:center;
}

.index-main .spin .w-right .txt-boxs{
	display:flex; justify-content:center; flex-direction:column;
}

.index-main .spin .txt-boxs .title.small-jianju{
	margin-bottom:10px;
}


.index-main .spin .txt-boxs.white .content.big{
	font-size:calc(var(--font-big-size2) + 2px); line-height:35px; text-align:center; padding:0px 15px;
}


/**图片在上面，文字在下面**/
.index-main .spin.w-center .img{
overflow:hidden; text-align:center; margin-bottom:13px;
}

.index-main .spin.w-center .img img{
max-width:100%;
}

.index-main .spin.w-center .txt-boxs{
	max-width:1000px; margin:0 auto; width:100%; text-align:center;
}

.index-main .spin.w-center .txt-boxs .title.mid-tit{
	font-size:var(--font-mid-size); color:#fff;
}

/**图片在下面，文字在上面**/
.index-main .spin.w-center.xiaman .img{
overflow:hidden; text-align:center; margin-top:25px; margin-bottom:0px;
}

.index-main .spin.w-center.xiaman .img img{
max-width:100%; 
}

.index-main .spin.w-center.xiaman .txt-boxs{
max-width:1000px; margin:0 auto; width:100%; 
}

img.cs-img,img.w100{
	display:block; max-width:100%;
}

img.round-5{
	border-radius:5px;
}

.index-main .spin .txt-boxs .content span:last-child{
		display:inline-block;
}
	
.index-main .spin .txt-boxs .content font{
		display:block;
}

.index-main .spin.big .txt-boxs .content.content2{
	padding-left:80px; padding-right:80px;
}

.index-main .spin.w-center.xiaman .img img.w820{
	width:870px; 
}

.index-main .spin.w-center.xiaman  .img.img-ju{
	margin-bottom:18px; padding:0px 70px;
}


@media (max-width:1520px){
	.index-main .spin .txt-boxs .title{
		line-height:53px; 
	}

	.index-main .spin .txt-boxs .content{
		line-height:30px; 
	}

	.index-main .spin.big .txt-boxs .title{
		line-height:53px;
	}

	.index-main .spin.big .txt-boxs .content{
		line-height:32px; 
	}
	
	
	
	
}

@media (max-width:1380px){
	.index-main .spin .txt-boxs .title{
		line-height:50px; 
	}

	.index-main .spin .txt-boxs .content{
		line-height:28px;
	}

	.index-main .spin.big .txt-boxs .title{
		line-height:51px; 
	}

	.index-main .spin.big .txt-boxs .content{
		line-height:32px; 
	}
	
	
	.slideshow{
	margin-top:40px;
	}
	
	
	.index-main .spin.w-center .txt-boxs{
		max-width:960px; 
	}
	
}



@media (max-width:1280px){
	.index-main .spin .txt-boxs .title{
		line-height:45px; 
	}

	.index-main .spin .txt-boxs .content{
		line-height:27px;
	}

	.index-main .spin.big .txt-boxs .title{
		line-height:46px; 
	}

	.index-main .spin.big .txt-boxs .content{
		line-height:30px; padding-left:10px; padding-right:10px;
	}
	
	.base{
		padding:0px 30px;
	}
	
	.index-main .spin .w-left .txt-boxs,.index-main .spin .w-right .txt-boxs{
		padding:0px 45px;
	}
	
	.index-main .spin.w-center .txt-boxs{
		max-width:780px; 
	}
	
	.gif1{
	padding:0px 10px;
	}
	
	
	.slideshow{
		margin-top:38px;
	}
	
	
}

@media (max-width:1200px){
	
	.index-main .spin.big .txt-boxs .content{
		padding-left:24px; padding-right:24px;
	}
	
	.index-main .spin .txt-boxs .title.small-jianju{
		margin-bottom:5px;
	}
	
	.index-main .spin .txt-boxs .content{
		line-height: 24px;
	}
	
	.gif1{
	padding:0px 50px;
	}
	
}



@media (max-width:1150px){
	.index-main{
		padding-top:120px;
	}
}


@media (min-width:1200px){
	.ding-yue{
	background:url(https://sirui-cf.oss-us-west-1.aliyuncs.com/lights/images/l3/dy_bg.jpg) no-repeat center center;
	}
	
	.ding-yue .base-center-box{
		max-width: 1300px;
	}
	 
}


.ding-yue .base-center-box a{
color:white; 
}

.ding-yue .base-center-box a.ding_youtube{
background:url(/static/20220301_img/wap_ico1.png) no-repeat left center;
}

.ding-yue .base-center-box a.ding_vip{
background:url(/static/20220301_img/wap_ico2.png) no-repeat left center;
}

.ding-yue .base-center-box a.ding_kit{
background:url(/static/20220301_img/wap_ico3.png) no-repeat left center;
}

.ding-yue .base-center-box a.ding_contact{
background:url(/static/20220301_img/wap_ico4.png) no-repeat left center;
}

.ding-yue .base-center-box a.ding_facebook{
background:url(/static/20220301_img/wap_ico5.png) no-repeat left center;
}


@media (max-width:1200px){
	.ding-yue{
	 background:#004098 url(https://sirui-cf.oss-us-west-1.aliyuncs.com/lights/images/l3/dy_bg.jpg) no-repeat 33% top;
	}
	
	.ding-yue .base-center-box a.ding_youtube{
		background-size:auto 20px;
	}

	.ding-yue .base-center-box a.ding_vip{
		background-size:auto 18px;
	}

	.ding-yue .base-center-box a.ding_kit{
		background-size:auto 20px;
	}

	.ding-yue .base-center-box a.ding_contact{
		background-size:auto 18px;
	}

	.ding-yue .base-center-box a.ding_facebook{
		background-size:auto 20px;
	}
	
}