*{
	padding:0px;
	margin:0px;
	font-size: 12px;
	text-decoration: none;
	list-style-type: none;
	font-family: 'Microsoft YaHei';
}
/* div{
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;
} */
body{
	background-color: #efefef;
}
.headbg{
	width: 100%;
	background-color: white;
}
.header{
	width: 1240px;
	margin: auto;
	height: 84px;
	padding-top: 25px;
}
.header-logo{
	padding: 15px 0px 0px 0px;
	width: 220px;
	margin-top: 2px;
}
.header-logo img{
	width: 114%;
}
.header-search{
margin-left: 100px;
}
.header-input{
	outline: none;
	height: 32px;
	width: 350px;
	padding-left: 10px;
	border: #999999 1px solid;
}
.header-input:focus{
border: #00c4e0 1px solid;
}
.header-content{
	width: 630px;
	height: 32px;
	margin-top: 20px;
}
.header-sousuo{

	height: 32px;
	
}

.header-bottom{
	
	height: 20px;
	margin-top: 6px;
	
}
.header-bottom ul a{
	float: left;
	padding-right: 10px;
	color: #969696;
	font-size: 12px;
}
.header-bottom ul a:hover{
	color: #00C4E0;
}

.header-right input{
	color: #00c4e0;
    background-color: white;
    border: #00c4e0 1px solid;
    margin-top: 20px;
    margin-right: 10px;
    width: 90px;
    height: 36px;
    cursor: pointer;
}
.header-right input:hover{
	background-color: #00c4e0;
	color: #fff;
}
.float-l{
	float: left;
}
.float-r{
	float: right;
}
.Tangerine a:hover{
	color: #f40;
}
.newimg{
	width: 20px;
    position: relative;
    left: -5px;
    top: -10px;
}
.header-sousuo-all{
	display: inline-block;
    background-color: #00c4e0;
    height: 34px;
    line-height: 35px;
    width: 50px;
    padding-left: 15px;
    color: white;
    position: relative;
    right: 6px;
    cursor: pointer;
}
.header-sousuo-f{
    padding-left: 15px;
    display: inline-block;
    background-color: #00c4e0;
    height: 34px;
    line-height: 34px;
    width: 96px;
    color: white;
    margin-left: 10px;
}
.top-center ul a{
    line-height: 30px;
    color: #333;
    background-color: #fff;
}
.top-center {
	position: relative;
}

.top-center a{
	padding-left: 0px;

}
.top-center a:hover{
	background-color: #fff;
	text-decoration:underline
}
.top-center li a{
	font-size: 15px;
}
.top-center ul li a:hover{
	background-color: #f1f1f1;
	border: none;
}
.top-centet{
	z-index: 999;
	display: none;
	overflow: hidden;
	padding: 0;
    position: absolute;
    left: -999px;   
	width: 200px;
	background-color: white;
	
}
.xialaimg{
    width: 20px;
    float: left;
	margin: 8px;
}
.top-centet-div{
    width: 200px;
    height: 215px;
    border: #dddddd 1px solid;
    border-top:#f8f8f8 1px solid; 
    color: black;
}
.top-centet-div p{
	margin-left: 10px;
	margin-top: 2px;
}
.top-centet-div >a{
    margin-left: 80px
}
.top-centet-div >div{
    text-align: center;
    width: 100%;
}
.top-centet-p1{
	color: #969696;
}
.top-centet-span{
background-color: #dddddd;
    display: block;
    height: 30px;
    padding-top: 10px;
    text-align: center;
}

.top-center li:hover a{
    color: #ff5000;
}
.nav-xiala .top-center:hover .top-centet{
	left: 10px;
	display: inline;
}
.xiala-span{
background-color: #00c4e0;
display: inline-block;
width: 70px;
height: 30px;
color: white;
line-height: 30px;
cursor: pointer;
}
.main{
	width: 100%;
    margin: auto;
    background-color: white;
}
.main-top{
	background-color: #fff;
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
}
.main-top-select{
	cursor: pointer;
	line-height: 36px;
	width: 210px;
    color: white;
    font-size: 14px;
    padding-left: 15px;
    background-color: #4f58b6;
    height: 36px;
    display: block;
    margin: 5px;
    margin-left: 1%;
    margin-bottom: -10px;
    border: none;
}
.main-top-select:hover{
	background-color: #7983d3;
}

.down-demand{
	display: none;
    z-index: 999;
    overflow: hidden;
    position: absolute;
    margin-left: -15px;
    width: 225px;
    background-color: white;
    box-shadow: 1px 5px 10px #666;
}

.down-demand li{
	padding: 3px;
    padding-left: 20px;
}
.down-demand li:hover{
	cursor: pointer;
	background-color: #f5f5f6;
}

.down-demand li a{
	font-size: 14px;
	color: #000000;
}

.main-top-select-a2{
	font-size: 14px;
	margin: 1px;
}
.main-top-select-a{
	display: block;
    background-color: #6a73d0;
    width: 98%;
    margin: 15px auto 7px 1%;
    height: 36px;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
}
.main-top-select span{
	font-size: 14px;
	margin-left: 5px;
}
.main-top-select span img{
	width: 12px;
	height: 12px;
	float: right;
    margin: 12px;
}
.main-top-select-a:hover{
	    text-decoration: underline;
	    cursor: pointer;
}

.main-top-item{
	width: 1240px;
	margin: auto;	
}


.main-top-item ul{
	margin-left: 280px;
}
.main-top-item ul li{
	float: left;
	padding: 0px 20px;
}
.main-top-item ul>.main-top-item-li{
	float: right;
	font-size: 18px;	
}
.main-top-item :hover{
	color: #00c4e0;
}
.main-top-item li a{
	color: black;
	line-height: 50px;
	font-size: 16px;
}
.main-center{
	background-color: #2d3691;
	width: 100%;
	height: 470px;
}
.main-center-left{
	color: white;
	width: 1240px;
	margin: auto;
	margin-top: 10px;
}
.main-center-left-dt{
	 /* width: 235px;  */
	float: left;
}
.main-center-left-dt >div{
	height: 145px;
    width: 100%;
    background-color: #283263;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding: 12px;
	padding-top: 5px;
	font-size: 14px;
}
.main-center-left-dt >a dl{
	color: #ffffff;
}


.main-center-left dl{
line-height: 36px;
overflow-y: hidden;
height: 36px;
padding: 0 12px;
width: 230px;
}


.main-dl{
	font-size: 14px;
	display: block;
	z-index: 999;
	margin-top: -36px;
	position: absolute;
	background-color: #383f43;
}
.main-dl2{
	background-color: #4d5fbd;
}
.main-dl3{
	background-color: #495ab3;
}
 .main-dl2{
	cursor: pointer;
}
.main-dl3{
	cursor: pointer;
}


.main-dl2:hover{
	background-color: #7983d3;
} 
.main-dl3:hover{
	background-color: #7983d3;
}


.main-center-left-imgbannar{
	display: inline-block;
    margin: 20px;
    margin-left: 40px;
    height: 280px;
    width: 680px;
}
.main-center-left-img{
    width: 215px;
    height: 130px;
    background-color: #DDDDDD;
    display: inline-block;
    margin-top: 20px;
}
.main-cimg1{
	float: left;
	margin-left: 0;
	background-image: url("../images/main-cimg1.png")
}
.main-cimg2{
	margin-left: 18px;
	background-image: url("../images/main-cimg2.png")
}
.main-cimg3{
	float: right;
	margin-left: 0;
	background-image: url("../images/main-cimg3.png")
}
.main-center-right{
	background-color:#f6f6f6;
	width: 220px;
	height: 430px;
	float: right;
	margin-top: 20px;
	margin-right: 10px;
	color: #000000;
}
.main-invoice{
	width: 100%;
    height: 184px;
    background-color: #fff;
}

 .main-sp1{
	width: 32%;
    height: 80px;
    display: inline-block;
	text-align: center;
	background-color: #fff;
	overflow: auto;
	white-space: nowrap;
	cursor: pointer;
	
}
.main-sp1 p{
    color: #00C4E0;
    margin-top: 15px;
}
.main-sp1 >a{
	display: inline-block;
	margin-top: 15px;
	color: #000000;
}
.main-sp1:hover >a{
	color: #00C4E0;
}
.main-sp2{
	display: inline-block;
background-color: #d4fdff;
width: 56px;
height: 25px;
border: #00C4E0 1px solid;
color: #00C4E0 ;
text-align: center;
line-height: 25px;
margin: 6px;
cursor: pointer;
}
.main-sp2:hover{
background-color: #00C4E0;
color: #fff;
}
  
.main-sp3 {
    display: inline-block;
    width: 195px;
    height: 120px;
    margin: 12px;
    background-color: #f2e3f9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px;
}

.main-center-photo{
	height: 80px;
	width: 100%;
	background-color: #f6f6f6;
}
.main-center-photo a{
color: #00C4E0;
}
.main-center-photo img{
	width: 50px;
	height: 50px;
	margin: 15px;
	border-radius: 50%;
	float: left;
}
.main-center-photo >div{
	padding-top: 25px;
}
.main-business{
	color: black;
	width: 1240px;
	margin: auto;
	margin-top: 1px;
}
.main-business-div{
height: 270px;
width: 278px;
background-color: #f9f9f9;
display: inline-block;
margin-top: 50px;
}
.main-business-a1{
	display: inherit;
    color: #000000;
	font-size: 16px;
	cursor: pointer;
	white-space: nowrap;
	}
	.business-smo{
		font-size: 14px;
	}
	.main-business-a1:hover{
		color: #00C4E0;
		}
	.main-business-a2{
display: inline-block;
margin-top: 10px;
color: #999;

		}
		.main-business-a3{
			cursor: pointer;
		color: #00C4E0;
		margin-top: 10px;
		float: right;	
	}
	.main-business-a3:hover{
		text-decoration:underline;
	}
.b-1{
	margin-left: 1px;
}
.b-1 >div{
	width: 100%;
    height: 80px;
    background-color: #fff;
    border-left: 2px #8e99fe solid;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.b-2{
	margin-left: 36px;
	margin-right: 18px;
}
.b-2 >div{
	width: 100%;
	height: 80px;
	background-color: #fff;
	border-left: 2px #73c943 solid;
	padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.b-3{
	margin-left: 18px;
	margin-right: 36px;
}
.b-3 >div{
	width: 100%;
	height: 80px;
	background-color: #fff;
	border-left: 2px #00c7e4 solid;
	padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.b-4 >div{
	width: 100%;
	height: 80px;
	background-color: #fff;
	border-left: 2px #e8a546 solid;
	padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.main-business-details{
	display: block;
	margin: 30px
}
.main-business-details:hover >a{
color: #00C4E0;

}
.main-business-details:hover{
	cursor: pointer;
}
.main-business-details img{
	width: 50px;
	height: 50px;
	float: left;
	margin-left: -10px;
	margin-right: 10px;
}
.main-market{
	width: 1240px;
	height: 675px;
	margin: auto;	
}
.main-market-box{
	width: 600px;
	height: 270px;
	background-color: #efefef;
}
.main-market-boxlf{
	float: left;
	clear: both;

}
.main-market-boxlf >a{
	display: block;
	font-size: 16px;
	margin-top:20px ;
	margin-bottom:20px ;
}
.main-market-boxrg{
	float: right;
	margin-right: 10px;
}
.main-market-boxrg >a{
	display: block;
	font-size: 16px;
	margin-top:20px ;
	margin-bottom:20px ;
}
.main-market-left{
	width: 130px;
	height: 100%;
	float: left;
}
.main-market-left >a{
	display: inline-block;
    color: #fff;
    background-color: rgba(0,0,0,0.1);
    margin-left: 7px;
    margin-top: 5px;
    padding: 3px;
}

.market-left1{
	background-color:#00d8ce;
}
.market-left1 >a:hover{
	color: #00d8ce;
    background-color:#fff;
}
.market-left2{
	background-color:#00bcd8;
}
.market-left2 >a:hover{
	color: #00bcd8;
    background-color:#fff;
}
.market-left3{
	background-color:#ad54fe;
}
.market-left3 >a:hover{
	color: #ad54fe;
    background-color:#fff;
}
.market-left4{
	background-color:#ed51c0;
}
.market-left4 >a:hover{
	color: #ed51c0;
    background-color:#fff;
}

.main-market-top{
	height: 83px;
    width: 100%;
    color: #fff;
    text-align: center;
	line-height: 83px;
	background-color:rgba(0,0,0,0.1);
}
.main-market-top >a{
	font-size: 16px
}
.main-case{
	width: 1240px;
	margin: auto;	
	height: 370px;
	margin-top: 10px;
	clear: both;
}
.main-case >a{
font-size: 16px;
}
.main-case >div{
	height: 307px;
	background-color: #fdfcfc;
	margin-top: 20px;
	margin-right: 10px
}
.clear-both{
	clear: both;
	height:365px;
	padding-top: 15px;
	background-color: #EFEFEF;
}
.footer {
	height: 170px;
	background-color: #1a1a1a;
	max-width: 100%;
}
.footer-big-box{
	width: 1240px;
	height: 170px;
	margin: auto;
}
.footer-box-ong li{
	    padding-right: 20px;
    padding-top: 20px;
}
.footer-box-ong li span{
	color: #cecfd0;
	font-size: 16px;
}
.footer-box-ong li span:hover{
	text-decoration: none;
	color: #00C4E0;
}

.footer-box-tow{
	width: 700px;
	height: 80px;
}
.footer-box-four{
	width: 300px;
}
.footer-box-four li{
	padding: 5px;
	color: #666;
}
.footer-box-five{
	float: right;
	text-align: center;
	margin-top: 25px;
	color: #fff;
}
.footer-box-d1{
	text-align: left;
	color: #cecfd0;
}
.updistance{
	margin-top: 15px;
}
.footer-box-d1 a{
	color: white;
	letter-spacing: 16px;
}
.footer-box-d1 p{
	font-size: 18px;	
}
.footer-box-five img{
	width: 30px;
	height:30px ;
	margin: 2px;
	margin-right: 5px;
}	
.d1-img >img{
	width: 90px;
	height: 90px;
}
.footer-box-five li a{
	color: #fff;
	font-size: 16px;
}
.main-market-right{
	display: inline-block;
    width: 231px;
    height: 49%;
    background-color: #fff;
    margin-right: 4px;
    margin-bottom: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
			}
			.market-cursor{
				cursor: pointer;
			}
			.market-cursor:hover{
				box-shadow: 0px 0px 15px #888;
				transition: 0.5s;
				z-index: 999;
			}
			.main-business-a2 >img{
				width: 60px;
    height: 60px;
    float: right;
    border-radius: 50%;
    margin-top: 10px;
			}
			.main-market-right4{
				height: 49%;
				background-color: white;
				margin-bottom: 1%;
				-moz-box-sizing: border-box;
				 -webkit-box-sizing: border-box;
				  -o-box-sizing: border-box;
				   -ms-box-sizing: border-box;
				  box-sizing: border-box;
				padding: 10px;
                padding-left: 25px;
				
			}
			.main-market-three{
				width: 154px;
    height: 79%;
    float: left;
    margin-bottom: 2px;
    margin-right: 1px;
    background-color: #fff;
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
			}

			.main-market-three:hover >a{
				color:#00C4E0;
			}
			.main-market-three >img{
				position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-top: 90px;
    margin-left: -14px;

			}
			.main-market-threebottom{
	width: 467px;
	height: 20%;
	float: left;		
	background-color: #efefef;
			}

			.main-market-threebottom div{
				float: left;
    width: 232px;
	height: 56px;
    background-color: #fff;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;
	padding: 5px;
			}
			.main-market-right:hover >a{
				color: #00C4E0;
			}


			ul,li{ list-style: none}
    .tabClick{ background: #f3f3f3; overflow: hidden}
    .tabClick li{ height:40px; line-height: 40px; width: 175px; float: left; text-align: center;cursor: pointer;font-size: 16px}
    .tabClick li.active{ color: #00C4E0; font-weight: bold;}
    .tabCon{ overflow: hidden}
    .tabBox{ position: relative}
	/* ;border-top: 5px #00C4E0 solid */
	/* transition: 0.1s; */
     .tabList{
margin: 5px;
	 } 
    .lineBorder{ height: 4px; overflow: hidden; background: #373d41}
    .lineDiv{ background: #00C4E0; height: 4px; width: 185px;}
	.lineDiv-img1{
		width: 550px;
    height: 230px;
    float: left;
    margin: 15px;
	margin-left: 45px
	}
	.lineDiv-img2{
		width: 550px;
    height: 110px;
    float: right;
    margin: 15px;
	margin-right: 30px;
	}
	.lineDiv-img3{
		width: 550px;
    height: 110px;
    float: right;
    margin: 17px;
	margin-right: 30px;
    margin-top: -6px;
	}
	.img-right{
		margin: 20px;
	}
	.title{
		font-size: 24px
	}
	.desc{
		margin-top: 28px;
		font-size: 14px;
		color: #888;
	}
	.mores{
		margin-top: 20px
	}
	.swiper-container {
		width: 100%;
		height: 100%;
	  }
	  .swiper-slide {
  color: black;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	  }
	  .swiper-pagination-bullet-active{
		  background-color: white;
		  opacity: .7;
	  }
	  .swiper-button-white{
		opacity:0.2;
	  }
	  .swiper-button-white:hover{
		opacity:.7;
	  }
	 .swiper-slide>img{
		width: 100%;
		height:100%;
	 }




	/* lgr////////////////////////////////////////////////////////// */
	/* 轮播左侧栏更改 */
	.lgr-main{
		overflow: hidden;
		margin-bottom: 20px;
    }
    .lgr-main-center-left-dt{
        float: left;
        height: 360px; 
        background-color: #ffffff;
        width: 254px;
    }
    .lgr-main-left{
        display: block;
        padding: 8px 12px;
        border-bottom: 1px solid hsla(0,0%,92%,.8);
        font-size: 0;
    }
    .lgr-main-left dt{
        display: inline-block;
        font-size: 12px;
        line-height: 22px;
    }
    .lgr-main-left dt a{
        color: #181818;
    }
    .lgr-main-left dt a:hover{
        color:#00c4e0;
    }
    .lgr-main-left dd{
        display: inline-block;
        padding: 0 3px;
        line-height: 22px;
        color: #666;
    }
    .lgr-main-left dd a{
        color: #666;
    }
    .lgr-main-left dd a:hover{
        color:#00c4e0;
    }
    .lgr-main-fuhao{
        color: #181818;
        margin: 8px;
	}
	
	/* <!-- 轮播结束小更改 --> */
	.lgr-banner-r{
		float: right;
		margin-top: 20px;
	}
	.lgr-banner-r-b{
		margin-top: 16px;
	}

	/* <!-- 右侧两个小盒子 --> */
	.lgr-bot-box{
		width: 940px;
		float: right;
		background: #fff;
		height: 40px;
	}
	.lgr-bot-box p{
		color: #333;
	}
	.lgr-bot-size{
		width: 33%;
		float: left;
	}
	.lgr-bot-size p{
		line-height: 40px;
		margin-left: 30px;
	}
	.lgr-bot-size p span{
		color: #00c4e0;
		margin-right: 5px;
		font-weight:900;
	}
	.lgr-bot-size p:hover{
		color: #00c4e0;
		text-decoration: underline;
	}

/* 应用服务左侧标题 */
	.lgr-detail-info{
        width: 1240px;
        margin: auto;
        height: 272px;
    }    
    .lgr-system{
        width: 254px;
		height: 260px;
		box-sizing: border-box;
        float: left;
        padding: 40px;
        background: #00C4E0;
    }
    .lgr-system span{
        color: #fff;
    }
    .lgr-system-one{
        margin-bottom: 6px;
    }
    .lgr-system-one span{
        font-size: 20px;
    }
    .lgr-system-two{
        margin-bottom: 20px;
    }
    .lgr-system-three{
        margin-bottom: 20px;
    }
    .lgr-system-three span{
		font-size: 14px;
		text-decoration: none;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;
	}
	.lgr-system-three span:hover{
		text-decoration: underline;
	}

	/* 应用服务产品列 */
	.lgr-product{
		width: 234px;
		height: 260px;
		margin-left: 12.5px;
		float: left;
		box-sizing: border-box;
		text-align: center;
		padding: 23px 14px 20px;
		margin-bottom: 12.5px;
		background-color: #fff;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}
	.lgr-product:hover{
		box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
	}
	.lgr-product-size{
		margin: 0 auto 10px;
		text-align: center;
		color: #ff4100;
		font-size: 18px;
	}
	.lgr-product-one{
		margin: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.lgr-product-one span{
		font-size: 18px;
		color: #4A4A4A;
	}
	.lgr-product-two{
		width: 180px;
		height: 30px;
		margin: auto;
	}
	.lgr-product-two span{
		font-size: 12px;
		color: #9B9B9B;
		width: 180px;
		margin: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.lgr-product-img img{
		max-width: 180px;
		height: 90px;
		margin: 12px auto;
	}
	.lgr-product-box{
		display: block;
		width: 80px;
		height: 27px;
		line-height: 27px;
		margin: 0 auto 5px;
		font-size: 12px;
		border: 1px solid #ff4100;
		color: #ff4100;
	}
	.lgr-product-box:hover{
		text-decoration:underline;
	}



	/* 企业建站 */
	.Enterprise-Construction-bigBox{
		background-color: #fff;
		width: 100%;
		overflow: hidden;
		margin-top: 10px;
		padding-bottom: 40px;
	  }
	  .Enterprise-Construction{
		width: 1240px;
		height: 480px;
		margin: 0px auto -6px;
		background: #ffffff;
		overflow:hidden;
		padding-top: 20px;
	  }
	  .lgr-Enterprise-Construction{
		width: 610px;
		height: 480px;
		float: left;
	  }
	  .lgr-Enterprise-Construction-img{
		width: 160px;
		height: 480px;
		float: left;
	  }
	  .lgr-Enterprise-img-size{
		margin: 20px;
	  }
	  .lgr-Enterprise-img-size span{
		color: #fff;
		font-size: 20px;
	  }
	  .lgr-Enterprise-img-size p{
		color: #fff;
		font-size: 14px;
	  }
	  .lgr-Enterprise-Construction-big-box{
		width: 225px;
		height: 240px;
		float: left;
	  }
	  .lgr-Enterprise-Construction-boxOne{
		width: 193px;
		height: 77px;
		border: 1px solid #d8d8d8;
		padding: 16px;
		border-left: none;
	  }
	  .lgr-Enterprise-Construction-boxOne span{
		color: #181818;
		font-size: 18px;
	  
	  }
	  .lgr-Enterprise-Construction-boxOne p{
		color: rgb(255, 114, 14);
		margin-bottom: 3px;
	  }
	  .lgr-Enterprise-Construction-boxOne p span{
		color: #999999;
		font-size: 12px;
		margin-left: 5px;
	  }
	  .lgr-Enterprise-Construction-boxTwo{
		height: 96px;
		width: 193px;
		border: 1px solid #d8d8d8;
		padding: 16px;
		border-top: none;
		border-left: none;
	  }
	  .lgr-Enterprise-Construction-boxOne-min{
		margin-top: 4px;
	  }
	  .lgr-Enterprise-Construction-boxTwo-box span{
		margin-top: 10px;
		border-radius: 5px;
		padding: 5px;
		border:1px solid #d8d8d8;
	  }
	  .lgr-Enterprise-Construction-boxTwo-towBox{
		margin-top: 14px;
		margin-bottom: 6px;
	  }
	  .lgr-Enterprise-Construction-boxTwo-threeBox{
		height: 30px;
	  }
	  .lgr-Enterprise-Construction-boxTwo-threeBox a p{
		  color: #666;
	  }
	  .lgr-Enterprise-Construction-boxTwo-threeBox span{
		background: #ff4100;
		padding: 8px 16px;
		border-radius: 5px;
		color: #fff;
	  }
	  .lgr-Enterprise-Construction-boxTwo-threeBox span:hover{
		text-decoration: underline;
	}
	.lgr-Enterprise-Construction-top img{
		float: left;
		margin: 8px 6px 0px 10px;
	}
	.lgr-Enterprise-Construction-top a p{
		float: left;
		margin-top: 10px;
	}


	/* 基础软件 */
	.l-software{
		width: 100%;
	  }
	  .l-software-box{
		width: 1240px;
		margin: auto;
		height: 100px;
	  }
	  .l-software-boxOne{
		height: 82px;
		width: 250px;
		float: left;
		background: #fff;
		padding: 10px 20px;
		margin-right: 26px;
	  }
	  .l-software-boxOne:hover{
		box-shadow: 0 15px 30px rgba(0,0,0,.1);
	  }
	  .l-software-boxOne a img{
		float: right;
	  }
	  .l-software-boxOne-w{
		width: 130px;
		margin-top: 6px;
	  }
	  .l-software-boxOne-w span{
		color: #181818;
		font-size: 18px;
		overflow: hidden;
		line-height: 30px;
	  }
	  .l-software-boxOne-w span:hover{
		color: #00C4E0;
	  }
	  .l-software-boxOne-w p{
		color: #999;
		line-height: 20px;
	  }
	  .l-software-module{
		width: 1240px;
		margin: auto;
	  }
	  .l-software-title{
		width: 1240px;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 6px;
		height: 24px;
	  }
	  .l-software-title span{
		font-size: 18px;
		color: #333;
		line-height: 24px;
		float: left;
		font-weight: 400;
	  }
	  .l-software-title a{
		float: right;
		line-height: 24px;
		color: #00C4E0;
		font-size: 14px;
	  }
	  .l-software-title a:hover{
		text-decoration: underline;
	  }
	  .l-software-module-title{
		text-align: center;
		margin-bottom: 20px;
	  }
	  .l-software-module-title span{
		font-size: 16px;
		position: relative;
		top: 2px;
	  }
	  .l-software-module-bigBox{
		width: 230px;
		height: 258px;
		border: 1px solid #00C4E0;
		float: left;
		margin-right: 22px;
	  }
	  .l-software-module-bigBox:hover{
		box-shadow: 0 15px 30px rgba(0,0,0,.1);
	  }
	  .l-software-module-box{
		text-align: center;
		background: #00C4E0;
		width: 230px;
		height: 200px;
		color: #fff;
	  }
	  .l-software-module-box span{
		font-size: 16px;
		line-height: 30px;
		overflow: hidden;
		height: 30px;
	  }
	  .l-software-module-box p{
		font-size: 14px;
		font-weight: bold;
		margin-top: 20px;
	  }
	  .l-software-module-one{
		width: 1240px;
		height: 260px;
		margin-bottom: 22px;
	  }
	  .l-software-module-two{
		background-color: #fff;
		height: 38px;
		width: 210px;
		padding: 10px;
		line-height: 19px;
	  }
	  .l-software-module-two a{
		color: #00C4E0;
	  }
	  .l-software-module-two a:hover{
		text-decoration: underline;
	  }
	  .l-software-product{
		float: left;
		background: #fff;
		text-align: center;
		width: 230px;
		height: 260px;
		margin-right: 22px;
	  }
	  .l-software-product:hover{
		box-shadow: 0 15px 30px rgba(0,0,0,.1);
	  }
	  .l-software-product span{
		font-size: 16px;
		color: #181818;
	  }
	  .l-software-product img{
		height: 60px;
		max-width: 120px;
	  }
	  .l-software-product-size{
		margin:20px;
	  }
	  .l-software-product p{
		padding: 0 20px;
		margin-bottom: 20px;
		color: #999999;
	  }
	  .l-software-product-img{
		margin-bottom: 40px;
	  }



	  /* 客户案例 */
	  .l-Case-bacg{
		background-color: #fff;
		width: 100%;
	  }
	  .l-Case{
		width: 1240px;
		margin: auto;
	  }
	  .l-case-title{
		text-align: center;
		width: 100%;
		padding: 50px 0 20px;
	  }
	  .l-case-title span{
		font-size: 24px;
		font-weight: 900;
	  }
	  .l-case-iconBox{
		width: 260px;
		text-align: center;
		float: left;
		margin: 10px 65px 65px 0px;
	  }
	  .l-case-iconBox img{
		margin-bottom: 10px;
	  }
	  .l-case-iconBox span{
		font-size: 18px;
		line-height: 28px;
		color: #000;
		font-weight: 400;
	  }
	  .l-case-iconBox p{
		margin-top: 12px;
		font-size: 14px;
		line-height: 24px;
		color: #666;
	  }
	  .l-case-iconBigBox{
		height:270px;
	  }

	  .l-Case-Application{
		width: 1240px;
		margin: auto;
		margin-top: 50px;
	  }
	  
.l-Case-Application ul{
  margin: 20px 0px 80px 0px;
}
.l-Case-Application ul li{
  width: 20%;
  float: left;
}
.l-Case-Application li span{
  font-size: 18px;
  color: #000;
  line-height: 28px;
  font-weight: 400;
  margin-top: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
.l-CustomerCase{
  width: 1240px;
  margin: auto;

}
.l-CustomerCase-spanSize{
  text-align: center;
  width: 100%;
  padding: 50px 0 20px;
}
.l-CustomerCase-spanSize span{
  font-size: 24px;
  font-weight: 900;
  text-align: center;
}
.l-CustomerCase-box{
  width: 1200px;
  padding: 30px 20px;
  margin-bottom: 20px;
  background-color: #fff;
  height: 130px;
}
.l-CustomerCase-box:hover{
	box-shadow: 0 4px 8px rgba(3,27,78,.12);
}
.l-CustomerCase-img{
  width: 210px;
  padding: 40px 20px;
  float: left;
  border-right: 1px solid #00C4E0;
  text-align: center;
}
.l-CustomerCase-img img{
  max-width: 150px;
}
.l-CustomerCase-size{
  margin-left: 39px;
  float: left;
  width: 870px;
  padding: 6px;
}
.l-CustomerCase-size h2{
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 36px;
  font-weight: 500;
  padding-bottom: 4px;
  color: #181818;
}
.l-CustomerCase-size p{
  color: #181818;
  padding-bottom: 20px;
  font-size: 14px;
}
.l-CustomerCase-size span{
  color: #666;
}



/* 客户案例 */
  .l-usersGuidance{
    width: 100%;
    background-color: #2b2f32;
    height: 220px;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
  }
  .l-usersGuidance span{
    color: #fff;
    font-size: 28px;
    text-align: center;
    padding: 16px 0px 10px;
  }
  .l-usersGuidance-searchFor{
    height: 42px;
    width: 50%;
    display: flex;
  }
  .l-usersGuidance-searchFor a{
	cursor:pointer;
  }
  .l-usersGuidance-searchFor button{
    border: none;
    outline: none;
    background-color: #00c4e0;
    height: 42px;
    width: 110px;
  }
  .l-usersGuidance-searchFor button span{
    color: #fff;
    font-size: 16px;
  }
  .l-usersGuidance-searchFor-ip {
    flex: 4;
  }
  .l-usersGuidance-searchFor-ip input{
    display: inline-block;
    width: 100%;
    height: 42px;
    padding-left: 16px;
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 24px;
  }
  .l-usersGuidance-icon{
    margin: auto;
  }
  .l-usersGuidance-icon li{
    background: none;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    height: 50px;
    cursor: pointer;
    margin: 0px 60px 0px;
  }
  .l-usersGuidance-icon p{
    user-select: none;
    color: #fff;
  }
  .l-usersGuidance-Column{
	width: 1240px;
	margin: auto;
	overflow: hidden;
	margin-bottom: 30px;
  }
  .l-usersGuidance-left-Column{
	width: 260px;
	float: left;
	background-color: #f7f7f7;
  }
  .l-usersGuidance-left-Column ul{
	max-height: 900px;
	height: 100%;
	overflow-y: auto;
	max-height: 900px;
  }
  .l-usersGuidance-left-Column ul li{
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	cursor: pointer;
	font-weight: 600;
	padding-left: 30px;
	background: #f7f7f7;
  }
  
  .l-usersGuidance-left-Column ul li h1:hover{
	color: #00C4E0;
  }
  .l-usersGuidance-left-Column h1{
	color: #181818;
	font-size: 17px;
  }
  .l-usersGuidance-right{
	width: 910px;
	float: right;
  }
  .l-usersGuidance-top{
	margin: -30px 0px 50px;
  }
  .l-usersGuidance-right-title img{
	width: 50%;
	display: inline-block;
	max-width: 30px;
	max-height: 30px;
	vertical-align: middle;
  }
  .l-usersGuidance-right-title span{
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	text-indent: 10px;
	color: #373d41;
	position: relative;
	top: 3px;
	padding-top: 30px;
  }
  .l-usersGuidance-right-project{
	margin-top: 30px;
  }
  .l-usersGuidance-right-project ul{
	padding: 14px 30px;
	border: 1px solid hsla(210,3%,85%,.8);
	height: auto;
	transition: all .3s;
	list-style: none;
	display: table;
	/* overflow: hidden; */
  }
  .l-usersGuidance-right-project li{
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 21%;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	font-size: 14px;
	margin-right: 4%;
  }
  .l-usersGuidance-right-project a{
	color: #373d41;
	text-decoration: none;
	font-size: 14px;
  }
  .l-usersGuidance-right-project li a:hover{
	color: #00C4E0;
  }




  /* 网站建设 */

  .Website-building-img{
	margin: auto;
	width: 100%;
	overflow: hidden;
	height: 80px;
	text-align: center;
	display: block;
	margin-bottom: 30px;
  }
  .Website-building-img img{
	width: 100%;
  }
  .Website-building-img ul{
	width: 1240px;
	margin: auto;
  }
  .Website-building-img li{
	float: left;
	padding: 20px 110px;
  }
  .Website-building-img li p{
	color: #2798e7;
	font-size: 20px;
  
  }
  .Website-building-img li span{
	color: #ffffff;
	font-size: 14px;
  }




  .Website-building-size{
	width: 100%;
	text-align: center;
	margin: 20px 0px 40px;
  }
  .Website-building-size span{
	font-size: 30px;
	line-height: 40px;
  }
  .Website-building-size p{
	font-size: 14px;
	margin-top: 10px;
	color: #666;
  }
  .Website-building-product{
    width: 1240px;
    margin: auto;
    margin-bottom: 50px;
    overflow: hidden;
  }
  .Website-building-product-bigBox{
    overflow: hidden;
    border:1px solid #009aff;
    width: 380px;
    float: left;
    margin-right: 47px;
  }
  .Website-building-product-topBox{
    width: 380px;
    height: 96px;
    padding: 10px 20px;
    box-sizing: border-box;
  }
  .Website-building-product-topBox span{
    color: #fff;
    font-size: 20px;
    line-height: 50px;
  }
  .Website-building-product-topBox p{
    color: #fff;
  }
  .Website-building-product-centerBox{
    overflow: hidden;
    width: 380px;
    box-sizing: border-box;
    padding: 10px 20px;
    margin-bottom: 6px;
  }
  .Website-building-product-centerBox li p{
    color: #666;
    font-size: 14px;
  }
  .Website-building-product-centerBox li span{
    margin-right: 6px;
    color: #009aff;
  }
  .Website-building-product-centerBox li{
    margin-bottom: 6px;
  }
  .Website-building-product-bottomBox{
    margin-bottom: 26px;
    text-align: center;
    box-sizing: border-box;
  }
  .Website-building-product-bottomBox span{
    padding: 8px 52px;
    margin: 0 8px;
  }
  .Website-building-product-bottomBox-one{
    background-color: #009aff;
    color: #fff;
  }
  .Website-building-product-bottomBox-one:hover{
	color: #009aff;
	background-color: #fff;
	border: 1px solid #009aff;
	box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
  }
  .Website-building-product-bottomBox-two{
    color: #009aff;
	border: 1px solid #009aff;
  }
  .Website-building-product-bottomBox-two:hover{
	background-color: #009aff;
	color: #fff;
	box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
  }

  .Website-template{
	width: 1240px;
	margin: auto;
	overflow: hidden;
	text-align: center;
  }
  .Website-template ul{
	margin-bottom: 30px;
  }
  .Website-template ul li{
	display: inline-block;
	padding: 6px 16px;
	margin: 0 114px;
  }
  .Website-template li span{
	color: #333;
	font-size: 16px;
  }
  .Website-template-one{
	border-bottom: 2px solid #009aff;
  }
  .Website-template-one span{
	color: #009aff!important;
  }
  .Website-template-img{
	width: 1240px;
	margin: auto;
	overflow: hidden;
	margin-bottom: 60px;
  }
  .Website-template-img img{
	margin-bottom: 40px;  
	width: 590px;
	height: 320px;
	margin: 10px;
  }
  .Website-template-img img:hover{
	box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
  }


  .Website-Safety{
    background-color: #e9fcff;
    overflow: hidden;
  }
  .Website-Safety-box{
    width: 1240px;
    margin: auto;
  }
  .Website-Safety-center{
    display: flex;
    justify-content: space-evenly;
    align-items: center;    
  }
  .Website-Safety-center span{
    font-size: 50px;
    font-weight: bold;
    background: linear-gradient(to right, #7ad7f9, #70c3f8);
    -webkit-background-clip: text;
    color: transparent;
  }
  .Website-Safety-center p{
    font-size: 22px;
    color: #999;
    margin-top: 10px;

  }
  .Website-Safety img{
    height: 300px;
    width: auto;
  }


  .Website-cloud{
	background: #f8f8f8;
	overflow: hidden;
	padding-bottom: 80px;
  }
  .Website-cloud-box{
	width: 1240px;
	margin: auto;
  }
  
  .Website-cloud-box ul{
	display: flex;
	justify-content: space-between;
	text-align: center;
  }
  .Website-cloud-box ul li{
	width: 120px;
	margin-bottom: 60px;
  }
  .Website-cloud-box div{
	width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 0px 16px 0 rgba(0,0,0,.15);
    border-radius: 50%;
    margin: auto;
    margin-bottom: 20px;
  }
  .Website-cloud-box img{
	width: 56px;
  }
  .Website-cloud-box ul li span{
	color: #999;
	line-height: 22px;
  }
  .Website-cloud-box ul li p{
	font-size: 24px;
	margin-bottom: 6px;
  }
  .Website-cloud-twobox{
	text-align: center;
	width: 1240px;
	margin: auto;
  }
  .Website-cloud-twobox p{
	font-size: 30px;
	margin-bottom: 40px;
  }
  .Website-cloud-twobox img{
	width: 100%;
  }


  .Website-client{
    overflow: hidden;
  }
  .Website-client-box{
    width: 100%;
    max-width: 1920px;
  }
  .Website-client-box-img{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1%;
  }
  .Website-client-box-img img{
	width: 32.5%;
	height: auto;
	box-shadow: 0 0px 16px 0 rgba(0,0,0,.15);
  }
  .Website-Make{
    margin: auto;
    padding-bottom: 60px;
    overflow: hidden;
  }
  .Website-Make-box{
    display: flex;
    padding: 0 30px;
	background: #fff;
    box-shadow: 0 0px 16px 0 rgb(221, 236, 253);
    width: 1240px;
	margin: auto;
	margin-bottom: 20px;
  }
  .Website-Make-box:hover{
    box-shadow: 0 0px 16px 0 rgb(221, 236, 253);
  }
  .Website-box-title{
	width: 65px;
    height: 64px;
    background: linear-gradient(120deg,#49a2fe,#2362fd);
    border-radius: 0 0 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Website-box-title span{
    font-size: 24px;
    color: #fff;
  }
  .Website-box-center{
	padding: 30px 0px 30px 30px;
	width: 100%;
  }
  .Website-box-center p{
    font-size: 22px;
    color: #49a2fe;    
    margin-bottom: 10px;
  }
  .Website-box-center span{
    font-size: 16px;
    line-height: 26px;
  }



/* 联系我们 */
.AboutUs-title-back{
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	height: 80px;
	margin-bottom: 20px;
}
.AboutUs-title{
	width: 1200PX;
	margin: auto;
	overflow: hidden;
}
.AboutUs-title-left{
	float: left;
	width: 30%;
	display: table-cell;
	vertical-align: middle;
	padding: 12px 0px;
}
.AboutUs-title-left img{
	height: 44px;
}
.AboutUs-title-right{
	width: 70%;
	float: right;
}
.AboutUs-title-right li{
	padding: 30px 18px 24px;
	float: right;
	margin-left: 34px;
}
.AboutUs-title-right li span{
	font-size: 18px;
	color: #666;
}
.AboutUs-title-right li span:hover{
	color: #009ae0;
}
.AboutUs-title-right-ong{
	border-bottom: 2px solid #009ae0;
}


.AboutUs-List{
    margin: auto;
    width: 1200px;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}
.AboutUs-List-left{
    position: relative;
    float: left;
    margin-right: 30px;
}
.AboutUs-List-left li{
    width: 340px;
    height: 60px;
    background-color: #fff;
    line-height: 60px;
	margin-bottom: 10px;
	color: #181818;
}
.AboutUs-List-left li a{
    margin-left: 50px;
	font-size: 18px;
	color: #181818;
}
.AboutUs-List-left li span{
    position: absolute;
    right: 40px;
    font-size: 20px;
}
.AboutUs-List-left  li:hover a{
	color: #009ae0;
}
.AboutUs-List-left li:hover span{
	color: #009ae0;
}
.AboutUs-List-right{
    float: right;
    background-color: #fff;
    padding: 80px 20%;
	box-sizing: border-box;
	overflow: hidden;
}
.AboutUs-List-right li{
    margin-bottom: 24px;
}
.AboutUs-List-right li p{
    font-size: 20px;
	line-height: 50px;
	color: #51c5ff;
}
.AboutUs-List-right li span{
	color: #666;
	font-size: 16px;
	
}
.AboutUs-List-right img{
	margin-top: 20px;
	width: 100%;
}


/* 关于我们 */
.AboutUs-List-rightone{
	float: right;
	background-color: #fff;
	padding: 80px 20%;
	box-sizing: border-box;
}
.AboutUs-List-rightone span{
	text-align: center;
	font-size: 26px;
	padding-bottom: 20px;
	display: block;
	font-weight: 500;
}
.AboutUs-List-rightone p{
	text-indent:2em;
	line-height: 30px;
	padding-bottom: 16px;
	font-size: 14px;
}
.AboutUs-List-rightone img{
	width: 100%;
}
/* 招聘信息 */
.JobOffers{
	float: right;
	width: 800px;
	background-color: #fff;
	padding: 80px;
	box-sizing: border-box;
	overflow: hidden;
}
.JobOffers li{
	margin-bottom: 20px;
}
.JobOffers h1{
	font-size: 22px;
	display: block;
	margin-bottom: 20px;
}
.JobOffers span{
	font-size: 16px;
	color: #666;
	display: block;
	margin-bottom: 10px;
}
.JobOffers p{
	font-size: 14px;
	color: #666;
	line-height: 20px;
    margin-bottom: 10px;
}
.JobOffers a{
	width: 200px;
	height: 44px;
	display: block;
	text-align: center;
	line-height: 44px;
	font-size: 18px;
	color: #009aff;
	background-color: #fff;
	border: 1px solid #009aff;
	box-sizing: border-box;
}
.JobOffers a:hover{
	color: #fff;
	background-color: #009ae0;
}
.JobOffers-div{
	margin-bottom: 50px;
}

/* 招聘页面 */
.AboutUs-List-left a:focus {
	outline: none !important;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.bTabs .nav-tabs li.active a{
	padding: 18px 40px;
	font-size: 16px;
	font-weight: 500 !important;
}
.bTabs button.navTabsCloseBtn{
	font-size: 19px !important;
	outline: none;
}
.bTabs .nav-tabs li.active a button.navTabsCloseBtn{
	outline: none;
}
.bTabs .nav-tabs>li>a{
	padding: 10px 22px !important;
	font-size: 15px;
}
.nav-header{
	font-size: 18px !important;
    padding: 3px 48px !important;
}
.bTabs .nav-tabs{
	padding-left: 0px !important;
}
@CHARSET "UTF-8";
.bTabs{
	margin-top: 10px;
	height: 100%;
	width: 800px;
    float: right;
}
.bTabs button.navTabsCloseBtn {
	font-size: 23px !important;
	cursor: pointer;
	margin-left: 10px;
	font-style: normal;
	line-height: 20px;
	font-family: inherit;
	font-weight: normal;
	
	position: relative;
    top: -3px;
    color: #AAAAAA;
    
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    
	float: right;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}
.bTabs button.navTabsCloseBtn:hover{
	color: red !important;
	font-weight: 700;
}
.bTabs .nav-tabs{
	display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.bTabs .nav-tabs>li {
	margin-right: 5px;
}
.bTabs .nav-tabs>li>a {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666666;
}
.bTabs .nav-tabs li.active a {
	color: #227AD7;
	font-weight: bold;
}
.bTabs .nav-tabs li.active a button.navTabsCloseBtn{
	color: #666666;
}
.bTabs div.tab-content {
	height: 100%;
	overflow-y: hidden;
	border: 1px solid #ddd;
    border-top: none;
}
.bTabs div.tab-content div.tab-pane {
	height: 100%;
}
.nav-header span{
	margin-left: 3px;
}

/* 网络服务 */
.search-img{
    width: 200px;
}
.search-box{
    flex:auto
}
.search-box .search-area{
    display: block;
    cursor: pointer;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    letter-spacing: .56px;
    background: rgba(9,104,118,.2);
}
.search-box input{
    display: block;
    width: 634px;
    font-size: 16px!important;
    color: #666;
    height: 50px;
    padding: 0 15px;
    border: none;
    background: #fff;
    margin-right: 1px;
}
.search-box button{
    float: left;
    cursor: pointer;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    letter-spacing: .56px;
    background: #1ca3b7;
    border: none;
}
.l-software-module .title{
    padding-top: 46px;
    height: 54px;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.l-software-module .title .golink{
    display: inline-block;
    padding: 0 18px;
    height: 54px;
    line-height: 54px;
    text-decoration: none;
    background-color: #efefef;
    position: relative;
    z-index: 2;
    overflow: hidden;
    color: #333;
    font-size: 30px;
}
.l-software-module .line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #999;
    position: absolute;
    top: 76px;
    left: 0;
    z-index: 1;
}
.l-software-module .des{
	text-align: center;
    margin-bottom: 24px;
}
.l-software-module .des li {
    display: inline-block;
    padding: 0 34px;
    font-size: 14px;
    color: #73777a;
    line-height: 48px;
}
.icon-yes2{
	font-weight: bold;
    color: black;
    font-size: 14px;
}
.icon-yes2:before {
	content: "√";
	margin-right: 3px;
}
.clearfix {
	zoom: 1;
    margin-bottom: 20px;
    display: flex;
    padding: 0;
}
.clearfix:after {
    clear: both;
    overflow: hidden;
}
.clearfix:after, .clearfix:before {
    content: "";
    display: table;
}
.l-software-main .good {
    width: 25%;
    height: 340px;
    border: 1px solid #eaeaea;
    margin-right: 12px;
    transition: all .3s;
    background-color: #fff;
}
.l-Set-meal .good{
	height: 420px;
}
.l-software-main .good .hd {
    height: 120px;
    background-color: #e4e4e4;
    overflow: hidden;
}
.l-software-main .good .hd .golink {
    display: block;
    height: 82px;
	padding-top: 30px;
	padding-bottom: 30px;
    position: relative;
    text-align: center;
    font-size: 0;
    text-decoration: none;
}
.Set-meal-title{
	display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    font-size: 0;
    text-decoration: none;
    margin-left: 25px;
}
.Set-meal-title .h2{
	display: inline-block;
    color: #373d41;
    text-align: center;
	line-height: 24px;
	font-size: 20px;
    position: relative;
}
.Set-meal-title .t1 {
    color: #73777a;
	line-height: 20px;
	font-size: 16px;
	margin-top: 10px;
}
.l-software-main .good .hd .golink .h2 {
    display: inline-block;
    color: #373d41;
    text-align: center;
	line-height: 24px;
	font-size: 20px;
    position: relative;
}
.l-software-main .good .hd .golink .t1 {
    color: #73777a;
	line-height: 20px;
	font-size: 16px;
	margin-top: 10px;
}
.l-software-main .good .col {
    width: 255px;
    height: 110px;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 12px;
    margin-top: 18px;
}
.l-software-main .good .col .col-li {
    float: left;
    width: 127px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 15px;
}
.l-software-main .good .col .col-li .ltxt {
    float: left;
    width: 38px;
    height: 38px;
    border: 1px dashed #e1e0e1;
    border-radius: 8px;
    display: table;
    margin-right: 8px;
}
.l-software-main .good .col .col-li .ltxt .tt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 19px;
    font-size: 14px;
    color: #000;
}
.l-software-main .good .col .col-li .rtxt {
    float: left;
    width: 79px;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #73777a;
    line-height: 40px;
}
.l-software-main .good .price {
    padding-left: 21px;
    font-size: 14px;
    color: #373d41;
    line-height: 28px;
    margin-bottom: 8px;
}
.linklist {
    width: 100%;
    height: 68px;
    background: #fbfbfc;
    border: 1px solid #e0e2e3;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
}
.linklist .tiao {
    float: left;
    text-align: center;
    height: 68px;
    line-height: 68px;
    overflow: hidden;
}
.linklist .tiao span {
    display: inline-block;
    width: 3px;
    height: 15px;
    background: #373d41;
    font-size: 0;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.linklist .tiao .golink {
    display: inline-block;
    font-size: 14px;
    color: #373d41;
    text-decoration: none;
}
.linklist .tiao .golink em {
    font-style: normal;
    color: #fe9110;
    font-size: 14px;
}
.lastg{
	margin-right: 0 !important;
}
.l-software-module .more {
    height: 28px;
    overflow: hidden;
	text-align: center;
	margin-bottom: 30px;
}
.more .morelink {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #777f84;
    overflow: hidden;
    text-decoration: none;
}
[target=_blank]:hover{
color:#1092f9 !important;
}

.l-software-main .good:hover{
	box-shadow: 0px 0px 15px #81c7ff;
    transition: 0.3s;
	z-index: 999;
	border: 1px solid #24bfd6;
	}
	.colorwhite{
		color: white !important;
	}
	.l-software-button{
		text-decoration: none;
		display: none;
		width: 96px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		background: #00c1de;
		float: right;
		margin-right: 7%;
	}
	.l-software-button a{color: #fff;}
	.Set-meal{
		float: left;
		width: 49%;
	}
	.fist-meal::before{
	    content: "";
    height: 280px;
    width: 1px;
    color: #eee;
    background-color: #eee;
    margin-right: 0;
    position: absolute;
    margin-top: 10px;
	}
	.l-software-main .good .price {
		padding-left: 23px;
		font-size: 14px;
		color: #373d41;
		line-height: 28px;
		margin-bottom: 8px;
	}
	.l-software-main .good .price em {
		font-style: normal;
		color: #ff6c00;
		font-size: 18px;
	}
	.l-Set-meal .good .price span {
		margin-left: 8px;
		display: inline-block;
		padding: 0 6px;
		height: 18px;
		line-height: 18px;
		font-size: 12px;
		color: #ff8a00;
		overflow: hidden;
		border: 1px solid #ff8a00;
		vertical-align: middle;
		position: relative;
		top: -2px;
	}
	.l-mailbox .good .price span{
		color: #ff6c00;
		font-size: 18px;
	}
	.domain-name{
		width: 210px;
		font-size: 20px;
		background-color: #f7f7f7;
		padding: 10px 10px;
		position: relative
	}
	.domain-name a{
		font-size: 22px;
	}
	.domain-name img{
		width: 26px;
		float: right;
		margin-top: 2px;
	}
.suf-list{
	position: absolute;
    background: #fff;
    top: 50px;
    right: 0;
    width: 902px;
    display: none;
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 1px 1px #ccc;
    text-align: left;
    z-index: 10;
}
.suf-list ul {
    border-left: 1px solid #e4e4e4;
    margin-left: -1px;
    padding: 10px;
}
.suf-list li {
    font-size: 14px;
    display: inline-block;
    line-height: 21px;
    padding: 6px 8px;
    color: #666;
    white-space: nowrap;
    word-break: normal;
    word-wrap: normal;
    width: 80px;
    margin: 2px;
    float: left;
    overflow: hidden;
}
.suf-list li:hover {
    background: #2eb0d7;
    color: #fff;
	cursor: pointer;
}