body{background: #f3f3f9; min-width: 1280px;}
.main-w{width: 1280px; margin: 0 auto;}
.main-header{padding: 14px 0; background: #fff;}
.main-header .header-box{position: relative;}
.main-logo{height: 58px; float: left;}
.main-logo .img{height: 58px;}
/**/
.img-width{width: auto; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.img-height{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.scale-box{transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.scale:hover .scale-box{transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}
.empty{width: 100%; font-size: 16px; text-align: center; border-radius: 8px; line-height: 20px; padding:30px 0 30px; background: #fff; color: #999;}
/**/
.main-nav{float: left; padding: 3px 0 0 185px;}
.main-nav .nav-item{float: left; height: 50px; position: relative;}
.main-nav .nav-item:before{content: ''; display: block; width: 0%; height: 2px; background: #00a9ff; position: absolute; left: 50%; bottom: 8px; z-index: 10; transform: translateX(-50%); -webket-transform: translateX(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-nav .nav-item:nth-child(2){}
/*.main-nav .nav-item:nth-child(2):before{transform: translateX(-25%); -webket-transform: translateX(-25%);}*/
.main-nav .nav-item .item{width: 100%; line-height: 50px; font-size: 16px; color: #2b3040; padding: 0 20px; position: relative;}
.main-nav .nav-item .item a{display: block; color: #2b3040; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-nav .nav-item .item-children{width: 95px; padding: 10px 0 0; position: absolute; left: 11px; top: 46px; z-index: 100; display: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-nav .nav-item .item-children-box{width: 100%; padding: 5px 0 8px; background: #fff; border: 1px solid #e3e3e3;}
.main-nav .nav-item .item .icon{font-size: 16px; color: #999; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-nav .nav-item .item-children a{display: block; font-size: 14px; color: #76808a; line-height: 35px; text-align: center; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-nav .nav-item .item-children:before{content: ''; display: block; width: 15px; height: 9px; background-image: url('../images/head-nav-arrow.png'); background-repeat: no-repeat; background-position: center center; position: absolute; left: 38px; top: 2px;}
/**/
.main-nav .nav-item .item-children a:hover{color: #00a9ff;}
.main-nav .nav-item:hover .item a{color: #00a9ff;}
.main-nav .nav-item:hover:before{width: 40%;}
.main-nav .nav-item.active .item a{color: #00a9ff;}
.main-nav .nav-item.active:before{width: 40%;}
.main-nav .nav-item.children:hover .icon{color: #00a9ff; transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
.main-nav .nav-item.children:hover .item-children{display: block;}
.main-nav .nav-item:last-child .item-children{left: -6px;}
/**/
.main-login{float: right; padding-top: 12px;}
.main-login .login-btn{display: block; height: 32px; line-height: 30px; padding: 0 15px; font-size: 14px; font-weight: bold; color: #fff; background: #00a9ff; border: 1px solid #00a9ff; border-radius: 16px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-login .login-btn:hover{background: #fff; border-color: #00a9ff; color: #00a9ff;}
.main-login.institution .login-btn{font-weight: normal; font-size: 16px; background: #fff; color: #00a9ff; border-color: #fff;}
.main-login.institution .login-btn:hover{border-color: #00a9ff; background: #00a9ff; color: #fff;}
/**/
.main-userinfo{width: 100px; cursor: pointer; float: right; position: relative;}
.main-userinfo .info-dt{width: 100%; height: 58px; line-height: 58px; padding-left: 45px; text-align: left; position: relative;}
.main-userinfo .info-dt .user-avatar{width: 30px; height: 30px; border-radius: 50%; overflow: hidden; position: absolute; left: 5px; top: 14px;}
.main-userinfo .info-dt .user-avatar .img{height: 30px;}
.main-userinfo .info-dd{width: 100%; background: #fff; position: absolute; left: 0; top: 58px; z-index: 20; padding: 10px 0; border-radius: 4px; overflow: hidden; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 10%); display: none;}
.main-userinfo .info-dd .dd-item{display: block; padding: 0 20px; margin: 0; width: 100%; font-size: 14px; color: #76808a; height: 32px; line-height: 32px; height: auto;}
.main-userinfo .info-dd .dd-item:hover{color: #00a9ff;}
.main-userinfo:hover .info-dd{display: block;}
/**/
.main-menu{width: 100%; background: #fff;}
.main-menu .menus{width: 240px; height: 44px; float: left; position: relative;}
.main-menu .menu-title{width: 100%; height: 44px; line-height: 44px; text-align: center; border-radius: 10px 10px 0 0; background: #00a9ff; color: #fff; font-size: 16px; position: relative;}
.main-menu .slogan{font-size: 26px; font-weight: bold; color: #00a9ff; padding-top: 5px; float: right;}
.main-menu .slogan .img{height: 27px;}
/**/
.main-inner-body{}
.main-inner-body.white{background: #fff;}
.main-inner-body .main-menus{display: none; padding: 20px 0 30px; min-height: 586px;}
.main-inner-body .main-menu{padding-bottom: 6px;}
.main-inner-body .main-menu .menu-title{padding-right: 15px; border-radius: 0;}
.main-inner-body .main-menu .menu-title:before{content: ''; display: block; width: 15px; height: 10px; background: url('../images/menuarrow.png') no-repeat center center; position: absolute; top: 18px; right: 70px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-inner-body .main-menu.active .menu-title:before{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
.main-inner-body.institution-nav-hide .main-institution-nav{display: none;}
.main-inner-body.wWidth1500 .user{width: 1280px;}
.main-inner-body.wWidth1500 .user .el-col.el-col-5{width: calc(20.83333% - 12px);}
.main-inner-body.wWidth1200 .user{width: 1280px;}
.main-inner-body.wWidth1200 .user .el-col.el-col-5{width: calc(20.83333% - 12px);}
/**/
.main-search{padding: 0px 0 0 200px; float: left;}
.main-search .search-box{display: block; width: 440px; height: 32px; border: 1px solid #00a9ff; border-radius: 16px; overflow: hidden; position: relative;}
.main-search .search-txt{width: 54px; height: 32px; line-height: 30px; font-size: 14px; text-align: center; color: #00a9ff; position: relative;}
.main-search .search-txt:before{content: ''; display: block; width: 1px; height: 14px; background: #999; position: absolute; right: 0; top: 8px;}
.main-search .search-input{display: block; width: 310px; height: 30px; line-height: 30px; font-size: 14px; position: absolute; left: 65px; top: 0; outline: none; border: none; color: #999;}
.main-search .search-btn{display: block; border: none; width: 52px; height: 32px; line-height: 32px; text-align: center; position: absolute; top: 0; right: 0; background: #00a9ff; color: #fff; overflow: hidden;}
.main-search .search-btn .icon{font-size: 24px;}
/**/
.main-menus{width: 240px; height: 580px; padding: 14px 0 26px; background: #fff; position: absolute; left: 0; top: 44px; z-index: 100;}
.main-menus .item-dl{width: 100%; height: 60px; position: relative;}
.main-menus .item-dl .item-dt{width: 100%; height: 60px; position: relative;}
.main-menus .item-dl .item-dt a{display: block; width: 100%; line-height: 60px; color: #2b3040; padding-left: 90px; position: relative;}
.main-menus .item-dl .item-dt:before{content: ''; display: block; width: 20px; height: 18px; position: absolute; left: 60px; top: 21px;background-position: center center; background-repeat: no-repeat;}
.main-menus .item-dl:nth-child(1) .item-dt:before{background-image: url('../images/micon1.png');}
.main-menus .item-dl:nth-child(1):hover .item-dt:before{background-image: url('../images/micon1-active.png');}
.main-menus .item-dl:nth-child(2) .item-dt:before{background-image: url('../images/micon2.png');}
.main-menus .item-dl:nth-child(2):hover .item-dt:before{background-image: url('../images/micon2-active.png');}
.main-menus .item-dl:nth-child(3) .item-dt:before{background-image: url('../images/micon3.png');}
.main-menus .item-dl:nth-child(3):hover .item-dt:before{background-image: url('../images/micon3-active.png');}
.main-menus .item-dl:nth-child(4) .item-dt:before{background-image: url('../images/micon4.png');}
.main-menus .item-dl:nth-child(4):hover .item-dt:before{background-image: url('../images/micon4-active.png');}
.main-menus .item-dl:nth-child(5) .item-dt:before{background-image: url('../images/micon5.png');}
.main-menus .item-dl:nth-child(5):hover .item-dt:before{background-image: url('../images/micon5-active.png');}
.main-menus .item-dl:nth-child(6) .item-dt:before{background-image: url('../images/micon6.png');}
.main-menus .item-dl:nth-child(6):hover .item-dt:before{background-image: url('../images/micon6-active.png');}
.main-menus .item-dl:nth-child(7) .item-dt:before{background-image: url('../images/micon7.png');}
.main-menus .item-dl:nth-child(7):hover .item-dt:before{background-image: url('../images/micon7-active.png');}
.main-menus .item-dl:nth-child(8) .item-dt:before{background-image: url('../images/micon8.png');}
.main-menus .item-dl:nth-child(8):hover .item-dt:before{background-image: url('../images/micon8-active.png');}
.main-menus .item-dl:nth-child(9) .item-dt:before{background-image: url('../images/micon9.png');}
.main-menus .item-dl:nth-child(9):hover .item-dt:before{background-image: url('../images/micon9-active.png');}
.main-menus .item-dl:nth-child(10) .item-dt:before{background-image: url('../images/micon10.png');}
.main-menus .item-dl:nth-child(10):hover .item-dt:before{background-image: url('../images/micon10-active.png');}
.main-menus .item-dl:nth-child(11) .item-dt:before{background-image: url('../images/micon11.png');}
.main-menus .item-dl:nth-child(11):hover .item-dt:before{background-image: url('../images/micon11-active.png');}
.main-menus .item-dl:nth-child(12) .item-dt:before{background-image: url('../images/micon12.png');}
.main-menus .item-dl:nth-child(12):hover .item-dt:before{background-image: url('../images/micon12-active.png');}
.main-menus .item-dl:nth-child(13) .item-dt:before{background-image: url('../images/micon13.png');}
.main-menus .item-dl:nth-child(13):hover .item-dt:before{background-image: url('../images/micon13-active.png');}
.main-menus .item-dl:nth-child(14) .item-dt:before{background-image: url('../images/micon14.png');}
.main-menus .item-dl:nth-child(14):hover .item-dt:before{background-image: url('../images/micon14-active.png');}
.main-menus .item-dl.active .item-dt{background: #ebeff6;}
.main-menus .item-dl.active .item-dt a{color: #00a9ff;}
.main-menus .item-dl .item-dd{width: 410px; padding: 25px 25px; background: #fff; position: absolute; left: 240px; top: 0; display: none;}
.main-menus .item-dl.active .item-dd{display: block;}
.main-menus .item-dl .item-dd .dd-rows{margin-bottom: 30px;}
.main-menus .item-dl .item-dd .dd-rows:last-child{margin-bottom: 0px;}
.main-menus .item-dl .item-dd .dd-title{font-size: 16px; height: 24px; line-height: 24px;}
.main-menus .item-dl .item-dd .dd-title a{color: #333;}
/*.main-menus .item-dl .item-dd .dd-title a:hover{color: #00a9ff;}*/
.main-menus .item-dl .item-dd .dd-item{font-size: 14px; color: #999; overflow: hidden;}
.main-menus .item-dl .item-dd .dd-item .item-a{color: #999; float: left; margin-right: 20px; margin-top: 15px;}
.main-menus .item-dl .item-dd .dd-item .item-a.active{color: #00a9ff;}
.main-menus .item-dl .item-dd .dd-item .item-a:hover{color: #00a9ff;}
/**/
.main-banner{width: 100%; overflow: hidden;}
.main-banner-swiper{width: 100%; height: 580px; position: relative;}
.main-banner-swiper .swiper-slide{height: 580px;}
.main-banner-swiper .swiper-slide a{display: block; width: 100%; height: 580px; position: relative; overflow: hidden;}
.main-banner-swiper .swiper-slide .img{height: 580px; position: absolute; top: 0; left: calc(50% - 960px);}
.main-banner-swiper .swiper-pagination{width: 1280px; padding-bottom: 20px; position: absolute; left: calc(50% - 640px); bottom: 30px; z-index: 10;}
.main-banner-swiper .swiper-pagination .main-banner-pagination{width: 1520px;}
.main-banner-swiper .swiper-pagination .swiper-pagination-bullet{display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 5px; opacity: 1; background: #fff; outline: none; cursor: pointer;}
.main-banner-swiper .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.main-banner-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 26px; background: #fff;}
/**/
.main-inner-body .main-banner-swiper .swiper-pagination{width: 100%; left: 0;}
.main-inner-body .main-banner-swiper .swiper-pagination .main-banner-pagination{width: 100%;}
/**/
.mian-special{width: 100%; padding-top: 16px;}
.mian-special .special-box{display: flex;}
.mian-special .special-box .item{display: block; width: 417px; height: 118px; float: left; margin-right: 15px; position: relative;}
.mian-special .special-box .item:last-child{margin-right: 0;}
.mian-special .special-box .item-box{width: 100%; height: inherit; display: flex; border-radius: 8px; background: #fff; position: absolute; left: 0; top: 0;}
.mian-special .special-box .item .icon{width: 135px; height: 39px; text-align: right; padding: 35px 20px 0 0;}
.mian-special .special-box .item .icon .img{height: 39px;}
.mian-special .special-box .item .txt{padding-top: 30px;}
.mian-special .special-box .item .txt .title{font-size: 20px; color: #313645; line-height: 30px;}
.mian-special .special-box .item .txt .desc{font-size: 14px; line-height: 20px; color: #b9babd; left: 20px;}
.mian-special .special-box .item:hover .item-box{top: -5px;}
/*.mian-special .special-box .item:hover .title{color: #00a9ff;}*/
/**/
.main-title{width: 100%; text-align: center; position: relative; padding-top: 15px;}
.main-title .h2{font-size: 24px; line-height: 30px; font-weight: bold; position: relative; z-index: 1;}
.main-title .h2 a{color: #2b3040; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-title .h2 a:hover{color: #00a9ff; letter-spacing: 2px;}
.main-title .h3{font-size: 14px; line-height: 30px; color: #7e7e8e; font-weight: normal;}
.main-title .en{font-size: 50px; text-transform: uppercase; font-weight: bold; font-family: 'Arial'; position: absolute; left: 50%; top: 0; color: #dfe9fe; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.main-more{padding: 12px 0; overflow: hidden;}
.main-more .title{float: left; font-size: 18px; color: #2b3040; font-weight: bold;}
.main-more .more{float: right; font-size: 14px; color: #b9bdc9; position: relative; padding-right: 15px;}
.main-more .more .icon{font-size: 12px; color: #b9beca; font-weight: bold; position: absolute; top: 1px; right: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-more .more:hover{color: #00a9ff; padding-right: 18px;}
.main-more .more:hover .icon{color: #00a9ff; right: 3px;}
/**/
.main-live{padding: 35px 0;}
.main-live .live-box{background: #fff; padding: 35px 20px; position: relative;}
.main-live .live-box:before{content: ''; display: block; width: 92px; height: 17px; background: url('../images/arrow.png') no-repeat center center; position: absolute; left: calc(50% - 46px); top: -16px;} 
/**/
.live-item{display: block; width: 300px; height: 325px; position: relative; }
.live-item .item-box{width: 100%; border-radius: 6px; overflow: hidden; position: absolute; left: 0; top: 0;}
.live-item .item-img{width: 100%; height: 168px; border-radius: 6px; overflow: hidden; position: relative;}
.live-item .item-img .img-box{width: 100%; height: 168px;}
.live-item .item-img .img-box .img{height: 168px;}
.live-item .item-title{width: 100%; font-size: 18px; color: #2b3040; line-height: 22px; font-weight: bold; margin-top: 20px;}
.live-item .item-teacher{font-size: 16px; color: #2b3040; padding: 2px 0; margin-top: 12px;}
.live-item .item-teacher .color{font-size: 14px; color: #c0c0d1; padding-left: 12px;}
.live-item .item-price{overflow: hidden; margin: 20px 0 20px;}
.live-item .item-price .price-num{float: left; font-size: 24px; padding-top: 2px; font-weight: bold; color:#FFF;/*#ff860f;*/}
.live-item .item-price .price-num .small{font-size: 14px; margin-right: 2px;}
.live-item .item-price .price-status{font-size: 16px; font-weight: bold; border: 1px solid #fff; color: #fff; padding: 0 20px; height: 27px; line-height: 25px; border-radius: 14px; overflow: hidden; float: right; background-color: rgb(86, 194, 254); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.live-item .item-price .price-status.on{background-image: -moz-linear-gradient( 3deg, rgb(215,215,215) 0%, rgb(55,189,245) 0%, rgb(131,128,239) 100%); background-image: -webkit-linear-gradient( 3deg, rgb(215,215,215) 0%, rgb(55,189,245) 0%, rgb(131,128,239) 100%); background-image: -ms-linear-gradient( 3deg, rgb(215,215,215) 0%, rgb(55,189,245) 0%, rgb(131,128,239) 100%);}
.live-item .item-time{font-size: 16px; color: #c0c0d1; letter-spacing: 1px;}
.live-item .item-price .price-status:hover{border: 1px solid #00a9ff; background: #fff; color: #00a9ff;}
/**/
.live-item:hover .item-box{top: -5px;}
.live-item:hover .img-box{transform: scale(1.1);}
.live-item:hover .item-title{color: #00a9ff;}
/**/
.main-hot{padding: 50px 0 20px;}
.main-hot .hot-box{overflow: hidden;}
.main-hot .hot-box .hot-left{width: 518px; height: 292px; border-radius: 8px; background: #fff; overflow: hidden; float: left; position: relative;}
.main-hot .hot-box .hot-left:before{content: ''; display: block; width: 172px; height: 66px; background: url('../images/hot.png') no-repeat center center; position: absolute; left: 0; top: 0; z-index: 10;}
.main-hot .hot-box .hot-left .img-box{display: block; width: 100%; height: 292px; overflow: hidden; position: relative;}
.main-hot .hot-box .hot-left .img-box .img{height: 292px; min-width: 100%;}
.main-hot .hot-box .hot-right{width: 750px; float: right;}
.main-hot .hot-box .hot-right .item{display: block; width: 240px; height: 139px; margin: 0 15px 15px 0; border-radius: 8px; overflow: hidden; background: #fff; float: left;}
.main-hot .hot-box .hot-right .item:nth-child(3n){margin-right: 0;}
.main-hot .hot-box .hot-right .item:nth-child(4){margin-bottom: 0;}
.main-hot .hot-box .hot-right .item:nth-child(5){margin-bottom: 0;}
.main-hot .hot-box .hot-right .item:nth-child(6){margin-bottom: 0;}
.main-hot .hot-box .hot-right .item-box{width: 100%; height: 139px; overflow: hidden; position: relative;}
.main-hot .hot-box .hot-right .item-box .img{height: 139px; min-width: 100%;}
/**/
.main-course{padding: 40px 0 45px;}
.main-course .course-box{}
.main-course .course-box .course-item:nth-child(4n){margin-right: 0;}
/**/
.course-item{display: block; width: 309px; height: 276px; margin: 0 14px 20px 0; position: relative; float: left;}
.course-item .item-box{width: 100%; border-radius: 8px; overflow: hidden; position: absolute; left: 0; top: 0; background: #fff;}
.course-item .item-img{width: 309px; height: 174px; border-radius: 8px; overflow: hidden; background-color: rgb(234, 234, 243);}
.course-item .item-img .img-box{width: 100%; height: 174px; overflow: hidden; position: relative;}
.course-item .item-img .img-box .img{height: 174px; min-width: 100%;}
.course-item .item-text{padding: 16px 15px 20px;}
.course-item .item-text .item-title{font-size: 16px; height: 21px; line-height: 21px; color: #2b3040;}
.course-item .item-text .item-title .tag{display: inline-block; height: 21px; line-height: 21px; font-size: 12px; color: #1f79f5; background: #e5f0ff; padding: 0 6px; border-radius: 4px; margin-right: 10px;}
.course-item .item-text .item-title .txt{}
.course-item .item-text .item-price{margin-top: 18px;}
.course-item .item-text .item-price .price-num{font-size: 20px; color:#FFF;/* #ff860f; */padding: 4px 0 0;}
.course-item .item-text .item-price .price-num .small{font-size: 12px; margin-right: 2px;}
.course-item .item-text .item-price .price-btn{width: 84px; height: 27px; line-height: 25px; border-radius: 14px; background-color: #0af; border: 1px solid #0af; font-size: 14px; text-align: center; color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.course-item .item-text .item-price .price-btn:hover{background: #fff; color: #0af;}
.course-item:hover .item-box{top: -5px;}
.course-item:hover .item-title .txt{color: #00a9ff;}
/**/
.main-advert{width: 100%; overflow: hidden; position: relative;}
.main-advert a{display: block; width: 100%; height: inherit;}
.main-advert img{display: block; width: 1920px; position: absolute; left: calc(50% - 960px); top: 0;}
.main-advert.advert1{height: 130px;}
.main-advert.advert2{height: 130px; margin-bottom: 30px;}
.main-advert.advert3{height: 130px; margin: 35px auto 30px;}
/**/
.main-exam{padding: 50px 0 0px;}
.main-exam .exam-box{overflow: hidden;}
.main-exam .exam-box .item{display: block; width: 309px; height: 174px; border-radius: 8px; overflow: hidden; background-color: rgb(234, 234, 243); float: left; margin: 0 14px 19px 0;}
.main-exam .exam-box .item:nth-child(4n){margin-right: 0;}
.main-exam .exam-box .img-box{width: 100%; height: 174px; position: relative;} 
.main-exam .exam-box .img-box .img{height: 174px; min-width: 100%;}
/**/
.main-teacher{width: 100%; overflow: hidden; padding: 28px 0 51px;}
.main-teacher .teacher-box{}
.main-teacher .teacher-top{width: 100%;}
.main-teacher .teacher-top .item{display: block; width: 633px; height: 268px; position: relative; float: left;}
.main-teacher .teacher-top .item:nth-child(2n){float: right;}
.main-teacher .teacher-top .item-box{width: 633px; height: 268px; background: url('../images/bg2.jpg') no-repeat center center; background-size: cover; border-radius: 6px; overflow: hidden; position: absolute; left: 0; top: 0;}
.main-teacher .teacher-top .item:hover .item-box{top: -5px;}
.main-teacher .teacher-top .item-box .item-job{height: 36px; line-height: 36px; color: #fff; position: absolute; top: 0; right: 0; z-index: 10; background: #ffae2e; padding: 0 30px 0 5px;}
.main-teacher .teacher-top .item-box .item-job .txt{position: relative; z-index: 1;}
.main-teacher .teacher-top .item-box .item-job:before{content: ''; display: block; width: 137px; height: 36px; position: absolute; left: -30px; top: 0; background: url('../images/bg1.png') no-repeat center center; background-size: cover;}
/**/
.main-teacher .teacher-top .item-box .item-text{overflow: hidden; padding: 53px 40px 0;}
.main-teacher .teacher-top .item-box .item-text .item-img{width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: #78b1f6; float: left; margin-top: 15px; position: relative;}
.main-teacher .teacher-top .item-box .item-text .item-img .img{height: 140px;}
.main-teacher .teacher-top .item-box .item-text .item-txt{width: 344px; float: right;}
.main-teacher .teacher-top .item-box .item-text .item-txt .txt-title{font-size: 24px; line-height: 30px; color: #fff; font-weight: bold; position: relative;}
.main-teacher .teacher-top .item-box .item-text .item-txt .txt-title .txt{position: relative; z-index: 1; padding-left: 5px;}
.main-teacher .teacher-top .item-box .item-text .item-txt .txt-title:before{content: ''; display: block; width: 80px; height: 17px; background: url('../images/bg3.png') no-repeat center center; background-size: cover; position: absolute; left: 0; top: 16px;}
.main-teacher .teacher-top .item-box .item-text .item-txt .txt-desc{font-size: 14px; line-height: 24px; color: #bfdbfd; margin-top: 15px;}
/**/
.main-teacher .teacher-bot{width: 100%; overflow: hidden; margin-top: 15px;}
.main-teacher .teacher-bot .swiper-slide{padding: 5px 0;}
.main-teacher .teacher-bot .item{display: block; width: 417px; height: 147px; position: relative;}
.main-teacher .teacher-bot .item-box{width: 417px; height: 147px; background: #fff;  border-radius: 9px; overflow: hidden; position: absolute; left: 0; top: 0;}
.main-teacher .teacher-bot .item-box{display: flex; padding: 20px 20px 0px;}
.main-teacher .teacher-bot .item-box .item-img{width: 80px; height: 80px; background: #fff; border-radius: 6px; overflow: hidden; position: relative;}
.main-teacher .teacher-bot .item-box .item-img .img{height: 80px;}
.main-teacher .teacher-bot .item-box .item-text{width: 275px; padding-top: 5px;}
.main-teacher .teacher-bot .item-box .item-text .item-title{font-weight: bold; font-size: 18px; line-height: 24px; color: #2b3040;}
.main-teacher .teacher-bot .item-box .item-text .item-desc{font-size: 14px; line-height: 24px; color: #7e7e8e; margin: 2px 0 6px;}
.main-teacher .teacher-bot .item-box .item-text .item-info{font-size: 14px; line-height: 24px; color: #c0c0d1;}
.main-teacher .teacher-bot .item:hover .item-box{top: -5px; box-shadow: 0px 4px 10px 0px rgba(33, 69, 208, 0.09);}
/**/
.main-employment{padding: 60px 0;}
.employment-box{margin-top: 25px;}
.employment-box .employment-left{width: 309px; height: 429px; border-radius: 8px; position: relative; position: relative;}
.employment-box .employment-left .img-box{display: block; width: 309px; height: 429px; border-radius: 8px; overflow: hidden; background: #fff; position: absolute; left: 0; top: 0;}
.employment-box .employment-left .img-box a{display: block;}
.employment-box .employment-left .img-box img{width: 100%; height: inherit;}
.employment-box .employment-left:hover .img-box{top: -5px;}
.employment-box .employment-right{width: 955px;}
.employment-box .employment-right .item{display: block; width: 309px; height: 208px; border-radius: 8px; position: relative; float: left; margin: 0 14px 14px 0;}
.employment-box .employment-right .item:nth-child(3n){margin-right: 0;}
.employment-box .employment-right .item:nth-child(4){margin-bottom: 0;}
.employment-box .employment-right .item:nth-child(5){margin-bottom: 0;}
.employment-box .employment-right .item:nth-child(6){margin-bottom: 0;}
.employment-box .employment-right .item-box{width: 100%; height: 208px; border-radius: 8px; overflow: hidden; background: #fff; position: absolute; left: 0; top: 0; padding-top: 20px;}
.employment-box .employment-right .item:hover .item-box{top: -5px;}
.employment-box .employment-right .item-logo{width: 100%; height: 43px;}
.employment-box .employment-right .item-logo a{display: block; width: 100%; height: inherit;}
.employment-box .employment-right .item-logo .img{display: block; height: 43px; margin: 0 auto;}
.employment-box .employment-right .item-title{padding: 0 40px; margin-top: 36px;}
.employment-box .employment-right .item-title .to{width: 100%;}
.employment-box .employment-right .item-title a{display: block; font-size: 18px; line-height: 24px; font-weight: normal; color: #2b3040;}
.employment-box .employment-right .item-title a:hover{color: #00a9ff;}
.employment-box .employment-right .item-job{padding: 0 40px; margin-top: 12px;}
.employment-box .employment-right .item-job .job-items{display: block; width: 100%; font-size: 12px; color: #666; line-height: 24px; padding-left: 15px; position: relative;}
.employment-box .employment-right .item-job .job-items:before{content: ''; display: block; width: 5px; height: 5px; position: absolute; left: 0; top: 10px; border-radius: 50%; background: #ffae2e;}
.employment-box .employment-right .item-job .job-items:hover{color: #00a9ff; padding-left: 18px;}
/**/
.employment-job{margin-top: 70px;}
.main-job{margin-top: 12px;}
.main-job .job-item:nth-child(3n){margin-right: 0;}
.job-item{display: block; width: 417px; height: 200px; margin: 0 14px 14px 0; float: left; position: relative;}
.job-item .item-box{width: 100%; height: inherit; padding: 20px 20px; height: inherit; border-radius: 8px; background: #fff; overflow: hidden; position: absolute; left: 0; top: 0;}
.job-item .item-box .item-title{width: 100%; font-size: 18px; line-height: 24px; font-weight: normal; color: #2b3040;}
.job-item .item-box .item-salary{font-size: 24px; color: #ff860f; padding: 12px 0 5px;}
.job-item .item-box .item-salary .small{font-size: 14px; padding-left: 5px;}
.job-item .item-box .item-mid{font-size: 12px; color: #7e7e8e; padding: 10px 0 20px; border-bottom: 1px solid #ebeff6;}
.job-item .item-box .item-bot{padding-top: 16px;}
.job-item .item-box .item-bot .bot-left{position: relative; padding-left: 45px;}
.job-item .item-box .item-bot .left-icon{width: 34px; height: 34px; padding: 2px 2px; border: 1px solid #ebeff6; border-radius: 4px; overflow: hidden; position: absolute; left: 0; top: 3px;}
.job-item .item-box .item-bot .left-icon .img{width: 28px; height: 28px; border-radius: 2px;}
.job-item .item-box .item-bot .left-company{font-size: 14px; line-height: 20px; color: #7e7e8e;}
.job-item .item-box .item-bot .left-industry{font-size: 12px; line-height: 16px; color: #c0c0d1;}
.job-item .item-box .item-bot .left-industry .line{padding: 0 10px;}
.job-item .item-box .item-bot .bot-right{height: 34px; line-height: 34px; font-size: 14px; color: #c0c0d1;}
.job-item:hover .item-box{top: -5px;}
.job-item:hover .item-box .item-title{color: #00a9ff;}
/**/
.main-jobseekers{margin-top: 45px;}
.main-jobseekers .jobseekers-left{width: 960px; float: left;}
.main-jobseekers .jobseekers-left .jobseekers-item:nth-child(3n){margin-right: 0;}
.jobseekers-item{display: block; width: 309px; height: 129px; float: left; margin: 0 14px 14px 0; position: relative;}
.jobseekers-item .item-box{width: 309px; height: 129px; padding: 20px 10px 0 24px; border-radius: 8px; background: #fff; position: absolute; left:0; top: 0; overflow: hidden;}
.jobseekers-item .item-box .box-left{}
.jobseekers-item .item-box .box-avatar{width: 50px; height: 50px; margin: 0 auto; border-radius: 50%; overflow: hidden; position: relative;}
.jobseekers-item .item-box .box-avatar .img{height: auto;}
.jobseekers-item .item-box .box-wage{width: 60px; height: 21px; line-height: 20px; background-color: rgb(250, 106, 67); text-align: center; color: #fff; border-radius: 10px; overflow: hidden; margin-top: 15px;}
.jobseekers-item .item-box .box-right{width: 190px; padding-top: 5px;}
.jobseekers-item .item-box .box-right .right-title{display: flex; font-size: 16px; color: #2b3040; height: 20px; line-height: 20px;}
.jobseekers-item .item-box .box-right .right-title .name{display: inline-block; width: 60px;}
.jobseekers-item .item-box .box-right .right-title .status{font-size: 14px; color: #c0c0d1;}
.jobseekers-item .item-box .box-right .right-desc{font-size: 14px; color: #7e7e8e; margin: 18px 0 10px;}
.jobseekers-item .item-box .box-right .right-info{font-size: 14px; color: #7e7e8e;}
.jobseekers-item:hover .item-box{top: -5px;}
.jobseekers-item:hover .box-right .right-title{color: #00a9ff;}
/**/
.main-jobseekers .jobseekers-right{width: 309px; height: 268px; float: right; position: relative;}
.main-jobseekers .jobseekers-right .img-box{width: 309px; height: 268px; position: absolute; border-radius: 8px; overflow: hidden; background: #fff; top: 0; left: 0;}
.main-jobseekers .jobseekers-right .img-box a{display: block;}
.main-jobseekers .jobseekers-right .img-box img{height: 268px;}
/**/
.main-news{padding: 40px 0 25px;}
.main-news .news-box{margin-top: 45px;}
.main-news .news-box .news-left{width: 743px; height: 292px; padding: 25px 20px 0; border-radius: 8px; float: left; background: #fff;}
.main-news .news-box .news-left .left-top{height: 20px; line-height: 25px;}
.main-news .news-box .news-left .left-top .title{font-size: 18px; color: #2b3040; padding-left: 36px; position: relative;}
.main-news .news-box .news-left .left-top .title:hover{text-indent: 3px; color: #00a9ff;}
.main-news .news-box .news-left .left-top .img{width: 22px; height: 24px; position: absolute; left: 0; top: 0;}
.main-news .news-box .news-left .left-top .more{font-size: 14px; color: #c0c0d1; padding-right: 16px; position: relative;}
.main-news .news-box .news-left .left-top .more .icon{font-size: 14px; position: absolute; right: 0; top: 1px;}
.main-news .news-box .news-left .left-top .more:hover{color: #00a9ff; padding-right: 18px;}
.main-news .news-box .news-left .left-bot{margin-top: 25px;}
/**/
.news-item{display: block; width: 335px; height: 81px; margin: 0 24px 24px 0; float: left; position: relative;}
.news-item:nth-child(2n){margin-right: 0;}
.news-item .item-box{width: 100%; height: inherit; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.news-item .item-img{width: 144px; height: 81px; border-radius: 6px; overflow: hidden; position: relative;}
.news-item .item-img .img-box{width: 100%; height: inherit;}
.news-item .item-img .img{height: auto;}
.news-item .item-text{width: calc(100% - 160px); padding-top: 6px;}
.news-item .item-title{font-size: 16px; line-height: 24px; color: #2b3040; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} 
.news-item .item-desc{font-size: 14px; line-height: 21px; color: #7e7e8e; margin-top: 5px;}
.main-news .news-box .news-right{width: 520px; height: 292px; border-radius: 8px; overflow: hidden; float: right;}
.main-news .news-box .news-right .img-box{width: 100%; height: inherit;}
.main-news .news-box .news-right .img-box a{display: block;}
.main-news .news-box .news-right .img-box img{width: 100%; height: inherit;}
/**/
.main-news .news-box.two{margin-top: 15px;}
.main-news .news-box.two .news-left{width: 100%;}
.main-news .news-box.two .news-left .left-bot .news-item{width: 392px; margin-right: 30px;}
.main-news .news-box.two .news-left .left-bot .news-item:nth-child(3n){margin-right: 0;}
/**/
.main-news .news-box .news-left .left-bot .news-item:hover .item-box{top: -3px;}
.main-news .news-box .news-left .left-bot .news-item:hover .item-title{color: #00a9ff;}
/**/
.main-partners{padding: 20px 0 60px;}
.main-partners .partners-box{border-radius: 6px; overflow: hidden; background: #fff; border: 1px solid #eee; border-bottom: none; margin-top: 30px;}
.main-partners .partners-box .item{display: block; width: 20%; float: left; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 30px 0;}
.main-partners .partners-box .item:nth-child(5n){border-right: none;}
.main-partners .partners-box .item .img{display: block; height: 60px; margin: 0 auto;}
.main-partners .partners-box .item:last-child{text-align: center; line-height: 60px; font-size: 18px; color: #b9bdc9; text-align: center;}
.main-partners .partners-box .item:last-child:hover{color: #00a9ff;}
/**/
.main-footer{width: 100%; background: #333538; padding: 30px 0 20px;}
.main-footer .footer-top{overflow: hidden;}
.main-footer .footer-top .item-dl{float: left;}
.main-footer .footer-top .item-dl:first-child{margin-right: 60px;}
.main-footer .footer-top .item-dl.ewm{float: right;}
.main-footer .footer-top .item-dl.ewm .item-ewm{width: 92px; height: 92px; border-radius: 6px; overflow: hidden;}
.main-footer .footer-top .item-dl.ewm .item-ewm .img{width: 100%; height: inherit;}
.main-footer .footer-top .item-dl.ewm .item-txt{text-align: center; font-size: 14px; line-height: 20px; color: #ccc; margin-top: 15px;}
.main-footer .footer-top .item-dl .item-dt{font-size: 18px; line-height: 28px; color: #fff;}
.main-footer .footer-top .item-dl .item-dd{overflow: hidden; margin-top: 10px;}
.main-footer .footer-top .item-dl .item-dd .tel{font-size: 24px; line-height: 30px; color: #ccc; margin: 8px 0 10px; font-weight: bold;}
.main-footer .footer-top .item-dl .item-dd .date{font-size: 14px; line-height: 20px; color: #ccc;}
.main-footer .footer-top .item-dl .dd-item{width: 240px; line-height: 40px; float: left;}
.main-footer .footer-top .item-dl .dd-item a{display: block; font-size: 14px; color: #ccc; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-footer .footer-top .item-dl .dd-item a:hover{color: #fff; text-indent: 3px;}
.main-footer .footer-bot{font-size: 14px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #52555a; text-align: center; line-height: 20px; color: #ccc;}
.main-footer .footer-bot p{margin: ;}
.main-footer .footer-bot a{line-height: 34px; color: #ccc;}
.main-footer .footer-bot a:hover{color: #fff;}
/**/
.main-filter{padding-top: 30px; margin-bottom: 20px;}
.main-filter .filter-box{padding: 0px 0 0;}
.main-filter .filter-row{width: 100%; display: flex; padding: 0px 18px 15px; overflow: hidden; background: #fff;}
.main-filter .filter-row a{color: #2b3040;}
.main-filter .filter-row a:hover{color: #01aafd;}
.main-filter .filter-row em{padding: 0 8px; color: #666;}
.main-filter .filter-row .row-left{width: 84px;}
.main-filter .filter-row .row-left .item{padding: 0;}
.main-filter .filter-row .row-left .item:hover{color: #2b3040;}
.main-filter .filter-row .row-right{width: calc(100% - 84px); padding-bottom: 5px; margin-bottom: 7px; border-bottom: 1px solid #ebeff6;}
.main-filter .filter-row .item{display: block; padding: 0 14px; height: 22px; line-height: 21px; border-radius: 11px; font-size: 16px; margin-bottom: 18px; color: #2b3040; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-filter .filter-row .row-right .item{float: left;}
.main-filter .filter-row .item:hover{color: #01aafd;}
.main-filter .filter-row .item.active{background: #d9f2ff; color: #01aafd;}
.main-filter .filter-row:first-child{padding-top: 30px;}
.main-filter .filter-row:last-child{padding-bottom: 10px;}
.main-filter .filter-row:last-child .row-right{border: none; padding-bottom: 0; margin-bottom: 0;}
/**/
.main-filter.space .filter-row:first-child{margin-bottom: 20px; min-height: 75px; border-radius: 8px;}
.main-filter.space .filter-row:first-child .row-right{margin-bottom: 0;}
.main-filter.space .filter-row:nth-child(2){padding-top: 25px;}
.main-filter.space .filter-row:first-child .row-right{border: none; padding-bottom: 0;}
.main-filter.space .filter-row:nth-child(2){border-radius: 8px 8px 0 0; overflow: hidden;}
.main-filter.space .filter-row:last-child{border-radius: 0 0 8px 8px; overflow: hidden;}
/**/
.main-filter .filter-row>li{width: 100%; font-size: 16px; padding-left: 84px; position: relative;}
.main-filter .filter-row>li>span{display: block; font-size: 16px; height: 22px; line-height: 21px; position: absolute; left: 0; top: 0;}
.main-filter .filter-row>li>a{display: block; padding: 0 14px; height: 22px; line-height: 21px; border-radius: 11px; font-size: 16px; margin-bottom: 18px; color: #2b3040; float: left; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-filter .filter-row>li>a:hover{color: #01aafd;}
.main-filter .filter-row>li>a.curr{background: #d9f2ff; color: #01aafd;}
/**/
.main-inner{padding-bottom: 50px;}
.main-inner-box{width: 935px; border-radius: 8px; overflow: hidden; float: left;}
.main-inner-box.test .paging .paging-box{padding-bottom: 35px;}
/**/
.main-test-top{display: flex; width: 100%; height: 62px; line-height: 62px; font-size: 18px; color: #2b3040; background: #f4f9ff;}
.main-test-top .test-title{width: 625px; text-align: center;}
.main-test-list{width: 100%; padding: 18px 20px 0; background: #fff;}
.main-test-list .item{display: block; width: 100%; padding: 15px 0 15px; border-bottom: 1px solid #ebeff6; position: relative;}
.main-test-list .item:last-child{border-bottom: none;}
.main-test-list .item-title{font-size: 16px; line-height: 24px; color: #2b3040; font-weight: normal;}
.main-test-list .item-desc{font-size: 14px; line-height: 24px; color: #c0c0d1; overflow: hidden; margin-top: 8px;}
.main-test-list .item-desc .info{float: left;}
.main-test-list .item-desc .info:nth-child(1){width: 147px;}
.main-test-list .item-desc .info:nth-child(2){width: 100px;}
.main-test-list .item-desc .info:nth-child(3){width: 86px;}
.main-test-list .item-desc .info:nth-child(4){width: 272px;}
.main-test-list .item-desc .info:last-child{margin-right: 0px;}
.main-test-list .item-desc .info.star{position: relative;}
.main-test-list .item-desc .info.star:before{content: ''; display: block; width: 104px; height: 16px; background-repeat: no-repeat; background-position: center center;position: absolute; left: 41px; top: 3px;}
.main-test-list .item-desc .info.star1:before{background-image: url('../images/star1.png');}
.main-test-list .item-desc .info.star2:before{background-image: url('../images/star2.png');}
.main-test-list .item-desc .info.star3:before{background-image: url('../images/star3.png');}
.main-test-list .item-desc .info.star4:before{background-image: url('../images/star4.png');}
.main-test-list .item-desc .info.star5:before{background-image: url('../images/star5.png');}
.main-test-list .item-btn{width: 96px; height: 30px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 15px; border: 1px solid #409eff; background-color: #409eff; color: #fff; position: absolute; right: 0; bottom: 15px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-test-list .item-btn:hover{background: #fff; color: #409eff;}
.main-test-list .item:hover .item-title{padding-left: 3px; color: #409eff;}
.main-test-list .empty{padding-top: 10px;}
/**/
.nomoredata{text-align: center; height: 44px; line-height: 44px; margin-top: 15px; font-size: 14px; color: #999; background-color: #fff; cursor: pointer; margin: 10px 20px 20px;}
.loadmore{text-align: center; height: 44px; line-height: 44px; margin-top: 15px; font-size: 14px; color: #999; background-color: #f6f6f6; cursor: pointer; margin: 20px 20px 20px;}
/**/
.paging{width: 100%; background: #fff; text-align: center;}
.paging.pb60{padding-bottom: 60px;}
.paging.nobg{background: none;}
.paging-box{display: inline-block; overflow: hidden; padding: 40px 0 0px;}
.paging-box a{display: block; width: 34px; height: 34px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; text-align: center; line-height: 34px; float: left; font-size: 14px; color: #848493; background: #fff; margin-right: 10px;}
.paging-box a.curr{background: #00aaff; color: #fff;}
.paging-box a:hover{color: #00aaff;}
.paging-box a.curr:hover{color: #fff;}
.paging-box a:last-child{margin-right: 0;}
.paging-box a:first-child,.paging-box a:last-child{width: 70px;}
/**/
.main-sidebar{width: 332px; float: right;}
.sidebar-test{width: 100%; padding: 20px 20px; border-radius: 8px; overflow: hidden; background: #fff;}
.sidebar-test .test-img{display: block; width: 100%; height: 136px; margin-bottom: 28px; cursor: pointer; position: relative;}
.sidebar-test .test-img .img-box{width: 100%; height: 136px; border-radius: 8px; overflow: hidden; position: absolute; left: 0; top: 0;}
.sidebar-test .test-img .img-box img{width: 100%;}
.sidebar-test .test-img:hover .img-box{top: -5px; box-shadow: 1px 2px 10px rgba(33,69,208,0.24);}
/**/
.sidebar-test .test-menu{width: 100%; margin-top: 20px; padding: 0 5px;}
.sidebar-test .test-menu .item{display: block; width: 62px; height: 100px; position: relative;}
.sidebar-test .test-menu .item-box{width: 100%; height: inherit; position: absolute; left: 0; top: 0px;}
.sidebar-test .test-menu .item .img-box{width: 62px; height: 62px; border-radius: 50%; overflow: hidden;}
.sidebar-test .test-menu .item .img-box .img{width: 100%; height: 62px;}
.sidebar-test .test-menu .item .img-txt{width: 100%; text-align: center; font-size: 14px; line-height: 37px; color: #7e7e8e;} 
.sidebar-test .test-menu .item:hover .item-box{top: -3px;}
.sidebar-test .test-menu .item:hover .img-txt{color: #409eff;}
.sidebar-test .test-menu .item:hover .img-box{box-shadow: 1px 2px 8px rgba(33,69,208,0.24);}
.sidebar-test .test-title{font-size: 18px; margin: 30px 0 25px; color: #2b3040; text-align: center;}
.sidebar-test .test-statistical{width: 100%; background: #4b76e9; padding: 10px 0; overflow: hidden; border-radius: 8px; position: relative;}
.sidebar-test .test-statistical:before{content: ''; display: block; width: 101px; height: 34px; background: url('../images/bg6.png') no-repeat center center; position: absolute; right: 0; bottom: 0;}
.sidebar-test .test-statistical .test-num{width: 50%; height: 40px; line-height: 40px; float: left; font-size: 16px; color: #fff; text-align: center;}
/**/
.sidebar-hot{width: 100%; padding: 20px 20px; border-radius: 8px; overflow: hidden; background: #fff; margin-top: 20px;}
.sidebar-hot .hot-title{font-size: 18px; margin: 0px 0px 20px; color: #2b3040; text-align: center;}
.sidebar-hot .hot-course{width: 100%;}
.sidebar-hot .hot-course .hot-img{width: 100%; height: 164px; border-radius: 6px; overflow: hidden;}
.sidebar-hot .hot-course .hot-img .img-box{width: 100%; height: 164px; position: relative;}
.sidebar-hot .hot-course .hot-img .img-box .img{height: 164px; min-width: 100%;}
.sidebar-hot .hot-course .hot-text{width: 100%; font-size: 16px; color: #2b3040; padding: 20px 0 25px;}
.sidebar-hot .hot-course .hot-text .course-title{width: 60%;}
.sidebar-hot .hot-course .hot-text .course-num{font-size: 16px; height: 20px; line-height: 20px; color: #999;}
.sidebar-hot .hot-course .hot-text .course-price{font-size: 18px; color: #f04142;}
.sidebar-hot .hot-course .hot-text .course-price .small{font-size: 14px;}
.sidebar-hot .hot-course:hover .hot-text .course-title{color: #00aaff;}
.main-inner.sidebarhotnotop .main-sidebar .sidebar-hot{margin-top: 0;}
/**/
.sidebar-job{width: 100%; padding: 20px 20px 10px; border-radius: 8px; overflow: hidden; background: #fff; margin-top: 20px;}
.sidebar-job .job-title{font-size: 18px; margin: 0px 0px 20px; color: #2b3040; text-align: center;}
.sidebar-job .job-box{width: 100%; overflow: hidden;}
.sidebar-job .job-box .item{display: block; width: 139px; height: 44px; float: left; padding: 0 10px; text-align: center; line-height: 44px; margin-bottom: 10px;
	background-image: -moz-linear-gradient( -3deg, rgba(207,198,255,0.1) 0%, rgba(161,196,255,0.1) 99%, rgba(161,196,255,0.1) 100%);
	background-image: -webkit-linear-gradient( -3deg, rgba(207,198,255,0.1) 0%, rgba(161,196,255,0.1) 99%, rgba(161,196,255,0.1) 100%); 
	background-image: -ms-linear-gradient( -3deg, rgba(207,198,255,0.1) 0%, rgba(161,196,255,0.1) 99%, rgba(161,196,255,0.1) 100%);}
.sidebar-job .job-box .item:nth-child(2n){float: right;}
.sidebar-job .job-box .item:hover{color: #00aaff; box-shadow: 0px 4px 10px 0px rgba(33, 69, 208, 0.1);}
.sidebar-job .job-box .item:hover .img-txt{color: #00aaff;}
/**/
.main-a-more{display: inline-block;	height: 20px; line-height: 20px; font-size: 14px; color: #c0c0d1; padding-right: 18px; position: relative; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-a-more .icon{font-size: 12px; color: #b9beca; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-a-more:hover{color: #01aafd; padding-right: 21px;}
.main-a-more:hover .icon{color: #01aafd; right: 3px;}
/**/
.main-test-paper{padding: 23px 20px 15px; border-radius: 8px; background: #fff; margin-bottom: 15px;}
.main-test-paper .top{width: 100%; padding-bottom: 15px; border-bottom: 1px solid #ebeff6;}
.main-test-paper .top .title{float: left; font-size: 22px; height: 30px; line-height: 30px; color: #2b3040;}
.main-test-paper .top .title a{display: block; }
.main-test-paper .top .tab{float: left; height: 30px; line-height: 30px; padding-left: 20px;}
.main-test-paper .top .tab .item{display: block; float: left; margin-right: 30px; font-size: 16px; position: relative;}
.main-test-paper .top .tab .item:last-child{margin-right: 0;}
.main-test-paper .top .tab .item:before{content: ''; display: block; width: 100%; height: 1px; background: #00a9ff; position: absolute; left: 0; bottom: -2px; opacity: 0;}
.main-test-paper .top .tab .item:hover{color: #00a9ff;}
.main-test-paper .top .tab .item.active{color: #00a9ff;}
.main-test-paper .top .tab .item.active:before{opacity: 1;}
.main-test-paper .top .main-a-more{height: 30px; line-height: 30px; float: right;}
/**/
.main-test-paper .mid{width: 100%; margin-top: 20px; padding-bottom: 25px; border-bottom: 1px solid #ebeff6;}
.main-test-paper .mid-left{width: 330px; height: 320px; border-radius: 8px; overflow: hidden; float: left;}
.main-test-paper .mid-left .img-box{width: 100%; height: inherit;}
.main-test-paper .mid-left .img-box img{width: 100%; height: inherit;}
.main-test-paper .mid-right{width: 537px; float: right;}
.main-test-paper .mid-right .right-title{padding-top: 10px;}
.main-test-paper .mid-right .right-title .title{display: block; font-size: 18px; color: #2b3040;}
.main-test-paper .mid-right .right-list{padding-top: 15px;}
/**/
.test-item{display: block; width: 100%; padding: 0 0 10px; margin-bottom: 15px; border-bottom: 1px solid #ebeff6;}
.test-item:last-child{padding-bottom: 0; border-bottom: none; margin-bottom: 0;}
.test-item .item-title{font-size: 16px; line-height: 24px; color: #2b3040; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.test-item .item-desc{overflow: hidden;}
.test-item .item-desc .info{display: block; line-height: 24px; margin-top: 3px; float: left; font-size: 14px; color: #c0c0d1;}
.test-item .item-desc .info:nth-child(1){width: 140px;}
.test-item .item-desc .info:nth-child(2){width: 100px;}
.test-item:hover .item-title{color: #01aafd; padding-left: 3px;}
/**/
.main-test-paper .bot{display: flex; margin-top: 28px; padding-bottom: 3px;}
.main-test-paper .bot .bot-item{width: calc(50% - 10px); margin-right: 20px;}
.main-test-paper .bot .bot-item:last-child{margin-right: 0;}
.main-test-paper .bot .bot-item .bot-list{padding-top: 15px;}
.main-test-paper .bot .bot-item .title{font-size: 18px; padding-left: 15px; color: #2b3040; position: relative;}
.main-test-paper .bot .bot-item .title:before{content: ''; display: block; width: 5px; height: 18px; border-radius: 2px; background: #18b5ff; position: absolute; left: 0; top: 0;}
.main-test-paper .bot .bot-item .test-item{padding-bottom: 15px; margin-bottom: 15px;}
.main-test-paper .bot .bot-item .test-item:last-child{margin-bottom: 0;}
.main-test-paper .bot .bot-item .test-item .item-desc .to{width: 295px; margin-right: 10px;}
.main-test-paper .bot .bot-item .test-item .item-desc .auto{width: auto; padding-left: 5px;}
/**/
.main-course-center{padding-top: 14px;}
.main-course-center .paging{background: none;}
.main-course-center .paging .paging-box{padding-top: 5px;}
/**/
.main-course-center-title{position: relative;}
.main-course-center-title .title{font-size: 22px; color: #2b3040; padding-left: 15px; font-weight: bold; position: relative;}
.main-course-center-title .title:before{content: ''; display: block; width: 7px; height: 24px; background: #ff8b45; position: absolute; left: 0; top: 0;}
.main-course-center-title .course-cate{width: 100%; overflow: hidden; margin-top: 20px;}
.main-course-center-title .course-cate .item{display: block; height: 43px; line-height: 43px; font-size: 18px; color: #2b3040; float: left; margin-right: 35px; position: relative;}
.main-course-center-title .course-cate .item:before{content: ''; display: block; width: 0%; height: 2px; background: #01aafd; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-course-center-title .course-cate .item.active{color: #01aafd;}
.main-course-center-title .course-cate .item.active:before{width: 50%;}
.main-course-center-title .course-cate .item:hover{color: #01aafd;}
.main-course-center-title .course-cate .item:hover:before{width: 80%;}
.main-course-center-title .course-cate .item:last-child{margin-right: 0;}
.main-course-center-title .main-a-more{position: absolute; top: 55px; right: 0;}
/**/
.main-course-center-list{width: 100%; margin: 0px auto 23px;}
.main-course-center-list.list{margin-bottom: 0;}
.main-course-center-list .course-item:nth-child(4n){margin-right: 0;}
.main-course-center-list .course-item.special .item-box{height: 276px;}
.main-course-center-list .course-item.special .item-box .item-img{height: 276px;}
.main-course-center-list .course-item.special .item-box .item-img .img-box{height: 276px;}
.main-course-center-list .course-item.special .item-box .item-img .img-box a{display: block;}
.main-course-center-list .course-item.special .item-box .item-img .img-box img{height: 276px;}
/**/
.main-inner .main-course-center-list{padding-top: 25px;}
#course-list .main-course-center-list{padding-top: 0px;}
/**/
.main-course-center-part-two{margin: 25px auto 23px;}
.main-course-center-part-two .two-left{width: 310px; height: 572px; border-radius: 8px; overflow: hidden; float: left;}
.main-course-center-part-two .two-left .img-box{width: 100%; height: inherit; position: relative;}
.main-course-center-part-two .two-left .img-box a{display: block;}
.main-course-center-part-two .two-left .img-box img{height: 572px;}
.main-course-center-part-two .two-right{width: 955px; float: right;}
.main-course-center-part-two .two-right .course-item:nth-child(3n){margin-right: 0;}
/**/
.main-course-center-list.specials .course-item:nth-child(3n){margin-right: 0;}
.main-course-center-list.specials .course-item:nth-child(4n){margin-right: 14px;}
.main-course-center-list.specials .course-item:nth-child(6n){margin-right: 14px;}
.main-course-center-list.specials .course-item:last-child{margin-right: 0;}
.main-course-center-list .course-item.specials{width: 630px;}
.main-course-center-list .course-item.specials .item-box{width: 630px; height: 276px;}
.main-course-center-list .course-item.specials .item-box .item-img{width: 630px; height: 276px;}
.main-course-center-list .course-item.specials .item-box .item-img .img-box{width: 630px; height: 276px;}
.main-course-center-list .course-item.specials .item-box .item-img .img-box .img{height: 276px;}
/**/
.main-inner.news{padding-top: 30px;}
.main-inner-news{width: 867px; padding: 30px 20px; border-radius: 6px; background: #fff; overflow: hidden; float: left;}
.main-inner-news .news-cate{width: 100%; overflow: hidden;}
.main-inner-news .news-cate .item{display: block; margin-right: 30px; float: left; font-size: 18px; color: #2b3040; position: relative; padding-bottom: 12px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-inner-news .news-cate .item:before{content: ''; display: block; width: 0%; height: 2px; background: #00a9ff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-inner-news .news-cate .item.active{color: #00a9ff;}
.main-inner-news .news-cate .item:last-child{margin-right: 0;}
.main-inner-news .news-cate .item:hover{color: #00a9ff;}
.main-inner-news .news-cate .item:hover:before{width: 30%;}
.main-inner-news .news-cate .item.active:before{width: 30%;}
/**/
.main-inner-news .news-list{width: 100%; border-top: 1px solid #ebeff6; margin-top: 25px;}
.main-inner-news .news-list .item{display: block; width: 100%; padding: 25px 0 25px; border-bottom: 1px solid #ebeff6; position: relative; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-inner-news .news-list .item-title{width: 60%; font-size: 18px; line-height: 24px; font-weight: bold; color: #2b3040; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-inner-news .news-list .item-title.hot{position: relative; padding-left: 30px;}
.main-inner-news .news-list .item-title.hot:before{content: '热'; display: block; width: 20px; height: 20px; font-weight: normal; font-size: 12px; text-align: center; line-height: 19px; background: #f04142; color: #fff; position: absolute; left: 0; top: 2px; border-radius: 2px; overflow: hidden;}
.main-inner-news .news-list .item-title.new{position: relative; padding-left: 30px;}
.main-inner-news .news-list .item-title.new:before{content: '新'; display: block; width: 20px; height: 20px; font-weight: normal; font-size: 12px; text-align: center; line-height: 20px; background: #2143ef; color: #fff; position: absolute; left: 0; top: 2px; border-radius: 2px; overflow: hidden;}
.main-inner-news .news-list .item-time{font-size: 14px; color: #c0c0d1; position: absolute; top: 30px; right: 0;}
.main-inner-news .item-content{width: 100%; margin-top: 28px;}
.main-inner-news .item-content .item-img{width: 230px; height: 130px; border-radius: 6px; overflow: hidden;}
.main-inner-news .item-content .item-img .img-box{width: 100%; height: 130px; border-radius: 6px; overflow: hidden; position: relative;}
.main-inner-news .item-content .item-img .img-box .img{height: auto;}
.main-inner-news .item-content .item-text{width: 575px; padding-top: 20px;}
.main-inner-news .item-content .item-text .item-desc{width: 100%; height: 56px; font-size: 14px; line-height: 28px; color: #7e7e8e;}
.main-inner-news .item-content .item-info{height: 32px; line-height: 32px; margin-top: 25px;}
.main-inner-news .item-content .item-info .item-hot{font-size: 14px; color: #f04142; position: relative; padding-left: 24px;}
.main-inner-news .item-content .item-info .item-hot .icon{font-size: 20px; position: absolute; left: 0; top: -1px;}
.main-inner-news .item-content .item-info .item-hot .hot-icon:first-child .icon{font-size: 18px;}
.main-inner-news .item-content .item-info .item-more{font-size: 14px; color: #00a9ff; position: relative; padding-right: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-inner-news .item-content .item-info .item-more .icon{font-size: 18px; position: absolute; right: 0; top: -1px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-inner-news .item-content .item-info .item-more:hover{padding-right: 23px;}
.main-inner-news .item-content .item-info .item-more:hover .icon{right: 3px;}
.main-inner-news .news-list .item:hover{border-bottom: 1px solid #00a9ff;}
.main-inner-news .news-list .item:last-child{padding-bottom: 0; border-bottom: none;}
.main-inner-news .news-list .item:hover .item-title{padding-left: 5px; color: #00a9ff;}
.main-inner-news .news-list .item:hover .item-title.hot{padding-left: 35px;}
.main-inner-news .news-list .item:hover .item-title.new{padding-left: 35px;}
/**/
.main-sidebar.news{width: 395px;}
.sidebar-hotnews{width: 100%; padding: 20px 20px; border-radius: 8px; background: #fff;}
.sidebar-title{font-size: 18px; line-height: 24px; color: #2b3040; padding-bottom: 20px; border-bottom: 1px solid #ebeff6; position: relative;}
.sidebar-title .more{font-size: 14px; color: #c0c0d1; position: absolute; right: 0; top: 0;}
.sidebar-title .more .icon{font-size: 15px; position: absolute; left: -23px; top: 0px;}
.sidebar-title .more:hover{color: #00a9ff;}
/**/
.sidebar-hotnews .sidebar-news{width: 100%; margin-top: 20px;}
.sidebar-hotnews .sidebar-news .item{width: 100%; line-height: 24px; margin-bottom: 15px; position: relative;}
.sidebar-hotnews .sidebar-news .item:last-child{margin-bottom: 0;}
.sidebar-hotnews .sidebar-news .item .num{font-size: 16px; color: #2b3040; position: absolute; left: 0; top: 0;}
.sidebar-hotnews .sidebar-news .item .num .icon{font-size: 16px; position: absolute; left: -3px; top: 0;}
.sidebar-hotnews .sidebar-news .item .txt{display: inline-block; padding-left: 20px; position: relative; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.sidebar-hotnews .sidebar-news .item .txt:after{display: block; width: 18px; height: 18px; line-height: 17px; text-align: center; border-radius: 2px; font-size: 12px; color: #fff; position: absolute; top: 4px; right: -28px;}
.sidebar-hotnews .sidebar-news .item .txt.hot:after{content: '热'; width: 18px; background: #f04142;}
.sidebar-hotnews .sidebar-news .item .txt.new:after{content: '新'; width: 18px; background: #2143ef;}
.sidebar-hotnews .sidebar-news .item:hover .txt{padding-left: 23px; color: #00a9ff;}
.sidebar-hotnews .sidebar-news .item:nth-child(1) .num{color: #f04142;}
.sidebar-hotnews .sidebar-news .item:nth-child(2) .num{color: #ff2d2d;}
.sidebar-hotnews .sidebar-news .item:nth-child(3) .num{color: #ff772d;}
/**/
.sidebar-hotnews.recommend{margin-top: 20px;}
.sidebar-hotnews.recommend .sidebar-news .item .dot{width: 5px; height: 5px; border-radius: 50%; background: #c4c4c4; position: absolute; left: 0; top: 10px;}
.sidebar-hotnews.recommend .sidebar-img{width: 354px; height: 200px; margin-top: 20px; border-radius: 8px; overflow: hidden;}
.sidebar-hotnews.recommend .sidebar-img .img-box{width: 354px; height: 200px; border-radius: 8px; position: relative;}
.sidebar-hotnews.recommend .sidebar-img .img-box .img{min-width: 100%; height: 200px;}
.sidebar-hotnews.recommend .sidebar-news .item .txt{width: calc(100% - 5px);}
.sidebar-hotnews.recommend .sidebar-news .item{margin-bottom: 0px;}
/**/
.main-sidebar.news.details .sidebar-hotnews.recommend{margin-top: 0;}
/**/
.sidebar-hot.course .sidebar-title{margin-bottom: 25px;}
.sidebar-hot.course .hot-course .hot-img{height: 200px;}
.sidebar-hot.course .hot-course .hot-img .img-box{height: 200px;}
.sidebar-hot.course .hot-course .hot-img .img-box .img{height: 200px;}
/**/
.sidebar-job.job{}
.sidebar-job.job .sidebar-title{margin-bottom: 20px;}
.sidebar-job.job .job-box .item{width: 170px;}
/**/
.main-news-details{}
.main-news-details .details-title{width: 85%; font-weight: normal; text-align: center; margin: 0 auto; font-size: 26px; line-height: 40px;}
.main-news-details .details-info{width: 100%; margin: 34px 0; padding-bottom: 30px; border-bottom: 1px solid #ebeff6; display: flex; overflow: hidden;} 
.main-news-details .details-info .info-txt{width: 50%; font-size: 12px; text-align: right; padding-right: 30px; color: #999;}
.main-news-details .details-info .info-txt:last-child{text-align: left; padding-left: 30px;}
.main-news-details .details-content{width: 100%; padding-bottom: 10px; font-size: 16px; line-height: 30px;}
.main-news-details .details-content img{max-width: 95%; height: auto; border-radius: 4px; margin: 15px auto;}
.main-news-details .details-content *{margin: 15px auto; font-size: 16px !important; line-height: 1.75em; text-wrap: inherit !important;}
/**/
.main-news-details .details-page{width: 100%; padding: 20px 0 0; overflow: hidden; border-top: 1px solid #ebeff6;}
.main-news-details .details-page .page-item{display: block; width: 50%; font-size: 16px; line-height: 24px; color: #999; position: relative;}
.main-news-details .details-page .page-item .icon{font-size: 32px; position: absolute; top: 10px;}
.main-news-details .details-page .page-item.prev{text-align: left; padding-left: 35px;}
.main-news-details .details-page .page-item.prev .icon{left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.main-news-details .details-page .page-item.next{text-align: right; padding-right: 35px;}
.main-news-details .details-page .page-item.next .icon{right: 0;}
.main-news-details .details-page .page-item .page-tips{font-size: 15px; line-height: 20px;}
.main-news-details .details-page .page-item.prev .page-title{text-align: left; padding-right: 15px;}
.main-news-details .details-page .page-item.next .page-title{text-align: right; padding-left: 15px;}
.main-news-details .details-page .page-item:hover .page-tips{color: #00a9ff;}
.main-news-details .details-page .page-item:hover .icon{color: #00a9ff;}
.main-news-details .details-page .page-item.prev:hover .page-title{color: #00a9ff; padding-left: 3px;}
.main-news-details .details-page .page-item.next:hover .page-title{color: #00a9ff; padding-right: 3px;}
/**/
.employment-top{padding-bottom: 10px;}
.employment-top .top-left{width: 907px;}
.employment-top .top-left .item{display: block; width: 292px; height: 165px; margin: 0 14px 14px 0; float: left; position: relative;}
.employment-top .top-left .item:nth-child(3n){margin-right: 0;}
.employment-top .top-left .item-box{width: 100%; height: inherit; position: absolute; top: 0; left: 0; background: #fff; border-radius: 8px; overflow: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.employment-top .top-left .item .item-tag{width: 30px; height: 45px; font-size: 14px; line-height: 16px; padding-top: 5px; text-align: center; color: #fff; background: url('../images/good.png') no-repeat center center; position: absolute; right: 10px; top: 0;}
.employment-top .top-left .item .item-logo{padding-top: 20px; text-align: center;}
.employment-top .top-left .item .item-logo .img{display: block; height: 43px; margin: 0 auto;}
.employment-top .top-left .item .item-people{text-align: center; height: 42px; line-height: 42px; font-size: 14px; color: #7e7e8e;}
.employment-top .top-left .item .item-pos{height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #2b3040;}
.employment-top .top-left .item:hover .item-box{top: -5px;}
/**/
.employment-top .top-right{width: 361px; height: 344px; padding: 20px 20px; border-radius: 8px; background: #fff;}
.employment-top .top-right .right-title{width: 100%; font-size: 18px; color: #2b3040; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #ebeff6;}
.employment-top .top-right .right-title .txt{padding: 0 15px;}
.employment-top .top-right .right-news{margin-top: 12px;}
.employment-top .top-right .right-news .item{display: block; width: 100%; font-size: 14px; color: #2b3040; height: 32px; line-height: 32px; position: relative; padding-left: 15px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.employment-top .top-right .right-news .item:before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #c0c0d1; position: absolute; left: 0; top: 15px;}
.employment-top .top-right .right-news .item:hover{padding-left: 18px; color: #01aafd;}
/**/
.main-hot-position{}
.main-hot-position .main-more{padding-bottom: 20px;}
.hot-position-box{padding: 5px 0 0;}
.hot-position-box .position-left{width: 224px; height: 242px; position: relative;}
.hot-position-box .position-left .img-box{display: block; width: 100%; height: inherit; border-radius: 8px; overflow: hidden; position: absolute; left: 0; top: 0;}
.hot-position-box .position-left .img-box a{display: block;}
.hot-position-box .position-left .img-box img{width: 100%; height: inherit;}
.hot-position-box .position-left:hover .img-box{top: -5px;}
.hot-position-box .position-right{width: 1038px; height: 242px;}
.hot-position-box .position-right .item{display: block; width: 250px; height: 114px; margin: 0 12px 13px 0; position: relative; float: left;}
.hot-position-box .position-right .item:nth-child(4n){margin-right: 0;}
.hot-position-box .position-right .item-box{width: 100%; height: inherit; padding: 16px 18px 0; border-radius: 8px; overflow: hidden; background: #fff; position: absolute;	left: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.hot-position-box .position-right .item-title{font-weight: normal; font-size: 16px; line-height: 20px; color: #2b3040;}
.hot-position-box .position-right .item-info{display: flex; font-size: 14px; color: #7e7e8e;}
.hot-position-box .position-right .item-info .info{margin: 13px 0 12px; padding: 0 10px; position: relative;}
.hot-position-box .position-right .item-info .info:first-child{padding-left: 0px;}
.hot-position-box .position-right .item-info .info:before{content: ''; display: block; width: 1px; height: 10px; background: #ebeff6; position: absolute; right: 0; top: 2px;}
.hot-position-box .position-right .item-info .info:last-child{padding-right: 0;}
.hot-position-box .position-right .item-info .info:last-child:before{display: none;}
.hot-position-box .position-right .item-salary{font-size: 18px; line-height: 24px; color: #ff860f;}
.hot-position-box .position-right .item:hover .item-box{top: -5px;}
.hot-position-box .position-right .item:hover .item-title{color: #00a9ff;}
/**/
.main-recommend-enterprise{padding-top: 25px;}
.main-recommend-enterprise .employment-box{margin-top: 10px;}
.main-recommend-enterprise .employment-box .employment-left{}
.main-recommend-enterprise .employment-box .employment-right{}
/**/
.main-new-resume{margin-top: 35px;}
.new-resume-box{margin-top: 15px;}
.new-resume-box .item{display: block; width: 245px; height: 285px; margin: 0 13px 15px 0; position: relative; float: left; }
.new-resume-box .item:nth-child(5n){margin-right: 0;}
.new-resume-box .item-box{width: 100%; height: inherit; border-radius: 8px; overflow: hidden; background: #fff; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.new-resume-box .item-box .item-img{width: 100%; height: inherit;}
.new-resume-box .item-box .item-img a{display: block;}
.new-resume-box .item-box img{width: 100%; height: inherit;}
.new-resume-box .item-box .item-avatar{width: 65px; padding-top: 25px; margin: 0 auto; }
.new-resume-box .item-box .item-avatar .img-box{width: 65px; height: 65px; border-radius: 50%; overflow: hidden; position: relative;}
.new-resume-box .item-box .item-avatar .img{width: 100%; height: auto;}
.new-resume-box .item-box .item-name{font-size: 16px; line-height: 20px; font-weight: bold; color: #2b3040; padding: 0 20px; text-align: center; margin: 20px 0 10px;}
.new-resume-box .item-box .item-name:hover{color: #00a9ff;}
.new-resume-box .item-box .item-position{font-size: 16px; line-height: 20px; font-weight: bold; color: #ff860f; padding: 0 20px; text-align: center;}
.new-resume-box .item-box .item-desc{font-size: 14px; line-height: 20px; color: #7e7e8e; padding: 0 20px; text-align: center; margin: 30px 0 20px;}
.new-resume-box .item-box .item-info{font-size: 14px; line-height: 20px; color: #7e7e8e; padding: 0 15px; text-align: center;}
.new-resume-box .item-box .item-info .info{display: inline-block; height: 20px; border-radius: 10px; padding: 0 11px; color: #7e7e8e; background: #f1f1f5; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.new-resume-box .item-box .item-info .info:hover{color: #00a9ff;}
.new-resume-box .item:hover .item-box{top: -5px;}
/**/
.new-resume-box.inner{margin-top: 30px;}
/**/
.main-position-details{padding-bottom: 50px;}
.position-details-top{padding: 25px 30px 30px; background: #fff; margin-top: 30px; border-radius: 8px; position: relative;}
.position-details-top .h1-title{padding-left: 65px; position: relative;}
.position-details-top .h1-title .tags{display: block; width: 50px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; background: #00a9ff; text-align: center; border-radius: 4px; position: absolute; left: 0; top: 3px;}
.position-details-top .h1-title .title{font-size: 30px; line-height: 32px; font-weight: normal; color: #2b3040;}
.position-details-top .salary{font-size: 30px; color: #fa6a43; position: absolute; top: 30px; right: 30px;}
.position-details-top .salary .small{font-size: 14px; padding-left: 2px;}
.position-details-top .info{display: flex; font-size: 14px; color: #7e7e8e; margin: 35px 0 20px;}
.position-details-top .info .infos{display: block; padding: 5px 15px; position: relative;}
.position-details-top .info .infos:before{content: ''; display: block; width: 1px; height: 12px; background: #c0c0d1; position: absolute; right: 0; top: 6px;}
.position-details-top .info .infos:first-child{padding-left: 0;}
.position-details-top .info .infos:last-child{padding-right: 0;}
.position-details-top .desc{font-size: 14px; color: #7e7e8e; line-height: 24px; position: relative; padding-left: 22px;}
.position-details-top .desc .icon{font-size: 18px; position: absolute; left: 0; top: 0px;}
.position-details-top .foot{display: flex; font-size: 14px; color: #c0c0d1; margin-top: 20px;}
.position-details-top .foot .time{font-size: 14px; line-height: 20px; padding-left: 25px; margin-right: 30px; position: relative;}
.position-details-top .foot .time .icon{font-size: 18px; position: absolute; left: 0; top: 0px;}
.position-details-top .foot .view .icon{font-size: 20px; top: 0px;}
.position-details-top .btns{display: flex; position: absolute; right: 30px; bottom: 25px;}
.position-details-top .btns .btn{padding: 0 25px; height: 38px; line-height: 36px; text-align: center; border-radius: 19px; border: 1px solid #00a9ff; margin-left: 20px; color: #00a9ff; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.position-details-top .btns .btn.post{color: #fff; background: #00a9ff;}
.position-details-top .btns .btn.collect{padding-left: 50px; position: relative;}
.position-details-top .btns .btn.collect .icon{font-size: 22px; position: absolute; left: 22px; top: 0px;}
.position-details-top .btns .btn.post:hover{background: #fff; border-color: #00a9ff; color: #00a9ff;}
.position-details-top .btns .btn.collect:hover{background: #00a9ff; color: #fff;}
/**/
.position-details-bot{margin-top: 15px;}
.position-details-left{width: 932px; border-radius: 8px; padding: 30px 30px 0; background: #fff;}
.position-details-left .top{width: 100%; border-radius: 4px; font-size: 16px; line-height: 35px; padding: 10px 20px; background: #f3f7ff;}
.position-details-left .rows{color: #7e7e8e;}
.position-details-left .rows.phone .color{color: #fa6a43;}
.position-details-left .rows.address .color{color: #00a9ff;}
.position-details-left .mid{margin: 30px 0;}
.position-details-left .mid-title{font-size: 20px; font-weight: bold; color: #2b3040;}
.position-details-left .mid-content{font-size: 16px; line-height: 36px; color: #7e7e8e; padding: 15px 0 0;}
.position-details-left .mid-img{width: 100%; margin-top: 20px;}
.position-details-left .mid-img img{width: 100%; border-radius: 6px;}
.position-details-right{width: 330px;}
/**/
.right-company{width: 100%; border-radius: 8px; padding: 30px 30px; background: #fff;}
.right-company .company-logo{height: 53px;}
.right-company .company-logo a{display: block;}
.right-company .company-logo .img{height: 53px;}
.right-company .company-title{font-size: 20px; line-height: 36px; color: #2b3040; font-weight: normal; margin: 20px 0 10px;}
.right-company .company-info .infos{font-size: 14px; height: 36px; line-height: 36px; color: #7e7e8e; position: relative; padding-left: 20px;}
.right-company .company-info .infos .icon{position: absolute; left: 0; top: 10px;}
.right-company .company-desc{font-size: 14px; line-height: 30px; color: #7e7e8e; margin-top: 5px;} 
.right-company .company-home{display: block; width: 164px; height: 38px; margin: 0 auto; line-height: 36px; text-align: center; font-size: 16px; color: #00a9ff; margin-top: 20px; border: 1px solid #00a9ff; border-radius: 19px;}
.right-company .company-home:hover{background: #00a9ff; color: #fff;}
/**/
.right-position{width: 100%; border-radius: 8px; padding: 20px 30px; background: #fff; margin-top: 20px;}
.right-position .position-title{font-size: 20px; line-height: 24px; padding-bottom: 18px; font-weight: normal; color: #2b3040; position: relative; padding-left: 15px;}
.right-position .position-title:before{content: ''; display: block; width: 4px; height: 20px; border-radius: 2px; background: #3f66ea; position: absolute; left: 0; top: 4px;}
.right-position .item{display: block; width: 250px; padding-top: 18px; margin-bottom: 18px; border-top: 1px solid #f1f1f5;}
.right-position .item:last-child{margin-bottom: 0; padding-bottom: 0;}
.right-position .item-box{width: 100%; height: inherit; border-radius: 8px; overflow: hidden; background: #fff;}
.right-position .item .item-title{font-weight: normal; font-size: 16px; line-height: 20px; color: #2b3040; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.right-position .item .item-info{display: flex; font-size: 14px; color: #7e7e8e;}
.right-position .item .item-info .info{margin: 13px 0 12px; padding: 0 10px; position: relative;}
.right-position .item .item-info .info:first-child{padding-left: 0px;}
.right-position .item .item-info .info:before{content: ''; display: block; width: 1px; height: 10px; background: #ebeff6; position: absolute; right: 0; top: 2px;}
.right-position .item .item-info .info:last-child{padding-right: 0;}
.right-position .item .item-info .info:last-child:before{display: none;}
.right-position .item .item-salary{font-size: 18px; line-height: 24px; color: #ff860f;}
.right-position .item:hover .item-title{padding-left: 3px; color: #00a9ff;}
/**/
.main-about{margin-top: 30px;}
.main-about .top{width: 100%; padding: 30px 30px; display: flex; border-radius: 8px; background: #fff; position: relative;}
.main-about .top-logo{display: block; width: 76px; height: 76px; border-radius: 50%; border: 1px solid #ebeff6; overflow: hidden;}
.main-about .top-logo .img-box{width: 100%; height: inherit; position: relative;}
.main-about .top-logo .img-box .img{height: 76px;}
.main-about .top-txt{padding-left: 40px;}
.main-about .top-txt .title{font-size: 30px; line-height: 40px; color: #2b3040; font-weight: normal;}
.main-about .top-txt .title a{color: #2b3040;}
.main-about .top-txt .title a:hover{padding-left: 3px; color: #00a9ff;}
.main-about .top-txt .infos{font-size: 14px; line-height: 24px; color: #7e7e8e; margin: 10px 0 5px;}
.main-about .top-txt .infos .info{padding: 0 10px; position: relative;}
.main-about .top-txt .infos .info:first-child{padding-left: 0px;}
.main-about .top-txt .infos .info:before{content: ''; display: block; width: 1px; height: 10px; background: #ebeff6; position: absolute; right: 0; top: 6px;}
.main-about .top-txt .infos .info:last-child{padding-right: 0;}
.main-about .top-txt .infos .info:last-child:before{display: none;}
.main-about .top-txt .phone{font-size: 14px; line-height: 24px; color: #00a9ff;}
.main-about .top-home{display: block; width: 148px; height: 38px; line-height: 36px; border-radius: 19px; border: 1px solid #00a9ff; text-align: center; background: #00a9ff; color: #fff; position: absolute; top: 60px; right: 50px; cursor: pointer;}
.main-about .top-home:hover{background: #fff; border-color: #00a9ff; color: #00a9ff;}
/**/
.main-about .bot{padding: 20px 30px; border-radius: 8px; background: #fff; display: none;}
.main-about .bot-tab-box{margin: 15px 0 60px;}
.main-about .bot-tab-box .tab-item{display: none;}
.main-about .bot-tab-box .tab-item.active{display: block;}
.main-about .bot-tab{width: 100%; padding: 30px 30px 5px; display: flex; font-size: 20px; color: #7e7e8e; font-weight: normal;}
.main-about .bot-tab .item{padding-bottom: 12px; margin-right: 40px; position: relative;}
.main-about .bot-tab .item:last-child{margin-right: 0;}
.main-about .bot-tab .item.active{color: #00a9ff;}
.main-about .bot-tab .item:before{content: ''; display: block; width: 35%; height: 2px; background: #00a9ff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0;}
.main-about .bot-tab .item.active:before{opacity: 1;}
.main-about .bot-content{font-size: 14px; line-height: 30px; color: #7e7e8e;}
.main-about .bot-title{font-size: 18px; color: #2b3040; font-weight: bold; margin-top: 20px;}
.main-about .bot-info{font-size: 14px; color: #7e7e8e; line-height: 34px; margin-top: 12px;}
/**/
.main-about .bot-imgs{width: 100%; overflow: hidden; margin-top: 25px;}
.main-about .bot-imgs .item{width: 294px; height: 165px; border-radius: 4px; overflow: hidden; position: relative; float: left; margin: 0 14px 14px 0;}
.main-about .bot-imgs .item .img-box{width: 100%; height: inherit;}
.main-about .bot-imgs .item:nth-child(4n){margin-right: 0;}
.main-about .bot-imgs .item .img{min-width: 100%; height: 165px;}
.main-about .bot-address{font-size: 14px; color: #7e7e8e; margin-top: 20px;}
.main-about .bot-map{width: 100%; height: 500px; margin-top: 20px;}
.main-about .bot-map .img{width: 100%;}
/**/
.main-about .bot-resume{}
.main-about .bot-resume .item{width: 100%; height: 155px; position: relative; margin-bottom: 15px;}
.main-about .bot-resume .item-box{width: 100%; height: inherit; padding: 25px 30px 25px; border-radius: 8px; background: #fff; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-about .bot-resume .item:last-child{margin-bottom: 0;}
.main-about .bot-resume .item-title{font-size: 18px; color: #2b3040; font-weight: bold; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-about .bot-resume .item-title a{color: #2b3040;}
.main-about .bot-resume .item-title a:hover{color: #00a9ff;}
.main-about .bot-resume .item-title .tips{padding-left: 15px; font-size: 14px; color: #c0c0d1; font-weight: normal;}
.main-about .bot-resume .item-salary{margin: 25px 0 20px; font-size: 24px; color: #fa6a43;}
.main-about .bot-resume .item-salary .small{font-size: 14px; padding-left: 5px; color: #fa6a43;}
.main-about .bot-resume .item-info{display: flex; font-size: 14px; color: #7e7e8e;}
.main-about .bot-resume .item-info .info{padding: 0 10px; position: relative;}
.main-about .bot-resume .item-info .info:first-child{padding-left: 0px;}
.main-about .bot-resume .item-info .info:before{content: ''; display: block; width: 1px; height: 10px; background: #ebeff6; position: absolute; right: 0; top: 2px;}
.main-about .bot-resume .item-info .info:last-child{padding-right: 0;}
.main-about .bot-resume .item-info .info:last-child:before{display: none;}
.main-about .bot-resume .item-address{font-size: 16px; color: #7e7e8e; margin-top: 25px;}
.main-about .bot-resume .item-btn{display: flex; position: absolute; top: 55px; right: 30px;}
.main-about .bot-resume .item-btn .btn{padding: 0 25px; height: 38px; line-height: 36px; text-align: center; border-radius: 19px; border: 1px solid #00a9ff; margin-left: 20px; color: #00a9ff; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-about .bot-resume .item-btn .btn.post{color: #fff; background: #00a9ff;}
.main-about .bot-resume .item-btn .btn.collect{padding-left: 50px; position: relative;}
.main-about .bot-resume .item-btn .btn.collect .icon{font-size: 22px; position: absolute; left: 22px; top: -1px;}
.main-about .bot-resume .item:hover .item-box{top: -5px;}
.main-about .bot-resume .item:hover .item-title{color: #00a9ff;}
.main-about .bot-resume .item-btn .btn.collect:hover{background: #00a9ff; color: #fff;}
.main-about .bot-resume .item-btn .btn.post:hover{background: #fff; color: #00a9ff;}
/**/
.main-institutional{padding-bottom: 0px;}
.main-institutional .item{width: 100%; height: 238px; margin-bottom: 14px; position: relative;}
.main-institutional .item:last-child{margin-bottom: 0;}
.main-institutional .item-box{width: 100%; height: 238px; padding: 30px 30px 25px; border-radius: 8px; overflow: hidden; background: #fff; position: absolute; left: 0; top: 0;}
.main-institutional .item-left{}
.main-institutional .item-left .item-logo{display: block;}
.main-institutional .item-left .item-logo .logo-box{width: 92px; height: 92px; border-radius: 50%; overflow: hidden; position: relative;}
.main-institutional .item-left .item-logo .logo-box .img{height: 92px;}
.main-institutional .item-left .item-logo .logo-txt{width: 86px; height: 24px; line-height: 22px; border-radius: 12px; text-align: center; border: 1px solid #00a9ff; color: #00a9ff; cursor: pointer; margin-top: 30px;}
.main-institutional .item-left .item-logo .logo-txt:hover{background: #00a9ff; color: #fff;}
.main-institutional .item-left .item-txt{width: 255px; margin-left: 25px;}
.main-institutional .item-left .item-txt .item-title{display: block; width: 100%; font-size: 18px; line-height: 20px; font-weight: bold;color: #2b3040;}
.main-institutional .item-left .item-txt .item-title:hover{padding-left: 3px; color: #00a9ff;}
.main-institutional .item-left .item-txt .item-start{height: 16px; background-repeat: no-repeat; background-position: left center; margin: 12px 0 10px;}
.main-institutional .item-left .item-txt .item-start.start1{background-image: url('../images/star1.png');}
.main-institutional .item-left .item-txt .item-start.start2{background-image: url('../images/star2.png');}
.main-institutional .item-left .item-txt .item-start.start3{background-image: url('../images/star3.png');}
.main-institutional .item-left .item-txt .item-start.start4{background-image: url('../images/star4.png');}
.main-institutional .item-left .item-txt .item-start.start5{background-image: url('../images/star5.png');}
.main-institutional .item-left .item-txt .item-integral{font-size: 14px; color: #c0c0d1;}
.main-institutional .item-left .item-txt .item-infos{display: flex; font-size: 14px; line-height: 24px; color: #7e7e8e; margin: 15px 0 10px;}
.main-institutional .item-left .item-txt .item-infos .info{display: block; padding: 0 15px; position: relative;}
.main-institutional .item-left .item-txt .item-infos .info:first-child{padding-left: 0;}
.main-institutional .item-left .item-txt .item-infos .info:last-child{padding-right: 0;}
.main-institutional .item-left .item-txt .item-infos .info:last-child:before{display: none;}
.main-institutional .item-left .item-txt .item-infos .info:before{content: ''; display: block; width: 1px; height: 10px; background: #c0c0d1; position: absolute; right: 0; top: 7px;}
.main-institutional .item-left .item-txt .item-desc{font-size: 14px; line-height: 20px; color: #c0c0d1;}
/**/
.main-institutional .item-right{width: 820px;}
.main-institutional .item-right .item-course{display: block; width: 264px; height: 183px; float: left; margin: 0 14px 0 0; position: relative;}
.main-institutional .item-right .item-course-box{width: 100%; height: 183px; position: absolute; left: 0; top: 0;}
.main-institutional .item-right .item-course:last-child{margin-right: 0;}
.main-institutional .item-right .item-course .item-img{width: 100%; height: 148px; border-radius: 4px; overflow: hidden;}
.main-institutional .item-right .item-course .item-img .img-box{width: 100%; height: inherit; position: relative; overflow: hidden;}
.main-institutional .item-right .item-course .item-img .img-box .img{min-width: 100%; height: 148px;}
.main-institutional .item-right .item-course .item-txt{height: 35px; line-height: 35px; font-size: 14px; color: #7e7e8e;}
/**/
.main-institutional .item:hover .item-box{top: -5px;}
.main-institutional .item-right .item-course:hover .item-course-box{top: -5px;}
.main-institutional .item-right .item-course:hover .item-txt{color: #00a9ff;}
/**/
.main-identification-institutional{padding: 20px 0 45px;}
.main-identification-institutional .item{display: block; width: 412px; height: 334px; margin: 0 20px 40px 0; float: left; position: relative;}
.main-identification-institutional .item:nth-child(3n){margin-right: 0;}
.main-identification-institutional .item-box{width: 100%; height: inherit; padding: 35px 10px 0; border-radius: 8px; overflow: hidden; background: #fff; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-identification-institutional .item-logo{height: 86px; line-height: 86px; text-align: center;}
.main-identification-institutional .item-title{height: 30px; line-height: 30px; margin: 8px 0 0px; font-size: 20px; font-weight: bold; color: #2b3040; text-align: center; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-identification-institutional .item-star{height: 30px; line-height: 30px;}
.main-identification-institutional .item-star .icon{font-size: 18px; margin: 0 2px; color: #ffae2e;}
.main-identification-institutional .item-score{height: 23px; line-height: 23px; font-size: 14px; color: #c0c0d1; text-align: center;}
.main-identification-institutional .item-desc{margin-top: 19px; padding-top: 22px; border-top: 2px solid #e5e4e4; font-size: 14px; color: #9696ac; line-height: 24px;}
.main-identification-institutional .item-shadow{width: 100%; height: 334px; background: rgba(0,0,0,0.4); opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-identification-institutional .item-shadow .txt{display: block; width: 140px; height: 46px; line-height: 46px; border-radius: 23px; font-size: 16px; background-color: #00a9ff; text-align: center; color: #fff; position: absolute; left: calc(50% - 70px); top: calc(50% - 23px); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-identification-institutional .item:hover .item-box{top: -5px;}
.main-identification-institutional .item:hover .item-title{color: #00a9ff; letter-spacing: 1px;}
.main-identification-institutional .item:hover .item-shadow{opacity: 1;}
.main-identification-institutional .item-shadow .txt:hover{letter-spacing: 1px;}
/**/
.main-institutional.employment{}
.main-institutional.employment .item-left .item-txt{width: 235px;}
.main-institutional.employment .item{width: 631px; float: left;}
.main-institutional.employment .item:nth-child(2n){float: right;}
.main-institutional.employment .item-left .item-txt .item-start{margin-bottom: 13px;}
.main-institutional.employment .item-left .item-txt .item-infos{margin: 30px 0 9px;}
.main-institutional.employment .item-box{height: 234px; padding: 27px 20px 15px;}
.main-institutional.employment .item-job{width: 212px; padding: 8px 0 0 0px; position: relative;}
.main-institutional.employment .item-job:before{content: ''; display: block; width: 1px; height: 190px; border-left: 1px solid #eee; position: absolute; left: -15px; top: 0;}
.main-institutional.employment .institutional-job{display: block; width: 100%; padding-bottom: 20px; border-bottom: 1px dashed #eee; position: relative; margin-bottom: 15px;}
.main-institutional.employment .institutional-job:last-child{margin-bottom: 0;}
.main-institutional.employment .institutional-job .job-title{width: calc(100% - 50px); line-height: 24px; font-size: 16px; color: #555; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-institutional.employment .institutional-job .job-people{font-size: 14px; line-height: 24px; color: #999; position: absolute; right: 0; top: 2px;}
.main-institutional.employment .institutional-job .job-salary{margin-top: 6px; font-size: 16px; color: #ff860f; padding: 2px 0;}
.main-institutional.employment .institutional-job .job-salary .small{font-size: 12px; padding-left: 2px;}
.main-institutional.employment .institutional-job .job-position{font-size: 12px; color: #999; position: absolute; right: 0; bottom: 20px;}
.main-institutional.employment .institutional-last{display: block; width: 100%; font-size: 14px; color: #bebebe; text-align: center;}
.main-institutional.employment .institutional-job:hover{}
.main-institutional.employment .institutional-job:hover .job-title{color: #00a9ff; padding-left: 3px;}
/**/
.main-single-banner{width: 100%; height: 570px; overflow: hidden; position: relative;}
.main-single-banner .img{height: inherit; position: absolute; left: calc(50% - 960px); top: 0;}
.main-single-banner.single1{height: 460px;}
/**/
.main-aboutus .aboutus-top{width: 100%; padding: 90px 0; background: #fff;}
.main-aboutus .top-left{width: 625px; padding-top: 16px;}
.main-aboutus .top-left .title{font-size: 30px; line-height: 34px; color: #2b3040; padding-left: 20px; position: relative;}
.main-aboutus .top-left .title:before{content: ''; display: block; width: 12px; height: 29px; position: absolute; left: 0; top: 4px; background: #00a9ff;}
.main-aboutus .top-left .info{font-size: 14px; line-height: 20px; color: #c0c0d1; padding-left: 20px; margin-top: 5px;}
.main-aboutus .top-left .desc{margin-top: 30px; font-size: 16px; line-height: 36px; color: #7e7e8e; padding-left: 20px; overflow: hidden;}
.main-aboutus .top-right{width: 610px; padding-top: 50px;}
.main-aboutus .top-right-box{width: 610px; height: 344px; border-radius: 6px; overflow: hidden;}
.main-aboutus .top-right .img-box{display: block; width: 100%; height: inherit;}
.main-aboutus .top-right .img-box .img{width: 100%; height: inherit;}
/**/
.main-aboutus .aboutus-bot-box .item{}
.main-aboutus .aboutus-bot-box .item-dt{font-weight: bold; font-size: 22px; padding-bottom: 20px;}
.main-aboutus .aboutus-bot-box .item-dt .txt:before{content: ''; display: block; width: 32px; height: 2px; background: #861b20; position: absolute; left: 0px; bottom: 0px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-aboutus .aboutus-bot-box .item-dd{line-height: 24px; font-size: 14px; color: #666; margin-top: 15px;}
.main-aboutus .aboutus-bot-box .item:hover .txt{color: #00a9ff;}
.main-aboutus .aboutus-bot-box .item:hover .txt:before{width: 100%;}
/**/
.aboutus-two{width: 100%; padding: 37px 0 45px; background: #f5f7ff;}
.aboutus-two .title{width: 100%; text-align: center; font-size: 30px; color: #2b3040;}
.aboutus-two .line{width: 36px; height: 4px; border-radius: 2px; background: #00a9ff; margin: 16px auto 0;}
.aboutus-two .desc{width: 100%; text-align: center; font-size: 14px; line-height: 20px; margin-top: 18px; color: #c0c0d1;}
.aboutus-two .aboutus-two-box{margin-top: 23px;}
.aboutus-two .aboutus-two-box .item-dl{text-align: left;}
.aboutus-two .aboutus-two-box .item-dt{font-size: 35px; line-height: 34px; color: #00a9ff; font-weight: bold; margin-top: 8px;}
.aboutus-two .aboutus-two-box .item-dt .small{font-size: 14px; font-weight: bold;}
.aboutus-two .aboutus-two-box .item-dd{font-size: 14px; line-height: 18px; color: #00a9ff; margin-top: 16px;}
.aboutus-two .img-box{padding: 20px 0;}
.aboutus-two .img-box .img{display: block; margin: 0 auto;}
/**/
.aboutus-two.thr{width: 100%; background: #fff;}
.aboutus-two.four .img-box{padding: 50px 0 20px;}
.aboutus-two.five{width: 100%; background: #fff; padding: 70px 0 50px;}
/**/
.aboutus-partners{overflow: hidden; margin-top: 60px;}
.aboutus-partners .item{display: block; width: 307px; height: 96px; padding: 23px 0; float: left; border: 1px solid #f2f2f8; border-radius: 8px; overflow: hidden; margin: 0 15px 15px 0;}
.aboutus-partners .item:nth-child(4n){margin-right: 0;}
.aboutus-partners .item .img{display: block; height: 50px; margin: 0 auto;}
/**/
.main-price-top{}
.main-price-top .price-top-text{width: 100%; color: #fff; padding-top: 108px; position: absolute; left: 0; top: 0; z-index: 10;}
.main-price-top .price-top-text .title{width: 100%; font-size: 44px; letter-spacing: 4px; font-weight: bold; text-align: center;}
.main-price-top .price-top-text .info{display: block; height: 24px; line-height: 24px; font-size: 16px; color: #f3f3f3; margin-right: 90px; position: relative; margin-top: 45px;}
.main-price-top .price-top-text .info .icon{font-size: 18px; position: absolute; left: -25px; top: 0px;}
.main-price-top .price-top-text .info:last-child{margin-right: 0;}
/**/
.main-price-type{width: 100%; height: 195px; position: relative;}
.price-type-box{width: 1028px; margin: 0 auto; position: absolute; top: -165px; left: calc(50% - 514px);}
.price-type-box .item{width: 322px; height: 359px; position: relative;}
.price-type-box .item-box{width: 100%; height: inherit; box-shadow: 0px 4px 10px 0px rgba(33, 69, 208, 0.09); border-radius: 8px; overflow: hidden; background: #fff; position: absolute; left: 0; top: 0;}
.price-type-box .item-box .item-top{width: 100%; height: 134px; background: #eff6ff;}
.price-type-box .item-box .item-title{padding: 25px 0 15px; font-size: 30px; font-weight: bold; color: #2b3040; text-align: center;}
.price-type-box .item-box .item-price{font-size: 36px; color: #ff4c42; font-weight: normal; text-align: center;}
.price-type-box .item-box .item-price .color{font-size: 14px;}
.price-type-box .item-box .item-price .small{font-size: 14px; color: #000;}
.price-type-box .item-box .item-price .mianyi{font-size: 22px; font-weight: normal; color: #666;}
.price-type-box .item-box .item-bot{padding-top: 15px;}
.price-type-box .item-box .item-btn{width: 188px; height: 42px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; border-radius: 21px; background-image: -moz-linear-gradient( 6deg, rgb(255,74,65) 0%, rgb(255,172,104) 100%); background-image: -webkit-linear-gradient( 6deg, rgb(255,74,65) 0%, rgb(255,172,104) 100%); background-image: -ms-linear-gradient( 6deg, rgb(255,74,65) 0%, rgb(255,172,104) 100%); margin: 0 auto; cursor: pointer;}
.price-type-box .item-box .item-desc{text-align: center; font-size: 18px; color: #2b3040; font-weight: bold; margin: 30px 0 10px;}
.price-type-box .item-box .item-info{text-align: center; font-size: 16px; line-height: 32px; color: #7e7e8e; padding-top: 10px;}
.price-type-box .item:hover .item-box{top: -5px;}
/**/
.price-list-box{margin: 48px auto 50px;}
.price-list-box .table{width: 100%; border-radius: 8px; cursor: pointer; overflow: hidden; background: #fff;}
.price-list-box .table .thead{height: 60px; line-height: 60px; font-size: 18px; color: #2b3040; background: #fff;}
.price-list-box .table .thead .title{width: 178px; color: #2b3040; font-weight: normal; text-align: left; text-indent: 30px;}
.price-list-box .table .thead .type{width: 260px; color: #2b3040; font-weight: normal;}
/**/
.price-list-box .table .rowtitle{font-size: 18px; height: 60px; color: #00a9ff; text-indent: 30px; font-weight: bold; background: #f3f8ff; color: #00a9ff;}
.price-list-box .table td{height: 50px; line-height: 50px;}
.price-list-box .table .title{text-indent: 30px; font-size: 16px; color: #7e7e8e;}
.price-list-box .table .type{text-align: center; font-size: 14px;}
.price-list-box .table .type .icon{font-size: 18px; color: #26d5aa;}
.price-list-box .table .type .icon.yes{color: #26d5aa;}
.price-list-box .table .type .icon.no{font-size: 20px; color: #fd505f;}
.price-list-box .table .desc{font-size: 16px; color: #c0c0d1; line-height: 30px;}
.price-list-box .table .remark{font-size: 14px; color: #7e7e8e; background: #f5f5f5; text-indent: 30px;}
.price-list-box .table tr{background: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.price-list-box .table tr:hover{background: #f3f8ff;}
/**/
.main-price-shadow{width: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none;}
.main-price-shadow .price-shadow{display: flex; background: rgba(255,239,228,0.8); padding: 28px 0 28px 240px;}
.main-price-shadow .price-shadow .type{margin-left: 58px; padding-top: 15px; font-size: 18px; color: #7e7e8e; font-weight: normal;}
.main-price-shadow .price-shadow .type-rows{margin-bottom: 20px; padding-left: 30px; position: relative;}
.main-price-shadow .price-shadow .type-rows:last-child{margin-bottom: 0px;}
.main-price-shadow .price-shadow .type .icon{font-size: 20px; position: absolute; left: 0; top: -1px; color: #26d5aa;}
.main-price-shadow .price-shadow .type .icon.no{font-size: 22px; color: #fd505f;}
.main-price-shadow .price-shadow .item{width: 140px; text-align: center;}
.main-price-shadow .price-shadow .item:nth-child(2){margin: 0 120px 0 120px;}
.main-price-shadow .price-shadow .item-title{font-size: 24px; color: #2b3040; font-weight: normal;}
.main-price-shadow .price-shadow .item-btn{width: 129px; height: 34px; margin: 24px auto 0; line-height: 32px; color: #fff; text-align: center; border-radius: 17px; background-image: -moz-linear-gradient( 6deg, rgb(255,74,65) 0%, rgb(255,172,104) 100%); background-image: -webkit-linear-gradient( 6deg, rgb(255,74,65) 0%, rgb(255,172,104) 100%); background-image: -ms-linear-gradient( 6deg, rgb(255,74,65) 0%, rgb(255,172,104) 100%); border: 1px solid rgba(255,239,228,0.8); cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.introduce-part1{padding: 65px 0 0;}
.introduce-part1 .title{font-size: 32px; color: #2b3040; text-align: center;}
.introduce-part1 .info{font-size: 14px; color: #9696ac; text-align: center; margin: 20px 0 40px;}
.introduce-part1 .desc{font-size: 22px; color: #373d50; text-indent: 44px; line-height: 40px;}
.introduce-part1 .bot{padding: 65px 0 50px;}
.introduce-part1 .bot .item{width: 282px; height: 194px; position: relative;}
.introduce-part1 .bot .item-box{width: 100%; height: inherit; border-radius: 8px; background-color: #fff; box-shadow: 0px 4px 10px 0px rgba(33, 69, 208, 0.09); padding: 30px 0 0; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.introduce-part1 .bot .item-img{width: 50px; height: 59px; margin: 0 auto 30px;}
.introduce-part1 .bot .item-img .img{width: 100%;}
.introduce-part1 .bot .item-txt{font-size: 18px; color: #373d50; text-align: center;}
.introduce-part1 .bot .item:hover .item-txt{color: #00a9ff;}
.introduce-part1 .bot .item:hover .item-box{top: -5px;}
/**/
.introduce-part2{padding: 65px 0 60px; position: relative;}
.introduce-part2:before{content: ''; display: block; width: 100%; height: 122px; background-color: rgba(246, 248, 255); position: absolute; left: 0; bottom: 0;}
.introduce-part2 .introduce-img{position: relative; z-index: 10;}
.introduce-part2 .introduce-text{position: relative; z-index: 10;}
.introduce-part2 .introduce-title{width: 194px; height: 85px; color: #2b3040; text-align: center; background: url('../images/bg7.png') no-repeat center center; position: relative;}
.introduce-part2 .introduce-title .title{line-height: 102px; font-size: 24px;}
.introduce-part2 .introduce-title .desc{font-size: 14px; line-height: 20px; color: #c0c0d1; position: absolute; left: 48px; bottom: -5px;}
.introduce-part2 .introduce-desc{width: 445px; font-size: 16px; line-height: 32px; color: #7e7e8e; margin-top: 30px;}
/**/
.introduce-part2.part3{padding-top: 185px;}
.introduce-part2.part3 .introduce-text{height: 406px;}
.introduce-part2.part4{padding-top: 188px;}
/**/
.introduce-cooperation{padding: 80px 0;}
.introduce-cooperation .title{text-align: center; font-size: 32px; font-weight: bold; color: #2b3040;}
.introduce-cooperation .cooperation-box{margin-top: 70px;}
.introduce-cooperation .cooperation-box .item{width: 244px; background-color: #009cff; border-radius: 8px; overflow: hidden;}
.introduce-cooperation .cooperation-box .item-txt{width: 100%; height: 244px; padding-top: 50px;}
.introduce-cooperation .cooperation-box .item-txt .img{text-align: center;}
.introduce-cooperation .cooperation-box .item-txt .img .icon{font-size: 40px; color: #fff;}
.introduce-cooperation .cooperation-box .item-txt .title{font-size: 20px; line-height: 24px; text-align: center; color: #fff; margin: 30px 0 15px;}
.introduce-cooperation .cooperation-box .item-txt .desc{font-size: 14px; line-height: 20px; text-align: center; color: #fff; padding: 0 30px;}
.introduce-cooperation .cooperation-box .item-img{width: 100%; height: 244px;}
.introduce-cooperation .cooperation-box .item-img .img-box{width: 100%; height: 244px; position: relative;}
.introduce-cooperation .cooperation-box .item-img .img-box .img{width: 100%; height: 244px;}
.introduce-cooperation .cooperation-phone{font-size: 24px; text-align: center; color: #00a9ff; margin-top: 54px;}
.introduce-cooperation .cooperation-phone .txt{position: relative;}
.introduce-cooperation .cooperation-phone .txt .icon{font-size: 40px; font-weight: normal; position: absolute; left: -60px; top: 0;}
/**/
.main-resume-details{margin: 35px auto 0; overflow: hidden; position: relative;}
.main-resume-details .resume-bg{width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.main-resume-details .resume-left{width: 300px; padding: 60px 0 100px 42px; position: relative; z-index: 5; float: left;}
.main-resume-details .resume-right{width: 970px; padding: 60px 40px 100px 40px; position: relative; z-index: 5; background: #fff; float: right;}
.main-resume-details .resume-left .resume-avatar{width: 177px; height: 235px; border-radius: 16px; overflow: hidden;}
.main-resume-details .resume-left .resume-avatar .img-box{width: 100%; height: inherit; position: relative;}
.main-resume-details .resume-left .resume-avatar .img-box .img{height: 235px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.main-resume-details .resume-left .resume-name{font-size: 26px; line-height: 30px; font-weight: bold; color: #2b3040; margin: 25px 0 20px;}
.main-resume-details .resume-left .resume-name .txt{display: inline; position: relative;}
.main-resume-details .resume-left .resume-name .tag{display: block; width: 40px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; background: #00a9ff; color: #fff; border-radius: 4px; font-weight: normal; position: absolute; right: -46px; top: 9px;}
.main-resume-details .resume-left .resume-info .info{font-size: 14px; color: #7e7e8e; line-height: 35px;}
.main-resume-details .resume-left .resume-info.icons{}
.main-resume-details .resume-left .resume-info.icons .info{padding-left: 23px; position: relative;}
.main-resume-details .resume-left .resume-info.icons .info .img{width: 18px; position: absolute; left: 0; top: 11px;}
.main-resume-details .resume-left .resume-title{font-size: 20px; color: #2b3040; font-weight: 500; margin: 40px 0 20px;}
/**/
.main-resume-details .resume-right{position: relative;}
.main-resume-details .resume-right .right-block{width: 100%; height: 30px; line-height: 30px; background: #f3f7ff; border-left: 4px solid #27b7ff; overflow: hidden;}
.main-resume-details .resume-right .right-block .block-title{margin-left: 16px; float: left;}
.main-resume-details .resume-right .right-block .block-infos{margin-left: 16px; overflow: hidden; float: right;}
.main-resume-details .resume-right .right-block .block-infos .info{font-size: 14px; color: #00a9ff; float: left; padding: 0 15px; position: relative;}
.main-resume-details .resume-right .right-block .block-infos .info:last-child{margin-right: 20px;}
.main-resume-details .resume-right .right-block .block-infos .info:first-child:before{display: none;}
.main-resume-details .resume-right .right-block .block-infos .info:before{content: ''; display: block; width: 1px; height: 12px; background: #cae8ff; position: absolute; left: 0; top: 9px;}
/**/
.main-resume-details .resume-right .right-content{font-size: 14px; color: #3d445a; line-height: 30px; margin: 20px 0 10px;}
.main-resume-details .resume-right .right-icon{font-size: 14px; line-height: 24px; color: #c0c0d1; overflow: hidden;}
.main-resume-details .resume-right .right-icon .icon-item{float: left; margin-right: 30px; position: relative; padding-left: 24px;}
.main-resume-details .resume-right .right-icon .icon-item:first-child .img{width: 16px; position: absolute; left: 0; top: 3px;}
.main-resume-details .resume-right .right-icon .icon-item:last-child .img{width: 16px; position: absolute; left: 0; top: 7px;}
/**/
.main-resume-details .resume-right .right-h{font-size: 18px; color: #2b3040; line-height: 24px; margin: 40px 0 20px;}
.main-resume-details .resume-right .right-table{width: 100%; font-size: 14px; line-height: 30px; border-bottom: 1px solid #f3f7ff; overflow: hidden;}
.main-resume-details .resume-right .right-table .row{width: 50%; border: 1px solid #f3f7ff; border-bottom: none; display: flex; float: left;}
.main-resume-details .resume-right .right-table .row .label{width: 112px; text-indent: 30px; border-right: 1px solid #f3f7ff;}
.main-resume-details .resume-right .right-table .row .value{text-indent: 20px;}
.main-resume-details .resume-right .right-table .row:nth-child(2n+1){border-right: none;}
.main-resume-details .resume-right .right-table .row.w100{width: 100%; border-right: 1px solid #f3f7ff;}
.main-resume-details .resume-right .right-btns{overflow: hidden; position: absolute; right: 0; bottom: 0;}
/**/
.main-print-hide{display: none;}
.main-inner-body.resume{min-width: 100%;}
.main-resume-details.print{width: 1000px; height: 1400px; overflow: hidden; margin: 0;}
.main-resume-details.print .resume-bg{width: 100%; height: 1500px;}
.main-resume-details.print .resume-left{height: inherit;}
.main-resume-details.print .resume-right{height: inherit; width: calc(100% - 300px); padding-right: 0;}
/**/
.main-resume-btn{position: fixed; right: 5%; bottom: 80px; z-index: 10;}
.main-resume-btn .btn{width: 140px; height: 36px; font-size: 14px; text-align: center; line-height: 36px; border-radius: 8px; color: #fff; background-color: rgb(216, 216, 232); float: left; margin-left: 30px; cursor: pointer;}
.main-resume-btn .btn.print{background: #00a9ff;}
/**/
.mian-resume-footer{width: 100%; padding: 100px 0 50px; font-size: 14px; color: #7e7e8e; line-height: 34px; text-align: center;}
.mian-resume-footer a{color: #7e7e8e;}
.mian-resume-footer a:hover{color: #333;}
/**/
.main-inner-body.login{min-height: 1080px; position: relative;}
.main-inner-body.login .main-header{background: none;}
.main-inner-body.login .main-login{display: none;}
.main-user-login{width: 100%; overflow: hidden;}
.main-user-login:before{content: ''; display: block; width: 477px; height: 290px; background: url('../images/loginbg1.png') no-repeat center center; position: absolute; top: 0; right: 0; z-index: -1;}
.main-user-login:after{content: ''; display: block; width: 100%; height: 633px; background: url('../images/loginbg2.png') no-repeat center center; position: absolute; left: 0; bottom: 0; z-index: -1;}
/**/
.user-login-box{padding: 135px 0 100px;}
.user-login-box .login-box-left{width: 640px;}
.user-login-box .login-box-left .left-title{width: 100%; text-align: center; font-size: 46px; color: #2a84ff; font-weight: bold;}
.user-login-box .login-box-left .left-img{width: 451px; margin: 100px auto 0;} 
.user-login-box .login-box-left .left-img .img{width: 100%;}
/**/
.login-box-right{padding-top: 60px;}
.login-right-box{width: 546px; padding: 35px 45px 45px; border-radius: 16px; box-shadow: 0px 0px 20px 0px rgba(23, 61, 189, 0.06); background: #fff; position: relative; z-index: 20;}
.login-right-box .login-right-tab{width: 100%; display: flex; position: relative;}
.login-right-box .login-right-tab .item{width: 85px; height: 50px; line-height: 48px; font-size: 18px; text-align: center; color: #7e7e8e; margin-right: 25px; position: relative; overflow: hidden; cursor: pointer;}
.login-right-box .login-right-tab.register .item{width: 60px;}
.login-right-box .login-right-tab .item:before{content: ''; display: block; width: 30%; height: 2px; background: #3694f5; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0;}
.login-right-box .login-right-tab .item:last-child{margin-right: 0;}
.login-right-box .login-right-tab .item.active{font-size: 20px; font-weight: normal; color: #2b3040;}
.login-right-box .login-right-tab .item.active:before{opacity: 1;}
.login-right-box .login-right-tab .register{font-size: 14px; line-height: 20px; color: #3694f5; position: absolute; right: 0; top: 14px;}
/**/
.login-right-tabbox{width: 100%; margin-top: 35px; padding: 0 10px;}
.login-right-tabbox .tabbox-item{display: none;}
.login-right-tabbox .tabbox-item.active{display: block;}
.login-right-tabbox .tabbox-input{width: 100%; margin-bottom: 30px; width: 100%; padding: 0 20px; height: 46px; line-height: 46px; border-radius: 6px; border: 1px solid #e1e1f1;}
.login-right-tabbox .tabbox-input .input{display: block; width: 100%; height: 44px; font-size: 14px; outline: none; border: none;}
/**/
.login-right-tabbox .tabbox-input.code{position: relative;}
.login-right-tabbox .tabbox-input.code .input{width: 70%;}
.login-right-tabbox .tabbox-input.code .code-txt{display: block; font-size: 16px; color: #2a84ff; position: absolute; top: 0; right: 25px; cursor: pointer;}
.login-right-tabbox .tabbox-face{width: 100%; padding: 0 0 20px; height: 100px; text-align: center;}
.login-right-tabbox .tabbox-face .tips{line-height: 32px; color: #666; font-size: 12px;}
.login-right-tabbox .tabbox-face .icon-box{}
.login-right-tabbox .tabbox-face .icon-box .icon{font-size: 54px;}
.login-right-tabbox .tabbox-item-tips{color: #999; font-size: 14px; line-height: 24px; margin-top: 15px;}
.login-right-tabbox .tabbox-status{width: 100%; height: 24px; line-height: 24px;}
.login-right-tabbox .tabbox-status .keep-online{display: block; font-size: 14px; color: #7e7e8e; padding-left: 20px; position: relative;}
.login-right-tabbox .tabbox-status .keep-online .checkbox{width: 14px; height: 14px; outline: none; position: absolute; left: 0; top: 5px;}
.login-right-tabbox .tabbox-status .keep-online a{color: #2a84ff;}
.login-right-tabbox .tabbox-status .forgot-password{font-size: 14px; color: #3699ff;}
.login-right-tabbox .tabbox-btn{margin-top: 0px;}
.login-right-tabbox .tabbox-btn .btn-submit{display: block; width: 100%; height: 48px; line-height: 48px; text-align: center; border-radius: 8px; background: #2a84ff; margin-top: 40px; font-size: 16px; color: #fff; outline: none;}
.login-right-tabbox .other-login{width: 240px; margin: 40px auto 0;font-size: 14px; color: #c0c0d1; text-align: center; position: relative;}
.login-right-tabbox .other-login .txt{background: #fff; padding: 0 10px; position: relative; z-index: 10;}
.login-right-tabbox .other-login:before{content: ''; display: block; width: 100%; height: 1px; background: #c0c0d1; position: absolute; left: 0; top: 7px;}
.login-right-tabbox .other-login-btn{padding: 10px 0; margin-top: 20px;}
.login-right-tabbox .other-login-btn .item{width: 34px; height: 34px; text-align: center; line-height: 34px; border-radius: 50%; background: #e1e1f1; margin: 0 15px; cursor: pointer;}
.login-right-tabbox .other-login-btn .item .icon{font-size: 20px;}
.login-right-tabbox .other-login-btn .item:hover{background: #2a84ff;}
.login-right-tabbox .other-login-btn .item:hover .icon{color: #fff;}
/**/
.user-login-bot{width: 100%; padding-top: 35px; text-align: center; font-size: 14px; color: #8d8d96; line-height: 30px; z-index: 50;}
.user-login-bot .bot-title{width: 350px; margin: 0 auto; position: relative;}
.user-login-bot .bot-title .txt{background: #e7edfa; padding: 0 20px; position: relative; z-index: 10;}
.user-login-bot .bot-title:before{content: ''; display: block; width: 100%; height: 1px; background: #d4d6da; position: absolute; left: 0; top: 14px;}
.user-login-bot a{color: #8d8d96; padding: 0 5px;}
.user-login-bot a:hover{color: #3694f5;}
/**/
.main-teacher-list-box{width: 930px; border-radius: 8px; padding-bottom: 0px; float: left;}
.main-teacher-list{width: 930px; padding: 0px 25px; border-radius: 8px; overflow: hidden; background: #fff;}
.main-teacher-list .item{width: 100%; padding: 35px 0; border-bottom: 1px solid #eee; overflow: hidden;}
.main-teacher-list .item:last-child{border-bottom: none;}
.main-teacher-list .item-img{width: 170px; height: 170px; border-radius: 4px; overflow: hidden; float: left;}
.main-teacher-list .item-img .img-box{display: block; width: 100%; height: inherit; position: relative;}
.main-teacher-list .item-img .img-box .img{height: 170px;}
.main-teacher-list .item-text{width: 400px; padding-top: 20px; margin-left: 40px; float: left;}
.main-teacher-list .item-text .item-name{font-size: 24px; color: #2b3040;}
.main-teacher-list .item-text .item-name a{color: #2b3040; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-teacher-list .item-text .item-name:hover a{color: #00a9ff; padding-left: 3px;}
.main-teacher-list .item-text .item-infos{font-size: 16px; line-height: 20px; color: #7e7e8e; margin: 35px 0 20px; display: flex;}
.main-teacher-list .item-text .item-infos .info{display: block; padding-right: 30px; position: relative;}
.main-teacher-list .item-text .item-infos .info:before{content: ''; display: block; width: 1px; height: 15px; background: #7e7e8e; position: absolute; right: 15px; top: 3px;}
.main-teacher-list .item-text .item-infos .info:last-child:before{display: none;}
.main-teacher-list .item-text .item-desc{font-size: 14px; line-height: 26px; color: #7e7e8e;}
.main-teacher-list .item-score{text-align: center; float: right; padding-top: 15px;}
.main-teacher-list .item-score .num{font-size: 36px; line-height: 40px; color: #ff7e00;}
.main-teacher-list .item-score .text{font-size: 16px; line-height: 20px; color: #7e7e8e; margin: 10px 0 40px;}
.main-teacher-list .item-score .details{display: block; width: 122px; height: 40px; line-height: 38px; color: #fff; text-align: center; border-radius: 20px; border: 1px solid #00a9ff; background: #00a9ff;}
.main-teacher-list .item-score .details:hover{background: #fff; color: #00a9ff;}
.main-teacher-list-box .paging{border-radius: 0 0 8px 8px;}
.main-teacher-list-box .paging-box{padding-top: 15px;}
/**/
.teacher-innder-top{padding: 30px 25px; background: #fff; margin-top: 30px; border-radius: 8px; overflow: hidden;}
.teacher-innder-top .teacher-avatar{float: left;}
.teacher-innder-top .teacher-avatar .img-box{display: block; width: 110px; height: 110px; border-radius: 4px; position: relative; overflow: hidden;}
.teacher-innder-top .teacher-avatar .img-box .img{height: 110px;}
.teacher-innder-top .teacher-text{float: left; padding-left: 35px; padding-top: 15px;}
.teacher-innder-top .teacher-text .teacher-name{font-size: 30px; line-height: 40px; color: #2b3040;}
.teacher-innder-top .teacher-text .teacher-infos{font-size: 16px; line-height: 20px; color: #7e7e8e; margin-top: 15px; display: flex;}
.teacher-innder-top .teacher-text .teacher-infos .info{display: block; padding-right: 30px; position: relative;}
.teacher-innder-top .teacher-text .teacher-infos .info:before{content: ''; display: block; width: 1px; height: 14px; background: #7e7e8e; position: absolute; right: 14px; top: 3px;}
.teacher-innder-top .teacher-text .teacher-infos .info:last-child:before{display: none;}
.teacher-innder-top .teacher-score{float: right; text-align: center; margin-right: 20px;}
.teacher-innder-top .teacher-score .num{display: block; font-size: 48px; line-height: 54px; color: #ff7e00; padding: 8px 0 12px;}
.teacher-innder-top .teacher-score .text{display: block; font-size: 18px; line-height: 24px; color: #7e7e8e;}
/**/
.teacher-innder-mid{background: #fff; margin-top: 25px; padding: 30px 25px 20px; border-radius: 8px; overflow: hidden;}
.teacher-innder-mid .mid-title{font-size: 24px; line-height: 32px; color: #2b3040;}
.teacher-innder-mid .mid-content{font-size: 16px; line-height: 36px; color: #7e7e8e; margin-top: 10px;}
/**/
.main-teacher-details{width: 930px; padding: 20px 0 0; float: left;}
.teacher-details-box{width: 100%; border-radius: 8px 8px 0 0; background: #fff;}
.teacher-details-top{width: 100%; padding: 20px 30px;}
.teacher-details-top .details-top-box{padding-bottom: 15px; border-bottom: 1px solid #eee; display: flex;}
.teacher-details-top .item{height: 54px; line-height: 54px; font-size: 22px; color: #2b3040; margin-right: 50px; position: relative;}
.teacher-details-top .item:before{content: ''; display: block; width: 30%; height: 3px; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); --webkit-transform: translateX(-50%);}
.teacher-details-top .item.active{color: #00a9ff;}
.teacher-details-top .item.active:before{background: #00a9ff;}
/**/
.teacher-details-list{padding: 10px 25px 0;}
.teacher-details-list .course-item{width: 300px; height: 278px; margin: 0 0 40px; padding-bottom: 20px; border-bottom: 1px solid #eee; float: left;}
.teacher-details-list .course-item:nth-child(3n){width: 280px;}
.teacher-details-list .course-item .item-box{width: 280px;}
.teacher-details-list .course-item .item-img{width: 280px; height: 157px;}
.teacher-details-list .course-item .item-text{padding: 18px 0 0;}
.teacher-details-box .paging-box{padding-top: 15px;}
.main-teacher-list-tab .tab-box{display: none;}
.main-teacher-list-tab .tab-box.active{display: block;}
/**/
.teacher-recom{width: 100%; background: #fff; border-radius: 8px; overflow: hidden; padding: 25px 20px 20px; margin-top: 20px;}
.teacher-recom .recom-title{font-size: 18px; color: #2b3040; text-align: center;}
.teacher-recom .recom-item{display: flex; width: 100%; padding: 25px 0; border-bottom: 1px solid #eee;}
.teacher-recom .recom-item:last-child{border-bottom: none; padding-bottom: 5px;}
.teacher-recom .recom-item .item-avatar{width: 56px; height: 56px; border-radius: 50%; overflow: hidden;}
.teacher-recom .recom-item .item-avatar .img-box{display: block; width: 100%; height: inherit; position: relative;}
.teacher-recom .recom-item .item-avatar .img-box .img{height: 56px;}
.teacher-recom .recom-item .item-text{width: calc(100% - 70px); padding: 5px 0 0 20px;}
.teacher-recom .recom-item .item-text .item-title{width: 100%; font-size: 16px; height: 20px; line-height: 20px; color: #2b3040;}
.teacher-recom .recom-item .item-text .item-title a{color: #2b3040; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.teacher-recom .recom-item .item-text .item-title a:hover{padding-left: 3px; color: #0af;}
.teacher-recom .recom-item .item-text .item-infos{display: flex; font-size: 14px; line-height: 20px; color: #7e7e8e; margin-top: 15px;}
.teacher-recom .recom-item .item-text .item-infos .info{display: block; padding-right: 25px; position: relative;}
.teacher-recom .recom-item .item-text .item-infos .info:before{content: ''; display: block; width: 1px; height: 12px; background: #7e7e8e; position: absolute; right: 12px; top: 4px;}
.teacher-recom .recom-item .item-text .item-infos .info:last-child:before{display: none;}
/*institutions*/
.main-institution-nav{width: 230px; height: 460px; background: #fff; position: absolute; left: 0; top: 72px; z-index: 50;}
.main-institution-nav .nav-top{width: 100%; height: 50px; line-height: 50px; background: #00a9ff; font-size: 16px; color: #fff; text-indent: 25px;}
.main-institution-nav .institution-nav-box{height: 410px; padding: 0px 20px 0; overflow-y: scroll;}
.main-institution-nav .institution-nav-box::-webkit-scrollbar{ width: 4px; height: 4px; }
.main-institution-nav .institution-nav-box::-webkit-scrollbar-track-piece{ background-color: #eee; -webkit-border-radius: 2px; }
.main-institution-nav .institution-nav-box::-webkit-scrollbar-thumb:vertical{ height: 4px; background: #00a9ff; -webkit-border-radius: 2px; }
.main-institution-nav .institution-nav-box::-webkit-scrollbar-thumb:horizontal{ width: 4px; background: yellow; -webkit-border-radius: 2px; }
.main-institution-nav .institution-nav-box .nav-box-title{font-size: 16px; line-height: 30px; padding-top: 12px; color: #333;}
.main-institution-nav .institution-nav-box .nav-box-list{border-bottom: 1px solid #eee; overflow: hidden; padding: 3px 0 12px;}
.main-institution-nav .institution-nav-box .nav-box-list .items{display: block; color: #999; font-size: 14px; line-height: 30px; margin-right: 19px; float: left;}
.main-institution-nav .institution-nav-box .nav-box-list .items:hover{color: #00a9ff;}
.main-institution-nav .institution-nav-box .nav-box-list:last-child{border-bottom: none;}
/**/
.main-institution-search{width: 278px; padding-top: 10px; margin-left: 50px; position: relative; float: left;}
.main-institution-search .search-box{width: 100%; height: 40px; line-height: 40px; border: 1px solid #00a9ff; border-radius: 20px; overflow: hidden; position: relative;}
.main-institution-search .search-box .search-input{width: calc(100% - 123px); padding: 0 20px; border: none; display: block; height: 40px; line-height: 40px; outline: none; background: #fff; font-size: 16px;}
.main-institution-search .search-box .search-btn{width: 84px; height: 40px; line-height: 38px; position: absolute; right: 0; top: 0; background: #00a9ff; color: #fff; font-size: 16px; padding-left: 15px;}
.main-institution-search .search-box .search-btn .icon{font-size: 18px; position: absolute; left: 10px; top: 0px;}
/**/
.main-banner.institution{height: 460px;}
.main-banner.institution .main-banner-swiper{height: 460px;}
.main-banner.institution .main-banner-swiper .swiper-slide .img{height: 460px;}
.main-banner.institution .main-banner-swiper .swiper-pagination{bottom: 10px;}
.main-banner.institution .main-banner-swiper .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; border-radius: 50%; opacity: 1;}
/**/
.main-institution-menu{margin-top: 25px;}
.main-institution-menu .item{display: block; width: 413px; height: 140px; position: relative;}
.main-institution-menu .item .img-box{width: 100%; height: 140px; border-radius: 8px; overflow: hidden; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-institution-menu .item:hover .img-box{top: -5px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);}
/**/
.main-institution-title{margin-top: 40px;}
.main-institution-title .title{font-size: 28px; line-height: 30px;}
.main-institution-title .title a{color: #222;}
.main-institution-title .more{font-size: 14px; color: #00a9ff; padding: 0 15px; height: 30px; line-height: 30px; border: 1px solid #00a9ff; border-radius: 15px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-institution-title .more:hover{background: #00a9ff; color: #fff;}
/**/
.main-institution-course{margin-top: 20px;}
.main-institution-course-tab .main-institution-course{display: none;}
.main-institution-course-tab .main-institution-course.active{display: block;}
.institution-course{display: block; width: 305px; height: 328px; position: relative;}
.institution-course-box{width: 100%; height: 328px; border-radius: 8px; overflow: hidden; background: #fff; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.institution-course .course-img{width: 100%; height: 170px; border-radius: 10px; overflow: hidden;}
.institution-course .course-img .img-box{width: 100%; height: 170px; overflow: hidden; position: relative;}
.institution-course .course-text{width: 100%; padding: 15px 10px; background: #fff; position: relative;}
.institution-course .course-title{font-size: 16px; line-height: 30px; height: 60px; color: #222; font-weight: bold; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.institution-course .course-title.to{height: 30px;}
.institution-course .course-people{font-size: 16px; line-height: 21px; color: #444; margin: 10px 0 8px;}
.institution-course .course-teacher{font-size: 14px; height: 21px; line-height: 21px; color: #888;}
.institution-course .course-teacher.course{margin: 10px 0 10px;}
.institution-course .course-amount{font-size: 16px; line-height: 21px; color: #ff6102; font-weight: bold; }
.institution-course .course-num{font-size: 16px; line-height: 20px; color: #999;}
.institution-course .course-more{font-size: 14px; line-height: 21px; color: #888; position: absolute; right: 15px; bottom: 15px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.institution-course .course-price{font-size: 20px; color: #ff6102; padding: 1px 0; position: absolute; right: 10px; bottom: 20px;}
.institution-course .course-price .small{font-size: 12px;}
.institution-course:hover .institution-course-box{top: -5px;}
.institution-course:hover .course-title{color: #00a9ff;}
.institution-course:hover .institution-course-box{box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);}
.institution-course .course-more:hover{color: #00a9ff; right: 18px;}
/**/
.main-institution-live-course{width: 100%; padding-top: 20px; position: relative;}
.main-institution-live-course .live-course-btn{width: 72px; height: 72px; line-height: 72px; border-radius: 5px 0 0 5px; color: #fff; text-align: center; cursor: pointer; background-image: -moz-linear-gradient( 101deg, rgb(35,226,249) 0%, rgb(0,169,255) 100%); background-image: -webkit-linear-gradient( 101deg, rgb(35,226,249) 0%, rgb(0,169,255) 100%); background-image: -ms-linear-gradient( 101deg, rgb(35,226,249) 0%, rgb(0,169,255) 100%); position: absolute; top: 145px;}
.main-institution-live-course .live-course-btn .icon{font-size: 28px;}
.main-institution-live-course .live-course-prev{left: 0;}
.main-institution-live-course .live-course-next{right: 0;}
.main-institution-live-course .institution-live-couse-box{width: 1300px;}
.main-institution-live-course .swiper-slide{padding: 10px 0;}
.main-institution-live-course .institution-course{margin: 0 auto;}
/**/
.main-institution-course .institution-course{float: left; margin: 0 20px 20px 0;}
.main-institution-course .institution-course:nth-child(4n){margin-right: 0;}
/**/
.main-institution-type{margin-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf;}
.main-institution-type .type-left{display: flex; font-size: 16px; color: #444; height: 30px; line-height: 30px;}
.main-institution-type .type-left .item{margin-right: 45px; position: relative;}
.main-institution-type .type-left .item:before{content: ''; display: block; width: 0%; height: 2px; background: #00a9ff; position: absolute; left: 50%; bottom: -11px; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-institution-type .type-right{display: block; font-size: 14px; color: #00a9ff; padding: 0 15px; height: 30px; line-height: 28px; border-radius: 15px; background-image: -moz-linear-gradient( 101deg, rgb(35,226,249) 0%, rgb(0,169,255) 100%); background-image: -webkit-linear-gradient( 101deg, rgb(35,226,249) 0%, rgb(0,169,255) 100%); background-image: -ms-linear-gradient( 101deg, rgb(35,226,249) 0%, rgb(0,169,255) 100%); color: #fff;}
.main-institution-type .type-right:hover{background: none; border: 1px solid #00a9ff; color: #00a9ff;}
/**/
.main-institution-type .type-left .item.active{color: #00a9ff;}
.main-institution-type .type-left .item.active:before{width: 100%;}
/*.main-institution-type .type-left .item:hover{color: #00a9ff;}*/
/*.main-institution-type .type-left .item:hover:before{width: 100%;}*/
/**/
.main-hot-grade{background: #fff; border-radius: 8px; padding: 35px 20px 20px; margin-top: 30px;}
.main-hot-grade .institution-course{float: left; width: 300px; height: 305px; margin-right: 13px;}
.main-hot-grade .institution-course .course-img{height: 168px;}
.main-hot-grade .institution-course .course-img .img-box{height: 168px;}
.main-hot-grade .institution-course:nth-child(4n){margin-right: 0;}
.main-hot-grade .institution-course .institution-course-box{height: 305px;}
.main-hot-grade .institution-course .course-teacher{margin: 12px 0 23px;}
.main-hot-grade .institution-course .course-price{bottom: 16px;}
/**/
.main-institutionad{margin-top: 40px;}
.main-institutionad .img{width: 100%;}
/**/
.main-institution-teacher{width: 100%; margin-top: 25px; position: relative;}
.main-institution-teacher .institution-teacher-btn{width: 72px; height: 72px; line-height: 72px; text-align: center; background-image: -moz-linear-gradient( 101deg, rgb(65,228,215) 0%, rgb(20,183,237) 100%); background-image: -webkit-linear-gradient( 101deg, rgb(65,228,215) 0%, rgb(20,183,237) 100%); background-image: -ms-linear-gradient( 101deg, rgb(65,228,215) 0%, rgb(20,183,237) 100%); position: absolute; top: 165px; cursor: pointer;}
.main-institution-teacher .institution-teacher-btn .icon{font-size: 30px; color: #fff;}
.main-institution-teacher .institution-teacher-prev{left: 0;}
.main-institution-teacher .institution-teacher-next{right: 0;}
.institution-teacher-box .swiper-slide{padding: 10px 0;}
.institution-teacher-item{width: 305px; height: 390px;}
.institution-teacher-item-box{display: block; width: 100%; height: inherit; padding-top: 40px; border: 1px solid #fff; border-radius: 8px; background: #fff;}
.institution-teacher-item-box:hover{border-color: #00a9ff;}
.institution-teacher-item .teacher-avatar{width: 120px; height: 120px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.institution-teacher-item .teacher-avatar .img-box{display: block; width: 100%; height: inherit; position: relative;}
.institution-teacher-item .teacher-avatar .img-box .img{display: block; height: 120px;}

.institution-teacher-item .teacher-name{display: block; width: 100%; padding: 0 20px; font-size: 16px; height: 22px; line-height: 22px; text-align: center; color: #222; margin: 20px 0 5px;}
.institution-teacher-item .teacher-course{width: 100%; padding: 0 20px; font-size: 14px; height: 22px; line-height: 22px; text-align: center; color: #00a9ff;}
.institution-teacher-item .teacher-desc{width: 100%; padding: 0 40px; font-size: 14px; height: 44px; line-height: 22px; text-align: center; color: #888; margin: 20px 0 23px;}
.institution-teacher-item .teacher-see{display: block; width: 104px; height: 28px; line-height: 28px; border-radius: 14px; margin: 0 auto; color: #fff; text-align: center; border: 1px solid #00a9ff; color: #00a9ff;}
.institution-teacher-item .teacher-see:hover{border-color: #fff; color: #fff; background-image: -moz-linear-gradient( 101deg, rgb(35,226,249) 0%, rgb(0,169,255) 100%); background-image: -webkit-linear-gradient( 101deg, rgb(35,226,249) 0%, rgb(0,169,255) 100%); background-image: -ms-linear-gradient( 101deg, rgb(35,226,249) 0%, rgb(0,169,255) 100%);}
/**/
.main-institution-news{background: #fff; border-radius: 8px; margin-top: 30px; padding: 30px 10px; overflow: hidden;}
.main-institution-news .institution-news-left{width: 620px; height: 360px; border-radius: 8px; overflow: hidden; float: left; position: relative;}
.main-institution-news .institution-news-left .institution-news-dot{position: absolute; right: 0; bottom: 20px; z-index: 20; text-align: right; padding-right: 20px;}
.main-institution-news .institution-news-left .institution-news-dot .swiper-pagination-bullet{background: rgba(0,0,0,0.6);cursor: pointer;}
.main-institution-news .institution-news-left .institution-news-dot .swiper-pagination-bullet-active{background: rgba(0,0,0,0.8);}
.institution-news-box .swiper-slide{width: 620px; height: 360px; border-radius: 8px; overflow: hidden;}
.institution-news-box .swiper-slide .img-box{display: block; width: 100%; height: 360px; position: relative;}
.main-institution-news .institution-news-right{width: 615px; float: right;}
.main-institution-news .institution-news-right .item{width: 100%; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #eee; position: relative;}
.main-institution-news .institution-news-right .item:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.main-institution-news .institution-news-right .item-title{width: calc(100% - 80px); font-size: 20px; height: 24px; line-height: 24px; color: #222; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-institution-news .institution-news-right .item-title a{color: #222; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-institution-news .institution-news-right .item-time{font-size: 14px; line-height: 20px; color: #999; position: absolute; right: 0; top: 5px;}
.main-institution-news .institution-news-right .item-desc{font-size: 14px; line-height: 20px; color: #999; margin-top: 15px;}
.main-institution-news .institution-news-right .item-title:hover{padding-left: 3px; color: #00a9ff;}
.main-institution-news .institution-news-right .item-title:hover a{color: #00a9ff;}
/**/
.main-institution-bot{width: 100%; background: #fff; padding: 40px 0; margin-top: 60px;}
.main-institution-bot .institution-bot{overflow: hidden;}
.main-institution-bot .item{width: 25%; padding-left: 60px; display: flex; float: left;}
.main-institution-bot .item-dt{width: 50px; height: 47px;}
.main-institution-bot .item-dd{padding: 8px 0 0 15px;}
.main-institution-bot .item-dd .dd-title{font-size: 16px; color: #333;}
.main-institution-bot .item-dd .dd-desc{font-size: 12px; color: #888; margin-top: 8px;}
/**/
.main-institution-filter{border-radius: 6px; height: 60px; background: #fff; margin-top: 25px;}
.main-institution-filter .filter-all{float: left; display: block; width: 130px; text-align: center; height: 60px; line-height: 60px; font-size: 16px; color: #444;}
.main-institution-filter .filter-item{float: right; margin-right: 30px; position: relative;}
.main-institution-filter .filter-item .item-dt{padding: 0 20px; font-size: 16px; line-height: 60px; position: relative; cursor: pointer;}
.main-institution-filter .filter-item .item-dt .icon{position: absolute; right: 0; top: 0; font-size: 16px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-institution-filter .item-dd{width: 100%; background: #fff; padding: 5px 0 10px; position: absolute; left: 0; top: 60px; z-index: 20; background: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0px 0px 18px 2px rgba(153, 153, 153, 0.2); display: none;}
.main-institution-filter .item-dd .items{display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main-institution-filter .item-dd .items:hover{color: #00a9ff;}
/**/
.main-institution-filter .item-dd.course{width: 516px; padding: 5px 20px 10px; left: 20px;}
.main-institution-filter .item-dd.course .dd-title{font-size: 16px; color: #222; margin-top: 15px;}
.main-institution-filter .item-dd.course .dd-list{overflow: hidden; padding: 10px 0 0;}
.main-institution-filter .item-dd.course .dd-list .items{float: left; width: 110px; margin-right: 11px; font-size: 15px; height: 35px; line-height: 35px; color: #666; text-align: left;}
.main-institution-filter .item-dd.course .dd-list .items:nth-child(4n){margin-right: 0;}
.main-institution-filter .item-dd.course .dd-list .items:hover{color: #00a9ff;}
/**/
.main-institution-filter .filter-item:hover .item-dt .icon{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.main-institution-filter .filter-item:hover .item-dd{display: block;}
/**/
.institution-course-hot{width: 1310px; height: 400px;}
.institution-course-hot .swiper{width: 100%; height: 100%;}
.institution-course-hot .swiper-grid-column>.swiper-wrapper{padding: 15px 15px;}
.institution-course-hot .swiper-slide{height: calc((100% - 30px) / 2);}
/**/
.main-institution-live-course .live-course-btn.hot{top: 182px;}
.hot-teacher-course{width: 630px; height: 160px; display: flex; border-radius: 8px; overflow: hidden; background: #fff;}
.hot-teacher-course:hover{box-shadow: 0px 0px 18px 2px rgba(153, 153, 153, 0.2);}
.hot-teacher-course .course-img{width: 285px; height: 160px; overflow: hidden; border-radius: 8px 0 0 8px; position: relative;}
.hot-teacher-course .course-img .tag{width: 56px; height: 24px; font-size: 16px; line-height: 22px; border-radius: 12px; text-align: center; color: #fff; position: absolute; right: 6px; top: 10px; background-image: -moz-linear-gradient( -10deg, rgb(255,0,0) 0%, rgb(255,78,0) 42%, rgb(255,156,0) 100%); background-image: -webkit-linear-gradient( -10deg, rgb(255,0,0) 0%, rgb(255,78,0) 42%, rgb(255,156,0) 100%); background-image: -ms-linear-gradient( -10deg, rgb(255,0,0) 0%, rgb(255,78,0) 42%, rgb(255,156,0) 100%);}
.hot-teacher-course .course-img .img-box{display: block; width: 100%; height: inherit; position: relative; overflow: hidden;}
.hot-teacher-course .course-text{width: calc(100% - 300px); height: 160px; position: relative; padding-left: 25px; padding-top: 15px;}
.hot-teacher-course .course-text .course-title{font-size: 16px; height: 60px; line-height: 30px;}
.hot-teacher-course .course-text .course-title a{display: block; color: #222;}
.hot-teacher-course .course-text .course-title a:hover{color: #00a9ff;}
.hot-teacher-course .course-text .course-info{font-size: 14px; line-height: 21px; height: 21px; color: #888; margin: 10px 0 15px;}
.hot-teacher-course .course-text .course-price{font-size: 18px; font-weight: bold; color: #ff6102;}
.hot-teacher-course .course-text .course-more{display: block; font-size: 14px; height: 21px; line-height: 21px; color: #888; position: absolute; right: 15px; bottom: 20px;}
.hot-teacher-course .course-text .course-more:hover{right: 18px; color: #00a9ff;}
/**/
.institution-course-hot-pagination{width: 100%; text-align: center; height: 70px; overflow: hidden;}
.institution-course-hot-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background: #ddd; opacity: 1;}
.institution-course-hot-pagination .swiper-pagination-bullet-active{background: #00aaff;}
/**/
.main-institution-about{background: #fff; border-radius: 8px; padding: 30px 30px; margin: 20px auto 100px;}
.main-institution-about .about-title{width: 100%; text-align: center; font-size: 24px; line-height: 30px; padding-bottom: 15px;position: relative; font-weight: normal;}
.main-institution-about .about-title:before{content: ''; display: block; width: 28px; height: 4px; background: #00a9ff; position: absolute; left: calc(50% - 14px); bottom: 0px;}
.main-institution-about .about-content{font-size: 16px; line-height: 40px; color: #444; padding: 20px 0 20px;}
/**/
.main-inner.institution-teacher{padding-top: 20px;}
/**/
.main-teacher-list.institution{}
.main-teacher-list.institution .item{padding: 30px 0;}
.main-teacher-list.institution .item-img{width: 160px; height: 160px; border-radius: 50%;}
.main-teacher-list.institution .item-img .img-box .img{height: 160px;}
.main-teacher-list.institution .item-text{width: 480px;}
.main-teacher-list.institution .item-text .item-infos{margin: 20px 0 20px; color: #00a9ff;}
.main-teacher-list.institution .item-text .item-infos .info:before{background: #00a9ff;}
.main-teacher-list.institution .item-text .item-desc{color: #444;}
.main-teacher-list.institution .item-score .details{width: 100px; height: 30px; line-height: 28px; background: none; color: #00a9ff;}
.main-teacher-list.institution .item-score .details:hover{background: #00a9ff; color: #fff;}
/**/
.teacher-innder-top.institution{padding-bottom: 20px; border: 8px 8px 0 0;}
.teacher-innder-top.institution .teacher-avatar .img-box{width: 170px; height: 170px; border-radius: 50%;}
.teacher-innder-top.institution .teacher-avatar .img-box .img{height: 170px;}
.teacher-innder-top.institution .teacher-text .teacher-infos{font-size: 16px; color: #444;}
.teacher-innder-top.institution .teacher-text .teacher-infos .info:before{height: 15px; background: #444;}
.teacher-innder-top.institution .teacher-text .teacher-phone{font-size: 18px; color: #0af; line-height: 40px; padding-left: 30px; position: relative; margin-top: 25px;}
.teacher-innder-top.institution .teacher-text .teacher-phone .icon{font-size: 20px; position: absolute; left: 0; top: 0;}
/**/
.teacher-innder-info{background: #fff; padding: 20px 30px;}
.teacher-innder-info .innder-info-box{width: 100%; font-size: 14px; line-height: 40px; color: #444; border-top: 1px solid #eee; padding-top: 25px;}
.teacher-details-top.institution{padding-bottom: 0;}
.teacher-details-top.institution .details-top-box{padding-bottom: 10px;}
.teacher-details-top.institution .item:before{background: #f3f3f9;}
.teacher-details-top.institution .item.active:before{background: #00a9ff;}
/**/
.main-inner-news.institution{padding-top: 0;}
.main-inner-news.institution{}
.main-inner-news.institution .news-list{margin-top: 0;}
.main-inner-news.institution .item-content{margin-top: 0;}
.main-inner-news.institution .news-list .item{}
.main-inner-news.institution .item-content .item-text{padding-top: 10px;}
.main-inner-news.institution .item-content .item-text .item-desc{height: 28px; margin-top: 10px;}
.main-inner-news.institution .item-content .item-info .item-more{padding-right: 0;}
.main-inner-news.institution .item-content .item-info .item-more:hover{padding-right: 3px;}
.main-inner-news.institution .item-content .item-info .item-hot{display: flex; padding-left: 0;}
.main-inner-news.institution .item-content .item-info .item-hot .hot-icon{display: block; position: relative; padding-left: 25px; margin-right: 20px; color: #666;}
.main-inner-news.institution .item-content .item-info .item-hot .hot-icon .icon{color: #666;}
/**/
.main-coupons{}
.main-coupons .coupons-title{margin: 50px 0 60px; text-align: center; font-weight: normal; line-height: 40px; font-size: 30px; color: #222;}
.main-coupons .coupons-box{padding-bottom: 100px;}
.main-coupons .coupons-box .coupons-item{width: 630px; height: 165px; margin-bottom: 50px; float: left;}
.main-coupons .coupons-box .coupons-item:nth-child(2n){float: right;}
.main-coupons .coupons-box .coupons-item-box{display: block; width: 630px; height: 165px; overflow: hidden; background: url('../images/couponsbg.png') no-repeat center center; position: relative;}
.main-coupons .coupons-box .coupons-item-box .item-shadow{background: rgba(0,0,0,0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; opacity: 0;}
.main-coupons .coupons-box .coupons-item-box .item-shadow .item-more{width: 214px; height: 60px; line-height: 58px; text-align: center; border-radius: 30px; background: #fff; border: 1px solid red; font-size: 24px; color: #f54646; margin: 50px auto 0;}
.main-coupons .coupons-box .coupons-item-box .item-left{width: 180px; height: 165px; line-height: 165px; float: left; text-align: center; font-size: 48px; font-weight: bold; color: #fff;}
.main-coupons .coupons-box .coupons-item-box .item-left .txt{position: relative;}
.main-coupons .coupons-box .coupons-item-box .item-left .txt:before{content: '￥'; font-size: 14px; line-height: 16px; position: absolute; left: -10px; bottom: 10px;}
.main-coupons .coupons-box .coupons-item-box .item-left .txt:after{content: '元'; font-size: 14px; line-height: 16px; position: absolute; right: -15px; bottom: 10px;}
.main-coupons .coupons-box .coupons-item-box .item-right{float: right; width: 410px; padding-top: 20px;}
.main-coupons .coupons-box .coupons-item-box .item-right .right-title{font-size: 24px; line-height: 30px; color: #222;}
.main-coupons .coupons-box .coupons-item-box .item-right .right-price{margin: 30px 0 10px;}
.main-coupons .coupons-box .coupons-item-box .item-right .right-price .txt{display: inline-block; font-size: 16px; line-height: 24px; border-radius: 4px; color: #f64d4d; border: 1px solid #f64d4d; padding: 0 10px;}
.main-coupons .coupons-box .coupons-item-box .item-right .right-time{font-size: 18px; line-height: 30px; color: #999;}
.main-coupons .coupons-box .coupons-item:hover .item-shadow{opacity: 1;}
/**/
.ks-button--primary{border-color: #00a9ff; background-color: #00a9ff;}
.ks-button--primary:focus, .ks-button--primary:hover{background: #00a9ff;}
.ks-user-login-reg-text a{color: #00a9ff;}
.ks-user-login-sendcode{background: #00a9ff; color: #fff; border-color: #00a9ff;}
/**/
/*noimg*/
.live-item .item-img .img-box,
.main-hot .hot-box .hot-left .img-box,
.main-hot .hot-box .hot-right .item-box,
.course-item .item-img .img-box,
.main-exam .exam-box .img-box,
.main-teacher .teacher-bot .item-box .item-img,
.main-teacher .teacher-top .item-box .item-text .item-img,
.employment-box .employment-left .img-box,
.main-jobseekers .jobseekers-right .img-box,
.main-news .news-box .news-right .img-box,
.news-item .item-img .img-box,
.main-test-paper .mid-left .img-box,
.sidebar-hot .hot-course .hot-img .img-box,
.hot-position-box .position-left .img-box,
.main-institutional .item-right .item-course .item-img .img-box,
.main-inner-news .item-content .item-img .img-box,
.sidebar-hotnews.recommend .sidebar-img .img-box,
.introduce-cooperation .cooperation-box .item-img .img-box
{background: url('../images/nopic.gif') no-repeat center center; background-size: cover;}

/*help center*/
.main-inner.help {padding-top: 30px;}
.inner-middle-box{margin-bottom: 30px;}
.inner-middle-box .middle-box-item{width: 280px;height: 88px;line-height:88px;background-color: #FFFFFF;border-radius: 6px;font-size: 20px;color:#1f2a39;font-weight: 600;text-align: center;position: relative;}
.inner-middle-box .middle-box-item img{width: auto;height: 36px;margin-right: 19px;position: relative;bottom: 1px;}
/**/
.main-help-nav {width: 270px;padding:0 15px 12px;background-color: #FFFFFF;border-radius: 6px;float: left;}
.main-help-nav .nav-item{width:240px;height:78px;border: 1px solid #eeeeee;border-radius: 6px;margin-top: 15px;}
.main-help-nav .nav-item .title{width:240px;height:78px;line-height:78px;font-size:20px;padding:0 20px;border-radius: 6px;margin-top: -1px;margin-left: -1px;color:#2b3040;cursor: pointer;position: relative;}
.main-help-nav .nav-item .curr-title{background-color: #FFFFFF;font-size: 24px;border: 1px solid #FFFFFF;color:#00a9ff;cursor:default;box-shadow: 0 0 10px rgb(209 209 209 / 30%);}
.main-help-nav .nav-item .nav-children-box{width:240px;padding:0 20px;display: none;}
.main-help-nav .nav-item .nav-children-box .nav-children-item{line-height: 24px;font-size: 18px;line-height: 24px; margin-bottom: 25px;padding-top: 25px;border-top: 1px solid #eeeeee}
.main-help-nav .nav-item .nav-children-box .nav-children-item:first-child{border: none;}
.main-help-nav .nav-item .nav-children-box .nav-children-item a{color:#2b3040;}
.main-help-nav .nav-item .nav-children-box .nav-children-item a.active{color:#00a9ff;}
.main-help-nav .nav-item .title .icon{color: #FFFFFF;position: absolute;top: 0px;right: 10px;display: none;}
/**/
.main-help-nav .nav-item.active {height:unset;border: 1px solid #00a9ff;}
.main-help-nav .nav-item.active .title{background-color: #00a9ff;border: 1px solid #00a9ff;color:#FFFFFF;}
.main-help-nav .nav-item.active .title .icon{display:block;}
.main-help-nav .nav-item.active .nav-children-box{display: block;}
/**/
.main-help-content{float: right;}
.main-help-content .breadcrumb{width:990px;height:70px;line-height:70px;padding:0 30px;font-size: 16px;background-color: #FFFFFF;border-radius: 6px;}
.main-help-content .breadcrumb a{color:#00a9ff;padding:0 5px;}
.main-help-content .breadcrumb a:first-child{padding-left: 0;}
.main-help-content .nav-title-box{width:990px;padding:0 30px 32px;border-radius: 6px;background-color: #FFFFFF;margin-top: 1px;}
.main-help-content .nav-title-box .nav-title{width:100%;height:70px;line-height: 60px;padding-top: 10px;font-size: 20px;color:#2b3040;}
.main-help-content .nav-title-box .nav-title.curr{font-weight: 600;}
.main-help-content .nav-title-box .nav-children-title-box{width:100%;border:1px solid #eeeeee;border-radius: 6px;padding:25px 30px 15px 30px;}
.main-help-content .nav-title-box .nav-children-title-box .title-item{padding:15px 0;padding-right:50px;font-size: 16px;color:#999999;}
.main-help-content .nav-title-box .nav-children-title-box .title-item:hover{color:#00a9ff;}
/**/
.main-help-content .help-content-box{width:990px;padding:30px 30px;border-radius: 6px;background-color: #FFFFFF;margin-top: 1px;}
.main-help-content .help-content-box .info-title{line-height: 30px;font-size: 30px;}
.main-help-content .help-content-box .info-other{width:100%;height:74px;line-height:14px;padding:30px 0;font-size: 14px;color: #999999;}
.main-help-content .help-content-box .info-other span{margin-right: 50px;}
.main-help-content .help-content-box .info-content{width:100%;}
.main-help-content .help-content-box .info-content img{max-width: 100%;margin-bottom: 30px;}
.main-help-content .help-content-box .open-box{width:100%;line-height:20px;margin-top:30px;font-size: 17px;border-top: 1px solid #eeeeee;padding-top: 10px;}
.main-help-content .help-content-box .open-box a{color:#2b3040;margin-right: 50px;display:inline-block;margin-top: 10px;}
.main-help-content .help-content-box .open-box a:hover{color:#00a9ff;}