@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	list-style:none;
}

body{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 14px;
	margin:0 auto;
	padding-top: 40px;
}

#body{
	width:100%;
	background-color: #fff;
	
}

a, a:hover, a:visited, a:active {
    text-decoration: none;
	color: inherit;
	cursor:pointer
}


/*---表头---*/
.top{
	width: 100%;
	background: rgba(50, 91, 135, 1);
	height: 40px;
	padding: 8px 15px;
	 position: fixed;
  top: 0;
  left: 0;
   z-index: 1000;
   box-shadow: 0 3px 8px rgba(0,0,0,0.3);
}
.biaozhi{ float: left;
}

/*---index banner---*/
h1{font-size: 1.5rem; 
}
h2{
	font-size: 22px;
	letter-spacing: 2px;
    font-weight: 700;
}
p{
	font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
}

.index_banner{
	width: 100%; 
	height: 212px;
	background-image:url("./imgs/index_banner.png"); 
	background-repeat: no-repeat;
	background-size: cover;
	line-height: 30px; 
	padding: 63px 30px; 
	color: #fff;
	letter-spacing: 5px;
	text-align: center;
	font-weight: bold;

}
/*-----humeng概要-----*/

.introduce_index{
 background-image:url("./imgs/introduce_title.png"); 
 line-height: 36px;
 height: 66px;
 padding: 16px 0px 0px 15px;
 color: #fff;
}

.introduce_img_bg{
	 background-image:url("./imgs/introduce_bg.png");
	 height: 208px;
	 background-repeat:no-repeat;
	 background-position: left;
	 background-color: #03152d;
	 padding:0px 14px ;
}

.introduce_img{
	width:100%;
	height:202px;
	border: #7a7a7a 0.5px dashed; 
	border-radius: 5px;
}
.introduce_img img{
	width: 100%; 
	height: 200px;
}
.introduce_font_bg{
	width: 100%;
	background-image:url("./imgs/introduce_font_bg.png");
	background-repeat:no-repeat;
	background-position: left;
	height: auto;
	background-color: #03152d;
	padding: 0px 15px 20px 15px;
}

.introduce_font{
	width: 100%;
	height: auto;
	border: #707070 1px solid;
	background-color:  rgba(4, 24, 51, 0.9);
	border-radius: 5px;
	color: #fff;
	padding: 26px 10px;
}
h3{
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #fff;
}

/*-----核心业务-----*/
.majorbusiness_index{
    width: 100%;
    color: #fff;
	float: left;
}
.majorbusiness_bg{
   width: 10%;
   background-image: url("./imgs/majorbusiness_bg.png");
   /* padding: 30px 5px 0px 10px; */
   display: grid;
   place-items: center;
   height: 222px;
   writing-mode: vertical-lr;
   font-size: 18px;
   font-weight: bold;
   letter-spacing: 6px;
   float: left;
   background-size: contain;
}
.majorbusiness_img{
	background-image: url("./imgs/Intelligent_\ Computing_\ Center_bg.png");
	width: 90%;
	height: 222px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;

}
.majorbusiness_img h1{
	font-size: 18px;
	margin: 120px 15px 40px 15px;
	text-align: center;
	line-height: 26px;
	letter-spacing: 3px;
}

.sekuai_box{
	 display: grid;
     grid-template-columns:auto auto auto auto ;
	padding: 10px 50px;
	width: 100%;
	padding: 0 40%;
	height: 18px;
	text-align: center;
	margin: 0 auto;
}

.sekuai_box1{
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #fff;
	margin-right:5px;
	float: left;
}
.sekuai_box >.sekuai_box2{
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color:#afaeae;
	grid-gap: 10px ;
	
}

.cloudcomputing_img{
	background-image: url("./imgs/cloudcomputing_bg.png");
	width: 90%;
	height: 222px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;

}

.cloudcomputing_img h1{
	font-size: 18px;
	margin: 120px 15px 40px 15px;
	text-align: center;
	line-height: 26px;
	letter-spacing: 3px;
}

.computingPower_img{
	background-image: url("./imgs/computingPower_bg.png");
	width: 90%;
	height: 222px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}
.computingPower_img h1{
	font-size: 18px;
	margin: 120px 15px 40px 15px;
	text-align: center;
	line-height: 26px;
	letter-spacing: 3px;
}
.solutionIndex_img{
	background-image: url("./imgs/solutionIndex_bg.png");
	width: 90%;
	height: 222px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}
.solutionIndex_img h1{
	font-size: 18px;
	margin: 120px 15px 40px 15px;
	text-align: center;
	line-height: 26px;
	letter-spacing: 3px;
}

/*-----代表项目----*/
.project_index{
  width: 100%;
    color: #fff;
}
.project_bg{
   width: 10%;
   background-image: url("./imgs/projectIndex_bg.png");
   /* padding: 30px 5px 0px 10px; */
   display: grid;
   place-items: center;
   height: 210px;
   writing-mode: vertical-lr;
   font-size: 18px;
   font-weight: bold;
   letter-spacing: 6px;
   float: left;
   background-size: contain;
}
.FiveLian_img{
	background-image: url("./imgs/5lian.png");
	width: 90%;
	height: 210px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}
.FiveLian_img h1{
	font-size: 1.2rem;
	margin: 120px 15px 40px 15px;
	text-align: center;
	line-height: 26px;
	letter-spacing: 3px;
}

.FiveLian_img_hover{
    background-image: url("./imgs/5lian_Hover.png");
    width: 90%;
	height: 210px;
	float: left;
	padding:16px 20px 0 20px;
	background-size: cover;
	background-repeat: no-repeat;
}
.FiveLian_img_hover h1{
	line-height: 26px;
	font-size: 1.2rem;
	margin-bottom: 5px;
    width: 100%;
	text-align: center;
	letter-spacing: 1px;
}
.FiveLian_img_hover p{
	font-size: 14px;
	line-height: 26px;
	width: 100%;
	letter-spacing: 1px;
	height: 130px;

}

/* nanwan*/
.nanwan_img{
	background-image: url("./imgs/nanwan.png");
	width: 90%;
	height: 210px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}
.nanwan_img h1{
	font-size: 1.2rem;
	margin: 120px 15px 40px 15px;
	text-align: center;
	line-height: 26px;
	letter-spacing: 3px;
}

.nanwan_img_hover{
    background-image: url("./imgs/nanwan__Hover.png");
    width: 90%;
	height: 210px;
	float: left;
	padding:16px 20px 0 20px;
	background-size: cover;
	background-repeat: no-repeat;
}
.nanwan_img_hover h1{
	line-height: 26px;
	font-size: 1.2rem;
	margin-bottom: 5px;
    width: 100%;
	text-align: center;
	letter-spacing: 1px;
}
.nanwan_img_hover p{
	font-size: 14px;
	line-height: 26px;
	width: 100%;
	letter-spacing: 1px;
	height: 130px;

}
/* kexing*/
.kexing_img{
	background-image: url("./imgs/kexing.png");
	width: 90%;
	height: 210px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}
.kexing_img h1{
	font-size: 1.2rem;
	margin: 120px 15px 40px 15px;
	text-align: center;
	line-height: 26px;
	letter-spacing: 3px;
}

.kexing_img_hover{
    background-image: url("./imgs/kexing__Hover.png");
    width: 90%;
	height: 210px;
	float: left;
	padding:16px 20px 0 20px;
	background-size: cover;
	background-repeat: no-repeat;
}
.kexing_img_hover h1{
	line-height: 26px;
	font-size: 1.2rem;
	margin-bottom: 5px;
    width: 100%;
	text-align: center;
	letter-spacing: 1px;
}
.kexing_img_hover p{
	font-size: 14px;
	line-height: 26px;
	width: 100%;
	letter-spacing: 1px;
	height: 130px;
}

/* 环球*/
.huanqiu_img{
	background-image: url("./imgs/huanqiu.png");
	width: 90%;
	height: 210px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}
.huanqiu_img h1{
	font-size: 1.2rem;
	margin: 120px 15px 40px 15px;
	text-align: center;
	line-height: 26px;
	letter-spacing: 3px;
}

.huanqiu_img_hover{
    background-image: url("./imgs/huanqiu__Hover.png");
    width: 90%;
	height: 210px;
	float: left;
	padding:16px 20px 0 20px;
	background-size: cover;
	background-repeat: no-repeat;
}
.huanqiu_img_hover h1{
	line-height: 26px;
	font-size: 1.2rem;
	margin-bottom: 5px;
    width: 100%;
	text-align: center;
	letter-spacing: 1px;
}
.huanqiu_img_hover p{
	font-size: 14px;
	line-height: 26px;
	width: 100%;
	letter-spacing: 1px;
	height: 130px;
}

.FiveLian_img_hover p span{
	border: 1px #fff solid;
	padding: 2px;
}

.FiveLian_img_hover p span:hover{
	background: rgba(255, 255, 255, 0.3);
	
}

.nanwan_img_hover p span{
	border: 1px #fff solid;
	padding: 2px;
}

.nanwan_img_hover p span:hover{
	background: rgba(255, 255, 255, 0.3);
	
}

.kexing_img_hover p span{
	border: 1px #fff solid;
	padding: 2px;
}

.kexing_img_hover p span:hover{
	background: rgba(255, 255, 255, 0.3);
	
}


.huanqiu_img_hover p span{
	border: 1px #fff solid;
	padding: 2px;
}

.huanqiu_img_hover p span:hover{
	background: rgba(255, 255, 255, 0.3);
	
}

/*----社会责任---*/
.responsibility_index{
	width: 100%;
	background-image:url("./imgs/responsibilityIndex_bg.png");
    background-repeat: no-repeat;
	height: 350px;
	padding: 30px 15px 15px 15px;
	text-align: center;
	background-size: cover;
	color:#fff;
	clear: both;
}
.responsibility_index h1{
    font-size: 1.2rem;
	line-height: 30px;
	letter-spacing: 2px;
	font-weight: bold;
    
}
.responsibility_index P{
    font-size: 1.1rem;
	line-height:30px;
	padding: 30px 0;
}
.responsibility_index div{
    font-size: 13px;
	line-height:28px;
}

/*----新闻资讯---*/
.news_index{
	width: 100%;
	height: auto;
	background-color: #1c272f;
	border-top: 1px #524040 dashed;
	height: 100vh;
	color:#fff;
	padding: 10px 0 30px 0;
	height: 1100px;
}
.news_index_leftbox{
	float: left;
	width: 10%;
	height: auto;
}
.news_index_leftbox h1{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 6px;
	writing-mode: vertical-lr;
	padding: 60px 5px 0px 10px;
}
.news_index_rightbox{
    float: left;
    width: 90%;
}
.news_index_box{
	width: 100%;
	padding: 35px 15px 15px 10px;
	height: auto; 
	clear: both;
	object-fit: cover;
}
.news_index_box img {
  width: 100%;
  height: auto;
  clear: both;
 
}
.news_text_index{
width: 100%;
margin: 10px 0;
clear: both;
}
.news_index_box h1{
  line-height: 30px;
  font-size: 1.2rem;
  font-weight: bold;
  color:#fff;
}
.news_index_bottombox{
   width: 100%;
   height: 18px;
   font-size: 14px;
   margin-bottom: 10px;
   
}
.news_index_daytime{
	float: left;
	width:88px;
	line-height:18px;
}
.news_mode{
	float: left;
	width:120px;
	line-height:18px;
	padding-left: 15px;
	border-left: #fff 1px dotted;
}
.news_index_more{
    width: 100%;
	height: 156px;
	clear: both;
	

}
.news_index_more img{
    margin: 8px auto 30px auto;
	text-align: center;
	  display: block;

}

.news_index_more input{
    background-color: #2B85F8;
	width: 30%;
	height: 34px;
	display: block;
	margin: 0 auto;
    line-height: 34px;
	clear: both;
	color: #fff;
	 text-align: center;
	 font-size: 16px;
	 border: none;
	 padding-left: -10px;
}

/*----新闻资讯---*/

.footer{
	border-top: 1px #524040 dashed;
	padding: 30px 15px;
	width: 100%;
	clear: both;
	background-color: #212124;
	color: #fff;
	width: 100%;
	height: 236px;
	padding: 15px 30px 20px 30px;
}
.footer h1{
    font-size: 1.2rem;
	height: 30px;
	margin-bottom: 25px;
	font-weight: 400;
	width: 100%;
}
.Phonefooter{
   width: 75%;
   line-height: 18px;
   font-size: 14px;
   float: left;
}
.Phonefooter_P{
	width: 100%;
  font-size: 1rem;
	line-height:24px;
	margin-bottom: 10px;
	text-align: left;
	padding-bottom: 6px;
}
.Phonefooter_P span{
	color: #2B85F8;
	font-weight: bold;
	text-align: left;
}
.phonefooter_right{
	float:right;
	padding-top: 8px;
	width: 25%;
}
.phonefooter_right img{
    text-align: center;

}
.weixin{
	width: 79px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0px;
    margin-top: 2px;
}
/*----注册信息---*/
.renzheng{
	width: 100%;
	border-top: #524040 1px dotted;
    display: grid;
    grid-template-columns:auto ;
    grid-gap:30px ;
    background-color: #212124;
    padding: 30px 0 30px 0;
    clear: both;
}

.renzheng> .renzheng_text {
	text-align: center;
}
.renzheng_text h1{
  font-size: 14px;
  color: #fff;
  line-height: 26px;
  font-weight: 400;

}

/*----- 目录-----*/
.modal_overlay {
  position: fixed;
  top: 0px;
  left: 10%;
  width: 90%;
  height: 100vh;
  background: rgba(50, 91, 135, 0.9);
  z-index: 1000;
  
}
.close{
    width: 100%;
	height: 40px;
	padding: 10px 20px 0 0;
}
.close img{
	 float: right;
}
.menu {
  display: block;
  width: 100%;
  height: auto;
  font-size: 16px;  
  color: rgba(255, 255, 255, 1);
  padding-right: 20px;
  padding-left: 20px;
}

.menu li{
  width: 100%;
  line-height: 42px;
  border-bottom: 1px solid rgba(94, 161, 255, 1);
  height: auto;
  padding: 0 15px;
}
/*
.menu > :a li:nth-child(1),.menu > li:nth-child(4),.menu > li:nth-child(6),.menu > li:nth-child(7){
	 background: url("./imgs/muluLine_right.png") no-repeat center right; 
}
	 */

.menu > :a li:hover{
		background-color: #3b7dd3;
}

.menu2{
  width: 100%;
  height: auto;

}
.menu2 li{
  width: 100%;
  height: 42px;
  
  font-size: 16px;
  border: none;
  margin-bottom: 1px;

}
.menu2 li img{
   float: right;
   line-height: 24px;
	display: block;
	margin:10px auto;

}
/*
.menu2 ul li{
  width: 100%;
  height: 42px;
  padding:0 20px;
  font-size: 16px;
  border: none;
  margin-bottom: 1px;

}
.menu2 ul li img{
   float: right;
   line-height: 24px;
	display: block;
	margin:10px auto;

}
*/


.menu2 a{
	text-decoration: none;
	display: block;
	color: #fff;
}
.menu2 a:link{
   text-decoration: none;
   color: #fff;
}

.menu2 > a:hover{
    background-color: #3b7dd3;
	text-shadow:4px 4px 8px rgba(0, 0, 0, 0.5);

}

.menu2 a:active{
 
}


/*-----  about us   -----*/
.banner_normal{
	width: 100%; 
	height: 114px;
	background-image:url("./imgs/AboutUs/banner_aboutUs.png"); 
	background-repeat: no-repeat;
	background-size: cover;
	font-weight: bold;
}
.banner_normal h1{
  padding: 30px 0 0 15px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 36px;
  color: rgba(4, 21, 31, 1);

}

.General_Situation {
	background: rgba(238, 238, 238, 1);
	width: 100%;
	padding: 0 15px 30px 15px;
	height: 100vh;
	height: 690px;
	padding-bottom: 30px;

}

.General_title{
	width:100%;
	padding: 16px 0;
}
.General_title_bg{
    width: 35%;
	background-image:url("./imgs/AboutUs/line_bg.png");
	background-repeat: repeat-x;
	float: left;
}
.General_title_text{
	width: 25%;
	float: left;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	color: rgba(153, 153, 153, 1);
	letter-spacing: 2px;
	text-align: center;

}
.General_title_h1{
    margin-top: 14px;
	font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 36px;
    color: rgba(4, 21, 31, 1);
	clear: both;
	width: 100%;
}
/*   今日互盟     */
.General_text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	padding: 10px;
}

.General_text h1{
  font-weight: 700;
letter-spacing: 1px;
line-height: 26px;
color: rgba(43, 133, 251, 1);
font-size: 18px;
margin-bottom: 15px;
}

.General_text p{
font-weight: 400;
letter-spacing: 0px;
text-indent: 2em;
line-height: 22px;
color: rgba(85, 85, 85, 1);
font-size: 14px;
padding-bottom: 10px;
}
.General_text img{
	height:auto;
	width: 100%;
	padding: 20px 0 30px 0;
}
.General_bottom{
	display: flex;
	width: 100%;
	justify-content: flex-start;
	height: 42px;
	background: rgba(238, 238, 238, 1);
}
.General_bottom h1{
	width: 88px;
	text-align: center;
	font-size: 26px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 42px;
    color: rgba(43, 133, 251, 1);
	text-shadow: 0px 3px 6px  rgba(0, 0, 0, 0.5);
	padding:0 10px;
	margin-right: 8px;
}  
.General_bottom_remarks{
	width: 200px;
	border-left: 0.5px solid rgba(153, 153, 153, 1);
    color: rgba(85, 85, 85, 1);
	text-align: left;
	padding: 4px 0 0 6px;
	margin-left:8px;
	height: 25px;	
	line-height: 30px;
}
/*   qualifications*/
.qualification{
	background-image: url("./imgs/AboutUs/CO_img2_index.png");
	width: 100%;
	height: 329px;
	background-size: cover;
	background-position:ceter ceter;
	background-repeat: no-repeat;
    color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: wrap;
	text-align: center;
	align-content: flex-start;
	clear: bo;

}
.item{
	width: 50%;
	height: 80px;
	margin-top: 40px;
	padding: 15px;
}
.item strong{
	font-size: 24px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 38px;
}
.item sup{
    font-size: 24px;
}

/* -- aboutContentCore active --*/

.aboutContentCore {
    background: url("./imgs/AboutUs/about_back2.png") no-repeat;
	background-size: cover;
	background-position:ceter ceter;
    height: 730px;
	width: 100%;
    position: relative;
    padding: 46px 0 30px 0;
    color: #FFF;
}

.aboutContentCore h1{
     font-size: 22px;
     font-weight: 700;
     letter-spacing: 2px;
     line-height: 36px;
	 padding-left: 15px;

}
.aboutContentCoreLeft {
    background: url("./imgs/AboutUs/aboutCoreCircleBg.png") no-repeat;
	width: 130px;
    height: 600px;
    position: absolute;
	background-position: 40% center;

}

.aboutContentCoreLeft span {
    display: block;
    position: absolute;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;    
    text-align: center;
}

.aboutCore01 {
    width: 51px;
    height:46px;
    top: 212px;
    left: 40px;
	padding: 0 10px 10px 0;
    line-height: 3 !important;
    
}
.aboutCore02 {
    width: 80px;
    height: 60px;
    top: 230px;
    left: 75px;
	padding: 0 30px 10px 0;
    line-height: 4 !important;
}
.aboutCore03 {
    width:90px;
    height:54px;
    top: 274px;
    left: 92px;
	padding:12px 47px 0 0;
	line-height: 2 !important;
}
.aboutCore04 {
    width: 52px;
    height: 54px;
    top: 315px;
    left: 75px;
	line-height: 3;
	padding-right: 5px;
}

.aboutCore05 {
    width:51px;
    height:45px;
    top: 340px;
    left: 44px;
	line-height: 3;
	padding-right: 10px;
}
.aboutCore01:hover {
    background: url("./imgs/AboutUs/aboutCore01.png") no-repeat;

}
.aboutCore02:hover {
    background: url("./imgs/AboutUs/aboutCore02.png") no-repeat;
}
.aboutCore03:hover {
    background: url("./imgs/AboutUs/aboutCore03.png") no-repeat;
}

.aboutCore04:hover {
    background: url("./imgs/AboutUs/aboutCore04.png") no-repeat;
}
.aboutCore05:hover{
    background: url("./imgs/AboutUs/aboutCore05.png") no-repeat;
	
	}

.aboutContentCore .lineStep {
    width: 2px;
    height: 600px;
    position: absolute;
    left:152px;
    top: 100px;
    background: #FFF;
}

.lineStepPoint {
    width: 10px;
    height: 10px;
    background: #FFF;
    border-radius: 5px;
    position: absolute;
    left: -4px;
}
.lineStepPoint.active {
    background: linear-gradient(330deg, #354CFF 0%, #55D2FF 100%);
}

.aboutContentCore .aboutContentCoreRight {
    position: absolute;
    left:160px;
	width: 55%;
	/*width: 200px;*/
    font-size: 14px;
	top:100px;
	height: 600px;
	display: flex;
	flex-direction: column;
}
.aboutContentCoreRight span {
   
    margin: 20px 0 10px 6px;
    padding: 5px;
    line-height: 22px;
	width: 100%;
	/*
	width: 188px;*/
	height: 86px;
	display: flex;
     align-items:center;
	 justify-content: center;    
	 text-align: left;
}
.aboutContentCoreRight span:hover{
   background: rgba(255, 255, 255, .25);
   border-radius: 6px;
}

/*  historyInfo  */

.aboutHistory {
	width: 100%;
    height: 690px;
    background:url("./imgs/AboutUs/historyInfo_bg.png") no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 0 15px;
    position: relative;
    animation: bgtobig 25s infinite;
    -webkit-animation: bgtobig 25s infinite;
}
.aboutHistory h3{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 36px;
	padding-top: 40px;
}
.historyInfo {
    padding: 15x 0 0 0;
    position: relative;
    animation: aboutSpantMove 1s forwards;
    -webkit-animation: aboutSpantMove 1s forwards;
}
.historyInfo h3 {
    color: #FAAB02;
    position: relative;
    font-size:36px;
}
.historyInfo h5 {
    color: #FAAB02;
    opacity: .3;
    position: absolute;
    z-index: 0;
    top: 10px;
    font-weight: 600;
    left: -15px;
    font-size: 50px;
}
.historyInfo h2 {
    display: block;
    margin-top: 20px;
	font-size: 22px;
    line-height: 45px;
	font-weight: 400;
}
.historyInfo span {
    display: block;
    font-size: 14px;
	line-height: 22px;
	height: 44px;
	width: 100%;
}
.aboutHistoryStep {
    padding-top: 360px;
    position: relative;
	width: 100%;
	height: 294px;

}



/*historyInfo*/
.content {
   	width: 100%;
	height: 310px;
	margin-top: 120px;
}
.items {
	width: 86px;
	height: 80px;
	margin: 0 0 15px 0;
	padding: 0px;
	float: left;
	
}

.timeline{
	width: 100%;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.timeline_line_icon1{
    position: relative;
	width:100%;
    height: 1px;
    top: 15px;
	margin-left: 43px;
    left: 42px;
	background-color: #e7e7e7;
	margin: 9px 0px;
	
}
.timeline_line_icon1 img{
    position: absolute;
	width: 26px;
	height: 26px;
	top:-12px;

}
.timeline_line_icon1_bg{
	background: url("./imgs/AboutUs/left_arrow.png") no-repeat center center;
	width: 27px;
	height:27px;
	top:-12px;
	position: absolute;
	border: 1px #fff solid;
	border-radius: 14px;
}
.timeline_line_icon1_bg:hover{
    background: url("./imgs/AboutUs/left_arrow_hover.png") no-repeat center center;

}

.timeline_line_icon2{
    position: relative;
	width:43px;
	left: -30px;
    height: 1px;
    top: 15px;
	background-color: #e7e7e7;
	margin: 9px 0px;
	
}
.timeline_line_icon2_bg{
	background: url("./imgs/AboutUs/right_arrow.png") no-repeat center center;
	width: 28px;
	height: 28px;
	top:-12px;
	position: absolute;
	border: 1px #fff solid;
	border-radius: 14px;
	left: 43px;
}
.timeline_line_icon2_bg:hover{
    background: url("./imgs/AboutUs/right_arrow_hover.png") no-repeat center center;

}

.timeline_line{
	position: relative;
	width: 100%;
    height: 1px;
    top: 15px;
    left: 0;
    right: 0;
	background-color: #e7e7e7;
	margin: 9px 0px;
}
.timeline_line_inner {
	position: absolute;
    border: 1px solid #f1f1f1;
    width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: rgba(76, 111, 134, 1);
	margin: 0 auto;
	top: -3px;
	left:50%;	
}
.timeline_line_inner:hover{
    border: 1px solid #f1f1f1;
    width: 14px;
	height: 14px;
	border-radius: 7px;
	background-color: rgb(255, 255, 255);
	top: -7px;
	left:48%;

}

.timeline_year{
	width: 100%;
	margin-top: 15px;
    height: 36px;	
	font-size: 16px;
	padding-left: 10px;
}
.timeline_years{
    text-align: center;
	line-height: 26px;
}
.timeline_years:hover{
    font-weight: bold;
}
/*  aboutHonors  */
.aboutHonors{
	background: url("./imgs/AboutUs/aboutHonors_bg.png") no-repeat center center ;
	background-size: cover;
	height: 1300px;
	width: 100%;
	padding: 40px 15px 15px 15px;
	clear: both;
}

.aboutHonors h3{
   font-size: 22px;
   font-weight: 600;
   letter-spacing: 2px;
   line-height: 36px;
}
.aboutHonors_box{
	width: 100%;
	margin:30px 0 20px 0;
    height: 1150px;
    margin-left: 10px;
    border-left: #fff 1px dashed;
   	color: #fff;
	position: relative;
	display: flex;
	 flex-direction: column;
}
.aboutHonors_box_contant {
	width: 100%;
	height: 243px;
	left: -11px;
	position: absolute;
	 background: url("./imgs/AboutUs/aboutHonors_li.png") no-repeat left 15%; 
	 padding-left: 30px;    
}

.aboutHonors_box_contant h3{
    line-height: 36px;
	margin-bottom: 1rem;
}
.aboutHonors_box_contant span{
    line-height: 1.3rem;
}

/*  aboutUs-resp- banner   */
.banner_resp{
	height: 256px;
	width: 100%;
	background: url("./imgs/AboutUs/about02_bg01.png")center center no-repeat;
	background-size: cover;
	padding: 25px 15px 0 15px;
}
.banner_text_bg{
	border-radius: 5px;
    background: rgba(4, 21, 31, 0.5);
	width: 100%;
	height: 152px;
	color: #fff;
	padding: 15px 15px 0 15px;
}

h2{
	font-size: 1.2rem;
	line-height: 2rem;
}
.banner_resp.banner_text_bg p{
     font-size: 1rem;
	 line-height: 1.5rem;
}

.text{
	height: 811px;
}
.subdirectory_content{
	display: flex;
	padding: 0 15px;
	justify-content: space-between;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 1px;
	border-bottom: #E4E7ED 1px solid;
}
.item_promise{
	height: 50px;
	line-height: 50px;
	width: 34%;
	text-align: center;
	background-color: rgba(39, 171, 113, 1);
	color: #fff;
}
.item_promise_unchecked{
	height: 50px;
	line-height: 50px;
	width: 34%;
	text-align: center;
	color: #04151F;
	background-color: rgb(255, 255, 255);
}
.item_promise_unchecked:hover{
	background-color: rgba(39, 171, 113, 1);

}
.Environment_box{
	margin: 20px 15px 0 15px;
}

.Environment_box img{
	margin: 10px 0 10PX 0;
	width: 100%;
	height: auto;
	display: flex;
    overflow: hidden;
}
.Environment_box_leftline{
	width:38px;
	height: 130px;
	border-right: #27AB71 2px solid;
	margin: 10px 0px 10px 0;
	float: left;
	position: relative;

}
.Environment_box_text{
	 width: 84%;
	 height: 130px;
	 padding: 10px 0 0 15px;
	 display: flex;
	 align-content: stretch;
	 margin-top: 10px;
	 float: left;
	 position: absolute;	
	 left: 27px;
}
.Environment_box_text ul li{
	
	font-size: 14px;
    font-weight: 400;
	height: 30px;
	height: 23px;
    color: rgba(4, 21, 31, 1);
	margin-bottom: 20px;
	background: url("./imgs/AboutUs/about02_img03.png") no-repeat;
	padding-left: 40px;
}
.Environment_box_text2{
    height: 254px;
	width: 100%;
	border-bottom: #27AB71 3px solid;
	clear: both;
	box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
	padding: 15px 5px 15px 15px;	
	margin-bottom: 20px;
}
.Environment_box_kapian{
	width: 70%;
}
.Environment_box_kapian p{
	float: left;
	width: 100%;
	height: 230x;
	line-height: 22px;
	color: #333333;
}
.Environment_box_img{
	width: 30%;
	height: 150px;
	padding: 0px 0 0 10px;
	float: left;
	display: flex;
    align-items: center; 
    justify-content: center;
}

/*  news   */
.news_box{
    width: 100%;
	padding: 30px 15px;
	background-color: #fff;
	color: rgba(41, 40, 40, 1);
	
}
.navbar{
    width: 100%;
	display: flex;
	font-size: 14px;
    font-weight: 400;
	letter-spacing: 1px;
    height: 28px;
	text-align: center;
	line-height: 28px;
	margin-bottom: 25px;
}
.navbar1{
	width: 22%;
}
.navbar1:hover{
	border-bottom: 1px solid rgba(42, 130, 228, 1); 
}
.navbar1:checked{
	color: rgba(42, 130, 228, 1);
}
.navbar2{
	width: 10%;
	border-left: #4C728D 1px solid;
	height:20px;
	margin-top: 6px;
}
.new_libox{
	width: 100%;
}
.news_libox1{
    width: 100%;	
    letter-spacing: 0px;
	margin-bottom: 20px;
}
.news_libox1:hover{
	background: rgba(240, 240, 240, 1);
}
.news_text_date{
    font-size: 14px;
    font-weight: 400;
	height: 24px;
    line-height: 24px;
	padding-left: 3px;
	background: url("./imgs/AboutUs/date_bg.png") no-repeat left bottom;
}
.news_text_img{
	width: 100%;
	height: 152px;
}
.news_text_img img{
	width: 100%;
	height: 152px;
}
.news_text_box{
	 border: 1px solid rgba(184, 184, 184, 1);
	 padding: 0 15px 15px 15px;
	 margin: 0;
}
.news_text_box h3{
	width: 100%;
	font-size: 18px;
    font-weight: 700;
	line-height: 28px;	
    color: rgba(41, 40, 40, 1);
	margin: 15px 0;
}
.news_text_box span{
	height: 132px;
	width: 100%;
	font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.pageBotn{
	width: 100%;
	padding:  5px 0px;
}
.pageBotn img{
    height: 40px;
	width: 40px;
	margin:0 18% ;
}

/*  news_detail   */
.news_box_detail{
	width: 100%;
	background: #fff;
	padding: 20px 15px;
}
.news_box_detail h1{
	font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 36px;
    color: rgba(0, 0, 0, 1);
    text-align: center;
}
.news_box_detail h6{
	width: 100%;
	text-align: center;
	font-size: 1rem;
	height: 24px;
	margin-top: 10px;
}
.news_box_detail p{
	font-size: 14px;
    line-height: 22px;
    color: rgba(51, 51, 51, 1);
	margin: 15px 0;
	text-indent: 2em;
	text-align: justify;
}
.news_box_detail img{
	width: 100%;
	height: auto;
}
#return{
	width: 100%;
	font-size: 16px;
     font-weight: 700;
	 height: 40px;
    color: rgba(51, 51, 51, 1);
	margin-bottom: 20px;
	padding: 0 38%;
}
#return img{
    float: left;
	margin: 0 5px;
}
#return span{
	 line-height: 22px;
	 height: 40px;
	 padding-top: 10px;
	 float: left;
}

/*  business_IDC  */
.banner_IDC{
	height: 220px;
	width: 100%;
	background: url("./imgs/Business/IDC_banner.png") no-repeat center center;
	background-size: cover;
	padding: 15px;
}
.banner_IDC_box{
	width: 100%;
	height: 166px;
	background: rgba(4, 21, 31, 0.5);
	color: #fff;
	padding: 15px;
}
.banner_IDC_box h1{
	font-size: 1.2rem;
}
.banner_IDC_box p{
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}
.IDC_data_bg{
	width: 100%;
	height: 80px;
	display: flex;
	background: url("./imgs/Business/Tch_bg01.png" ) no-repeat center center;
	background-size: cover;
	color: #fff;
	padding: 15px;
}
.IDC_data_text{
	width: 25%;
	text-align: center;
	line-height: 28px;
	letter-spacing: 1px;
	font-size: 16px;
}
.IDC_data_text span{
	font-size: 24px; 
    font-weight: 700;
    line-height: 30px;
}
.IDC_data_img{
	width: 100%;
	height: 254px;;
	background-color: #2B85F8;
}
.IDC_data_img img{
	width: 100%;
	height: 254px;
}
	

/*  5联智算中心   */
.WulianCenter{
	width: 100%;
	height:360px;
	background: url("./imgs/Business/server_bg001.png") no-repeat center center;
	background-size: cover;
	display: flex;
}
.Center_left{
	width: 50%;
	height: 360px;
}


.Center_right{
	width: 50%;
	height: 360px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%);
    backdrop-filter: blur(4px);
	padding: 32px 5% 20px 5%;
	color: #fff;
	text-align: center;
}
.Center_right h1{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 36px;
	font-size: 20px;
	margin-bottom: 10px;
}
.Center_right_text{
    width: 100%;
    
}
.Center_right_text li{
  height: 32px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.2);
	margin-bottom: 8px;
	width: 100%;
	line-height: 32px;
	text-align: left;

}
.iconTags1{
	background: url("./imgs/Business/iconDataTags01.png")4px center no-repeat ;
}
.iconTags2{
	background: url("./imgs/Business/iconDataTags02.png")1px center no-repeat ;
}
.iconTags3{
	background: url("./imgs/Business/iconDataTags03.png")4px center no-repeat ;
}
.iconTags4{
	background: url("./imgs/Business/iconDataTags04.png")4px center no-repeat ;
}
.iconTags5{
	background: url("./imgs/Business/iconDataTags05.png")4px center no-repeat ;
}
.iconTags6{
	background: url("./imgs/Business/iconDataTags06.png")1px center no-repeat ;
}
.icontData{
    height: 32px;
	width: 140px;
	margin: 0 auto;
	padding-left: 28px;
}

 /*  NanWan智算中心   */
.NanWanCenter{
	width: 100%;
	height:360px;
	background: url("./imgs/Business/servers_bg003.png") no-repeat center center;
	background-size: cover;
	display: flex;
}
.Center_left2{
	width: 50%;
	height: 360px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 31%, rgba(0, 0, 0, 1) 100%);
    backdrop-filter: blur(4px);
	padding: 20px 5% 20px 5%;
	color: #fff;
	text-align: center;
	
}
.Center_left2 h1{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 36px;
	font-size: 20px;
	margin-bottom: 10px;
}
.iconTags7{
	background: url("./imgs/Business/iconDataTags07.png")1px center no-repeat ;
}
.iconTags8{
	background: url("./imgs/Business/iconDataTags08.png")1px center no-repeat ;
}
.iconTags9{
	background: url("./imgs/Business/iconDataTags09.png")1px center no-repeat ;
}
.Center_left2 strong{
	line-height: 24px;
	font-size: 14px;
font-weight: 700;
line-height: 23px;
color: rgba(42, 130, 228, 1);
text-align: center;
}
 /*  KeXing智算中心   */
 .KeXingCenter{
	width: 100%;
	height:360px;
	background: url("./imgs/Business/servers_bg002.png") no-repeat center center;
	background-size: cover;
	display: flex;
}
.Center_right strong{
	line-height: 24px;
	font-size: 14px;
font-weight: 700;
line-height: 23px;
color: rgba(42, 130, 228, 1);
text-align: center;
}

 /*  HuanQiu智算中心   */
 .HuanQiuCenter{
	width: 100%;
	height:360px;
	background: url("./imgs/Business/servers_bg004.png") no-repeat center center ;
	display: flex;
}
 /*  cloudComputing   */
 .banner_cloudComputing{
	height: 206px;
	background: url("./imgs/Business/cloud_banner.png") ;
	background-size:cover;
	padding: 30px 15px;
 }
 .cloudComputing_box_BG{
   height: 120px;
 }
 .bg-size{
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat ;
	background-position: center center;
 }
 .map_bg{
	width: 100%;
	height: 380px;
	background: url("./imgs/Business/worldBanner_bg.png") center center;
	padding: 15px;
 }
.map_cotent{
	display: flex;
	width: 100%;
	height: 162px;
	background-color: rgba(0, 0, 0, 0.2);
	flex-wrap: wrap;
	text-align: center;
	line-height: 30px;
	padding: 0 5px;
	font-size: 14px;
}
.map_cotent_items{
    width: 33%;
	height: 81px;
	border-bottom: 1px dashed #fff;
	color: #fff;
	padding-top: 10px;
}
.map_cotent_items strong{
	font-size: 24px;
    font-weight: 700;
}
.map_bg img{
	width: 100%;
	height: 195px;
}
.cloud_content{
    display: flex;	
	letter-spacing: 0px;
	border-bottom: 0px;
	
}

.item_General{
   	width: 22%;
	background-color:#2B85FB;
    font-size: 16px;
    font-weight: 700;

}
.item_General_unchecked{
    height: 50px;
	line-height: 50px;
	width: 34%;
	text-align: center;
	color: #04151F;
	background-color: rgb(255, 255, 255);
}

.item_General_unchecked:hover{
	background-color:#2B85FB;
	color: #fff;
}

.item_General_box{
	background: url("./imgs/Business/blue_bg01.png") no-repeat center center;
	background-size: cover;
	height: 420px;
	padding: 15px;
}
.fontColor_f{
     color: #fff;
}
.cloudBox_content{
	padding-top: 70px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-content: space-between;
	height: 224px;
}
.cloudBox_items{
    width: 30%;
	height: 80px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 5px;
	margin-top: 10px;
	text-align: center;
	line-height: 22px;
	padding-top: 10px;
}
.teshu{	
	font-size: 13px;
	letter-spacing: -0.5px;
}

.item_DiyCloud_box{
	background: url("./imgs/Business/blue_bg02.png") no-repeat center center;
	background-size: cover;
	height: 420px;
	padding: 15px;
}
.item_CloudNatrue_box{
	background: url("./imgs/Business/cloud_computing001.png") no-repeat center center;
	background-size: cover;
	height: 420px;
	padding: 15px;
}
.item_Xc_box{
	background: url("./imgs/Business/blue_bg04.png") no-repeat center center;
	background-size: cover;
	height: 420px;
	padding: 15px;
}

 /*  netProducts   */
.banner_netProducts{
	background: url("./imgs/Business/netProducts_banner.png") center center;
	height: 220px;
	color: #fff;
	padding: 15px;
}
.banner_netProducts h1{
	padding-top: 50px;
	font-size: 1.2rem;
	
}
.global_netNode_bg{
	background: url("./imgs/Business/netContentBg01.jpg") center center;
	height: 340px;
	width: 100%;
	color: #fff;
	padding: 15px;
}

.global_netNode_bg h1{
	font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 36px;
    color: rgba(255, 255, 255, 1);  
	padding: 20px 0px;
}
.global_netNode_bg p{
     font-size: 14px;
     font-weight: 400;
     letter-spacing: 0px;
     line-height: 22px;
     color: rgba(255, 255, 255, 1);
}
.global_netNode_bg img{
     width: 100%;
	 height: 194px;
}

.net_content{
	display: flex;
	padding: 0 15px;
	justify-content: space-between;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 1px;
}
.item_net{
    width: 50%;
	background-color:#2B85FB;
    font-size: 16px;
    font-weight: 700;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
.item_net_unchecked{
    height: 50px;
	line-height: 50px;
	width:50%;
	text-align: center;
	color: #04151F;
}
.item_net_unchecked:hover{
	background-color:#2B85FB;
	color: #fff;
}
.netChangeBox_bg{
	background: url("./imgs/Business/netContentBg02.jpg") center center;
	height: 500px;
	padding: 15px;
}
.companyNetBox_bg{
	background: url("./imgs/Business/netContentBg04.jpg") center center;
	height: 500px;
	padding: 15px;
}
.netContantBg03{
	background: url("./imgs/Business/netContentBg03.jpg") center center;
	height: 354px;
	width: 100%;
	padding-top: 30px;
	position: relative;
}
.netContantBg04{
	position: absolute;
	margin:0 10% 0 18%;
	background: url("./imgs/Business/netContentText_small.png") center center no-repeat;
	height: 276px;
	width: 307px;
	height: 276px;
	padding: 17px 15px 0 40px;
	color: #fff;
	box-shadow: 0px 3px 6px  rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(60px);
}
.netContantBg04 h1{
	font-size: 20px;
    font-weight: 700;
   letter-spacing: 2px;
   line-height: 36px;
}

.netContantBg04 p{
	line-height: 26px;
}
/*   ValueADD_Services  */
.banner_AalueAdd{
	width: 100%;
	background:url("./imgs/Business/added_banner.png") no-repeat center center;
	height: 220px;
	padding: 15px;
}
.ValueAdd_content{
	width: 100%;
	display: flex;
	padding: 0 15px;
	justify-content: space-between;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 1px;
}
.item_ValueAdd{
    width: 33%;
	background-color:#2B85FB;
    font-size: 16px;
    font-weight: 700;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
.item_ValueAdd_unchecked{
    height: 50px;
	line-height: 50px;
	width:33%;
	text-align: center;
	color: #04151F;
}
.item_ValueAdd_unchecked:hover{
	background-color:#2B85FB;
	color: #fff;
}
.ValueAdd_bg{
	width: 100%;
	background:url("./imgs/Business/added_Tabs01.png") no-repeat center center;
	height: 418px;
	padding: 15px;
	background-size: cover;
}
.ComApp_bg{
   width: 100%;
	background:url("./imgs/Business/added_Tabs02.png") no-repeat center center;
	height: 418px;
	padding: 15px;
	background-size: cover;
}
.AddSafe_bg{
    width: 100%;
	background:url("./imgs/Business/added_Tabs03.png") no-repeat center center;
	height: 418px;
	padding: 15px;
	background-size: cover;
}
.ValueAddx_content{
    padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	align-content:space-between;
	height: 224px;
}
.ValueAdd_items{
	width: 48%;
	height: 100px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 5px;
	margin-top: 10px;
	text-align: center;
	line-height: 30px;
	padding-top:20px;
	backdrop-filter: blur(4px);
}
.services_box{
    display: flex;
	flex-wrap: wrap;
	height: 800px;
	background-color: #fff;
	color: #fff;
}
.services_box_li{
	width: 100%;
    height: 200px;
	text-align: center;	
	line-height: 30px;
	padding: 70px 10%;
}
.services_box_li1{	
	height: 200px;
	background: url("./imgs/Business/addedServicer01.jpg") no-repeat center center;
	background-size: cover;
}
.services_box strong{
	font-size: 22px;
font-weight: 700;
letter-spacing: 2px;
line-height: 36px;
}
.services_box_li2{	
	height: 200px;
	background: url("./imgs/Business/addedServicer02.jpg") no-repeat center center;
	background-size: cover;
}
.services_box_li3{	
	height: 200px;
	background: url("./imgs/Business/addedServicer03.jpg") no-repeat center center;
	background-size: cover;
}
.services_box_li4{	
	height: 200px;
	background: url("./imgs/Business/addedServicer04.jpg") no-repeat center center;
	background-size: cover;
}
/*      Computing   */
.banner_computing{
	width: 100%;
	height: 230px;
	background: url("./imgs/Computing/BannerComputling_bg.png") no-repeat center center;
}
.banner_text_bg h1{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px; 
}
.banner_text_bg p{
	line-height: 22px;
	font-size: 14px;
}
.computingBox{
	width: 100%;
}
.cloudServer_box{
   color: rgba(56, 56, 56, 1);
   background: rgba(248, 251, 255, 1);
}
.Gap{
	margin: 18px 0;
}
.Gap2{
	margin: 30px 0 20px 0;
}
.Gap_padding{
	padding: 0px 15px;
}
.Gap_padding2{
	padding: 20px 0;
}
.computing_content{
	width: 100%;	
	display: flex;
	border-bottom: 1px solid rgba(207, 207, 207, 1);
}
.item_computing{
	width: 50%;
    background-color:#2B85FB;
    font-size: 14px;
	font-weight: 700;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
.item_computing_unchecked{
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #04151F;
	width: 50%;
}
.item_computing_unchecked:hover{
	background-color:#2B85FB;
	color: #fff;
}

.cloudServer_items{
	height: 200px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
	padding: 15px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 50px;
}
.computing_card_bg{
	width: 100%;
	height: 200px;
	background: url("./imgs/Computing/card_bg1.png") no-repeat right bottom;
}

.cloudServer_items strong{
	line-height: 32px;
	font-size: 20px;
    font-weight: 700;
	color: rgba(56, 56, 56, 1);
}
.cloudServer_box{
	background: rgba(248, 251, 255, 1);
}
.cloudServer_box_remark{
	width: 100%;
	height:300px;
	text-align: center;
	padding-bottom: 50px;
	color: rgba(128, 128, 128, 1);
}
.cloudServer_box_remark img{	
	margin: 10px auto 0 auto;
}
.AppCard_bg{
	width: 100%;
	height: 954px;
	background: url("./imgs/Computing/APP_bg2.png") repeat-y center center;
	background-size: cover;
}
.AppCard_content{
	display: flex;
	flex-wrap: wrap;
	align-content: start;
}
.soloAdvbg{
 background: url("./imgs/Solution/soloAdvList.png") center top no-repeat;
 height: 148px;
 width: 100%;
 padding:20px 15px 0 15px;
 
}
.soloAdvbg h2{
    color: rgba(2, 78, 177, 1);
}

.items_soloAdv_card{
	width: 100%;
    height: 148px;
	margin-bottom: 15px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);	
	text-align: center;
	display: block;
}

.items_AppCard{
	width: 100%;
    height: 276px;
	margin-bottom: 15px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
	padding: 15px;
	text-align: center;
	display: block;
}
.BMS_height{
	height: 220px;
}
.BMS_height h2{
	color: rgba(2, 78, 177, 1);
}
/* .items_AppCard:hover{
	background: rgba(43, 133, 251, 1);
	color: #fff;
}
.items_AppCard p:hover{
	color: #fff;
} */
.items_AppCard img{
	width: 60px;
	height: 60px;
}
.items_AppCard p{
    line-height: 22px;
    color: rgba(97, 97, 97, 1);
    letter-spacing: 0px;
}

.BMS_box p{
	color: rgba(97, 97, 97, 1);
}
.BMS_box h2{
    color: rgba(56, 56, 56, 1);

}

/*    solution_universal         */
.banner_solution{
	width: 100%;
	height: 206px;
	background: url("./imgs/Solution/soluBanner.png") no-repeat center center;
	padding: 15px;
	background-size: cover;
}
.solution_content{
	display: flex;
	width: 100%;
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(207, 207, 207, 1);
}
.solutionBox{
	 background: #fff;
	 width: 100%;
}
.item_solution{
	width: 20%;
    background-color:#2B85FB;
    font-size: 14px;
	font-weight: 700;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
.item_solution_unchecked{
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #04151F;
	width: 20%;
}
.item_solution_unchecked:hover{
	background-color:#2B85FB;
	color: #fff;
}
.universalSolution_box{
	padding: 0 15px;
}
.solution2_content{
	display:flex;
	padding: 20px 15px 0 15px;
	flex-wrap: wrap;
	height: 700px;
	align-content:center;
}
.solution2_items{
	width: 100%;
    height: 200px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
	margin-bottom: 20px;
	color: rgba(4, 21, 31, 1);
	display: block;
}


.solution_MixCould_content{
	display:flex;
	padding: 20px 0 0 0;
	justify-content: space-around;
	align-content:center;
	height: 920px;
	width: 100%;
}
.items_solution_MixCould{
	width: 100%;
    height: 200px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
	margin-bottom: 20px;
	color: rgba(4, 21, 31, 1);
}

.solution_card_bg{
	padding: 15px 15px 0px 15px;
	text-align: center;
	width: 100%;
	height: 200px;
	background: url("./imgs/Computing/card_bg1.png") no-repeat right bottom;
}

.solution_card_bg h2{
	margin: 5px 0 5px 0;
}
.solution_card_bg p{
	width: 100%;
	text-align: center;
}
.SolutionProduct_chart{
	height: 420px;
    background: rgba(255, 255, 255, 1);
	width: 100%;
	padding: 15px;
}
.solutionBar_Content{
	border-bottom: 0.5px solid rgba(224, 226, 232, 1);
	height: 50px;
	width: 100%;
	margin-bottom: 10px;
    padding: 0 20%;
	display: flex;
	text-align: center;
	
}
.items_solutionBar{
	width: 50%;
	line-height: 50px;	
	border-bottom: rgba(51, 107, 234, 1) 1px solid;
	color: rgba(51, 107, 234, 1) ;

}
.items_solutionBar_unchecked{
   width: 50%;
	line-height: 50px;	
}
.items_solutionBar_unchecked:hover{
	border-bottom: rgba(51, 107, 234, 1) 1px solid;
	color: rgba(51, 107, 234, 1) ;
	
}
.cloudServer_box_remark p{
	width: 100%;
	text-align: center;
	line-height: 22px;
	padding-bottom: 20px;
	display: block;
	color: #292828;
}
.programme_bg{
	background-color: #F3F3F3;
	padding: 20px 15px 25px 15px;
	width: 100%;
}
.img_text{
	width: 100%;
	margin: 0px auto;
	text-align: center;
}

.img_text img{	 
	margin: 10px auto;
	text-align: center;
}


.APP_MixCould_bg{
	width: 345px;
	background: url("./imgs/Solution/soloAppSence.png") no-repeat center center;
	height: 390px;
	margin: 30px auto;
}
.APP_MixCould_bg2{
	width: 345px;
	background: url("./imgs/Solution/soloAppSence02.png") no-repeat center center;
	height: 422px;
	margin: 30px auto;
}
.APP_MixCould_left{
	width: 50%;
	padding: 10px 0 0 20px;
	height: 138px;
	float: left;
}
.APP_MixCould_left h3{
 font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
line-height: 22px;
color: rgba(0, 0, 0, 1);
padding: 5px 0 ;
}
.APP_MixCould_left span{
	font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 22px;
color: rgba(33, 33, 33, 1);
}
.soloAdv_bg{
	width: 100%;
	height: 760px;
	background: url("./imgs/Computing/APP_bg2.png") repeat-y center center;
	background-size: cover;
}
/*    Solution_EqualProtection    */ 

.solution_EqualProtection_content{
	display:flex;
	padding: 20px 15px 0 15px;
	justify-content: space-around;
	align-content:center;
	height: 700px;
	width: 100%;
}

.Equal_box_remark{
	width: 100%;
	height:428px;
	text-align: center;
	padding-bottom: 50px;
	color: rgba(128, 128, 128, 1);
}
.Equal_box_remark img{	
	
	margin: 10px auto 0 auto;
}

/*   industry solution    */
.banner_inustrySolution{
	width: 100%;
	height: 206px;
	background: url("./imgs/Solution/inustrySolution_banner.png") no-repeat center center;
	padding: 15px;
	background-size: cover;
}
.item_inustrySolution{
	width: 33%;
    background-color:#2B85FB;
    font-size: 14px;
	font-weight: 700;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
.item_inustrySolution_unchecked{
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #04151F;
	width: 33%;
}
.item_inustrySolution_unchecked:hover{
	background-color:#2B85FB;
	color: #fff;
}
.SoloFinanceBox{
	width: 100%;
	height: auto;
	background-color: #fff;
}
.SoloFinanceBox h2{
	padding: 20px 15px 15px 15px;
	text-align: center;
}
.SoloFinanceIcon_box{
	width: 100%;
	display: flex;
	justify-content: space-around;
	background: rgba(254, 244, 222, 1);
	height: 140px;
	text-align: center;
}
.SoloFinanceIcon_items{
	width: 33%;
	margin-top: 20px;
	font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.SoloFinanceLi{
	height: 306px;
    background: rgba(236, 247, 254, 1);
	padding: 15px;
}
.SoloFinanceLi ul{
	width: 100%;
}
.SoloFinanceLi li{
	list-style-image: url("./imgs/Solution/circleLi.png");
	height: 44px;
	font-size: 14px;
line-height: 22px;
color: rgba(0, 0, 0, 1);
margin: 10px 0 20px 15px;	
}

/*  job  */ 
.banner_job{
  width: 100%;
  height: 206px;
  background: url("./imgs/Job/jobBanner01.png") no-repeat center center/cover;
  color: #fff;
  padding: 15px;
}
.banner_job div{
	width: 100%;
	height:127px;
    background: rgba(4, 21, 31, 0.2);
	padding: 15px;
}
.banner_job h3{
	text-align: center;
    font-size: 18px;
   font-weight: 700;
   line-height: 28px;
}
.banner_job p{
    text-align: center;
}
.jobReason{
	width: 100%;
	height: 362px;
    background: url("./imgs/Job/jobReason_bg01.png") no-repeat center center/cover;
	padding-top: 55px;
}
.jobReason h3{
  margin: 0 0 40px 20px;
  font-size: 22px;
  font-weight: 700;
 letter-spacing: 2px;
}
.jobReason h3 strong{
	  font-size:30px;
}
.jobReason_test{
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	color: #fff;
	text-align: center;
}
.jobReason_test li{
	width: 18%;
	height: 157px;
	 text-align: justify;
	position: relative;
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
	backdrop-filter: blur(15px);
	
}
.jobReason_test li:nth-child(1) i{
    background-image: url("./imgs/Job/iconJob01.png");
	width: 100%;
	height: 45px;
	position: absolute;
	top: 34px;	
}
.jobReason_test li:nth-child(2) i{
    background-image: url("./imgs/Job/iconJob02.png");	
	position: absolute;
	top: 26px;	
}
.jobReason_test li:nth-child(3) i{
    background-image: url("./imgs/Job/iconJob03.png");	
	position: absolute;
	top: 18px;	
}
.jobReason_test li:nth-child(4) i{
    background-image: url("./imgs/Job/iconJob04.png");	
	position: absolute;
	top: 12px;	
}
.jobReason_test li:nth-child(5) i{
    background-image: url("./imgs/Job/iconJob05.png");	
	position: absolute;
	top: 2px;	
}
.jobReason_test li i {
    display: flex;
    margin: 0 auto;
	width: 100%;
	height: 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.jobReason_test li strong{
	width: 100%;
	position: absolute;
	height: 20px;
	text-align: center;
}
.jobReason_test li span{
    margin: 0 auto;
	width: 100%;
    background-repeat: no-repeat;	
    background-position: center;
}
.jobReason_test li:nth-child(1) span{
	background-image: url("./imgs/Job/jobAdv01.png");
	width: 100%;
	height: 43px;
	position: absolute;
	top: 114px;	
}
.jobReason_test li:nth-child(2) span{
	background-image: url("./imgs/Job/jobAdv02.png");
	width: 100%;
	height: 50px;
	position: absolute;
	top: 107px;	
}
.jobReason_test li:nth-child(3) span{
	background-image: url("./imgs/Job/jobAdv03.png");
	width: 100%;
	height: 58px;
	position: absolute;
	top: 97px;	
}
.jobReason_test li:nth-child(4) span{
	background-image: url("./imgs/Job/jobAdv04.png");
	width: 100%;
	height: 67px;
	position: absolute;
	top: 87px;	
}
.jobReason_test li:nth-child(5) span{
	background-image: url("./imgs/Job/jobAdv05.png");
	width: 100%;
	height: 77px;
	position: absolute;
	top: 75px;	
}
.arrEm{
	width: 100%;
	height: 29px;
	position: relative;
	
}
.arrEm::before {
    display: block;
    content: '';
    height: 10px;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
	width: 92%;
    background: rgba(40, 75, 115, .85);
	backdrop-filter: blur(20px);
	
}
.arrEm::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left:12px solid transparent;
    border-right: 22px solid transparent;
    transform: rotate(25deg);
    border-top: 25px solid rgba(40, 75, 115, .85);
    position: absolute;
    top: 6px;
    right: 0;
	margin-right: 3%;
}
.jobBox{
	height: 650px;
	width: 100%;
	padding: 15px;
	background-color: #fff;
}
.jobBox > h2{
    text-align: center;
	margin-top: 20px;
}
.jobBox > p{
    text-align: center;
	color: rgba(69, 69, 69, 1);
	margin-bottom: 15px;
}
.jobBox_contant{
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	
}
.items_job{
	width: 100%;
	height: 233px;
	margin-bottom: 20px;
	border: rgb(218, 218, 218) 1px solid;
}
.items_job img{
	width: 100%;
	height: 164px;
	margin: 0 auto;
}
.jobHrbar{
	width: 100%;
	padding:0 15px;
	height: 70px;
}
.jobHrbar > i{
	float: right;
	background: url("./imgs/Job/iconArrowRight01.png") no-repeat right center;
	padding-right:25px;
	color: #2B85FB;
	font-style: normal;
}

a > .items_job:hover{
  box-shadow: 0px 4px 4px  rgba(0, 0, 0, 0.25);
  border-bottom: solid 3px #2B85FB;
}

.ComcultureBox{
   background: rgba(247, 248, 250, 1);
   padding:25px 15px 15px 15px;
}
.ComcultureBox span{
   color: rgba(43, 133, 251, 1);
   font-size: 30px;
   font-weight: 700;
   margin-right: 15px;
}
.Comculture01{
	margin: 20px 0 ;
	width: 100%;
	
}
.Comculture01 img{
	width: 100%;
	height:197px;
}
.Comculture_text{
	width: 100%;
	height: 194px;
	padding: 39px 15px;
	color: rgba(87, 87, 87, 1);
	position: relative;
	background: #fff;
}
.Comculture_text_bg1{
	width: 100%;
	top:5px;
	left:5px;
	height: 194px;
	position: absolute;
   background: url("./imgs/Job/jobFlvbg02.png") no-repeat left top;
}
.Comculture_text_bg2{
	position: absolute;
   background: url("./imgs/Job/jobFlvbg01.png") no-repeat right bottom;
   	width: 100%;
	bottom: 5px;
	right: 5px;
	height: 194px;
}
.pageTurning{
   width: 100%;
   height: 50px;
   display:flex;
   flex-direction: row;
   margin-bottom: 10px;
}

.pageTurning_btn{
	width: 50%;
	height:50px;
	text-align: center;
}
.banner_jobHr{
  width: 100%;
  height: 206px;
  background: url("./imgs/Job/jobHr_banner.png") no-repeat center center/cover;
  color: #fff;
  padding: 15px;
  text-align: center;
}
.banner_jobHr h3{
	font-size: 18px;
   font-weight: 700;
   line-height: 28px;
   margin-top: 38px;
}
.banner_jobHr p{
    text-align: center;
}
.HR_searchBox{
	width: 100%;
	height: auto;
	padding: 0 15px;
}
.HR_search{
 margin: 22px 0;
  width:100%;
  height: 50px;
  opacity: 1;
  border-radius: 25px;
  padding-right: 5px;
 background: rgba(255, 255, 255, 1);
}
.searchText{
	border: 0px;
	width: 80%;
	line-height: 50px;
	padding-left: 20%;	
	border-radius: 25px 0px 0px 25px;
	 background: url("./imgs/Job/search02.png") no-repeat 10% center;  	
}
.HR_search input, .HR_search button{
    float: left;
}
 .submit{
	width: 20%;
	height: 40px;
	border-radius: 23px;
    background: rgba(230, 241, 255, 1);
    margin: 5px 0;
	border: 0px;
	font-size: 14px;
    font-weight: 700;
     letter-spacing: 0px;
color: rgba(42, 130, 228, 1);
text-align: center;
 } 
.HRSearchCard_box{
	min-height: auto;
	clear: both;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}
.HRSearchCard_items{
	width: 100%;
	height: 130px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 4px  rgba(15, 109, 242, 0.25);
	padding: 15px;
	margin-bottom: 15px;
}
.HRSearchCard_items:hover{    
    background: rgb(243, 243, 243);
}
.HRSearchCard_items >h3{
	font-size: 16px;
	line-height: 22px;
	width: 100%;
	color: rgba(56, 56, 56, 1);
	margin-bottom: 15px;
}
.jobRequirementsBox{
	clear: both;
	margin-bottom: 15px;
	height: 22px;
	line-height: 22px;	
	color: rgba(97, 97, 97, 1);
}
.jobRequirementsBox span{
	height: 22px;
	line-height: 22px;
}
.jobRequirementsLeft{
	width: 55%;
	float: left;
}
.jobRequirementsLeft span{
	/*
	width: 50%;	
	*/
	height: 22px;	
}
.jobRequirementsLeft_icon1{
	width: 50%;
	padding:0 20px 0 20px;
	background: url("./imgs/Job/jobHr01.png") no-repeat 0% center;  	
}
.jobRequirementsLeft_icon2{
	width: 50%;
	padding:0 20px 0 25px;
	background: url("./imgs/Job/jobHr02.png") no-repeat 0% center;  	
}
.jobRequirementsRight{
	width: 45%;
	float: left;	
	height: 22px;	
}
.jobRequirementsLeft_icon3{
	width: 100%;
	padding:0 10px 0 20px;
	background: url("./imgs/Job/jobHr03.png") no-repeat 0% center;  	
}
.jobRequirements_button{
	margin-bottom: 15px;
}
.submit_jobRequirements{
	width: 48%;
	line-height: 30px;
    border-radius: 15px;
    background: rgba(63, 149, 254, 1);
	text-align: center;
	font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;  
    color: rgba(255, 255, 255, 1);
	border: 0px;
	float: left;
	height: 30px;
	margin-right: 2%;
}
.submit_jobRequirements_contact{
	width: 50%;
	line-height: 30px;
    border-radius: 15px;
    background:#fff;
	text-align: center;
	font-size: 14px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 22px;
    color: rgba(63, 149, 254, 1);
	 border: 1px solid rgba(63, 149, 254, 1);	 
	float: left;	
	height: 30px;
}
/*   弹出窗口  */

.modal_overlay2 {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1001;  
  padding:30px 15px;
}
.jobRequirementsDetail_bg{
	 display: flex;
  flex-direction: column;
	height: 100vh;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
	width: 100%;
	padding: 15px;	
	margin-bottom: 20px;
}
.jobRequirementsDetail_bg h3{
	font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: rgba(0, 0, 0, 1);
	margin-bottom: 15px;
}
.HrExplainDetail{
	width: 100%;
}
.HrExplainDetail span{
	font-weight: 700;
}
.HrExplainDetail p{
	margin-bottom: 10px;
}
.jobRequirementsBox2{
	margin-bottom: 15px;
	line-height: 22px;	
	color: rgba(97, 97, 97, 1);
	width: 100%;
}
.jobRequirements02{
	width: 100%;
	height: 30px;
}
.jobRequirementsLeft_icon1_02{
    width: 150px;
	padding:0 20px 0 20px;
	float: left;
	background: url("./imgs/Job/jobHr01.png") no-repeat 0px center;  
}
.jobRequirementsLeft_icon2_02{
	float: left;
    width:100px;
	padding:0 20px 0 30px;
	background: url("./imgs/Job/jobHr02.png") no-repeat 0px center;  
}
.jobRequirementsLeft_icon3_02{
	width: 100%;
	padding:0 20px 0 30px;
	background: url("./imgs/Job/jobHr03.png") no-repeat 0px center; 
}
/*  联系我们    */
.banner_Contact{
  width: 100%;
  height: 206px;
  background: url("./imgs/Contact/banner_Contact.png") no-repeat center center/cover;
  color: #fff;
  padding: 15px;
}
.banner_Contact h3{
	font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 36px;
    padding-top: 32px;
	text-align: center;
}
.ContantBox{
	padding: 15px;
	width: 100%;
}
.ContantCompanyName{
 width: 100%;
  height: 74px;
  background: url("./imgs/Contact/contactInfoTextBg.png") no-repeat 90% center/cover;
  padding: 9px 0 28px 0;
}
.ContantBox > img{
	width: 100%;
	height: 131px;
}
.contactInfoBox{
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0px;
   line-height: 22px;
}
.contactInfoBox li{
	padding-left: 24px;
	margin-bottom: 10px;
}
.contactInfoBox li:nth-child(1){
	background: url("./imgs/Contact/iconContactInfo01.png") 0px center no-repeat;
    height:22px;
}
.contactInfoBox li:nth-child(2){
	background: url("./imgs/Contact/iconContactInfo02.png") 0px center no-repeat;
    height:22px;
}
.contactInfoBox li:nth-child(3){
	background: url("./imgs/Contact/iconContactInfo03.png") 0px center no-repeat;
    height:22px;
}
.contactInfoBox li:nth-child(4){
	background: url("./imgs/Contact/iconContactInfo04.png") 0px center no-repeat;
    height:22px;
}
.contactInfoBox li:nth-child(4){
	background: url("./imgs/Contact/iconContactInfo04.png") 0px center no-repeat;
    height:22px;
}
.CompoanyAddressBox{
	width: 100%;
}
.CompoanyAddressBox ul li{
	width: 100%;
	height: 144px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	padding: 20px 15px 0 15px;
}
.CompoanyAddressBox ul li:nth-child(1){
	background: url("./imgs/Contact/contactImg01.png") center center no-repeat;
	background-size: cover;
    height:144px;
}
.CompoanyAddressBox ul li:nth-child(2){
	background: url("./imgs/Contact/contactImg02.png") center center no-repeat;
	background-size: cover;
    height:144px;
}
.CompoanyAddressBox ul li:nth-child(3){
	background: url("./imgs/Contact/contactImg03.png") center center no-repeat;
	background-size: cover;
    height:144px;
}
.CompoanyAddressBox ul li:nth-child(4){
	background: url("./imgs/Contact/contactImg04.png") center center no-repeat;
	background-size: cover;
    height:144px;
}