body{ position: relative; } /*首页*/ .banner_index{ width: 100%; height: 370px; } .swiper-container { width: 1920px; height: 370px; position: absolute; left: 50%; margin-left: -960px; } .banner_sidebar{ width: 252px; height: 495px; background: #2b333b; border-radius: 10px; border-bottom-right-radius: 0; position: absolute; top: 174px; left: 50%; margin-left: -600px; z-index: 9999; box-shadow: 1px 3px 10px #999; } .banner_sidebar_list{ width: 252px; height: 50px; padding-top: 30px; } .sidebar_list_t1{ width: 100%; height: 100%; color: #fff; display: block; font-size: 14px; line-height: 50px; padding-left: 60px; box-sizing: border-box; } .sidebar_list_t1:before{ content: '>'; position: absolute; right: 50px; } .sidebar_list_con{ width: 360px; height: 440px; background: #f8f8f8; position: absolute; top: 1px; left: 252px; display: none; z-index: 1001; } .sidebar_list_img{ width: 300px; height: 140px; margin: 30px auto; } .sidebar_list_con h5{ font-size: 16px; color: #c9161f; margin-left: 30px; } .sidebar_list_con p{ font-size: 13px; padding: 10px 30px; line-height: 28px; } .sidebar_list_zx{ display: block; width: 80px; height: 30px; background: #c9161f; color: #fff; text-align: center; line-height: 30px; position: absolute; bottom: 50px; right: 50px; border-radius: 5px; } .banner_sidebar_list:hover .sidebar_list_t1{ background: #000; } .banner_sidebar_list:hover .sidebar_list_con{ display: block; } .banner_sidebar_list:hover .sidebar_list_t1{ padding-left: 70px; } .banner_sidebar_list:hover .sidebar_list_t1:before{ right: 40px; } .banner_hyperchannel{ width: 946px; height: 123px; background: #fff; border-bottom-right-radius: 10px; box-shadow: 1px 3px 10px #999; position: relative; top: 0; left: 50%; margin-left: -348px; z-index: 1000; } .banner_hyperchannel ul{ width: 100%; height: 100%; padding: 20px; box-sizing: border-box; overflow: hidden; } .banner_hyperchannel ul li{ width: 150px; height: 100%; float: left; margin-left: 50px; cursor: pointer; position: relative; } .banner_hyperchannel h6{ font-size: 15px; text-align: center; color: #333; line-height: 30px; } .banner_hyperchannel p{ font-size: 12px; color: #666; text-align: center; } .hyperchannel_i01{ width: 35px; height: 32px; background: url("/zt/about/images/sprite.png") no-repeat 0px -241px; margin: 10px auto 0; } .hyperchannel_i02{ width: 27px; height: 32px; background: url("/zt/about/images/sprite.png") no-repeat 0px -275px; margin: 10px auto 0; } .hyperchannel_i03{ width: 33px; height: 36px; background: url("/zt/about/images/sprite.png") no-repeat 0px -311px; margin: 10px auto 0; } .hyperchannel_i04{ width: 30px; height: 30px; background: url("/zt/about/images/sprite.png") no-repeat -1px -346px; margin: 10px auto 0; } .banner_hyperchannel ul li:hover .b_h_i{ margin-top: 0; -webkit-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .banner_hyperchannel ul li:hover .b_hyrc_look{ top: -10px; -webkit-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .b_hyrc_look{ width: 165px; height: 100px; position: absolute; display: block; top: 105px; left: -5px; background: rgba(46,186,255,.8); font-size: 16px; color: #fff; text-align: center; line-height: 90px; } .qn_course{ width: 100%; height: 600px; padding-top: 60px; box-sizing: border-box; } .index_tit{ font-size: 30px; text-align: center; color: #484848; line-height: 45px; } .index_txt{ font-size: 16px; text-align: center; color: #a8a8a8; } .qn_course_con{ width: 1200px; height: 320px; margin: 50px auto 0; position: relative; } .qn_course_con li{ width: 380px; height: 137px; position: absolute; font-size: 14px; overflow: hidden; padding: 2px 0 0 2px; box-sizing: border-box; border-radius: 5px; opacity: 0; } .qn_course_img{ float: left; } .qn_course_t2{ font-size: 18px; float: left; margin: 20px 0 0 40px; } .qn_course_t3{ float: left; margin: 10px 0 0 40px; text-align: center; } .qn_course_con li:nth-child(1){ background: linear-gradient(to right top, #f05463, #e83f53); top: 100px; left: 400px; } .qn_course_con li:nth-child(2){ background: linear-gradient(to right top,#718bdd,#5670c4); top: 100px; left: 400px; } .qn_course_con li:nth-child(3){ background: linear-gradient(to right top,#999ec6,#8188bd); top: 100px; left: 400px; } .qn_course_con li:nth-child(4){ background: linear-gradient(to right top,#42b9ae,#1da196); top: 100px; left: 400px; } .qn_course_con li:nth-child(5){ background: linear-gradient(to right top,#a0c868,#6ca166); top: 100px; left: 400px; } .qn_course_con li:nth-child(6){ top: 100px; left: 400px; border: 1px solid #e5e5e5; } .qn_course_t4{ font-size: 16px; position: absolute; top: 50px; left: 140px; } .qn_course_t4:before{ content: '+'; position: absolute; top: -4px; left: 70px; font-size: 20px; } .index_zx{ width: 200px; height: 50px; color: #8699be; text-align: center; font-size: 14px; line-height: 50px; overflow: hidden; border-radius: 100px; border: 1px solid #8699be; margin: 40px auto 0; display: block; } .index_zx:hover{ background: #8699be; color: #fff; } .diploma{ width: 100%; height: 506px; background: #eee; margin-top: 50px; position: relative; } .dip_left, .dip_center, .dip_right{ width: 380px; height: 410px; position: absolute; top: 60px; left: 50%; border-radius: 10px; } .dip_left{ background: url("/zt/about/images/dip1.png") no-repeat; margin-left: -600px; } .dip_center{ background: url("/zt/about/images/dip2.png") no-repeat; margin-left: -200px; } .dip_right{ background: url("/zt/about/images/dip3.png") no-repeat; margin-left: 200px; } .dip_left:hover, .dip_center:hover, .dip_right:hover{ box-shadow: 1px 3px 12px #999; top: 50px; -webkit-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .dip_first{ font-size: 16px; color: #fff; text-align: center; line-height: 93px; } .dip_left_con{ width: 100%; height: 260px; position: relative; overflow: hidden; margin-top: 20px; } .dip_left_con ul{ width: 100%; height: 260px; box-sizing: border-box; padding: 0 14px; position: absolute; top: 0; left: 0; -webkit-animation:5s move infinite linear; -moz-animation:5s move infinite linear; -ms-animation:5s move infinite linear; -o-animation:5s move infinite linear; animation:5s move infinite linear; } .dip_left_con:hover ul{ -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -ms-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused; } .dip_left ul li{ width: 100%; height: 53px; font-size: 14px; line-height: 53px; cursor: pointer; position: relative; } .dip_left ul li span{ width: 50px; height: 25px; display: inline-block; border-radius: 100px; line-height: 25px; text-align: center; } .dip_left ul li .dip_left_s1{ width: 7px; height: 7px; border-radius: 100%; background: #ffddce; position: absolute; top: 24px; left: 58px; display: block; } .dip_left ul li .dip_left_s2{ width: 1px; height: 36px; background: #dadada; position: absolute; top: 36px; left: 61px; display: block; } .course_name{ width: 266px; height: 100%; display: inline-block; margin-left: 30px; padding: 0 15px; box-sizing: border-box; border-bottom: 1px dashed #dadada; } .course_name i{ display: inline-block; float: right; } .dip_left ul li:hover span{ background: #fe6e32; color: #fff; } .dip_left ul li:hover .course_name{ color: #f15549; text-decoration: underline; } .dip_center ul, .dip_right ul{ width: 100%; height: 316px; box-sizing: border-box; padding: 30px 35px; } .dip_center ul li, .dip_right ul li{ width: 308px; height: 42px; border: 1px solid #c5cddb; line-height: 42px; margin-top: 15px; box-sizing: border-box; padding-left: 15px; } .dip_center ul li select, .dip_center ul li input, .dip_right ul li select, .dip_right ul li input{ border: 0; width: 200px; height: 40px; display: inline-block; background: none; } .dip_center ul li select:focus, .dip_center ul li input:focus, .dip_right ul li select:focus, .dip_right ul li input:focus{ outline: none; } .dip_center ul li:nth-child(4), .dip_right ul li:nth-child(4){ border: 0; margin-top: 30px; padding: 0; } .dip_center ul li .sel, .dip_right ul li .sel{ display: block; height: 100%; width: 127px; background: #8699be; margin: auto; color: #fff; text-align: center; } @-webkit-keyframes move{ 0%{ top:0; } 100%{ top:-265px; } } @-moz-keyframes move{ 0%{ top:0; } 100%{ top:-265px; } } .qn_job{ width: 100%; height: 860px; padding-top: 50px; box-sizing: border-box; } .qn_job_zw{ width: 940px; height: 580px; margin: 15px auto 0; } .qn_job_con{ width: 100%; height: 100%; position: relative; background: url("/zt/about/images/qn_job.png") no-repeat; display: none; } .qn_job_con li{ position: absolute; padding: 5px; } .qn_job_con li h6{ font-size: 20px; line-height: 34px; color: #397dc1; text-align: center; } .qn_job_con li p{ font-size: 16px; color: #acacac; line-height: 26px; text-align: center; } .qn_job_con li:nth-child(1){ top: 340px; left: 50%; margin-left: -65px; -webkit-animation:fadeIn .2s ease-in .5s both; -moz-animation:fadeIn .2s ease-in .5s both; -ms-animation:fadeIn .2s ease-in .5s both; -o-animation:fadeIn .2s ease-in .5s both; animation:fadeIn .2s ease-in .5s both; } .qn_job_con li:nth-child(2){ top: 100px; left: -50px; -webkit-animation:fadeIn .5s ease-in .8s both; -moz-animation:fadeIn .5s ease-in .8s both; -ms-animation:fadeIn .5s ease-in .8s both; -o-animation:fadeIn .5s ease-in .8s both; animation:fadeIn .5s ease-in .8s both; } .qn_job_con li:nth-child(3){ top: 100px; right: -110px; -webkit-animation:fadeIn .5s ease-in 1s both; -moz-animation:fadeIn .5s ease-in 1s both; -ms-animation:fadeIn .5s ease-in 1s both; -o-animation:fadeIn .5s ease-in 1s both; animation:fadeIn .5s ease-in 1s both; } .qn_job_con li:nth-child(4){ top: 340px; left: -180px; -webkit-animation:fadeIn .5s ease-in 1.2s both; -moz-animation:fadeIn .5s ease-in 1.2s both; -ms-animation:fadeIn .5s ease-in 1.2s both; -o-animation:fadeIn .5s ease-in 1.2s both; animation:fadeIn .5s ease-in 1.2s both; } .qn_job_con li:nth-child(5){ top: 340px; right: -180px; -webkit-animation:fadeIn .5s ease-in 1.5s both; -moz-animation:fadeIn .5s ease-in 1.5s both; -ms-animation:fadeIn .5s ease-in 1.5s both; -o-animation:fadeIn .5s ease-in 1.5s both; animation:fadeIn .5s ease-in 1.5s both; } .qn_job_i1{ position: absolute; top: -8px; right: -100px; } .qn_job_i2{ position: absolute; top: 15px; left: -100px; } .qn_job_i3{ position: absolute; top: 10px; right: -100px; } .qn_job_i4{ position: absolute; top: 15px; left: -100px; } @-webkit-keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } @-moz-keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } .qn_student{ width: 100%; height: 615px; background: #eee; padding-top: 50px; box-sizing: border-box; } .qn_stu_con{ width: 1200px; height: 294px; margin: 50px auto 0; overflow: hidden; } .qn_stu_con li{ width: 222px; height: 292px; float: left; margin-right: 20px; color: #fff; text-align: center; position: relative; } .qn_stu_con li:nth-child(1){ background: url("/zt/about/images/stu1.jpg") no-repeat; } .qn_stu_con li:nth-child(2){ background: url("/zt/about/images/stu2.jpg") no-repeat; } .qn_stu_con li:nth-child(3){ background: url("/zt/about/images/stu3.jpg") no-repeat; } .qn_stu_con li:nth-child(4){ background: url("/zt/about/images/stu4.jpg") no-repeat; } .qn_stu_con li:nth-child(5){ background: url("/zt/about/images/stu5.jpg") no-repeat; } .qn_stu_con li:nth-child(5){ margin: 0; } .qn_stu_con li:nth-child(1) .qn_stu_t{ bottom: 0; } .qn_stu_con li:nth-child(1) .qn_stu_b{ opacity: 0; } .qn_stu_t{ width: 222px; height: 106px; background: #ea4855; position: absolute; bottom: -108px; left: 0; font-size: 14px; line-height: 24px; padding-top: 15px; box-sizing: border-box; } .qn_stu_t h5{ font-size: 18px; } .qn_stu_b{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; opacity: 1; } .qn_stu_con li:hover .qn_stu_t{ bottom: 0; -webkit-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .qn_stu_con li:hover .qn_stu_b{ opacity: 0; -webkit-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .campusWrap{ height:1000px; margin-top:70px;} .campus{ width:1226px; height:1000px; position:relative;} .campusWrap .campus ul{ width:1226px; height:730px; margin-top:30px; position: relative; font-size: 18px; color: #fff;} .campusWrap .campus ul li{ overflow: hidden;} .campusWrap .campus ul li:nth-child(1){ width: 236px; height: 356px; background: #52bd44; line-height: 30px; padding: 100px 0 0 40px; box-sizing: border-box;} .campusWrap .campus .index_b4_more{ width: 95px; height: 31px; display: block; color: #fff; border: 1px solid #fff; margin-top: 70px; margin-left: 50px; text-align: center; line-height: 31px;} .campusWrap .campus ul .index_b4_txt{ font-size: 22px; font-weight: bold;} .campusWrap .campus li:nth-child(2){ width: 529px; height: 357px; position: absolute; top: 0; left: 238px;} .campusWrap .campus li:nth-child(3){ width: 408px; height: 357px; position: absolute; top: 0; left: 768px;} .campusWrap .campus .index_b4_02{ width: 409px; height: 109px; padding: 23px 0 0 27px; box-sizing: border-box; background: #f4c43b; margin-top: 2px;} .campusWrap .campus li:nth-child(4){ width: 467px; height: 386px; position: absolute; top: 359px; left: 0;} .index_b4_03{ width: 467px; height: 110px; background: #3299e2; padding: 23px 0 0 27px; box-sizing: border-box;} .campusWrap .campus li:nth-child(5){ width: 710px; height: 386px; position: absolute; top: 359px; left: 469px;} .index_b4_04{ width: 710px; height: 110px; background: #46b8d2; padding: 23px 0 0 27px; box-sizing: border-box;} .campusWrap .campus li img{ transition: all 1s;} .campusWrap .campus li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);} .qn_yl{ width: 100%; height: 510px; background: #eee; padding: 60px 0; box-sizing: border-box; } .qn_yl_con{ width: 1200px; margin: auto; } .qn_yl_con h5{ font-size: 18px; } .qn_yl_img{ margin-top: 30px; } .Iabout-us{ width: 100%; height: 298px; padding-top: 66px; box-sizing: border-box; } .IabUs-list{ width: 1200px; height: 80px; margin: 50px auto 0; position: relative; } .IabUs-list li{ width: 299px; height: 100%; position: relative; border-left: 1px solid #e1e1e1; float: left; text-align: center; } .IabUs-list li:nth-child(1){ border: 0; } .num{ font-size: 36px; } .con{ font-size: 14px; color: #6e6e6e; } .qn_answer{ width: 100%; height: 234px; background: url("/zt/about/images/qn_answerBg.png") no-repeat center; position: relative; } #tagscloud{ width: 1200px; height: 100%; margin: auto; } #tagscloud a{ font-size: 16px; color: #fff; position: absolute; } #tagscloud a:hover{ color: yellow; } .tagc1{ top: 40px; left: 300px; } .tagc2{ top: 80px; left: 150px; } .tagc3{ top: 150px; left: 500px; } .tagc4{ top: 100px; left: 700px; } .tagc4{ top: 100px; left: 700px; } .tagc5{ top: 50px; left: 800px; } .tagc6{ top: 100px; left: 1000px; } .tagc7{ top: 150px; left: 1100px; } .tagc8{ top: 160px; left: 200px; } /*高薪就业*/ .jiuye_banner{ width: 100%; height: 600px; background: url("/zt/about/images/banner.jpg") no-repeat center; } .jy_b1{ width: 1194px; height: 950px; margin: auto; box-sizing: border-box; padding-top: 50px; overflow: hidden; } .jy_b1_tit{ width: 371px; height: 90px; background: url("/zt/about/images/jy_b1_tbg.png") no-repeat center; font-size: 36px; color: #07111b; text-align: center; font-weight: bold; margin: auto; } .jy_b1_red{ color: #f13c4b; font-weight: normal; display: block; } .jy_b1_txt{ font-size: 23px; color: #07111b; font-weight: bold; margin: 0 0 30px; } .jy_b1_tred{ color: #f5616d; } .jy_b1_table{ width: 1194px; height: 133px; background: url("/zt/about/images/jy_b1_tadbg.png") no-repeat; color: #fff; font-size: 23px; line-height: 66px; } .jy_b1_table li{ width: 226px; height: 66px; text-align: center; float: left; } .jy_b1_table li:nth-child(1){ margin-left: 35px; } .jy_b1_zhushi{ color: 16px; font-size: #979797; text-align: right; line-height: 50px; } .jy_b1_left{ width: 482px; height: 346px; float: left; text-align: center; } .jy_b1_right{ width: 500px; height: 346px; float: right; text-align: center; } .jy_zx{ width: 172px; height: 57px; border-radius: 100px; background: #f78466; color: #fff; line-height: 57px; font-size: 16px; text-align: center; display: block; margin: auto; } .jy_b2{ width: 100%; height: 816px; background: #ebf1fc; box-sizing: border-box; padding-top: 60px; } .jy_b2_01{ width: 983px; height: 518px; margin: auto; } .jy_b3{ width: 100%; height: 654px; box-sizing: border-box; padding-top: 60px; } .jy_b3_t{ font-size: 36px; color: #f5616d; text-align: center; font-weight: normal; } .jy_b3_txt{ color: 16px; font-size: #979797; text-align: center; line-height: 36px; } .jy_b3_con{ width: 1200px; height: 360px; margin: 30px auto 0; overflow: hidden; } .jy_b3_i{ width: 574px; height: 353px; float: left; } .jy_b3_right{ width: 520px; float: right; box-sizing: border-box; padding-top: 60px; } .jy_b4{ width: 100%; height: 1023px; background: url("/zt/about/images/jy_b4_bg.png") no-repeat center; box-sizing: border-box; padding-top: 60px; } .jy_b4_black{ display: block; color: #07111b; font-weight: bold; } .jy_b4_con{ width: 1200px; height: 634px; background: url("/zt/about/images/jy_b4_01.png") no-repeat; margin: 50px auto 0; position: relative; } .jy_b4_t1{ position: absolute; font-size: 16px; color: #fff; line-height: 46px; top: 110px; right: 150px; } .jy_b4_t2{ width: 100%; position: absolute; bottom: 30px; font-size: 16px; line-height: 30px; left: 0; } .jy_b4_t2 li{ float: left; text-align: center; padding: 0 60px; } .jy_b5{ width: 100%; height: 207px; background: #eee; box-sizing: border-box; padding-top: 30px; } .jy_b5_t{ font-size: 30px; color: #07111b; text-align: center; } .jy_b5_con{ width: 1200px; height: 90px; margin: 20px auto 0; overflow: hidden; } .jy_b5_con li{ float: left; font-size: 16px; color: #909090; text-align: center; position: relative; padding: 0 60px; } .jy_b5_red{ font-size: 24px; color: #fd6160; display: block; } .jy_icon{ display: block; position: absolute; top: 15px; right: 0; width: 32px; height: 27px; } .jy_b6{ width: 100%; height: 675px; background: #fafafa; box-sizing: border-box; padding-top: 60px; } .jy_b6_i{ width: 1249px; height: 317px; margin: 30px auto 0; } .jy_b7{ width: 100%; height: 555px; box-sizing: border-box; padding-top: 60px; } .jy_b7_i{ width: 1206px; height: 281px; margin: 30px auto 0; } /*高考招生*/ .banner-g{ width: 100%; height:795px; background: url("/zt/about/images/banner.png") no-repeat center; position: relative; } .gaokaoWrap{ width: 100%; height:2060px; background: url("/zt/about/images/gk_bg.png") no-repeat center top; overflow: hidden; margin-top: -70px; } .gaokaoWrap .gaokao-con{ width:1289px; height:3200px; overflow: hidden; margin-top:150px; } .gk-con-t{ width:1289px; font-size: 42px; color: #333; text-align: center; font-weight: bold; position: relative; } .s1_t1{ color: #ff067a; } .gk_icon{ width: 126px; height: 26px; position: absolute; top: 20px; } .gk_icon01{ background: url("/zt/about/images/gk-icon01.png") no-repeat center; left: 140px; } .gk_icon02{ background: url("/zt/about/images/gk-icon02.png") no-repeat center; right: 140px; } .gk-con-t1{ color: #989898; font-size: 16px; margin:25px 0 0; font-weight:normal; text-align:center; line-height:36px; } .s1_t2{ font-size: 24px; } .sec_g_c{ width: 1240px; height: 433px; margin-top: 40px; border-radius: 50px; box-shadow: 2px 0px 50px #e7e7e7; box-sizing: border-box; padding: 0 60px; } .sec_g_c li{ width: 240px; height: 380px; float: left; margin-left: 30px; margin-top: 60px; cursor: pointer; } .sec_g_c li:nth-child(1){ background: url("/zt/about/images/sec1_01.png") no-repeat center top; } .sec_g_c li:nth-child(2){ background: url("/zt/about/images/sec1_02.png") no-repeat center top; } .sec_g_c li:nth-child(3){ background: url("/zt/about/images/sec1_03.png") no-repeat center top; } .sec_g_c li:nth-child(4){ background: url("/zt/about/images/sec1_04.png") no-repeat center top; } .sec_g_c li:hover{ margin-top: 30px!important; transition: .5s all; } .gk_c1_t1{ font-size: 24px; color: #333; font-weight: bold; text-align: center; margin-top: 230px; } .gk_c1_t2{ font-size: 16px; color: #d3d3d3; text-align: center; margin-top: 10px; } .gk_click{ width: 252px; height: 73px; display: block; margin: 80px auto; background: url("/zt/about/images/click.png") no-repeat; color: #fff; font-size: 18px; line-height: 73px; text-align: center; } .sec_g_c2{ width: 1260px; height: 724px; position: relative; margin-top: 80px; } .sec_g_c2 li{ width: 513px; height: 724px; position: absolute; top: 0; color: #fff; overflow: hidden; } .sec_g_c2 li:nth-child(1){ background: url("/zt/about/images/sec2_bg01.png") no-repeat center; left: 0; } .sec_g_c2 li:nth-child(2){ background: url("/zt/about/images/sec2_bg02.png") no-repeat center; right: 0; } .gk_c2_t1{ font-size: 50px; text-align: center; font-weight: bold; margin-top: 40px; } .gk_c2_t2{ width: 400px; height: 60px; background-color: #fff; background-color: rgba(255,255,255,0.2); margin: 30px auto 0; border-radius: 10px; font-size: 18px; line-height: 60px; text-align: center; } .gk_c2_w{ margin-left: 80px; } .sec_g_c3{ width: 1137px; height: 525px; margin: 80px auto 0; } .gk_con2{ width: 100%; height: 1629px; overflow: hidden; background:url("/zt/about/images/sec2_bg.png") no-repeat center; padding-top: 100px; box-sizing: border-box; } .gk_con2_i01,.gk_con2_i02{ width: 836px; height: 396px; margin: 100px auto; } .gk-con-3{ width: 100%; height: 1109px; overflow: hidden; background:url("/zt/about/images/sec3_bg.png") no-repeat center; position: relative; } .gk-con-3 .gk_bk{ width: 170px; left: 580px; } .gk_con3_i{ width: 1238px; height: 666px; margin: 100px auto 0; } .gk_con3_c1{ height: 110px; background: #2577d8; } .gk_con3_c2{ width: 1238px; height: 110px; margin: 0 auto; position: relative; } .gk_con3_t2{ width: 550px; height: 110px; overflow: hidden; color: #fff; position: relative; } .gk_con3_t2 li{ height: 110px; float: left; padding: 25px; text-align: center; box-sizing: border-box; position: relative; } .gk_con3_t2 h5{ font-size: 30px; line-height: 35px; font-weight: normal; } .gk_con3_t2 p{ font-size: 14px; line-height: 20px; } .gk_con3_t2 s{ height: 41px; display: block; position: absolute; top: 30px; right: 0; border-left: 1px solid #3e8eeb; border-right: 1px solid #1a65bd; } .gk_click2{ width: 134px; height: 40px; line-height: 40px; text-align: center; color: #2277da; font-size: 16px; background: #fff; position: absolute; top: 35px; right: 100px; } .sec_g_c4{ width: 1289px; height: 268px; overflow: hidden; margin: 80px auto 0; } .sec_g_c4 li{ width: 228px; height: 268px; float: left; margin-left: 50px; text-align: center; font-size: 14px; line-height: 26px; overflow: hidden; } .sec_g_c4 li:nth-child(1){ background: url("/zt/about/images/sec5_bg01.png") no-repeat center; } .sec_g_c4 li:nth-child(2){ background: url("/zt/about/images/sec5_bg02.png") no-repeat center; } .sec_g_c4 li:nth-child(3){ background: url("/zt/about/images/sec5_bg03.png") no-repeat center; } .sec_g_c4 li:nth-child(4){ background: url("/zt/about/images/sec5_bg04.png") no-repeat center; } .gk_c4_t1{ font-size: 22px; font-weight: bold; margin-top: 50px; } .gk_c4_t2{ font-size: 18px; margin-top: 5px; } .gk_c4_w{ width: 20px; height: 2px; background: #fff; margin: 15px auto; } .gk_con_4{ height: 756px; margin-top: 60px; margin-bottom: 60px; } .gk_con4_c{ width: 1024px; height: 756px; } .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/about/images/sec4_bg01.png") no-repeat; } .gk_second{ cursor: pointer; background: url("/zt/about/images/sec4_01.png") no-repeat; } .gk_fourth{ cursor: pointer; background: url("/zt/about/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; } /*关于我们*/ .about_banner{ width: 100%; height: 600px; background: url("/zt/about/images/banner.jpg") no-repeat center; } .about_con{ width: 100; height: 3014px; background: url("/zt/about/images/about_bg.png") no-repeat center; } .about_b1{ width: 1200px; height: 520px; padding-top: 86px; margin: auto; } .about_b1_t{ width: 124px; height: 70px; margin: auto; } .about_txt{ font-size: 14px; color: #a8a8a8; text-align: center; margin-top: 20px; } .about_b1_txt{ font-size: 14px; line-height: 30px; width: 560px; float: left; margin-top: 100px; } .about_b1_i{ width: 582px; height: 286px; float: right; margin-top: 40px; } /* .about_b2{ width: 1200px; height: 1794px; margin: auto; position: relative; } */ .about_b2_t{ width: 371px; height: 131px; margin: auto; } /* .history_line{ width: 100%; height: 1618px; background: url("/zt/about/images/about_us/his_line.png") no-repeat center top; position: absolute; top: 132px; left: 0; } .history_line_color{ width: 100%; height: 190px; background: url("/zt/about/images/about_us/his_line_red.png") no-repeat center top; position: absolute; top: 132px; left: 0; } .history_dot{ width: 1200px; height: 1477px; position: absolute; top: 300px; left: 50%; margin-left: -600px; } .history_dot li{ width: 20px; height: 20px; background: #707070; position: absolute; border-radius: 50%; } .history_dot li:after{ position: absolute; content: attr(data-text); width: 100px; line-height: 20px; font-size: 20px; color: #333; top: 0; left: 50px; } .history_dot li.current{ width: 30px; height: 30px; background: #d6010f; } .history_dot li.active{ width: 30px; height: 30px; background: #d6010f; } .item-1{ top: 0; left: 74px; } .item-2{ top: 130px; left: 150px; } .item-3{ top: 200px; left: 350px; } .item-4{ top: 260px; left: 595px; } .item-5{ top: 310px; left: 760px; } .item-6{ top: 400px; left: 960px; } .item-7{ top: 580px; left: 880px; } .history_dot li.item-7:after{ top: 40px; left: -10px; } .item-8{ top: 615px; left: 700px; } .history_dot li.item-8:after{ top: 40px; left: -15px; } .item-9{ top: 670px; left: 480px; } .history_dot li.item-9:after{ top: 40px; left: -15px; } .item-10{ top: 730px; left: 280px; } .history_dot li.item-10:after{ top: 40px; left: -10px; } .item-11{ top: 930px; left: 120px; } .item-12{ top: 1100px; left: 300px; } .item-13{ top: 1140px; left: 560px; } .item-14{ top: 1165px; left: 900px; } .desc{ width: 707px; height: 152px; background: url("/zt/about/images/about_us/about_b2_01.png") no-repeat; position: absolute; top: 240px; left: 400px; } .desc ul{ width: 706px; height: 125px; position: absolute; top: 0; left: 0; display: none; } .desc ul li{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; font-size: 60px; font-weight: bold; display: none; } .desc ul li:nth-child(1){ display: block; } .desc .btn-switch{ width: 100%; position: absolute; top: 45px; left: 0; } .desc.fixed{ position: fixed; top: 312px; left: 50%; margin-left: -243px; } .btn-switch a.prev{ width: 22px; height: 42px; display: block; background: url("/zt/about/images/about_us/his_prev.png") no-repeat; position: absolute; top: 0; left: -60px; } .btn-switch a.next{ width: 22px; height: 42px; display: block; background: url("/zt/about/images/about_us/his_next.png") no-repeat; position: absolute; top: 0; right: -60px; } */ .about-history{ width: 1062px; height: 1740px; margin: 0 auto; overflow: hidden; position: relative;} /* .about-history .line{position: absolute;top: 132px;left: 0;width: 100%;height: 1618px;background: url("/zt/about/images/about_us/his_line.png") no-repeat center top;} */ .about-history .line-color{position: absolute;top: 132px;left: 0;width: 100%;height: 1618px;background: url("/zt/about/images/his_line_red.png") no-repeat center top;} .about-history .container{height: 1618px;-webkit-user-select: none;user-select: none;} /* .about-history .desc{position: absolute;top: 260px;left: 357px;} .about-history .desc.fixed{position: fixed;top: 312px;left: 50%;margin-left: -243px;} .about-history .desc li{position: relative;display: none;width: 780px;height: 140px;} .about-history .desc li.expand:after{position: absolute;top: 100px;right: 30px;content: "";width: 20px;height: 20px;background-position: -465px -415px;} .about-history .desc li .year{position: relative;float: left;width: 196px;height: 138px;background: #d6000f;font: 60px/138px "Impact";color: #fff;text-align: center;} .about-history .desc li .year:after{position: absolute;bottom: -30px;left: 0;content: "";border-width: 15px 18px;border-style: solid;border-color: #ad000c #ad000c transparent transparent;} .about-history .desc li .text{position: relative;float: right;width: 533px;margin-right: 40px;padding: 20px 10px 20px 20px;box-sizing: border-box;background: #f0f0f0;} */ /*.about-history .desc li .text:after{position: absolute;top: 0;right: -40px;content: "";width: 40px;height: 100%;background: url("/zt/about/img/about-history-item-corner.png") no-repeat;}*/ /* .about-history .desc li .text .box{height: 98px;overflow: hidden;} .about-history .desc li .text .figure{position: relative;float: left;width: 100%;height: 100%;margin-right: 20px;overflow: hidden; font-size: 16px; line-height: 26px;} */ /*.about-history .desc li .text .figure img{display: block;width: 100%;}*/ /* .about-history .desc li .text p{line-height: 26px;color: #333;} */ /* .about-history .desc .btn-switch{position: absolute;top: 48px;left: 0;width: 100%;} .about-history .desc .btn-switch a{position: absolute;top: 0;width: 25px;height: 42px;cursor: pointer;} .about-history .desc .btn-switch a.prev{left: -60px;background: url("/zt/about/images/about_us/his_prev.png") no-repeat;} .about-history .desc .btn-switch a.next{right: -60px;background: url("/zt/about/images/about_us/his_next.png") no-repeat;} */ .about-history .dot{position: absolute;top: 300px;left: 0;width: 100%;height: 100%;} .about-history .dot li{position: absolute;width: 18px;height: 18px;background: #666; border-radius: 50%; cursor: pointer;} .about-history .dot li:after{position: absolute;top: -1px;left: 30px;content: attr(data-text);width: 100px;line-height: 20px;font-size: 20px;color: #333;} /* .about-history .dot li.active{background: #d6010f;} */ .about-history .dot li .ab_his_img{ width: 705px; height: 155px; position: absolute; top: -50px; left: 100px; display: none;} .about-history .dot li:nth-child(3) .ab_his_img{ left:-733px;} .about-history .dot li:nth-child(4) .ab_his_img{ left:-733px;} .about-history .dot li:nth-child(5) .ab_his_img{ top: 36px; left:-253px;} .about-history .dot li:nth-child(10) .ab_his_img{ top: 36px; left:-253px;} .about-history .dot li:nth-child(11) .ab_his_img{ top: 36px; left:-380px;} .about-history .dot li:nth-child(12) .ab_his_img{ left:-733px;} .about-history .dot li:nth-child(13) .ab_his_img{ top: -130px; left:-733px;} .about-history .dot li:hover{width: 30px;height: 30px;margin: -6px 0 0 -6px;background: #d6010f;} .about-history .dot li:hover .ab_his_img{ display: block;} /* .about-history .dot li.current:after{top: 5px;left: 40px;} */ .about-history .dot li.item-1{top: 33px;left: 14px;} .about-history .dot li.item-2{top: 198px;left: 270px;} .about-history .dot li.item-3{top: 335px;left: 745px;} .about-history .dot li.item-4{top: 570px;left: 850px;} .about-history .dot li.item-5{top: 640px;left: 539px;} .about-history .dot li.item-6{top: 723px;left: 237px;} .about-history .dot li.item-7{top: 877px;left: 59px;} .about-history .dot li.item-8{top: 1000px;left: 80px;} .about-history .dot li.item-9{top: 1104px;left: 234px;} .about-history .dot li.item-10{top: 1141px;left: 440px;} .about-history .dot li.item-11{top: 1157px;left: 650px;} .about-history .dot li.item-12{top: 1180px;left: 880px;} .about-history .dot li.item-13{top: 1310px;left: 950px;} .about_b3{ width: 1200px; height: 666px; margin: auto; } .about_b3_tt{ width: 800px; height: 180px; overflow: hidden; } .about_b3_t{ width: 184px; height: 126px; float: left; } .about_b3_t1{ font-size: 18px; color: #efd39a; float: left; line-height: 30px; margin-left: 30px; } .about_b3_con{ width: 1200px; overflow: hidden; margin-top: 30px; } .about_b3_con li{ width: 274px; height: 266px; margin-left: 20px; float: left; } .about_b4{ width: 1200px; height: 650px; margin: auto; box-sizing: border-box; padding-top: 60px; } .about_b4_t{ width: 271px; height: 103px; margin: auto; } .sec7-con{ width: 1000px; height:290px; margin: 50px auto 0; } .sec7-con dl{ height:280px; width:330px; float:left; margin-top:10px; background:#e8e8e8; color:#3c4648; } .sec7-con dd{ margin:0; } .sec7-con dd span{ display:block; position:relative; width:330px; height:230px; } .sec7-con dd span a{ display:block; position:absolute; width:60px; height:60px; left:50%; top:50%; margin:-30px 0 0 -30px; background:url("/zt/about/qnsl_files/sec6.png") no-repeat; } .sec7-con dl dt{ height:44px; line-height:44px; text-align: center; } .sec7-con dt{ font-size:14px; } .sec7-con dl.middle{ height:290px; width:340px; margin:0; background:#3c4648; color:#fff; } .sec7-con dl.middle img{ margin-top:10px; } .sec7-con .middle dd span{ height:240px; } .sec7-con dl.middle dt{ padding-top:0; margin-top: -10px; } /*弹层*/ .dialog-box{ position:fixed; z-index:1000; } .dialog-box .dialog-body{ position:absolute; overflow:hidden; width:100%; left:0; top:0; z-index:1001; } .dialog-box .dialog-close{ position:absolute; width:25px; height:25px; z-index:1002; top:-11px; right:-11px; } .dialog-shadow{ position:absolute; opacity:0.5; filter:alpha(opacity="50"); left:0; top:0; z-index:999; } .dialog-shadow{ background:#000; } .dialog-box .dialog-close{ background:url("/zt/about/images/about_us/dialog-close.png"); }