*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration: none
}

.mesthead{
	/*padding:60px 0 80px;*/
	color:#fff;
	text-align:center;
	/*background: linear-gradient(45deg,#020031 0,#6d3353 100%);*/
	margin-bottom:0;
	padding: 60px 0px 0px 0px!important;
}
@media screen and(min-width:768px){
	.jumbotron mesthead{
		padding:90px 0 12px;
	}
}

.Bootstrap2{
	color:rgba(255,255,255,0.5);
}
.Bootstrap2 a:hover{
	color:#fff;
}
.bc-social{
	padding:15px 0;
	text-align:center;
	/*border-bottom:1px solid #ddd;*/
	background:#506cf3;
	/*background-image: linear-gradient(to right, #716f6f, blue);*/
	height: 60px;
	position: absolute;
	width: 100%;
}
.bc-social-buttons li{
	display:inline-block;
}
.bc-social-buttons li {
	color:#ffffff;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 20px;
}
.bc-social-buttons>li+li:before{
	content:"|";
	color:#ccc;
	padding:0 10px;
}
.social-weibo a:hover{
	color:#f00;
}
.caption{
	text-align:center;
	background-color: #ffffff;
	padding: 12px!important;
}
.thumbnail{
	max-width:310px;
	margin:0 auto 30px;
}
.projects-header{
	width:60%;
	margin:0 auto 40px;
	text-align:center;
	/*border-bottom:1px solid #eee;*/
}
.footer{
	color: #ffffff;
    padding: 60px 0;
    /*border-top: 1px solid #e5e5e5;*/
    /*margin-top: 70px;*/
	background-color: #252931;
}
.list-inline li a{
	color:#888;
}
.list-inline>li+li:before{
	content: "|";
	padding:0 10px 0;
	color:#888;
}

.activeAh{
	border-bottom: solid #05aec7 2px;
	color: #3884c0;
}

.activeAh a{
	color: #3884c0!important;
}

.topImg{
	width: 100%;
}

.bc-social-buttons{
	margin: 0px!important;
}

.markBox{
	width: 66%;
	height: 100%;
	position: absolute;
	top: 0px;
	background-image: linear-gradient(to right, #454545, rgba(255, 255, 255, 0));
}

.projects{
	margin-top: 60px;
}

.projects-header p:nth-child(1){
	font-size: 42px;
	font-weight: 400;
	margin-top: 10px;
	color: #0474D4;
}


.projects-header p:nth-child(2) {
	color: #8e8d8d;
	font-size: 24px;
}

.thumBox{
	height: 78px;
	background-color: #f2f8fd;
	/*font-weight: bold;*/
	padding: 0px 0px 0px 20px;
	font-weight: 600;
	font-size: 28px;
	color: #1E1E1E;
	line-height: 78px;
}

.thumBox img{
	vertical-align: middle;
	margin: 0px 10px;
}

.thumBox span{
	vertical-align: middle;
}

.caption p{
	font-size: 20px!important;
	color: #444444!important;
	line-height: 42px!important;
}

.proSec{
	width:100%;
	/*height: 300px;*/
	background-color: #f7f7f7;
	padding: 50px 0px;
}

.proSec2{
	width:100%;
	/*height: 300px;*/
	background-color: #fafafa;
	padding: 50px 0px;
}

.rowBox{
	text-align: center;
	margin-bottom: 60px;
}

.rowBox2{
	text-align: center;
	margin-bottom: 60px;
	height: 148px;
}


.rowBoxImg{
	width: 162px;
	height: 162px;

}

.rowBoxTit{
	color: #2A2A2A;
	font-size: 24px;
	font-weight: 400;
	margin-top: 20px;

}

.rowBoxCon{
	color: #818181;
	font-size: 20px;
}


.rowBoxC1{
	width: 345px;
	height: 100px;
	margin-bottom: 20px;
}

.rowBoxC2{
	width: 232px;
	height: 114px;
	margin-bottom: 20px;
}


.rowBoxC3{
	width: 194px;
	height: 82px;
	margin-bottom: 20px;
}

.rowBoxC4{
	width: 313px;
	height: 98px;
	margin-bottom: 20px;
}

.rowBoxC5{
	width: 221px;
	height: 89px;
	margin-bottom: 20px;
}

.rowBoxC6{
	width: 182px;
	height: 78px;
	margin-bottom: 20px;
}

.fotImg{
	width: 99px;
	height: 101px;
}

.fotTop{
	font-size: 24px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 15px;
}

.fotTop p{
	margin: 0px!important;
}

.fotUl li{
	font-size: 20px;
	color: #FFFFFF;
	line-height: 42px;
	opacity: 0.6;
}

.kfBox{
	position: absolute;
	right: 0px;
}

.kfBox img{
	width: 100px;
	height: 104px;
	position: absolute;
	bottom: 0px;
}


.kjxd{
	position: fixed;
	right: 0px;
	top: 50%;
}

.kfKjxd{
	width: 209px;
	height: 64px;
	background: #0474D3;
	border-radius: 32px 0px 0px 32px;
	font-weight: 400;
	font-size: 22px;
	color: #FFFFFF;
	text-align: right;
	padding: 15px 15px;
	box-sizing: border-box;
}

.codeBox{
	width: 240px;
	height: 240px;
	background: #FFFFFF;
	border-radius: 15px;
	border: 1px solid #2F2F2F;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	top: 90px;
}

.codeBox img{
	width: 184px;
	height: 184px;
}

.codeBox p{
	font-weight: 400;
	font-size: 22px;
	color: #2E2D2D;
}

.proCon{
	background-color: #f2f2f2;
}

.tieBox{
	width: 94%;
	/*height: 503px;*/
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #C8C8C8;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.tieBoxTop{
	border-bottom: 1px solid #C8C8C8;
	text-align: center;
}

.tieBoxTop2{
	text-align: center;
}

.tieBoxTopTit{
	font-weight: 400;
	font-size: 32px;
	color: #232323;
	margin: 20px 0px;
}

.tieBoxTopSec{
	font-weight: bold;
	font-size: 84px;
	color: #0474D3;
	line-height: 42px;
}

.tieBoxTopCon{
	font-weight: 400;
	font-size: 24px;
	color: #0474D3;
	margin: 27px 0px;

}

.tieUl{
	list-style-type: none;
	display: flex;
	justify-content: space-around; /* 可选，根据需求居中对齐 */
	align-items: center; /* 可选，垂直居中对齐 */
	padding: 0;
	margin: 20px 0px;
}

.tieUl li{
	text-align: center;
}


.tieUlImg{
	width: 66px;
	height: 64.6px;
}

.tieUlTit{
	font-size: 24px;
	color: #818181;
	margin: 10px 0px;
}

.cList{
	display: flex;
}

.cBox1{
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	font-weight: 400;
	font-size: 24px;
	color: #818181;
	text-align: center;
	width: 50%;
}
.cBox1 img{
	width:75%;
	height: 82px;
}

.cBox2{
	border-bottom: 1px solid #C8C8C8;
	font-weight: 400;
	font-size: 24px;
	color: #818181;
	text-align: center;
	width: 50%;
}

.cBox2 img{
	width: 90%;
	height: 80px;

}

.cBox3{
	 border-right: 1px solid #C8C8C8;
	 font-weight: 400;
	 font-size: 24px;
	 color: #818181;
	 text-align: center;
	 width: 50%;
	padding-top: 35px;
 }

.cBox3 img{
	width: 75%;
	height: 80px;

}

.cBox4{
	font-weight: 400;
	font-size: 24px;
	color: #818181;
	text-align: center;
	width: 50%;
	padding-top: 20px;
}

.cBoxImgLit{
	width: 75%;
	height: 100px;
	margin: 0px auto;
}

.cBoxImgLitTop img{
	width: 100%;
}

.cBoxImgLitBot{
	display: flex;
	margin-top: 5px;
	justify-content: space-between;
}
.cBoxImgLitBot img{
	width: 48%;
}

.abtBox{
	font-weight: 400;
	font-size: 24px;
	color: #2D2D2D;
	line-height: 36px;
}

.proSec3{
	width:100%;
	/*height: 300px;*/
	background-color: #f7f7f7;
	padding: 50px 0px;
}

.wxBox{
	width: 100%;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #C8C8C8;
	text-align: center;
	padding: 20px 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.wxBox img{
	width: 72px;
	height: 79px;
}

.wxBoxTit{
	font-size: 32px;
	color: #2D2D2D;
	margin: 20px 0px;
}

.wxBoxCon{
	font-size: 20px;
	color: #2D2D2D;
}

.wxBtn{
	width: 155px;
	height: 40px;
	background: #0474D3;
	border-radius: 24px;
	float: right;
	font-weight: 400;
	font-size: 22px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	margin-top: 6px;
	/*margin-left: 20px;*/
}

.dioBox{
	position: fixed;
	top: 60px;

	right: 20%;
	z-index: 9;
	display: none; /* 初始隐藏 */
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #ffffff;
	position: absolute;
	top: 0px;
	right: 80px;
	/*right: 30px;*/
}

.dioCon{
	background-color: #ffffff;
	/*width: 384px;*/
	/*height: 223px;*/
	border-radius: 15px;
	margin-top: 20px;
	display: flex;
	padding: 15px 10px;
	z-index: 9;
}

.dioConCol{
	text-align: center;
	/*width: 40%;*/
	margin: 0px 10px;
}

.dioConCol img{
	width: 120px;
	height: 120px;
}

.dioConCol p {
	font-weight: 400;
	font-size: 20px;
	color: #2E2D2D;
}

.topIcon{
	width: 188px;
	height: 46px;
	margin-top: 12px;
}

.banTit{
	position: absolute;
	top: 25%;
	left: 16%;
	text-align: left;
}

.banTitFir{
	font-family: AlimamaShuHeiTi;
	font-weight: bold!important;
	font-size: 64px!important;
	color: #FFA126;
}


.banTitCon{
	font-family: AlibabaPuHuiTiR;
	font-weight: 400!important;
	font-size: 42px!important;
	color: #FFFFFF;
}

@media screen and (min-width: 1024px) {
	.navbar-nav > li{
		margin: 5px 15px 0px 15px;
	}
}

.pm{
	padding-top: 60px!important;
	margin-top: 0px!important;
}