:root{
	--content-color: #b1b1b1;
}
@media (min-width:1360px){
	:root{
		--base-w:1300px;
		--ban-w:600px;
		--font-big-size:40px;
		--font-big-size2:24px;
		--font-mid-size:32px;
		--font-mid-size2:20px;
		--juli-h:85px;
	}
	
	.jian-ju{
		padding:85px 0px;
	}
}

@media (min-width:1200px) and (max-width:1360px){
	:root{
		--base-w:1200px;
		--ban-w:550px;
		--font-big-size:36px;
		--font-big-size2:22px;
		--font-mid-size:28px;
		--font-mid-size2:20px;
		--juli-h:75px;
	}
	
	.jian-ju{
		padding:75px 0px;
	}
	
}

@media (max-width:1200px){
	:root{
		--base-w:1050px;
		--ban-w:475px;
		--font-big-size:32px;
		--font-big-size2:20px;
		--font-mid-size:26px;
		--font-mid-size2:18px;
		--juli-h:70px;
	}
	
	.jian-ju{
		padding:70px 0px;
	}
}

.jian-ju-top{
	padding-top:var(--juli-h);
}

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

.top45{
margin-top:45px;
}

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

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

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

.index-main .spin:first-child{
	padding-bottom:45px;
}

.index-main .spin.bg-black{
	background:black;
}

.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 .title{
line-height:44px; font-size:var(--font-mid-size); margin-bottom:20px; 
}

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

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


.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:44px; font-size:var(--font-big-size);
}

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

/**图文居中，文字放上面--**/
.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:25px;
}

.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:var(--content-color);
}


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

.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;
}
@media (max-width:1520px){
	.index-main .spin .txt-boxs .title{
		line-height:44px; 
	}

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

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

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

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

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

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

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



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

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

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

	.index-main .spin.big .txt-boxs .content{
		line-height:30px; 
	}
	
	.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; 
	}
	
	
	
	
}



@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/anamorphic/jupiter/images/dy_bg.jpg) no-repeat center center;
	}
	
	 
}


.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/anamorphic/jupiter/images/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;
	}
	
}