body{background-color:#f3f5f7}
#main{padding-top:0;background-color:#f3f5f7}
@keyframes spin1{100%{transform:rotate(360deg);transform-origin:50% 50%}
}
@keyframes spin2{100%{transform:rotate(-360deg);transform-origin:50% 50%}
}
.image1{animation:spin2 382s linear infinite}
.image2{animation:spin1 618s linear infinite}
.image3{animation:spin1 618s linear infinite}
.image4{animation:spin1 1024s linear infinite}
*{margin:0;padding:0;text-decoration:none;font-weight:400;font-family:"Microsoft YaHei"}
.MMM{position:absolute;left:0;right:0;bottom:0;top:0;background:#0a5bd0;z-index:9;height:350px}
.wrap{width:100%;height:300px;position:relative}
.program-banner-absolute{position:absolute;width:3174px;height:2624px;left:50%;margin-left:-1587px;top:50%;margin-top:-940px}
.program-banner-wrap{width:100%;height:300px;position:relative;background-color:#0a5bd0;overflow:hidden}
.program-banner-bk{width:3174px;height:2624px;position:relative}
.program-banner-bk>div{background-size:contain;background-repeat:no-repeat;opacity:.6;filter:alpha(opacity=60)}
.svg-block{position:absolute;width:848px;height:848px;left:0;top:0;background:url(../img/block.png);z-index:2}
.svg-diamond{position:absolute;width:1213px;height:1213px;left:215px;top:190px;z-index:3}
.svg-leaf{position:absolute;width:930px;height:930px;left:1060px;top:450px;z-index:2}
.svg-small-circle{position:absolute;width:864px;height:864px;right:478px;top:336px;z-index:0}
.svg-big-circle{position:absolute;width:1664px;height:1664px;right:811px;top:956px;z-index:0}
.svg-triangle{position:absolute;width:1374px;height:1184px;right:0;bottom:445px;z-index:1}
.program-banner{width:100%;height:350px;box-sizing:border-box;position:relative}
.program-banner .relative{position:relative;z-index:1}
.program-banner .banner-head{z-index:10}
.program-banner .banner-head>div{display:none;position:absolute;top:112px;left:0;right:0}
.program-banner .banner-head>div.active{display:block}
.program-banner .program-banner-bk{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;background-position:center 24%;background-size:cover}
.program-banner .tit{font-size:36px;color:#fff;line-height:36px;text-align:center;text-shadow:0 4px 8px rgba(7,17,27,.4);letter-spacing:10px;margin-bottom:16px}
.program-banner .intro{margin-left:auto;margin-right:auto;font-size:14px;font-weight:200;color:#fff;width:880px;line-height:28px;overflow:hidden;text-align:center;text-shadow:0 4px 8px rgba(7,17,27,.4)}
.program-banner .intro span{margin:0 12px}
.program-banner .tab-nav{position:absolute;width:1104px;height:120px;box-sizing:border-box;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(7,17,27,.1);left:50%;bottom:-60px;margin-left:-552px;padding:12px 24px 0;z-index:10}
.program-banner .navitem{float:left;width:128px;height:92px;text-align:center;cursor:pointer;position:relative;margin:0 24px}
.program-banner .navitem .navicon{display:block;width:36px;height:36px;margin-left:auto;margin-right:auto;margin-bottom:8px;transition:.1s all linear;margin-top:0;background-image:url(../img/nav.png);background-size:cover}
.program-banner .navitem .navicon.all{background-position:0 0}
.program-banner .navitem .navicon.fe{background-position:-35px 0}
.program-banner .navitem .navicon.php{background-position:-72px 0}
.program-banner .navitem .navicon.java{background-position:-106px 0}
.program-banner .navitem .navicon.android{background-position:-143px 0}
.program-banner .navitem .navicon.ios{background-position:-180px 0}
.program-banner .navitem .navtext{font-size:14px;color:#93999f;line-height:4px;transition:.3s all linear}
.program-banner .navitem .navbot{position:absolute;bottom:0;left:0;right:0;display:none;height:2px;background-color:#f01414;line-height:0;overflow:hidden}
.program-banner .navitem.active .navtext{color:#07111b}
.program-banner .navitem.active .navbot{display:block}
.program-banner .navitem:hover .navtext{color:#07111b}
.program-banner .navitem:hover .navicon{margin-top:-4px}
.program-list{width:1200px;margin-left:auto;margin-right:auto;padding-top:108px;text-align:center}
.program-list .program-list-wrap{display:inline-block}
.program-list .program-item{margin-right:32px}
.program-item{position:relative;float:left;width:276px;height:250px;transition:all linear .3s;margin-right:32px;margin-bottom:32px;text-align:left}
.program-item:nth-child(4n){margin-right:0}
.program-item:hover .shadow{box-shadow:0 8px 6px 0 rgba(7,17,27,.2)}
.program-item:hover .c-line,.program-item:hover .d-line{box-shadow:0 8px 6px 0 rgba(7,17,27,.2)}
.program-item:hover .program-list-head>div{transform:scale(1.2)}
.program-item .shadow{transition:all linear .3s;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);overflow:hidden}
.program-item .program-list-head{height:96px;border-top-left-radius:6px;border-top-right-radius:6px;background-color:#f3f5f7;overflow:hidden}
.program-item .program-list-head div{background-size:cover;transition:all linear .3s;height:96px}
.program-item .program-list-cont{position:relative;height:220px;overflow:hidden;background-color:#fff;padding:0 24px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}
.program-item .program-list-tit{width:100%;padding:22px 0 8px;color:#07111b;font-size:16px;line-height:28px;max-height:55px;letter-spacing:-.1px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:200}
.program-item .program-list-dest{font-size:12px;line-height:24px;height:48px;max-height:48px;word-break:normal;color:#93999f;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:200}
.program-item .program-list-bot{position:absolute;height:24px;bottom:24px;left:24px;right:24px}
.program-item .program-list-notices{position:absolute;font-size:12px;color:rgba(240,20,20,.8);line-height:24px;bottom:48px;text-align:right;left:24px;right:24px}
.program-item .text{float:left;font-size:12px;color:#93999f;line-height:24px;font-weight:200}
.program-item .price{float:right;height:24px;line-height:24px;color:#f01414;font-weight:200;font-size:16px}
.program-item .c-line,.program-item .d-line{transition:all linear .3s;background-color:#fff;height:3px;margin-left:auto;margin-right:auto;border-bottom-right-radius:6px;border-bottom-left-radius:6px;box-shadow:0 4px 8px 0 rgba(7,17,27,.1)}
.program-item .c-line{width:264px;margin-top:2px;margin-bottom:2px}
.program-item .d-line{width:252px}
.program-item .learn_rate{position:absolute;width:40px;height:24px;font-size:12px;line-height:24px;color:#fff;background-color:#07111b;font-weight:200;text-align:center;right:-4px;top:12px;z-index:1;border-top-left-radius:6px;border-bottom-left-radius:6px}
.program-item .learn_rate:after{position:absolute;content:'';width:0;height:0;overflow:hidden;border-top:4px solid #07111b;border-right:4px solid transparent;right:0;bottom:-4px}
.program-item .learn_rate i{line-height:24px}
.program-item .item-new{position:absolute;width:40px;height:24px;border-radius:20px;text-align:center;line-height:24px;left:-8px;top:-8px;color:#f01414;border:2px solid #f01414;font-size:12px;background-color:#fff;font-weight:700}
.program-combine{width:1200px;height:436px;box-sizing:border-box;padding-top:72px;position:relative;overflow:hidden;margin-left:auto;margin-right:auto;border-radius:24px;margin-top:36px;background-color:#e4e6e8}
.program-combine.js-pathCombine-1{margin-top:72px}
.program-combine .program-combine-warp{overflow:hidden;padding-left:82px}
.program-combine .program-combine-scroll{position:absolute;padding-top:48px;padding-left:64px;padding-right:40px;left:0;top:0;width:1150px}
.program-combine .program-item:last-child .h-line{display:none}
.program-combine .program-item .item-new{left:-8px}
.program-combine .program-item .learn_rate{right:-4px}
.program-combine .program-item .h-line{position:absolute;width:48px;height:16px;top:50%;left:100%;margin-top:-8px;background-color:#afb4b9}
.program-combine .combine-l{float:left;width:360px;padding-top:16px;margin-right:48px}
.program-combine .combine-r{float:left;width:648px}
.program-combine .combine-tit{font-size:24px;color:#07111b;line-height:36px;max-height:72px}
.program-combine .combine-dest,.program-combine .combine-intro{font-size:14px;font-weight:200;color:#4d555d;line-height:28px}
.program-combine .combine-dest .label-span,.program-combine .combine-intro .label-span{font-weight:500;color:#07111b}
.program-combine .combine-dest span,.program-combine .combine-intro span{display:block;font-weight:200}
.program-combine .combine-intro{margin:16px 0;font-weight:200;color:#07111b}
.program-combine .combine-list{padding-left:48px}
.program-combine .program-item{margin-right:48px}
.program-combine .combine-scroll-bar{position:absolute;left:64px;right:64px;bottom:24px;height:16px;display:none}
.program-combine .combine-scroll-bar .c-scroll-l{width:100%;height:1px;line-height:1px;background:rgba(183,187,191,.5);margin-top:8px}
.program-combine .combine-scroll-bar span{position:absolute;width:128px;height:16px;left:0;top:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(7,17,27,.1);transition:.3s box-shadow linear;cursor:pointer}
.program-combine .combine-scroll-bar span:hover{box-shadow:0 4px 8px rgba(7,17,27,.2)}
.helpline .online,.helpline .telnum,a.navtry{font-size:13px;color:#fff}
.helpline a.online i{background:url(../img/qq.png) no-repeat left center;width:18px;height:18px}
a.navtry{height:32px;line-height:32px;text-align:center;border-radius:5px;background:#fff;color:#ff5114;padding:0 30px;display:inline-block;margin:12px 0 0 10px}
a.navtry:hover{text-decoration:none}


.expOrter_logo{position:fixed;top:0;left:0;width:100%;height:61px;background:url(../img/titleBg.png) repeat-x;z-index:9999}
.logo_wrapper{position:absolute;top:0;width:1002px;height:61px;z-index:20}
.logo_content{position:relative;width:1240px;height:100%;margin:0 auto;z-index:20}
.index_logo{position:absolute;top:8px;left:20px;width:212px;height:36px}
.officialAccount_wrapper{position:absolute;top:15px;width:80px;height:30px;right:262px}
.weibo_wrapper{position:absolute;top:20px;width:80px;height:30px;right:262px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
.weibo_wrapper wb:follow-button{display:none}
.weibo_wrapper iframe{opacity:0}
.weibo_wrapper span{display:none}
#weibo_account{position:absolute;padding-left:28px;width:28px;top:0;font-size:14px;background:url(../images/weibo_icon.png) 0 4px no-repeat}
.button_log{position:absolute;top:15px;right:20px}
.wiki_wrapper{position:absolute;top:15px;right:200px}
.button_wiki{padding:5px 25px;padding-left:38px;font-size:16px;display:inline-block;height:20px;line-height:20px;color:#fff}
.button_wiki p{color:#fff}
.button_wiki:focus,.button_wiki:hover,.button_wiki:visited{text-decoration:none;color:#fff}
.button_wechat{position:absolute;top:15px;right:130px}
.btn_primaryBlue,.btn_primaryGray,.btn_primaryGreen{display:inline-block;padding:5px 10px;line-height:20px;border-radius:3px;color:#fff;background:#2976A4;-webkit-tap-highlight-color:transparent}
.btn_primaryGreen{background-color:#3D9937}
.btn_primaryGray{margin-left:10px;background:#333}
.btn_primaryBlue:visited,.btn_primaryGray:visited,.btn_primaryGreen:visited{color:#fff}
.btn_primaryBlue:hover{background:#3C8CBD;color:#fff}
.btn_primaryGreen:hover{background-color:#4EA848;color:#fff}
.button_log{position:absolute;top:15px;right:20px}
.program-item{width:100%;height:100%}
.program-item .program-list-cont{height:100%;padding-bottom:25px}
.program-list-cont a{font-size:13px;color:#2f2d2d;margin-right:25px;line-height:36px}
.program-list-cont a:hover{font-size:13px;color:red}
.num1{color:red;font-size:12px;font-weight:normal}
.num2{color:red;font-size:16px;font-weight:400;padding-left:2px;padding-right:2px;}
.program-banner .navitem{width:69px}
#footer1{background:#000;border-top:1px solid #e2e4e6;font-size:12px;color:#787d82;padding:27px 0;min-width:620px;margin-top:60px}
#footer1 .waper{width:auto;max-width:1200px;margin:0 auto}
#footer1 .footer_intro{padding-left:40px}
#footer1 p{line-height:1.7}
.footer_logo{display:none;float:left;background:url(../img/footer-sprite.png) 0 -230px no-repeat;height:40px;width:120px;margin:0 20px}
#footer1 .des{width:445px}
#footer1 .followus{margin-right:34px;padding-left:30px;z-index:3}
.followus a{float:left;position:relative;width:32px;height:32px;background-image:url(../img/footer-sprite.png);background-repeat:no-repeat;margin:3px 6px 0;opacity:.5;filter:alpha(opacity=50);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}
#footer1 .followus a:hover{opacity:1;filter:alpha(opacity=100)}
#footer .footer_link{margin-bottom:4px;line-height:1.8}
#footer1 .footer_link li{margin-right:30px;text-align:center;float:left}
.footer_link ul{overflow:hidden;margin-top:-1px}
.footer_link a:active,.footer_link a:link,.footer_link a:visited{color:#c8cdd2}
.footer_link a:hover{color:#fff}
#footer{min-width:0;margin-top:0}
.program-banner .tit{letter-spacing:3px}
body{background:#f6f7f8}
a:hover{text-decoration:none}
a:visited{text-decoration:none}

.program-item{width:100%;height:100%;}
.program-list{padding-top:108px}
.program-item .program-list-cont{height:100%;padding-bottom:25px;width:100%;width:1200px;padding-left:50px;margin:0 auto}
.list div{font-size:13px;line-height:36px;}
.cusep .container .control .item .img{max-height:75px; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.navtext span{font-size:11px;display:block;margin-top:4px;}