@import "animate.min.css";

/* 公共样式 */
.clear {
	clear: both;
}

.height51 {
	height: 51px;
}

.height30 {
	margin-top: 30px;
}

.fLeft {
	float: left;
}

.mr-30 {
	margin-right: 30px;
}
.text-black{}
.text-black a{color: #000;text-decoration: dashed;}

/* 背景图 */
.bg-map{background-image: url(../images/bg-map.png);}

/* 
鼠标经过特效
transition-delay 动画延迟时间
transition-duration 动画持续时间
*/
.card-hover:hover{transition-delay:0.5s;transition-duration:0.5s;border-color:#95BBEC;}


.box-hover{
	text-align: center;
	overflow: hidden;
	position: relative;
}
.box-hover:before{
	content: "";
	width: 0;
	height: 100%;
	background: #000;
	padding: 14px 18px;
	position: absolute;
	top: 0;
	left: 50%;
	opacity: 0;
	transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}
.box-hover:hover:before{
	width: 100%;
	left: 0;
	opacity: 0.6;
}
.box-hover img{
	width: 100%;
	height: auto;
}
.box-hover .box-content{
	width: 100%;
	padding: 14px 18px;
	color: #fff;
	position: absolute;
	top: 38%;
	left: 0;
}
.box-hover .title{
	font-size: 25px;
	font-weight: 600;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.box-hover .post{
	font-size: 15px;
	text-transform: capitalize;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.box-hover:hover .title,
.box-hover:hover .post{
	opacity: 1;
	transition-delay: 0.7s;
}
.box-hover .icon{
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 15px;
}
.box-hover .icon li{
	display: inline-block;
}
.box-hover .icon li a{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background: #f74e55;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin-right: 5px;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.5s ease 0s;
}
.box-hover:hover .icon li a{
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 0.5s;
}
.box-hover:hover .icon li:last-child a{
	transition-delay: 0.8s;
}
@media only screen and (max-width:990px){
	.box{ margin-bottom: 30px; }
}



#hover{background-color: #2e6da4;}
#hover a{color: #fff;}
/* 鼠标经过特效结束 */

/* 
body {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,#grayscale");
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
} */
.rounded-15px{border-radius: 15px;overflow: hidden;}

/* 网站头部 */
.Search {
	width: 80px;
}

/* 网站首页 */
.h-title {
	text-align: center;
	border-bottom: 1px #E0DFE3 dashed;
	padding: 20px 0;
	margin-bottom: 20px;
}

.h-title h2 {}

.carousel .fa {
	font-size: 35px;
}

.carousel-dark .carousel-indicators [data-bs-target] {
	color: #fff;
	background-color: #fff;
}

.case {}

.case ul {}

.card {}

.card-li {
	margin: 10px 0px;
}

.card-li a {
	text-decoration: none;
}

.card-title a {
	color: #605C53;
}


/* 首页新增服务 */

.Service {
	background-color: #FBFBFB;
	padding: 30px 0;
}

.Service .Service-li {
	text-align: center;
	padding: 15px 0;
}

.Service .Service-li i {
	color: #95BBEC;
	font-size: 6vw;
}

.Service .Service-li p {
	height: 30px;
	margin-top: 15px;
}

.Service .Service-li div:hover i {
	color: #0dcaf0;
}


.About {
	padding: 30px 0;
	background-image: url(../images/web-bg.jpg);
}

.About-li {}

.About-li img {
	padding: 10px 0;
}


.process {
	padding: 30px 0;
	background-image: url(../images/web-bg.jpg);
}

.process-li {
	text-align: center;
	padding: 15px 0;
}

.process-li i {
	color: #95BBEC;
	font-size: 3vw;
	padding: 15px 0;
}

.process-li i:hover {
	text-align: center;
	color: darkgoldenrod;
}

/* 服务器 */
.Cloudservers{
	padding: 30px 0;
	background-image: url(../images/map-bg.png);
	
}
.Cloudservers-li {
	text-align: center;
	padding: 15px 0;
}

.Cloudservers-li i {
	color: #95BBEC;
	font-size: 3vw;
	padding: 15px 0;
	text-align: center;
}

.Cloudservers-li i:hover {
	color: darkgoldenrod;
}
.Cloudservers .card{margin-bottom: 20px;}


/* 行业APP */
.industry{
	padding: 30px 0;
	background-image: url(../images/web-bg.jpg);
}
.industry-li {
	text-align: center;
	padding: 15px 0;
}

.industry-li i {
	color: #95BBEC;
	font-size: 65px;
	padding: 15px 0;
}

.industry-li .card{margin-bottom:20px;}
.industry-li .card:hover i{
	color: darkgoldenrod;
}

/* 合作伙伴 */
.partners li {
	float: left;
}

.partners img {
	margin: 0 10px 10px 0;
}

.partners-text {
	margin: 20px 0;
}

.partners-text span {
	margin-right: 5px;
}

.partners-text a {
	color: #605C53;
	text-decoration: none;
	font-size: 12px;
}



/* 网站底部 */
.footer {
	color: #fff;
	background-color: #2e6da4;
}

.footer span {
	color: #fff;
}

.footer a {
	color: #fff;
	text-decoration: none;
}

.footer a:hover {
	color: #fff;
}

.copyright {
	padding-bottom: 20px;
}
.copyright p{}

.old_menu {
	padding-top: 20px;
}

.old_menu a {
	padding: 0 5px;font-size: 12px;
}
/* 二维码 */
.Qrcodecenter{width: 320px;margin: 0 auto;}
.Qrcode{text-align: center;width: 100px;float: left; margin:10px 30px 0 10px;}
.Qrcode img{height: auto;width:100px;}
.Qrcode-p{font-size: 12px;padding:5px 0;}


/* 栏目列表 */
.top_banner {
	background: url('../images/slider_bg1.jpg');
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.top_banner_top {
	padding: 4% 0;
}

.top_banner_top h2 {
	color: #ffffff;
	text-transform: uppercase;
}

/* 新闻列表 */

/* 默认高度 */
.height500{min-height: 500px;}
.listmain {
	margin-top: 30px;
}



.slt-left {
	float: left;
	margin-right: 20px;
}

.slt-right {}


/* 详细页 */
.list-main {}

.page-main {
	margin: 30px 0;
	min-height: 500px;
}

.page-main img {
	max-width: 100%;
}

.details img {
	max-width: 100%;
}

.fengexian {
	border-bottom: 1px #E0DFE3 dashed;
	padding: 10px 0;
	margin-bottom: 20px;
}

.labelList {
	color: #000;
	text-decoration: none;
}




/* 上一页 */
.show-next {
	padding: 15px 0;
	margin-top: 30px;
	margin-bottom: 30px;
}

.show-next div {}

.show-next a {
	color: #000000;
	text-decoration: none;
}

.show-next i {
	color: red;
}


/* 分页 */
#pages {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 30px;
}

#pages li {
	float: left;
	padding: 0 10px;
	border: 1px solid #e3e3e3;
	border-right: none;
	font-size: 18px;
}

#pages li a {
	color: #000;
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
}

#pages li:last-child{border-right: 1px solid #e3e3e3}
#pages li.active{background-color: #2e6da4;color: #fff;}



/* 相关推荐 */
.like-title {
	border-bottom: 1px #E0DFE3 dashed;
	padding: 10px;
	margin-bottom: 20px;
}


/* 标签 */



/* 详细页TAG */
.show_tags {
	margin: 20px;
}

.show_tags ul {
	padding: 0;
	margin: 0;
}

.show_tags ul li {
	height: 30px;
	line-height: 30px;
	list-style-type: circle;
}

.show_tags ul li a {
	color: #000;
}

/* tags列表 */
.tags_list_tit {
	float: left;
}

.tags_list_tit a {
	color: #000;
	padding: 10px;
}


/* 产品筛选 */
.product_box {}

.classify-screen {
	/* border: 1px solid #ececec; */
	font-size: 12px;
	padding: 5px 20px 0px;
	margin: 15px auto;
}

.classify-box {
	padding: 10px 0px;
}

.classify-box .classify-name {
	width: 80px;
	float: left;
	font-size: 16px;
	font-weight: 400;
	text-indent: 15px;
	line-height: 30px;
}

.classify-box .classify-screen-con {
	font-size: 16px;
	line-height: 30px;
	float: left;
	width: auto;
}

.classify-box .classify-screen-con .classify-choose {
	width: auto;
	float: left;
}

.classify-box .classify-screen-con a {
	position: relative;
	float: left;
	color: #666;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}

.classify-box .classify-screen-con a:hover {
	color: #E31939;
}

.classify-box .classify-screen-con a:after {
	content: '';
	display: block;
	width: 1px;
	height: 16px;
	background-color: #e3e3e3;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
}

.classify-box .classify-screen-con a span {
	padding: 3px 10px;
	margin: 0 10px;
}

.classify-box .classify-screen-con a.selected span {
	background: #E31939;
	color: #ffffff;
}

/* 搜索历史 */
.shistory{}
.shistory a{color: #000;}


/* 城市分站 */
.bread-nav{} /* 面包屑 */
.bread-nav a{color: #000000;text-decoration: none;}
.city_biaoqian{text-align: center;}
.city_biaoqian a{color: #000000;text-decoration: none;border: #E0DFE3 1px solid;display:inline-block;width: 100%;margin-bottom: 15px;border-radius: 5px;padding: 10px 0;}
.city_biaoqian a:hover{color: #D26A5C;}