*{margin:0;padding:0}
body
{
	width:100%;
	height:100%
}
.row{width:100%}
.mbar{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	height:72px;
	background-color:rgba(16,192,204,0.7);
	display:flex;
	align-items:center;
	justify-content:space-evenly
}
.mbar:hover{background-color:#1cd}
.mbar>a{text-align:center}
.mbar>ul{
	list-style:none;
	display:flex
}
.mbar>ul>li>a{
	display:block;
	line-height:64px;
	font-size:16px;
	transition:all ease 0.5s;
	color:White;
	padding:0 10px;
	text-decoration:none
}
.mbar>ul>li:hover a:hover{color:#00f}
.bannerpos{
	width:100%;
	position:absolute;
	top:0;
	left:0
}
.bannerpos h1{
	font-size:60px;
	text-align:center;
	color:#f2f;
	margin-top:15%
}
.inbanner{
	width:100%;
	height:200px;
	background-image:url(../img/barback.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	display:flex;
	align-items:center
}
.inbanner strong{
	display:block;
	color:#fff;
	font-size:24px;
	padding:40px 0 0 15%;
	letter-spacing:1px
}

.inside,.home,.us,.case,.news,.cooperate,.cloud,.contact{
	width:90%;
	margin:0 auto;
	padding:30px 0
}
.home,.case{
	display:flex;
	align-items:center;
	justify-content:space-between
}
.home>div>h2,.us>h2,.case h2{
	color:#0aa;
	margin-bottom:20px
}
.home>div>p,.case>div>p{
	text-indent:2em;
	line-height:200%
}

.us>p{
	text-indent:2em;
	line-height:200%;
	margin-bottom:10px
}
.photo-frame{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap
}
.photo-frame>img{
	width:300px;
	height:200px;
	margin:20px
}
.honor .swiper-slide{
	display:flex;
	align-items:center;
	justify-content:center
}
.honor .swiper-slide>img{margin:10px}
.honor img{margin:0 40px}

.busy{
	width:90%;
	margin:0 auto;
	padding:20px 0;
	display:flex;
	align-items:start;
	justify-content:start;
	height:calc(100% - 200px);
}
.busy .col_a{
	width:320px;
	margin-top:30px
}
.busy .col_a>div{
	font-size:20px;
	background:#094;
	color:#fff;
	line-height:30px;
	padding:10px 0;
	text-align:center
}
.busy .col_a>ul{
	height:calc(100% - 62px);
	overflow-y:auto;
}
.busy .col_a ul>li{
	list-style:none;
	border-top:1px solid #eee;
	color:#000;
	font-size:16px;
	overflow:hidden
}	
.busy .col_a ul>li:last-child{border-bottom:1px solid #eee}	
.busy .col_a li>div:hover{
	cursor:default;
	transform:scale(1.05);
	transition:all ease 0.4s;
	color:#f0f!important
}

.busy .col_a i:hover{transform:scale(1.2)}
.busy .col_a>ul>li>div{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px
}
.busy .col_a>ul>li>ul>li>div{padding:10px 25px}

.busy .col_a li i{
	color:#535;
	font-size:large
}
.busy .col_a li>ul{display:none}
.busy>.col_b{
	width:100%;
	height:calc(100% - 10px);
	overflow-y:auto;
	margin:30px 0 20px 50px
}
.busy>.col_b h2{
	color:#0aa;
	padding-bottom:15px;
	border-bottom:solid 1px #ccc
}
.busy>.col_b ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start
}
.busy>.col_b ul>li{
	list-style:none;
	margin:30px
}
.busy>.col_b ul>li>a{
	width:243px;
	height:135px;
	display:block;
	border:solid 1px #800;
	overflow:hidden
}
.busy>.col_b ul>li>a>img{
	width:100%;
	height:100%;
	transition:transform 0.3s ease;
	transform-origin:center
}
.busy>.col_b ul>li>a>img:hover{transform:scale(1.2)}
.busy>.col_b ul>li>center{
	padding:10px;
	color:#fff;
	background-color:#800
}

[data-aos="fade-left"].row{background-color:#eee}
.casei{
	max-width:82%;
	margin:0 auto;
	padding:30px 0
}
.case>div>img{width:90%}
.casei>h4{margin-bottom:10px}
.casei>p{
	padding-top:20px 0;
	text-indent:2em;
	line-height:200%;
}
.casei>center{margin:16px 0}
.casei>.round{
	margin:0 auto;
	margin-top:20px;
	padding:6px;
	width:440px;
	border:2px dashed #59d;
	border-radius:20px
}
.casei>.round>div{
	margin:10px;
	display:flex;
	justify-content:space-between
}
.casei>.round>div span{
	border-radius:6px;
	background-color:#59d;
	color:White;
	padding:5px 10px
}
.casei>ul{
	padding-left:60px;
	list-style:square;
	line-height:200%
}
.casei .swiper{height:440px}
.casei .swiper-slide{
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center
}
.casei .swiper-slide center{margin:16px 0}
.casei .swiper-slide>div>img{margin:0 16px}

.news .item{margin:10px 0}
.news h2{color:#0aa}
.news h3{
	text-align:center;
	margin:20px
}
.news h4{
	padding:10px 0;
	line-height:200%
}
.news>p{
	text-indent:2em;
	line-height:200%
}
.news img{
	padding:20px 0;
	loading:lazy;
	cursor:pointer
}

.cooperate>ul{
	margin-top:20px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start
}
.cooperate>ul>li{
	width:300px;
	margin-bottom:30px;
	list-style:none;
	text-align:center
}
.cooperate>ul>li>img{
	border:solid 1px #ccc;
	width:100%;
}
.cooperate>ul>li>center{margin:10px}

.cloud>h2{color:#0aa}
.cloud>ul{
	width:auto;
	list-style:none;
	margin-top:20px;
	display:flex;
	flex-wrap:wrap;
	align-items:end;
	justify-content:space-evenly
}
.cloud>ul>li{margin:0 30px 60px 30px}
.cloud>ul>li>video{
	width:auto;
	height:315px
}
.cloud>ul>li>center{
	padding:10px;
	color:#fff;
	font-size:16px;
	background-color:#a00;
}
.cloud>div>*{
	margin:20px;
	background-color:#a00
}
.cloud>div>div>center{
	margin:10px;
	color:#fff;
	font-size:18px
}

.contact{display:flex}
.contact>div h2{
	font-weight:normal;
	color:#0aa
}
.contact>div>*{width:100%}
.contact .con{
	width:100%;
	display:flex;
	align-items:center;
	padding:30px 0 20px 0;
	border-bottom:solid 1px #eee
}
.contact .con>div *{line-height:150%}
.contact .i{
	margin:0 20px;
	font-size:32px;
	color:#17b
}
.contact img{width:100%}

.more{
	width:144px;
	height:48px;
	line-height:50px;
	text-align:center;
	color:#17b;
	border:2px solid #17b;
	display:block;
	margin-top:20px;
	transition:all ease 0.4s;
	text-decoration:none
}
.more:hover{
	color:#fff;
	background-color:#17b;
}
.more1{
	display:flex;
	width:144px;
	height:48px;
	transition:all ease 0.4s;
	align-items:center;
	justify-content:center;
	background:linear-gradient(225deg, #26B7BC, #0B86F3);
	color:#fff;
	text-decoration:none;
	margin-top:20px;
}
.more1 span{
	margin-right:10px;
	transition:all ease 0.4s
}
.more1:hover span{margin-right:16px}

.foot{
	width:100%;
	padding:20px 0;
	background-image:linear-gradient(rgba(32,128,224,1), rgba(32,128,224,0.5))
}
.footer{
	margin:0 auto;
	max-width:90%;
	display:flex;
	justify-content:space-between
}