/*ui*/

.ui_content { width: 100%; height: 6288px; background: url(../images/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_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_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_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_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_b6_cur2.png) no-repeat; }
.tabs [id^="tab"]:checked + label { background: url(../images/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/icon_l.png) no-repeat; left: 10px; }
.ui_b6_right { background: url(../images/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: 420px; background: url(../images/banner.png) no-repeat center; }
.software_b2 { width: 100%; height: 950px; background: url(../images/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_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_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_b5_01.png) no-repeat; }
.software_b5_con li:nth-child(2) { background: url(../images/software_b5_02.png) no-repeat; }
.software_b5_con li:nth-child(3) { background: url(../images/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_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_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; padding-top: 60px; }
/*网络工程师*/

.benet_banner { width: 100%; height: 780px; background: url(../images/banner.png) no-repeat center; }
.benet_con { width: 100%; height: 4157px; background: url(../images/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/b2_01.png) no-repeat; top: 0; left: 0; }
.benet_b2_con li:nth-child(2) { background: url(../images/b2_02.png) no-repeat; top: 35px; left: 270px; }
.benet_b2_con li:nth-child(3) { background: url(../images/b2_03.png) no-repeat; top: 0; left: 540px; }
.benet_b2_con li:nth-child(4) { background: url(../images/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/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/b4_01bg.png) no-repeat; }
.benet_b4_con li:nth-child(2) { background: url(../images/b4_02bg.png) no-repeat; }
.benet_b4_con li:nth-child(3) { background: url(../images/b4_03bg.png) no-repeat; }
.benet_b4_con li:nth-child(4) { background: url(../images/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/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/sec4_bg01.png') no-repeat; }
.gk_second { cursor: pointer; background: url('../images/sec4_01.png') no-repeat; }
.gk_fourth { cursor: pointer; background: url('../images/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; }