/*ui*/
.ui_content{
	width: 100%;
	height: 6288px;
	background: url(../images/ui/ui_bg.jpg) no-repeat center;
	overflow: hidden;
	position: relative;
}

.banner{
	width: 1609px;
	height: 763px;
	position: relative;
	top: 100px;
	left: 50%;
	margin-left: -860px;
	background: url(../images/ui/ui_b1.png) no-repeat center;
}
.ui_ban_zx{
	width: 217px;
	height: 64px;
	display: block;
	position: absolute;
	bottom: 215px;
	left: 740px;
}
.ui_t1{
	width: 496px;
	margin: auto;
}
.ui_b2_txt{
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	text-align: center;
}
.ui_b2_bold{
	font-size: 22px;
	font-weight: bold;
}
.ui_b2_con{
	width: 1200px;
	height: 260px;
	margin: 60px auto 0;
	overflow: hidden;
}
.ui_b2_con li{
	width: 380px;
	height: 100%;
	background: url(../images/ui/ui_b2_bg.png) no-repeat;
	float: left;
	font-size: 14px;
	line-height: 26px;
	
}
.ui_b2_con li h6{
	font-size: 24px;
	color: #fff;
	text-align: center;
	position: relative;
	margin-top: 15px;
}
.ui_b2_i{
	width: 66px;
	height: 64px;
	display: block;
	position: absolute;
	top: -15px;
	right: 70px;
}
.ui_b2_red{
	font-size: 26px;
	color: #c83150;
	font-weight: bold;
}
.ui_zx{
	width: 284px;
	height: 138px;
	background: url(../images/ui/ui_zx.png) no-repeat;
	display: block;
	margin: 60px auto 0;
}

.ui_t2{
	width: 573px;
	height: 98px;
	margin: 150px auto 0;
}
.ui_b3{
	width: 1195px;
	height: 634px;
	margin: 60px auto 0;
}
.ui_t3{
	width: 663px;
	height: 90px;
	margin: 150px auto 0;
}
.ui_b4{
	width: 1103px;
	height: 519px;
	margin: 60px auto 0;
}
.ui_b4_con{
	width: 1200px;
	height: 117px;
	margin: 60px auto 0;
	overflow: hidden;
}
.ui_b4_con li{
	width: 226px;
	height: 117px;
	float: left;
	margin-left: 40px;
}
.ui_b4_t{
	font-size: 36px;
	color: #6dcaf4;
	margin-top: 10px;
	text-align: center;
	font-weight: normal;
}
.ui_b4_img{
	width: 1229px;
	height: 482px;
	margin: 60px auto -60px;
}
.ui_t4{
	width: 769px;
	height: 98px;
	margin: 150px auto 0;
}
.ui_b6{
	width: 1200px;
	height: 1000px;
	margin: 60px auto 0;
	position: relative;
}
.tabs{
	width: 1200px;
	height: 113px;
}
.tabs:after {
	content: "";
	display: table;
	clear: both;
}
.tabs input[type=radio] {
	display: none;
}
.tabs label {
	width: 290px;
	height: 113px;
	background: url(../images/ui/ui_b6_2.png) no-repeat;
	color: #fff;
	margin-bottom: 12px;
	text-align: center;
	display: block;
	cursor: pointer;
	font-size: 24px;
	line-height: 113px;
	float: left;
	margin-left: 10px;
	font-weight: bold;
}
.tabs label:hover {
	background:url(../images/ui/ui_b6_cur2.png) no-repeat;
}
.tabs [id^="tab"]:checked + label {
	background:url(../images/ui/ui_b6_cur1.png) no-repeat;
	border: 0;
}
.tab-content{
	width: 1190px;
	height: 830px;
	overflow: hidden;
	background-color: #3d0371;
	display: none;
	position: absolute;
	top: 113px;
	left: 10px;
}
.tab-content li{
	width: 100%;
	font-size: 18px;
	overflow: hidden;
	color: #fff;
}
.tab-content li:nth-child(1){
	width: 1100px;
	height: 108px;
	background: #4a0786;
	margin: 30px auto;
	text-align: center;
	box-sizing: border-box;
	padding-top: 20px;
}
.tab-content li:nth-child(2){
	padding-left: 70px;
}
.ui_b6_red{
	color: #ff736f;
	font-weight: bold;
	margin-right: 5px;
}

.tab-content li p{
	line-height: 32px;
}
.tab-content li:nth-child(3){
	width: 1100px;
	height: 250px;
	margin: 30px auto 0;
	overflow: hidden;
	position: relative;
}
.cou_right_cur{
	opacity: 1!important;
}
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3,
#tab4:checked ~ #tab-content4,
#tab5:checked ~ #tab-content5,
#tab6:checked ~ #tab-content6,
#tab7:checked ~ #tab-content7,
#tab8:checked ~ #tab-content8,
#tab9:checked ~ #tab-content9{
	 display: block;
}
.tab-content li:nth-child(3) .ui_b6_con{
	position: absolute;
	top: 0;
	left: 0;
}
.tab-content li:nth-child(3) .ui_b6_con li{
	width: 1100px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0!important;
	margin: 0!important;
}
.ui_b6_left,.ui_b6_right{
	width: 33px;
	height: 33px;
	display: block;
	position: absolute;
	top: 45%;
}
.ui_b6_left{
	background: url(../images/ui/icon_l.png) no-repeat;
	left: 10px;
}
.ui_b6_right{
	background: url(../images/ui/icon_r.png) no-repeat;
	right: 10px;
}

.ui_t5{
	width: 569px;
	height: 97px;
	margin: 60px auto 0;
}
.ui_b7{
	width: 1200px;
	height: 130px;
	overflow: hidden;
	margin: 60px auto 0;
}
.ui_b7 li{
	width: 205px;
	height: 130px;
	float: left;
	margin-left: 35px;
}

/*软件开发*/
.software_banner{
	width: 100%;
	height: 530px;
	background: url(../images/software/banner.png) no-repeat center;
}
.software_b2{
	width: 100%;
	height: 950px;
	background: url(../images/software/software_b2_bg.png) no-repeat center;
	box-sizing: border-box;
	padding-top: 60px;
}
.software_b2_t{
	font-size: 36px;
	color: #3c4450;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
}
.software_b2_txt{
	font-size: 16px;
	color: #a1a1a1;
	line-height: 30px;
	text-align: center;
}
.software_zx{
	width: 244px;
	height: 58px;
	display: block;
	margin: 60px auto;
	color: #fff;
	font-size: 16px;
	line-height: 58px;
	text-align: center;
	border-radius: 100px;
	background: linear-gradient(to bottom, #44b8ef, #3777ee);
}

.software_b3{
	width: 100%;
	height: 952px;
	background: url(../images/software/software_b3_bg.png) no-repeat center;
	box-sizing: border-box;
	padding-top: 60px;
}
.software_b3_con{
	width: 1200px;
	height: 560px;
	margin: 60px auto 0;
	position: relative;
}
.software_b3_con li{
	font-size: 18px;
	color: #fff;
	position: absolute;
}
.software_b3_con li:nth-child(1){
	top: 62px;
	left: 316px;
}
.software_b3_con li:nth-child(2){
	top: 174px;
	left: 220px;
}
.software_b3_con li:nth-child(3){
	top: 316px;
	left: 130px;
}
.software_b3_con li:nth-child(4){
	top: 476px;
	left: 185px;
}
.software_b3_con li:nth-child(5){
	top: 515px;
	right: 300px;
}
.software_b3_con li:nth-child(6){
	top: 400px;
	right: 150px;
}
.software_b3_con li:nth-child(7){
	top: 250px;
	right: 168px;
}
.software_b3_con li:nth-child(8){
	top: 140px;
	right: 274px;
}
.software_b4{
	width: 1200px;
	height: 958px;
	margin: auto ;
	box-sizing: border-box;
	padding-top: 60px;
}
.software_b5{
	width: 100%;
	height: 756px;
	background: url(../images/software/software_b5_bg.png) no-repeat center;
	box-sizing: border-box;
	padding-top: 60px;
}
.software_b5_con{
	width: 1200px;
	height: 417px;
	margin: 30px auto 0;
	overflow: hidden;
}
.software_b5_con li{
	width: 321px;
	height: 417px;
	float: left;
	margin-left: 50px;
	box-sizing: border-box;
	padding-top: 189px;
}
.software_b5_con li:nth-child(1){
	background: url(../images/software/software_b5_01.png) no-repeat;
}
.software_b5_con li:nth-child(2){
	background: url(../images/software/software_b5_02.png) no-repeat;
}
.software_b5_con li:nth-child(3){
	background: url(../images/software/software_b5_03.png) no-repeat;
}
.software_b5_line{
	width: 34px;
	height: 3px;
	background: #4785dc;
	margin: 0 auto 30px;
}
.software_b5_left{
	float: left;
	text-align: right;
	margin-left: 50px;
}
.software_b5_right{
	float: left;
	margin-left: 20px;
}
.software_b5_con li p{
	font-size: 12px;
	line-height: 24px;
}

.software_b6{
	width: 100%;
	height: 950px;
	background: url(../images/software/software_b6_bg.png) no-repeat center;
	box-sizing: border-box;
	padding-top: 60px;
}
.software_b6_con{
	width: 1200px;
	height: 540px;
	margin: 60px auto 0;
	overflow: hidden;
}
.software_b6_con li{
	width: 224px;
	float: left;
	text-align: center;
	line-height: 26px;
	font-size: 16px;
	margin-left: 60px;
}
.software_b6_t{
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}

.software_b7{
	width: 100%;
	height: 605px;
	background: url(../images/software/software_b7_bg.png) no-repeat center;
	box-sizing: border-box;
	padding-top: 60px;
	position: relative;
}
.software_b7_con{
	position: absolute;
	top: 120px;
	left: 50%;
	color: #fff;
	font-size: 16px;
	line-height: 34px;
	box-sizing: border-box;
	padding: 45px 0 0 90px;
}
.software_b7_txt{
	font-size: 20px;
	font-weight: bold;
	display: block;
}
.software_b8{
	width: 100%;
	height: 502px;
	box-sizing: border-box;
}

/*网络工程师*/
.benet_banner{
	width: 100%;
	height: 780px;
	background: url(../images/benet/banner.png) no-repeat center;
}

.benet_con{
	width: 100%;
	height: 4157px;
	background: url(../images/benet/b2_bg.png) no-repeat center;
	margin-top: -150px;
	box-sizing: border-box;
	padding-top: 70px;
}
.benet_b2_t{
	width: 443px;
	height: 76px;
	margin: auto;
}
.benet_b2_txt{
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
.benet_b2_con{
	width: 1003px;
	height: 315px;
	margin: 60px auto 0;
	position: relative;
}
.benet_b2_con li{
	width: 206px;
	height: 280px;
	position: absolute;
	box-sizing: border-box;
	padding-top: 50px;
}
.benet_b2_con li:nth-child(1){
	background: url(../images/benet/b2_01.png) no-repeat;
	top: 0;
	left: 0;
}
.benet_b2_con li:nth-child(2){
	background: url(../images/benet/b2_02.png) no-repeat;
	top: 35px;
	left: 270px;
}
.benet_b2_con li:nth-child(3){
	background: url(../images/benet/b2_03.png) no-repeat;
	top: 0;
	left: 540px;
}
.benet_b2_con li:nth-child(4){
	background: url(../images/benet/b2_04.png) no-repeat;
	top: 35px;
	left: 815px;
}
.benet_b2_con li h6{
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-weight: normal;
}
.benet_b2_con li .benet_b2_big{
	font-size: 36px;
	display: block;
	font-weight: bold;
}

.benet_zxWihte{
	width: 174px;
	height: 54px;
	display: block;
	margin: auto;
	background: #fff;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
	color: #164fe4;
	border-radius: 100px;
}

.benet_b3_t{
	width: 523px;
	height: 67px;
	position: relative;
	top: 126px;
	left: 50%;
	margin-left: -240px;
}
.benet_b3_i{
	width: 1297px;
	height: 759px;
	margin: -80px auto 0;
}
.benet_b4_t{
	width: 620px;
	height: 47px;
	margin: auto;
}
.benet_b4{
	width: 100%;
	height: 846px;
	background: url(../images/benet/b4_bg.png) no-repeat center;
	margin-top: 66px;
	box-sizing: border-box;
	padding-top: 60px;
}
.benet_b4_con{
	width: 1202px; 
	height:  445px;
	margin: 50px auto 0;
}
.benet_b4_con li{
	width: 285px;
	height: 445px;
	float: left;
	margin-left: 20px;
}
.benet_b4_con li:nth-child(1){
	margin: 0;
	background: url(../images/benet/b4_01bg.png) no-repeat;
}
.benet_b4_con li:nth-child(2){
	background: url(../images/benet/b4_02bg.png) no-repeat;
}
.benet_b4_con li:nth-child(3){
	background: url(../images/benet/b4_03bg.png) no-repeat;
}
.benet_b4_con li:nth-child(4){
	background: url(../images/benet/b4_04bg.png) no-repeat;
}
.benet_b4_t1{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-top: 90px;
	text-align: center;
}
.benet_b4_line{
	width: 34px;
	height: 4px;
	background: #fff;
	margin: 20px auto 60px;
	display: block;
}
.benet_zxblue{
	width: 174px;
	height: 54px;
	display: block;
	margin: auto;
	background: #164fe4;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 100px;
}
.benet_b5_t{
	font-size: 48px;
	color: #fff;
	text-align: center;
	margin-top: 60px;
	font-weight: bold;
}
.benet_b5_i{
	width: 1202px;
	height: 1312px;
	margin: 30px auto 0;
}
.benet_b6{
	width: 100%;
	height: 980px;
	box-sizing: border-box;
	padding-top: 60px;
}
.benet_b6_t{
	width: 564px;
	height: 47px;
	margin: auto;
}

.benet_b6_con{
	width: 676px;
	height: 542px;
	margin: 60px auto;
	background: url(../images/benet/b6_bg.png) no-repeat;
	position: relative;
}
.benet_b6_l{
	width: 619px;
	height: 347px;
	position: absolute;
	top: 29px;
	left: 28px;
}
.benet_b7{
	width: 100%;
	height: 850px;
	background: #eee;
	box-sizing: border-box;
	padding-top: 60px;
}
.benet_b7_t{
	width: 337px;
	height: 43px;
	margin: auto;
}

.gk_con4_c1{
	width: 970px;
	height: 402px;
}
.gk_con4_c1 li{
	width: 227px;
	height: 401px;
	float: left;
	margin-right: 20px;
	padding: 30px 20px;
	box-sizing: border-box;
	color: #fff;
	position: relative;
}
.gk_first,.gk_third{
	background: url('../images/benet/sec4_bg01.png') no-repeat;
}
.gk_second{
	cursor: pointer;
	background: url('../images/benet/sec4_01.png') no-repeat;
}
.gk_fourth{
	cursor: pointer;
	background: url('../images/benet/sec4_02.png') no-repeat;
}
.gk_con4_c1 h4{
	font-size: 28px;
	line-height: 38px;
	text-align: center;
}
.gk_con4_c1 p{
	font-size: 14px;
	line-height: 26px;
}
.gk_con4_c1 span{
	width: 38px;
	height: 3px;
	background: #fff;
	margin: 20px auto;
	display: block;
}
.gk_second .li01,.gk_fourth .li02{
	width: 520px;
	height: 401px;
	position: absolute;
	top: 0;
	z-index: 100;
	opacity: 0;
}
.gk_second .li01{
	left: -247px;
}
.gk_fourth .li02{
	right: 0;
}
.gk_second:hover .li01,.gk_fourth:hover .li02{
	opacity: 1;
	transition: .8s all;
}