@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麻豆免费观看