/*ui*/ .ui_content{ width: 100%; height: 6288px; background: url("/zt/benet/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("/zt/benet/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("/zt/benet/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("/zt/benet/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("/zt/benet/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("/zt/benet/images/ui_b6_cur2.png") no-repeat; } .tabs [id^="tab"]:checked + label { background:url("/zt/benet/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("/zt/benet/images/icon_l.png") no-repeat; left: 10px; } .ui_b6_right{ background: url("/zt/benet/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: 530px; background: url("/zt/benet/images/banner.png") no-repeat center; } .software_b2{ width: 100%; height: 950px; background: url("/zt/benet/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("/zt/benet/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("/zt/benet/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("/zt/benet/images/software_b5_01.png") no-repeat; } .software_b5_con li:nth-child(2){ background: url("/zt/benet/images/software_b5_02.png") no-repeat; } .software_b5_con li:nth-child(3){ background: url("/zt/benet/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("/zt/benet/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("/zt/benet/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; } /*网络工程师*/ .benet_banner{ width: 100%; height: 780px; background: url("/zt/benet/images/banner.png") no-repeat center; } .benet_con{ width: 100%; height: 4157px; background: url("/zt/benet/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("/zt/benet/images/b2_01.png") no-repeat; top: 0; left: 0; } .benet_b2_con li:nth-child(2){ background: url("/zt/benet/images/b2_02.png") no-repeat; top: 35px; left: 270px; } .benet_b2_con li:nth-child(3){ background: url("/zt/benet/images/b2_03.png") no-repeat; top: 0; left: 540px; } .benet_b2_con li:nth-child(4){ background: url("/zt/benet/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("/zt/benet/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("/zt/benet/images/b4_01bg.png") no-repeat; } .benet_b4_con li:nth-child(2){ background: url("/zt/benet/images/b4_02bg.png") no-repeat; } .benet_b4_con li:nth-child(3){ background: url("/zt/benet/images/b4_03bg.png") no-repeat; } .benet_b4_con li:nth-child(4){ background: url("/zt/benet/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("/zt/benet/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("/zt/benet/images/sec4_bg01.png") no-repeat; } .gk_second{ cursor: pointer; background: url("/zt/benet/images/sec4_01.png") no-repeat; } .gk_fourth{ cursor: pointer; background: url("/zt/benet/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; }