*{margin:0px; padding:0px;}


html{background-color: #2d2d2d;}

body{background-color:#fff;}

div.allpage{
	width:100%; margin:0 auto;
}

div.topbanner{
	height:5rem; background-color:#fff; background-image:url(/images/toplogo.png); background-repeat:no-repeat; background-position:top center; background-size:contain;
}

div.showtitle{
	width:100%; height:9vh; background-image:url(/images/showtitle.png); background-repeat:no-repeat; background-position:center; background-size:contain;
}

div.contacttitle{
	width:100%; height:5vh; background-image:url(/images/contacttitle.png); background-repeat:no-repeat; background-position:center; background-size:contain;
}

div.list{
	width:94%; margin:0 auto;
}

td.lefttd{
	display:inline-block; width:50%; text-align:left; vertical-align:top;
}

td.righttd{
	display:inline-block; width:50%; text-align:right; vertical-align:top;
}

div.videobox{
	flex:1;
}

div.video_thumb{
	width:86%; margin:0 auto; position:relative;
}

div.video_thumb img{
	width:100%; border-radius:0.6rem;
}

div.video_thumb img.playicon{
	position:absolute; z-index:100; left:0px; top:0px; cursor:pointer;
}

div.video_info{
	width:86%; padding-top:0.3rem; margin:0 auto; height:4.6rem; text-align:left; line-height: 1.5em;
}

div.bottomdiv{
	background-image:url(/images/bottom_back.png); background-repeat:no-repeat; background-size:cover; color:#fff; font-size:0.7rem; padding:12px 0px 60px 0px; line-height:1.5em; text-align:center;
}

div.blackalpha{
	display:none; background-image:url(/images/blackalpha.png); min-width:100%; min-height:100%; position:fixed; top:0px; left:0px; z-index:200;
}


div.btbox{
	flex:1; box-sizing: border-box; display: inline-block;
}

div.mainbt{
	width:90%; aspect-ratio: 2/1; background-size: contain; border-radius:1rem; margin:0 auto; position: relative; cursor:pointer;
}

div.mainbt span{
	color:#fff; font-size:1.1rem; display: inline-block; position: absolute; right:0.8rem; bottom:1rem;
}

div.about_content{
	width:96%; margin:0 auto; font-size:1rem; color:#555; border-radius:1rem; background-color:#fff;
}

div.about_content p{
	line-height:1.8em; padding:1rem;
}

div.cases_menu{
	width:96%; margin:0 auto; height:3rem; color:#555; border-radius:1.5rem; background-color:#fff; display:flex; align-items: center; overflow-x: auto; flex-wrap: nowrap;
	scrollbar-width: none; /* Firefox 隐藏滚动条 */
    -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
}

div.cases_menu::-webkit-scrollbar {
    display: none; /* Chrome/Safari 隐藏滚动条 */
}

div.cases_menu span{
	flex: 0 0 auto; cursor:pointer; display:inline-block; font-size:1rem; height:2rem; line-height:2rem; border-radius:1rem; padding:0rem 1rem; margin-left:0.5rem;
}

div.cases_menu span.selected{
	background-color:#2cb280; color:#fff;
}

div.cases_content{
	width:96%; margin:0 auto; font-size:1rem; color:#555; border-radius:1rem; background-color:#fff;
}

div.cases_content div.cases_class{
	font-size:1.3rem; text-align: center; padding:1.3rem; font-weight:bold;
}

.flex{
	display:flex;
}

div.tabcontent{
	display:none;
}

div.services_box{
	width:94%; margin:1rem auto; padding:10px; border-radius:0.6rem; display:flex; overflow:hidden; box-sizing: border-box;
}

div.services_box div.pic{
	width:40%; aspect-ratio:4/3; border-radius:0.4rem; background-size: cover; align-self: flex-start; 
}

div.services_box div.intro{
	width:60%; font-size:0.8rem; margin-left:10px;
}

div.services_box div.intro span.title{
	font-size:1.2rem; font-weight:bold; margin-top:0px;
}

div.services_box div.intro span{
	margin-top:5px; display: inline-block;
}
	
@media screen and (max-width:360px){
html{font-size:13px;}
div#video_box{width:100%;}
}
@media screen and (min-width:361px) and (max-width:600px){
html{font-size:16px;}
div#video_box{width:100%;}
}
@media screen and (min-width:601px) and (max-width:1024px){
html{font-size:19px;}
div#video_box{width:100%;}
}

@media screen and (min-width:1025px){
html{font-size:19px;}
body{max-width:700px; margin:0 auto;}
div#video_box{width:700px;}
div.cases_menu{scrollbar-width: thin; -ms-overflow-style: auto;}
}