@charset "UTF-8";
/*documen begin*/
body{margin: 0;padding: 0;font: normal 14px 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;color: #fff;background-color: #041335;}
ol, ul{padding: 0;margin: 0;list-style: none;}
a{text-decoration: none;color: #fff;}
a:hover{text-decoration: none;}
h1, h2, h3{margin: 0;font-weight: normal;}
strong, b{font-weight: normal;}
img{border: 0;}
input, textarea{font: normal 14px 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;outline: none;}
.clearfix:after{display: block;content: ".";height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
.page{float: left;margin: 0;width: 100%;min-width: 1200px;background: url(../images/java-dashuju/page-bg.jpg) repeat-y center top;}
.floor{margin: 0 auto;width: 1200px;}
.rollfl{float: left;}
.expand{width: 100%;text-align: center;}
.floor-title{float: left;margin: 100px 0 60px;width: 100%;text-align: center;}
.floor-title > .title{float: left;width: 100%;font-size: 32px;color: #fff;}
.floor-title > .icon{float: left;width: 100%;height: 94px;background: url(../images/java-dashuju/floor-icon.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;}
/*documen end*/
/*topbar begin*/
.topbar{position: fixed;left: 0;top: 0;float: left;width: 100%;height: 80px;z-index: 9999;background-color: rgba(21, 14, 84, .6);}
.topbar-logo{float: left;margin: 20px 0;}
.topbar-logo > .img{float: left;width: 169px;height: 39px;}
.topbar-logo > .img > img{float: left;width: 100%;}
.topbar-menu{float: right;}
.topbar-menu > .item{float: left;margin: 0 14px;}
.topbar-menu .item-title{float: left;height: 80px;line-height: 80px;font-weight: 700;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.topbar-menu .item-title:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
/*topbar end*/
/*banner begin*/
.banner{position: relative;float: left;width: 100%;overflow: hidden;}
.banner-img{float: left;width: 100%;height: 680px;-webkit-background-size: cover;background-size: cover;}
.banner-img.one{background: url(../images/java-dashuju/banner.jpg) no-repeat center top;}
.banner-pagination{position: absolute;text-align: center;z-index: 9;}
.banner-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: .4;}
.banner-pagination .swiper-pagination-bullet-active{background: #fff;opacity: 1;}
.banner-pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
/*banner end*/
/*advantage begin*/
.advantage{float: left;width: 100%;overflow: hidden;}
.advantage-box{float: left;width: 100%;}
.advantage-box > .item{float: left;margin: 0 20px 40px;padding: 20px 0 30px;width: 252px;border: 4px solid #3c58bb;}
.advantage-box .item-icon{float: left;width: 100%;height: 84px;background-image: url(../images/java-dashuju/advantage-item-icon.png);background-repeat: no-repeat;-webkit-background-size: 84px auto;background-size: 84px auto;-ms-background-position-x: center;background-position-x: center;}
.advantage-box .item-icon.one{-ms-background-position-y: 0;background-position-y: 0;}
.advantage-box .item-icon.two{-ms-background-position-y: -84px;background-position-y: -84px;}
.advantage-box .item-icon.three{-ms-background-position-y: -168px;background-position-y: -168px;}
.advantage-box .item-icon.four{-ms-background-position-y: -252px;background-position-y: -252px;}
.advantage-box .item-icon.five{-ms-background-position-y: -336px;background-position-y: -336px;}
.advantage-box .item-icon.six{-ms-background-position-y: -420px;background-position-y: -420px;}
.advantage-box .item-icon.seven{-ms-background-position-y: -504px;background-position-y: -504px;}
.advantage-box .item-icon.eight{-ms-background-position-y: -588px;background-position-y: -588px;}
.advantage-box .item-title{float: left;margin: 18px 26px 0;width: 200px;height: 48px;font-size: 18px;color: #3c58bb;text-align: center;}
.advantage-box .item-text{float: left;margin: 10px 26px 0;width: 200px;height: 168px;font-size: 14px;color: #3c58bb;line-height: 1.5;}
/*advantage end*/
/*post begin*/
.post{float: left;width: 100%;}
.post-text{float: left;margin: 0;width: 100%;font-size: 18px;text-indent: 2em;line-height: 1.5;}
.post-box{float: left;width: 100%;}
.post-box > .item{float: left;margin: 50px 47px 0;width: 206px;height: 286px;background: url(../images/java-dashuju/post-item-bg.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;}
.post-box .item-icon{float: left;margin: 50px 0 16px;width: 100%;height: 152px;background-image: url(../images/java-dashuju/post-item-icon.png);background-repeat: no-repeat;-webkit-background-size: 152px auto;background-size: 152px auto;-ms-background-position-x: center;background-position-x: center;}
.post-box .item-icon.one{-ms-background-position-y: 0;background-position-y: 0;}
.post-box .item-icon.two{-ms-background-position-y: -152px;background-position-y: -152px;}
.post-box .item-icon.three{-ms-background-position-y: -304px;background-position-y: -304px;}
.post-box .item-icon.four{-ms-background-position-y: -456px;background-position-y: -456px;}
.post-box .item-icon.five{-ms-background-position-y: 0;background-position-y: 0;}
.post-box .item-icon.six{-ms-background-position-y: 0;background-position-y: 0;}
.post-box .item-icon.seven{-ms-background-position-y: -152px;background-position-y: -152px;}
.post-box .item-icon.eight{-ms-background-position-y: -304px;background-position-y: -304px;}
.post-box .item-text{float: left;width: 100%;font-size: 18px;text-align: center;}
/*post end*/
/*choose begin*/
.choose{float: left;width: 100%;}
.choose-box{float: left;width: 100%;height: 388px;background: url(../images/java-dashuju/choose-box-bg.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;}
.choose-box > .content{float: left;margin: 50px 0 0 60px;width: 640px;}
.choose-box .content-text{float: left;margin: 0 0 10px;width: 100%;font-size: 16px;line-height: 1.5;}
.choose-box > img{float: right;margin: 50px 50px 0 0;width: 400px;height: 266px;}
/*choose end*/
/*teacher begin*/
.teacher{float: left;width: 100%;}
.teacher-prev,
.teacher-next{float: left;margin: 178px 0;padding: 0;width: 96px;height: 96px;background: none;border: none;background-image: url(../images/java-dashuju/teacher-detail-icon.png);background-repeat: no-repeat;-webkit-background-size: 96px auto;background-size: 96px auto;-ms-background-position-x: center;background-position-x: center;outline: none;cursor: pointer;}
.teacher-prev{margin-right: 20px;-ms-background-position-y: 0;background-position-y: 0;}
.teacher-next{margin-left: 20px;-ms-background-position-y: -96px;background-position-y: -96px;}
.teacher-detail{float: left;margin: 0;width: 968px;height: 452px;overflow: hidden;background: url(../images/java-dashuju/teacher-detail-bg.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;}
.teacher-detail .item{position: relative;float: left;width: 100%;}
.teacher-detail .item-img{float: left;margin: 60px 0 0 80px;width: 386px;height: 310px;}
.teacher-detail .item-img > img{float: left;width: 100%;}
.teacher-detail .item-detail{float: right;margin: 60px 40px 0 0;width: 420px;}
.teacher-detail .item-detail > .title{float: left;width: 100%;font-size: 36px;}
.teacher-detail .item-detail .title-sub{float: left;margin: 10px 0 0;width: 100%;font-size: 24px;}
.teacher-detail .item-detail > .text{float: left;margin: 40px 0 0;width: 100%;font-size: 18px;line-height: 1.5;}
/*teacher end*/
/*combat begin*/
.combat{float: left;width: 100%;}
.combat-box{float: left;width: 100%;}
.combat-box > .title{float: left;width: 100%;}
.combat-box .title-item{float: left;width: 240px;height: 100px;line-height: 100px;font-size: 28px;text-align: center;background: url(../images/java-dashuju/combat-title-bg.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;cursor: pointer;}
.combat-box .title-item.active{color: #33bef2;}
.combat-box > .content{float: left;margin: 60px 0 0;width: 100%;height: 424px;background: url(../images/java-dashuju/combat-content-bg.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;}
.combat-box .content-item{display: none;float: left;margin: 60px 120px;width: 960px;height: 304px;font-size: 24px;overflow: hidden;}
.combat-box .content-item.show{display: block;}
.combat-box .content-item > p{position: relative;float: left;margin: 4px 0;padding: 0 7% 0 2%;width: 24%;font-size: 18px;line-height: 1.5;}
.combat-box .content-item > p:before{position: absolute;left: 0;top: 16px;content: '';width: 4px;height: 4px;background: #fff;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
/*combat end*/
/*career begin*/
.career{float: left;width: 100%;}
.career-box{float: left;width: 100%;height: 848px;background: url(../images/java-dashuju/career-box-bg.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;}
.career-box > .title{float: left;margin: 50px 50px 0;width: 1100px;height: 80px;background-color: #33bef2;}
.career-box .title-name,
.career-box .title-sex,
.career-box .title-city,
.career-box .title-money,
.career-box .title-job{float: left;height: 80px;line-height: 80px;font-size: 20px;text-align: center;}
.career-box .title-name,
.career-box .title-city{width: 20%;}
.career-box .title-sex,
.career-box .title-money{width: 15%;}
.career-box .title-job{width: 30%;}
.career-container{float: left;margin: 0 50px;width: 1100px;height: 672px;; overflow: hidden;}
.career-box .wrapper{float: left;width: 100%;}
.career-box .wrapper .item{float: left;width: 100%;height: 48px;line-height: 48px;}
.career-box .wrapper .item-name,
.career-box .wrapper .item-sex,
.career-box .wrapper .item-city,
.career-box .wrapper .item-money,
.career-box .wrapper .item-job{float: left;font-size: 16px;text-align: center;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.career-box .wrapper .item-name,
.career-box .wrapper .item-city{width: 20%;}
.career-box .wrapper .item-sex,
.career-box .wrapper .item-money{width: 15%;}
.career-box .wrapper .item-job{width: 30%;}
/*career end*/
/*company begin*/
.company{float: left;width: 100%;overflow: hidden}
.company-box{float: left;width: 100%}
.company-box > .item {float: left;height: 230px;margin: 0 8px 8px 0;overflow: hidden}
.company-box > .itemlong {width: 364px}
.company-box > .itemshort {width: 224px}
.company-box > .item:nth-child(4n) {margin-right: 0}
/*.company{float: left;width: 100%;overflow: hidden;}*/
/*.company-box{float: left;width: 1920px;}*/
/*.company-box > img{float: left;}
.company-box > img.one{width: 700px;height: 660px;}
.company-box > img.two{margin: 0 18px 16px;width: 788px;height: 366px;}
.company-box > img.three{margin: 0 0 16px;width: 396px;height: 366px;}
.company-box > img.four{margin: 0 18px;width: 380px;height: 278px;}
.company-box > img.five{margin: 0 18px 0 0;width: 288px;height: 278px;}
.company-box > img.six{width: 498px;height: 278px;}
.company-box > img.seven{margin: 0 22px 16px 0;width: 998px;height: 700px;}
.company-box > img.eight{margin: 0 0 16px 0;width: 900px;height: 700px;}*/
/*company end*/
/*enviroment begin*/
.enviroment{float: left;width: 100%;}
.enviroment-box{float: left;width: 100%;}
.enviroment-box > .title{float: left;width: 100%;text-align: center;}
.enviroment-box .title-item{display: inline-block;margin: 0 42px;width: 148px;height: 52px;line-height: 52px;color: #33bef2;font-size: 20px;text-align: center;border: 1px solid #33bef2;cursor: pointer;}
.enviroment-box .title-item.active{color: #fff;}
.enviroment-box > .content{float: left;margin: 80px 0 0;width: 100%;height: 646px;background: url(../images/java-dashuju/enviroment-content-bg.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;}
.enviroment-box .content-item{display: none;float: left;margin: 70px 40px 0;width: 1120px;}
.enviroment-box .content-item.show{display: block;}
.enviroment-box .content-item > .nape{float: left;margin: 0 20px 20px 0;width: 360px;height: 265px;overflow: hidden;}
.enviroment-box .content-item > .nape > img{float: left;width: 100%;}
.enviroment-box .content-item > .nape.last{margin-right: 0;}
/*enviroment end*/
/*slogan begin*/
.slogan{float: left;margin: 100px 0 0;width: 100%;height: 614px;background: url(../images/java-dashuju/slogan-bg.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;overflow: hidden;}
.slogan .floor-title > .title{font-size: 80px;color: #fff;}
.slogan-box{float: left;width: 100%;}
.slogan-box > .btn{float: left;margin: 100px 440px 0;width: 320px;height: 68px;display: block;text-align: center;font-size: 30px;line-height: 68px;color: #4c83ff;background: rgba(0, 0, 0, 0.6);border: 2px solid #4c83ff;border-radius: 8px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.slogan-box > .btn:hover{color: #fff;background: #4c83ff;}
/*slogan end*/
/*message begin*/
.message{float: left;width: 100%;}
.message .floor-title > .text{letter-spacing: 8px;}
.message-content{float: left;width: 100%;}
.message-content > .form{float: left;margin: 0 320px;width: 560px;}
.message-content .form-input{float: left;width: 100%;}
.message-content .form-input > input{float: left;padding: 0 10%;width: 80%;height: 120px;line-height: 120px;font-size: 24px;color: #fff;border: none;background: url(../images/java-dashuju/message-form-input-bg.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;}
.message-content .form-submit{float: left;margin: 20px 160px 60px;width: 240px;height: 100px;line-height: 100px;color: #fff;font-size: 28px;border: none;background: url(../images/java-dashuju/message-form-submit-bg.png) no-repeat center center;-webkit-background-size: contain;background-size: contain;cursor: pointer;}
/*message end*/
/*morecourse begin*/
.morecourse{float: left;width: 100%;overflow: hidden;}
.morecourse-box{float: left;margin: 0 0 100px;width: 100%;}
.morecourse-box > .item{float: left;width: 300px;}
.morecourse-box .item-icon{position: relative;top: 0;float: left;margin: 0 60px;width: 180px;height: 180px;background-image: url(../images/java-dashuju/morecourse-item-icon.png);background-repeat: no-repeat;-webkit-background-size: 180px auto;background-size: 180px auto;-ms-background-position-x: center;background-position-x: center;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.morecourse-box .item-icon.ui{-ms-background-position-y: 0;background-position-y: 0;}
.morecourse-box .item-icon.html5{-ms-background-position-y: -180px;background-position-y: -180px;}
.morecourse-box .item-icon.java{-ms-background-position-y: -360px;background-position-y: -360px;}
.morecourse-box .item-icon.php{-ms-background-position-y: -540px;background-position-y: -540px;}
.morecourse-box .item-icon.vr{-ms-background-position-y: -720px;background-position-y: -720px;}
.morecourse-box .item-text{float: left;margin: 20px 0 0;width: 100%;font-size: 18px;color: #fff;text-align: center;}
.morecourse-box > .item:hover > .item-icon{top: -10px;}
/*morecourse end*/
/*footer beign*/
.footer{float: left;width: 100%;}
.footer-content{float: left;padding: 40px 0;width: 100%;color: #6f6965;background-color: #25262c;}
.footer-content .contact{float: left;max-width: 50%;}
.footer-content .contact-title{float: left;margin: 10px 0;width: 100%;height: 32px;}
.footer-content .contact-title > .cn{float: left;margin-right: 20px;font-size: 24px;}
.footer-content .contact-title > .en{float: left;font-size: 18px;line-height: 42px;}
.footer-content .contact-text{float: left;margin: 20px 0;width: 100%;font-size: 18px;}
.footer-content .contact-wrapper{float: left;width: 100%;}
.footer-content .contact-wrapper > .title{float: left;width: 100%;font-size: 16px;}
.footer-content .contact-wrapper .title-item{position: relative;float: left;margin-right: 20px;width: 120px;cursor: pointer;z-index: 9;}
.footer-content .contact-wrapper .title-item:after{content: "";position: absolute;top: 50%;right: -20px;z-index: -1;width: 20px;border: 1px solid #404148;}
.footer-content .contact-wrapper .title-item:last-child:after{border: none;}
.footer-content .contact-wrapper .title-item > span{display: block;padding: 5px 0;color: #404148;text-align: center;border: 2px solid #404148;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.footer-content .contact-wrapper .title-item:hover > span,
.footer-content .contact-wrapper .title-item.active > span{color: #6f6965;border-color: #6f6965;}
.footer-content .contact-wrapper > .content{float: left;width: 100%;}
.footer-content .contact-wrapper .content-item{display: none;float: left;padding: 6px 0;width: 100%;min-height: 78px;}
.footer-content .contact-wrapper .content-item.show{display: block;}
.footer-content .contact-wrapper .content-item > p{float: left;margin: 0;width: 100%;height: 26px;line-height: 26px;}
.footer-content .consult{float: right;max-width: 50%;}
.footer-content .consult-wechat{position: relative;float: right;margin: 20px 0;width: 100%;}
.footer-content .consult-wechat > .icon{float: right;margin: 0 20px;width: 46px;height: 38px;background: url(../images/java-dashuju/icon.png) no-repeat left top;cursor: pointer;}
.footer-content .consult-wechat > .img{display: none;position: absolute;bottom: 0;right: 84px;z-index: 9;width: 120px;padding: 10px;margin: 0;background-color: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: -2px 2px 8px rgba(0, 0, 0, .4);-moz-box-shadow: -2px 2px 8px rgba(0, 0, 0, .4);box-shadow: -2px 2px 8px rgba(0, 0, 0, .4);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.footer-content .consult-wechat > .img:before{position: absolute;bottom: 12px;right: -16px;content: '';display: inline-block;border-width: 8px;border-color: transparent transparent transparent #fff;border-style: solid;}
.footer-content .consult-wechat > .img > img{float: left;width: 120px;height: 120px;}
.footer-content .consult-wechat:hover > .img{display: block;}
.footer-content .consult-tel{float: right;width: 100%;font-size: 38px;text-align: right;}
.footer-content .consult-phone{float: right;margin-top: 20px;padding: 12px 20px;border: 1px solid #6f6965;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;cursor: pointer;}
.footer-content .consult-phone > .icon{float: left;width: 25px;height: 20px;background-image: url(../images/java-dashuju/icon.png);background-repeat: no-repeat;background-position: 0 -38px;}
.footer-content .consult-phone > .text{float: left;margin-left: 10px;height: 20px;line-height: 20px;font-size: 18px;}
.footer-content .consult-phone:hover{color: #25262c;background-color: #6f6965;}
.footer-content .consult-phone:hover > .icon{background-position: -25px -38px;}
.footer-content .consult-phone:hover > .text{float: left;margin-left: 10px;height: 20px;line-height: 20px;font-size: 18px;}
.footer-content .consult-phone{float: right;}
.footer-copyright{float: left;width: 100%;background-color: #222;overflow: hidden;}
.footer-copyright .text{float: left;margin: 0;width: 100%;height: 46px;line-height: 46px;color: #898787;}
/*footer end*/