@charset "gb2312"; /* CSS Document */ /* * Description: 團企培訓專題 * Update: 25/05/2022 * Author: xuyongmei */ body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;} ul,ol{list-style: none;} body{font-size: 16px; background: #fff;color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;} select,input,button{vertical-align: middle;font-size: 100%;border:0;} fieldset,img{border: 0 none;} h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;} em,i,b{font-style: normal;} a{ color:#fff; text-decoration: none;} a:hover{text-decoration:none;} .clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0} .clearfix {*zoom: 1} /* ---------------------------------分隔線--------------------------------- */ .autoin{margin:0 auto;width:1180px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;} img{display:block;} .bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} .btn{display: block;color: #fff;text-align: center;} .btn:hover{opacity: 0.9;} .m_ul li{transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;} .m_ul li.cur{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);} /*頂部導航*/ .t_header{width:100%;height: 82px;background-color:rgba(11,30,129,0.6);position: fixed;top: 0;left: 0;z-index: 99;} .h_logo {float: left;width: 124px;overflow: hidden;} .h_logo a {display: block;height: 42px;text-indent: -2000em;overflow: hidden;margin-top: 20px;} .h_logo a img {width: 124px;height: 42px;} .t_hr{float: right;width:300px;overflow: hidden;} .t_hr p,.t_hr a{float: right;color: #fff;margin-top: 22px;overflow: hidden;} .t_hr p{width: 173px;height: 34px;line-height: 34px;font-size: 18px;} .t_hr p i{display: inline-block;vertical-align: middle;width: 27px;height: 29px;background: url(../images/icon1.png) no-repeat;margin: -5px 10px 0 0;} .t_hr a{width: 92px;height: 32px;line-height: 32px;font-size: 16px;text-align: center;border:1px solid #fff;background-color: transparent;border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;-ms-border-radius: 17px;-o-border-radius: 17px;} .t_hr a:hover{border-color:#ea992a;background-color: #ea992a;} /* banner */ .banner{width:100%;height:630px;} .ban_m{width:100%;height:630px;position: relative;overflow: hidden;} .ban_ul,.ban_ul li{width:100%;height:630px;position:absolute;overflow:hidden;top:0;left:0;} .ban_ul{z-index: 2;} .banner .autoin{height:630px;position: relative;} .ban_li1{background:url(../images/banner1.jpg) center top no-repeat;} .ban_li2{background:url(../images/banner2.jpg) center top no-repeat;} .ban_li3{background:url(../images/banner3.jpg) center top no-repeat;} .ban_ul li .btn{height: 51px;line-height: 50px;font-size: 18px;} .btn1{width: 178px;background: url(../images/btn1.png) no-repeat;margin-top: 55px;} .ban_li2 .btn1{margin: 45px auto 0;} .btn2{width: 167px;background: url(../images/btn2.png) no-repeat;margin: 34px 0 0 172px;} .ban_ul li span,.ban_11,.ban_21,.ban_31{position: absolute; transition:all .5s ease-in-out .2s; -webkit-transition:all .5s ease-in-out .2s; -moz-transition:all .5s ease-in-out .2s; -ms-transition:all .5s ease-in-out .2s; -o-transition:all .5s ease-in-out .2s; opacity:0;filter:alpha(opacity=0);overflow: hidden;} .ban_11{width:758px;top: 210px;left: 0; transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px); -ms-transform:translateX(-200px); -o-transform:translateX(-200px);} .ban_01{display: block;width: 758px;height:138px;background:url(../images/ban_11.png) no-repeat;} .ban_12{width:277px;height:325px;background:url(../images/ban_12.png) no-repeat;top: 178px;left: 912px; transform:translateX(200px); -webkit-transform:translateX(200px); -moz-transform:translateX(200px); -ms-transform:translateX(200px); -o-transform:translateX(200px);} .ban_21{width:582px;height:310px;top: 200px;left: 284px; transform:translateY(200px); -webkit-transform:translateY(200px); -moz-transform:translateY(200px); -ms-transform:translateY(200px); -o-transform:translateY(200px);} .ban_02{display: block;width: 582px;height:200px;background:url(../images/ban_21.png) no-repeat;} .ban_31{width:688px;height:495px;top: 47px;left: -123px;z-index: 2; transform:translateX(-300px); -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); -ms-transform:translateX(-300px); -o-transform:translateX(-300px);} .ban_03{display: block;width: 688px;height:403px;background:url(../images/ban_31.png) no-repeat;} .ban_ul li.cur span,.ban_ul li.cur .ban_11,.ban_ul li.cur .ban_21,.ban_ul li.cur .ban_31{opacity:1;filter:alpha(opacity=100);} .ban_ul li.cur .ban_11,.ban_ul li.cur .ban_12,.ban_ul li.cur .ban_31{ transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); } .ban_ul li.cur .ban_21{ transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px);} .ban_ul li.cur1 span,.ban_ul li.cur1 .ban_11,.ban_ul li.cur1 .ban_21,.ban_ul li.cur1 .ban_31{ transition:all .4s linear .2s; -webkit-transition:all .4s linear .2s; -moz-transition:all .4s linear .2s; -ms-transition:all .4s linear .2s; -o-transition:all .4s linear .2s; opacity:0;filter:alpha(opacity=0);} .ban_dot{position:absolute;width:100%;text-align:center;z-index:999;bottom:50px;font-size: 0;} .ban_dot a{display:inline-block;width:14px;height:6px;margin:0px 7px;overflow: hidden;} .ban_dot a i{display: block;width:14px;height:3px;background-color: #e4e7ee;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;} .ban_dot a.cur{width: 32px;} .ban_dot a.cur i{width: 32px;background-color: #f2a740;} .title{height: 68px;line-height: 68px;font-size: 48px;font-weight: bold;text-align: center;letter-spacing: 3px;} .title1{color: #02173f;} .title2{color: #fff;} .til_p{height: 30px;line-height: 30px;font-size: 20px;color: #fff;text-align: center;letter-spacing: 2px;margin-top: 10px;} .til_span{display: block;height: 63px;line-height: 58px;font-size: 38px;color: #fff;text-align: center;font-weight:bold;letter-spacing: 4px;margin-top: 20px;overflow: hidden;} .til_span i{display: inline-block;vertical-align: middle;margin: 5px 18px 0 0;} /*多元產品體系*/ .sysm_wrap{width: 100%;height: 968px;background:url(../images/sysm_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 78px;} .sysm_ul{padding-top: 43px;} .sysm_ul li{float: left;width: 380px;height: 334px;background-color: #f4f5f9;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;box-shadow: 0 6px 15px rgba(35,35,35,0.2);-webkit-box-shadow: 0 6px 15px rgba(35,35,35,0.2);-moz-box-shadow: 0 6px 15px rgba(35,35,35,0.2);-ms-box-shadow: 0 6px 15px rgba(35,35,35,0.2);-o-box-shadow: 0 6px 15px rgba(35,35,35,0.2);margin: 0 20px 20px 0;overflow: hidden;} .sysm_t{height: 160px;overflow: hidden;} .sysm_t1{background: url(../images/sysm_t1.png) no-repeat;} .sysm_t2{background: url(../images/sysm_t2.png) no-repeat;} .sysm_t3{background: url(../images/sysm_t3.png) no-repeat;} .sysm_t4{background: url(../images/sysm_t4.png) no-repeat;} .sysm_t5{background: url(../images/sysm_t5.png) no-repeat;} .sysm_t h4{height: 44px;line-height: 44px;font-size: 24px;color:#fff;font-weight: bold;text-align: center;letter-spacing: 2px;margin-top: 63px;} .sysm_b{height: 174px;overflow: hidden;} .sysm_b p{line-height: 24px;font-size: 16px;color: #141924;text-align: center;letter-spacing: 1px;} .sysm_b1 p,.sysm_b4 p{background-color: #fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;} .sysm_b1 p{width: 248px;height: 58px;margin: 0 auto 9px;padding-top: 5px;} .sysm_b2 p{margin-bottom: 13px;} .sysm_b2 p img{display: block;margin: 0 auto 5px;} .sysm_b3 p{margin-bottom: 6px;} .sysm_b4 p{width: 320px;height: 118px;line-height:26px;margin: 30px auto 0;padding-top: 13px;} .sysm_b4 p i{display: block;margin-bottom: 8px;} .sysm_b5 p{height: 28px;line-height: 28px;overflow: hidden;} .sysm_b5 p i{display: inline-block;vertical-align: middle;width: 16px;height: 16px;line-height: 16px;font-size: 14px;color: #fff;text-align: center;background-color: #141924;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;margin: -5px 2px 0 0;} /*全過程教學服務*/ .serve_wrap{width: 100%;height: 766px;background:url(../images/serve_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 88px;} .serve_ul{margin-top: 50px;overflow: hidden;} .serve_ul li{float: left;width: 295px;height: 422px;overflow: hidden;position: relative;cursor: pointer;} .serve_li1{background: url(../images/serve_li1.jpg) no-repeat;} .serve_li2{background: url(../images/serve_li2.jpg) no-repeat;} .serve_li3{background: url(../images/serve_li3.jpg) no-repeat;} .serve_li4{background: url(../images/serve_li4.jpg) no-repeat;} .cur.serve_li1{background-image: url(../images/serve_li1h.jpg)} .cur.serve_li2{background-image: url(../images/serve_li2h.jpg)} .cur.serve_li3{background-image: url(../images/serve_li3h.jpg)} .cur.serve_li4{background-image: url(../images/serve_li4h.jpg)} .serve_t,.serve_b{width: 295px;height: 422px;overflow: hidden;position: absolute;top: 0;left: 0;} .serve_t,.serve_bt{line-height: 50px;font-size: 28px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 2px;} .serve_t img{display: block;margin: 130px auto 15px;} .serve_b{background-color: rgba(246,164,51,0.7);z-index: 3;top: 422px;} .serve_bt{width:248px;height: 161px;border-bottom: 1px solid #c9a86c;margin: 0 auto;overflow: hidden;} .serve_bt img{display: block;margin: 28px auto 15px;} .serve_bb{padding: 15px 35px 0;overflow: hidden;} .serve_bb p{line-height:24px;font-size:16px;color:#fff;margin-top: 10px;} /*專屬平臺優勢*/ .yshi_wrap{width: 100%;height: 787px;background:url(../images/yshi_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 78px;} .yshi_ul{padding-top: 43px;} .yshi_ul li{float: left;width: 577px;height: 240px;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-ms-border-radius: 16px;-o-border-radius: 16px;margin: 0 26px 26px 0;} .yshi_li1{background: url(../images/ys_li1.png) no-repeat;} .yshi_li2{background: url(../images/ys_li2.png) no-repeat;box-shadow: 0 11px 15px rgba(35,35,35,0.2);-webkit-box-shadow: 0 11px 15px rgba(35,35,35,0.2);-moz-box-shadow: 0 11px 15px rgba(35,35,35,0.2);-ms-box-shadow: 0 11px 15px rgba(35,35,35,0.2);-o-box-shadow: 0 11px 15px rgba(35,35,35,0.2);} .yshi_ul li h4{height: 74px;line-height: 74px;font-size: 24px;font-weight: bold;text-align: center;color: #fff;letter-spacing: 4px;position: relative;} .yshi_ul li h4 i{width: 75px;height: 47px;position: absolute;top: 13px;left: 20px;} .yshi_ul li h4 i img{width: 75px;height: 47px;} .yshi_ul li p{line-height: 26px;font-size: 16px;color: #141924;margin-top: 30px;padding: 0 47px;} /*企業解決方案*/ .plan_wrap{width: 100%;height: 674px;background:url(../images/plan_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 77px;} .plan_ul{padding-top: 45px;} .plan_ul li{float: left;width: 380px;height: 306px;background: url(../images/plan_li.png) center bottom no-repeat;margin-right: 20px;overflow: hidden;} .plan_ul li img{display: block;width: 112px;height: 102px;margin: 0 auto 8px;} .plan_ul li h4{height: 54px;line-height: 54px;font-size: 26px;text-align: center;color: #fff;letter-spacing: 1px;overflow: hidden;} .plan_ul li p{line-height:26px;font-size: 18px;text-align: center;color: #141924;letter-spacing: 1px;margin-top: 26px;} /*解決方案全景圖*/ .qjtu_wrap{width: 100%;height: 922px;background:url(../images/qjtu_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 78px;} .qjtu_t{width: 1180px;height: 93px;background:url(../images/qjtu_t.png) no-repeat;overflow: hidden;margin: 40px auto 0;} .em_l{float: left;width: 148px;font-size: 26px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 2px;overflow: hidden;} .qjtu_t .em_l{height: 93px;line-height: 92px;} .qjtu_t p{float: left;width: 217px;height: 60px;line-height: 60px;font-size: 18px;color: #141924;text-align: center;letter-spacing: 1px;margin: 17px 29px 0 0;} .qjtu_b{width: 1180px;height: 525px;background:url(../images/qjtu_b.png) no-repeat;overflow: hidden;margin:24px auto 0;} .qjtu_bt{height: 302px;overflow: hidden;} .qjtu_bt .em_l{height: 302px;line-height: 252px;} .qjtu_br{float: left;width: 494px;height: 253px;background-color: #164190;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-ms-border-radius: 16px;-o-border-radius: 16px;margin: 26px 0 0 14px;overflow: hidden;} .qjtu_br h4{height: 40px;line-height: 40px;font-size: 26px;font-weight: bold;color: #fff;text-align: center;margin-top: 10px;overflow: hidden;} .qjtu_br h4 i{display: inline-block;vertical-align: middle;height: 41px;margin: -5px 15px 0 0;} .qjtu_01{width:37px;background: url(../images/qjtu_01.png) no-repeat;} .qjtu_02{width:33px;background: url(../images/qjtu_02.png) no-repeat;} .qjtu_ul{margin-top: 15px;overflow: hidden;padding-left: 3px;} .qjtu_ul li{float: left;width: 217px;height: 156px;background: url(../images/qjtu_li1.png) no-repeat;margin-left: 18px;overflow: hidden;} .qjtu_ul li span{display: block;height: 49px;line-height: 48px;font-size: 22px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 2px;} .qjtu_ul li p{line-height: 26px;font-size: 16px;color: #0a1f44;text-align: center;letter-spacing: 1px;margin-top: 15px;} .qjtu_bb{height: 198px;margin-top: 24px;overflow: hidden;} .qjtu_bb .em_l{height: 168px;line-height: 168px;margin-top: 30px;} .qjtu_bul{float:left;margin-top: 30px;overflow: hidden;padding-left: 8px;} .qjtu_bul li{float: left;width: 217px;height: 139px;background: url(../images/qjtu_li2.png) no-repeat;margin-left: 31px;overflow: hidden;} .qjtu_bul li span{display: block;height: 49px;line-height: 48px;font-size: 22px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 2px;} .qjtu_bul li p{line-height: 26px;font-size: 16px;color: #0a1f44;text-align: center;letter-spacing: 1px;margin-top: 26px;} .qjtu_bul li .qjtu_p{text-align: left;padding-left: 38px;margin-top: 15px;} /*滿足不同培訓需求*/ .xuq_wrap{width: 100%;height: 405px;background:url(../images/xuq_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 82px;} .xuq_wrap .til_span{color: #02173f;} .xuq_ul{padding-top:35px;} .xuq_ul li{float: left;width: 382px;height: 189px;background: url(../images/xuq_li.png) no-repeat;border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;-ms-border-radius: 14px;-o-border-radius: 14px;margin-right: 17px;overflow: hidden;} .xuq_ul li span{display: table;height: 44px;line-height: 44px;font-size: 22px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 2px;background-color: #f2a740;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;margin: 25px auto 0;padding: 0 16px;} .xuq_ul li p{line-height: 26px;font-size: 18px;color: #02173f;text-align: center;letter-spacing: 1px;margin-top: 23px;} .xuq_ul li.cur{box-shadow: 0 9px 21px rgba(177,180,190,0.4);-webkit-box-shadow: 0 9px 21px rgba(177,180,190,0.4);-moz-box-shadow: 0 9px 21px rgba(177,180,190,0.4);-ms-box-shadow: 0 9px 21px rgba(177,180,190,0.4);-o-box-shadow: 0 9px 21px rgba(177,180,190,0.4);} /*優勢板塊*/ .yous_wrap{width: 100%;height: 471px;background:url(../images/yous_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 40px;} .yous_wrap .til_span{color: #02173f;} .yous_ul{padding-top: 40px;} .yous_ul li{float: left;width: 280px;height: 227px;background: url(../images/yous_li.png) no-repeat;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;box-shadow: 0 11px 15px rgba(35,35,35,0.1);-webkit-box-shadow: 0 11px 15px rgba(35,35,35,0.1);-moz-box-shadow: 0 11px 15px rgba(35,35,35,0.1);-ms-box-shadow: 0 11px 15px rgba(35,35,35,0.1);-o-box-shadow: 0 11px 15px rgba(35,35,35,0.1);margin-right: 20px;overflow: hidden;} .yous_ul li h4{height: 42px;line-height: 36px;font-size: 20px;font-weight: bold;color: #02173f;letter-spacing: 2px;background: url(../images/line1.png) 25px 38px no-repeat;padding-left: 25px;margin-top: 26px;} .yous_ul li h4 i{float: right;width: 42px;height: 42px;margin-right: 30px;} .yous_01{background: url(../images/yous_01.png) no-repeat;} .yous_02{background: url(../images/yous_02.png) no-repeat;} .yous_03{background: url(../images/yous_03.png) no-repeat;} .yous_04{background: url(../images/yous_04.png) no-repeat;} .yous_ul li p{line-height: 28px;font-size: 16px;color: #02173f;letter-spacing: 1px;margin-top: 23px;padding-left: 25px;} .yous_ul li.cur{background-image: url(../images/yous_lih.png);} .yous_ul li.cur h4{color: #fff;background-image: url(../images/line2.png);} .yous_ul li.cur p{color: #fff;} /*學員好評*/ .stu_wrap{width: 100%;height: 471px;background:url(../images/stu_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 75px;} .stu_con{height:245px;margin-top: 55px;overflow: hidden;} .prev_btn,.next_btn,.prev_btn2,.next_btn2{width: 38px;height: 38px;opacity: 0.8;} .prev_btn,.next_btn{margin-top: 103px;} .prev_btn,.prev_btn2{float: left;background: url(../images/prev_btn.png) no-repeat;} .next_btn,.next_btn2{float: right;background: url(../images/next_btn.png) no-repeat;} .prev_btn:hover,.next_btn:hover,.prev_btn2:hover,.next_btn2:hover{opacity: 1;} .stu_m{width: 1089px;height: 245px;margin: 0 auto;position: relative;overflow: hidden;} .stu_ul{width: 3630px;height: 245px;position: absolute;top: 0;left: 0;} .stu_ul li{float: left;width: 363px;height: 245px;overflow: hidden;} .stu_ul li img{width: 343px;height: 245px;margin: 0 auto;} .stu_b{width: 100%;height: 705px;background:url(../images/stu_b.jpg) center top no-repeat;overflow: hidden;padding-top: 57px;} .stu_bm{height: 586px;position: relative;overflow: hidden;} .stu_bin{width: 11800px;height: 564px;overflow: hidden;position: absolute;top: 0;left: 0;} .stu_bul{float:left;width: 1180px;height: 564px;overflow: hidden;padding-top: 18px;} .stu_bul li{float: left;width: 566px;height: 290px;margin: -18px 24px 0 8px;overflow: hidden;} .stu_bli1{background: url(../images/stu_b1.png) no-repeat;} .stu_bli2{background: url(../images/stu_b2.png) no-repeat;} .stu_bli3{background: url(../images/stu_b3.png) no-repeat;} .stu_bli4{background: url(../images/stu_b4.png) no-repeat;} .stu_bt{width:471px;height: 62px;background: url(../images/stu_bt.png) right 7px no-repeat;margin: 59px 0 0 31px;} .stu_bt em{float: left;width: 62px;height: 62px;overflow: hidden;} .stu_bt em img{width: 62px;height: 62px;} .stu_bt span{float: left;width: 368px;height: 48px;line-height:48px;font-size:22px;font-weight:bold;color:#fff;text-align:center;letter-spacing:1px;margin-top:7px;overflow: hidden;} .stu_bb{width:527px;height: 84px;overflow-y: auto;margin: 11px 0 0 31px;} .stu_bb::-webkit-scrollbar {width: 8px;height: 84px;overflow: hidden;} .stu_bb::-webkit-scrollbar-thumb {width: 4px;height: 18px;border-radius: 4px;margin: 0 2px;background: #b4def9;} .stu_bb::-webkit-scrollbar-track {border-radius: 4px;background: #edeef3;} .stu_bb p{width:500px;line-height: 28px;font-size: 16px;color: #222937;} .stu_ol{width:1180px;height: 22px;font-size: 0;text-align:center;position: absolute;bottom: 0;left: 0;} .stu_ol li{display: inline-block;vertical-align: middle;width: 22px;height: 22px;line-height: 22px;font-size: 16px;color: #a5a5a5;font-weight:bold;text-align: center;background-color: #fff;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;margin: 0 7px;cursor: pointer;} .stu_ol li.cur{color: #fff;background-color: #f2a742;} /*院校解決方案*/ .jjue_wrap{width: 100%;height: 1324px;background:url(../images/jjue_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 80px;} .dire_con{height:613px;background:url(../images/dire_con.png) center top no-repeat;margin-top: 68px;overflow: hidden;} .dire_con li{float: left;width: 403px;height: 217px;background:url(../images/dire_li.png) no-repeat;overflow: hidden;margin: 34px 0 0 4px;} .dire_con li h4,.dire_con li span,.dire_con li p{text-align: center;letter-spacing: 1px;overflow: hidden;} .dire_con li h4{height: 54px;line-height: 54px;font-size: 26px;color: #fff;} .dire_con li span{display:block;width:158px;height: 48px;line-height: 48px;font-size: 28px;color: #fff;font-weight: bold;background-color: #2a62ca;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin: 18px auto 15px;} .dire_con li p{height: 28px;line-height: 28px;font-size: 18px;color: #141924;} .dire_con li p i{display:inline-block;vertical-align:middle;font-size: 12px;margin: -5px 1px 0 3px;} .jjue_b{width: 1180px;height: 228px;background:url(../images/jjue_b.png) no-repeat;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;box-shadow:0 1px 24px rgba(35,35,35,0.2);-webkit-box-shadow:0 1px 24px rgba(35,35,35,0.2);-moz-box-shadow:0 1px 24px rgba(35,35,35,0.2);-ms-box-shadow:0 1px 24px rgba(35,35,35,0.2);-o-box-shadow:0 1px 24px rgba(35,35,35,0.2);margin: 35px auto 0;overflow: hidden;} .jjue_b h4{width:322px;height: 58px;line-height: 58px;font-size: 28px;color: #fff;letter-spacing:1px;text-align:center;overflow:hidden;background-color: #2a62ca;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;margin: 28px auto 0;} .jjue_b p{height: 60px;margin-top: 30px;overflow: hidden;padding-left: 14px;} .jjue_b p em{float: left;width: 212px;height: 60px;line-height: 60px;font-size: 24px;text-align: center;color: #222937;background-color: #f1f2f6;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;margin-left: 16px;} /*產研基地共建*/ .gjian_wrap{width: 100%;height: 1237px;background:url(../images/gjian_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 60px;} .gjian_wrap .til_span{color: #02173f;} .gjian_con{margin-top: 42px;overflow: hidden;} .gjian_01,.gjian_02,.gjian_03{width: 1180px;} .gjian_01{height: 170px;background:url(../images/gjian_01.png) no-repeat;} .gjian_02{height: 170px;background:url(../images/gjian_02.png) no-repeat;margin-top: 30px;} .gjian_03{height: 579px;background:url(../images/gjian_03.png) no-repeat;margin-top: 25px;} /*人才培養模式*/ .mshi_wrap{width: 100%;height: 827px;background:url(../images/mshi_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 60px;} .mshi_t{height: 300px;overflow: hidden;} .prev_btn2,.next_btn2{margin-top: 133px;} .mshi_tm{width:1092px;height: 300px;overflow: hidden;position: relative;margin: 0 auto;} .mshi_ul{width: 2730px;height: 300px;position: absolute;top: 0;left: 0;} .mshi_ul li{float: left;width: 255px;height: 227px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;box-shadow: 0 11px 15px rgba(35,35,35,0.1);-webkit-box-shadow: 0 11px 15px rgba(35,35,35,0.1);-moz-box-shadow: 0 11px 15px rgba(35,35,35,0.1);-ms-box-shadow: 0 11px 15px rgba(35,35,35,0.1);-o-box-shadow: 0 11px 15px rgba(35,35,35,0.1);margin: 37px 9px 0;overflow: hidden;background: url(../images/mshi_tli.png) no-repeat;} .mshi_ul li h4{height: 42px;line-height: 36px;font-size: 20px;font-weight: bold;color: #02173f;letter-spacing: 2px;background: url(../images/line1.png) 25px 38px no-repeat;padding-left: 25px;margin-top: 25px;} .mshi_ul li p{line-height: 28px;font-size: 16px;color: #02173f;letter-spacing: 1px;margin-top: 24px;padding: 0 20px 0 25px;} .mshi_ul li.cur{background-image: url(../images/mshi_tlih.png);} .mshi_ul li.cur h4{color: #fff;background-image: url(../images/line2.png);} .mshi_ul li.cur p{color: #fff;} .mshi_b{width:1089px;height: 392px;background-color:#2a76d4;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-ms-border-radius: 16px;-o-border-radius: 16px;margin: 7px auto 0;overflow: hidden;} .mshi_b h3{height: 44px;line-height: 44px;font-size: 24px;color: #fff;text-align: center;letter-spacing: 1px;background: url(../images/h3_til.png) center center no-repeat;margin-top: 35px;} .mshi_bul{padding: 22px 0 0 21px;} .mshi_bul li{float: left;width: 331px;height: 232px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;box-shadow: 0 11px 15px rgba(35,35,35,0.1);-webkit-box-shadow: 0 11px 15px rgba(35,35,35,0.1);-moz-box-shadow: 0 11px 15px rgba(35,35,35,0.1);-ms-box-shadow: 0 11px 15px rgba(35,35,35,0.1);-o-box-shadow: 0 11px 15px rgba(35,35,35,0.1);margin: 0 9px;overflow: hidden;background: url(../images/mshi_bli.png) no-repeat;} .mshi_bul li h4{height: 70px;line-height: 28px;font-size: 20px;color: #9d5303;text-align:center;letter-spacing: 1px;padding-top: 8px;margin-bottom: 20px;} .mshi_bul li p{line-height: 26px;font-size: 16px;color: #02173f;padding: 0 35px;margin-bottom: 10px;} .mshi_bul li p i,.pxun_ul li p i,.hezuo_ul li p i,.xmu_li2 p i{display: inline-block;vertical-align: middle;width: 16px;height: 16px;line-height: 16px;font-size: 14px;color: #fff;text-align: center;background-color: #141924;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;} .mshi_bul li p i{margin: -5px 5px 0 0;} /*繼續教育及成人培訓*/ .pxun_wrap{width: 100%;height: 606px;background:url(../images/pxun_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 6px;} .til_em{display: block;height: 28px;font-size: 22px;color: #fff;text-align: center;letter-spacing: 1px;background: url(../images/til_em.png) center center no-repeat;overflow: hidden;} .pxun_ul{margin-top: 100px;overflow: hidden;padding-top: 40px;} .pxun_ul li{float: left;width: 566px;height: 275px;background: url(../images/pxun_li.png) no-repeat;overflow: hidden;} .pxun_li1{margin-left: 12px;} .pxun_li2{margin-left: 28px;} .pxun_ul li h4{width:448px;height: 52px;line-height: 52px;font-size: 22px;font-weight: bold;color: #fff;letter-spacing: 2px;text-align:center;background-color: #f2a740;border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;-ms-border-radius: 17px;-o-border-radius: 17px;overflow: hidden;} .pxun_li1 h4{margin: 60px auto 22px;} .pxun_li2 h4{margin: 42px auto 4px;} .pxun_li2 em{display: block;height:36px;line-height: 36px;font-size: 18px;color: #02173f;font-weight: bold;text-align: center;} .pxun_ul li p{line-height: 28px;font-size: 16px;color: #02173f;} .pxun_li1 p{padding-left: 73px;} .pxun_li2 p{padding-left: 32px;} .pxun_ul li p i{margin: -5px 5px 0 10px;} /*通用數字教育內容合作*/ .hezuo_wrap{width: 100%;height: 962px;background:url(../images/hezuo_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 45px;} .hezuo_wrap .til_span{color: #02173f;} .hezuo_ul{height:280px;padding-top: 43px;} .hezuo_ul li,.xmu_ul li{float: left;width: 577px;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-ms-border-radius: 16px;-o-border-radius: 16px;overflow: hidden;} .hezuo_ul li{height: 219px;} .hezuo_li1{background: url(../images/hezuo_01.png) no-repeat;margin-right: 26px;} .hezuo_li2{background: url(../images/hezuo_02.png) no-repeat;} .hezuo_ul li h4,.xmu_ul li h4{height: 74px;line-height: 74px;font-size: 28px;font-weight: bold;color: #fff;letter-spacing: 2px;text-align:center;overflow: hidden;} .hezuo_ul li p{line-height: 26px;font-size: 16px;color: #02173f;margin-top: 30px;} .hezuo_li1 p{padding-left: 73px;} .hezuo_li2 p{padding-left: 28px;} .hezuo_ul li p i{margin: -5px 5px 0 10px;} .hezuo_wrap .til_em{color: #02173f;background-image: url(../images/til_em2.png);} .xmu_ul{padding-top: 40px;} .xmu_ul li{height: 269px;} .xmu_li1{background: url(../images/xmu_01.png) no-repeat;margin-right: 26px;} .xmu_li2{background: url(../images/xmu_02.png) no-repeat;} .xmu_ul li span{display:block;height:60px;line-height: 60px;font-size: 20px;color: #02173f;text-align:center;letter-spacing:1px;font-weight:bold;margin-top: 10px;} .xmu_ul li p{font-size: 16px;color: #02173f;background-color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;overflow:hidden;margin: 0 auto 10px;} .xmu_li1 p{width:506px;height: 26px;line-height: 26px;box-shadow: 0 3px 7px rgba(35,35,35,0.1);-webkit-box-shadow: 0 3px 7px rgba(35,35,35,0.1);-moz-box-shadow: 0 3px 7px rgba(35,35,35,0.1);-ms-box-shadow: 0 3px 7px rgba(35,35,35,0.1);-o-box-shadow: 0 3px 7px rgba(35,35,35,0.1);} .xmu_li1 p em{display: inline-block;vertical-align: middle;width: 150px;background-color: #f2a740;text-align: center;color: #fff;margin: -5px 7px 0 0;} .xmu_li2 p{width:517px;height: 74px;line-height: 74px;padding-left: 10px;} .xmu_li2 i{margin: -5px 5px 0 10px;} .hezuo_ul li.cur,.xmu_ul li.cur{box-shadow: 0 11px 15px rgba(35,35,35,0.2);-webkit-box-shadow: 0 11px 15px rgba(35,35,35,0.2);-moz-box-shadow: 0 11px 15px rgba(35,35,35,0.2);-ms-box-shadow: 0 11px 15px rgba(35,35,35,0.2);-o-box-shadow: 0 11px 15px rgba(35,35,35,0.2);} /*合作企業*/ .qiye_wrap{width: 100%;background-color: #f1f2f6;padding: 50px 0 70px;} .qiye_wrap .autoin{width: 1220px;} .qiye_con{width:1220px;height: 594px;background: url(../images/qiye_m.png) no-repeat;margin-top: 45px;} /*底部*/ .fot_wrap{width: 100%;height: 342px;background:url(../images/fot_bg.jpg) center top no-repeat;overflow: hidden;} .fot_wz{display:block;width:706px;height: 157px;background: url(../images/fot_wz.png) no-repeat;margin: 98px auto 0;} /*左側導航*/ .side_l{width: 168px;height: 455px;position: fixed;left: 0;top:50%;margin-top: -230px;z-index: 99;display: none;} .side_lm{width: 168px;height: 455px;background: url(../images/side_l.png) no-repeat;overflow: hidden;} .side_lul{margin-top: 131px;padding-left: 7px;} .side_lul li{width: 152px;height: 40px;line-height: 36px;font-size: 18px;color: #fff;font-weight: bold;letter-spacing:1px;background: url(../images/side_li.png) no-repeat;cursor: pointer;} .side_lul li:hover{opacity: 0.9;} .side_lul li i{display: inline-block;vertical-align: middle;width: 45px;font-weight: normal;font-size: 20px;color: #ff7a1d;text-align: center;font-style: italic;margin: -5px 12px 0 0;} .back_icon{display: block;width: 40px;height: 40px;margin: 68px auto 0;cursor: pointer;} /*右側咨詢*/ .side_r{width: 168px;height: 250px;position: fixed;right: 0;top:50%;margin-top:-125px;z-index: 99;display: none;} .side_rm{width: 178px;height: 250px;background: url(../images/side_r.png) no-repeat;overflow: hidden;} .side_rm p{height: 36px;line-height: 36px;font-size: 16px;color: #565656;font-weight: bold;text-align: center;margin-top: 12px;overflow: hidden;} .side_rm img{width: 120px;height: 120px;margin: 6px auto 0;} .side_rm a{display:block;width:150px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;font-weight: bold;text-align: center;background-color:#026ff5;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 7px 10px rgba(122,122,122,0.2);-webkit-box-shadow:0 7px 10px rgba(122,122,122,0.2);-moz-box-shadow:0 7px 10px rgba(122,122,122,0.2);-ms-box-shadow:0 7px 10px rgba(122,122,122,0.2);-o-box-shadow:0 7px 10px rgba(122,122,122,0.2);margin:12px auto 0;overflow: hidden;} .side_rm a:hover{background-color: #2a82ee;} 91在线精品麻豆欧美在线-97资源中文字幕-99久久无色码中文字幕人妻-国产91麻豆免费观看