/**
*wayne
**/
/* 超小屏幕（手机，小于 768px） */
html,body{font-family: '微软雅黑'}
body.noscroll{overflow: hidden;}
a,a:hover,a:active{text-decoration: none;color:unset;}
a:hover{opacity: .6;}
img.fill{width:100%;}
.header{position: relative;top:0;left:0;right:0;width:100%;background: #03030b;padding:15px 0;z-index: 1000;}
.header .menu,.header .search{position: absolute;top:50%;margin-top:-10px;width:20px;z-index: 100;}
.header .menu{left:12px;}
.header .container a{display: block;}
.header .menu img.closes{display: none;}
.header .menu.on img{display: none;}
.header .menu.on img.closes{display: block;}
.header .search{right:12px;}
.header .container{text-align: center;}
.header .container .logo{margin:0 auto;width:280px;box-sizing: unset;}
.menu-box{background:#000;position:fixed;opacity:0;z-index:-1;visibility:hidden;width:100%;top:0;left:0;height:100%;z-index: 1000;display: flex;align-content: center;transition:all ease .2s;overflow-y: auto;}
.menu-box.on{opacity: 1;z-index: 1000;visibility: visible;}
.menu-box .menu-aside{display: none;}
.menu-box .container{width:100%;}
.menu-box .menu-con ul{list-style: none;padding:0 60px;margin:0;}
.menu-box .menu-con ul li{text-align: center;}
.menu-box .menu-con ul li p{font-size:18px;color:#fff;font-weight: bold;padding-bottom:15px;margin-top:20px;border-bottom:1px solid #373737;}
.menu-box .menu-con ul li a{color:#9c9c9c;font-size:16px;line-height: 36px;margin:6px 0;display: block;}
.menu-box .closes{width:20px;position:fixed;top:25px;left:12px;flex: none;}
.footer{background: #161b22;padding:30px 0;color:#8c8c8c;}
.footer .copyright{font-size:12px;margin:30px 12px 0;text-align:center;border-top:1px solid #757575;padding-top:10px;}
.footer .division{position:relative;top:-2px;padding:0 6px;}
.footer .logo{width:280px;}
.main{background: #f4f4f4;}
.page-banner img{position:absolute;width:100%;}
.page-banner h1{font-size:2rem;color:#fff;font-weight: bold;position:relative;z-index: 1;padding:10% 0 5% 12px;}
.recruit,.question{position:relative;z-index:100;background: #f4f4f4;padding:5px 18px;margin:0 -3px;}
.recruit .recruit-down{padding:5px;}
.recruit-box{background: #fff;border:none;border-radius: 0;padding:0;margin:5px -10px;cursor: pointer;position:relative;height:136px;overflow: hidden;}
.recruit-box h3{color:#17a2ea;font-weight:bold;margin:0;font-size:14px;display: inline-block;position: relative;overflow: hidden;width:100%; height:30px;}
.recruit-box p{margin:10px 0 0 0;color:#121212;font-size:12px;display: inline-block;position: relative;overflow: hidden;width:100%;height:68px;}
.more a{font-size:12px;display: block;text-align:center;padding:10px;line-height:14px;margin:5px;background: #fff;}
.more a i{margin-left:2px;}
.recruit-pop .modal-content{border-radius: 0;padding:0;height:100%;position: relative;}
.recruit-pop .modal-header{border:none;padding:20px 0;position: relative;z-index: 2;background: #fff;}
.recruit-pop .modal-dialog{position:relative;height:100%;overflow: hidden;margin:0;padding:10px;width:100%;}
.recruit-pop .recruit-pop-top{background: #fff;position:relative;overflow: hidden;padding:10px;z-index: 2;}
.recruit-pop .recruit-pop-text{height:500px;padding:10px;top:0;word-wrap:break-word;word-break:break-all; }
.recruit-pop .recruit-pop-text .swiper-container{height:100%;width:100%;}
.recruit-pop .recruit-pop-text .swiper-container .swiper-slide{height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.recruit-pop .modal-header h2{font-size:18px;font-weight: bold;}
.recruit-pop .modal-header .close{color:#000;font-size:40px;font-weight: normal;margin-top:-7px;}
.recruit-pop .recruit-pop-info{padding:0;position: relative;z-index: 2;background: #fff;}
.recruit-pop .recruit-pop-info p{font-size:16px;margin-bottom:25px;}
.recruit-pop .recruit-pop-info p.nb{margin-bottom:0;}
.recruit-pop .recruit-pop-text h4,.recruit-pop .recruit-pop-text p,.recruit-pop .recruit-pop-text li{font-size:14px;line-height: 35px;}
.recruit-pop .recruit-pop-text h4{font-weight: bold;margin-top:0;}
.recruit-pop .recruit-pop-text ul{padding-left:20px;}
.question{background: #fff;margin-bottom:30px;padding:10px;}
.question .panel{box-shadow: none;border-bottom:1px solid #e2e2e2;}
.question .panel-group .panel-heading{padding:10px 5px;}
.question .panel-title a{font-size:14px;font-weight: bold;color:#17a2ea;line-height:24px;display: block;padding:0;text-decoration: none;}
.question .panel-title a i{background:#17a2ea;border-radius: 50%;color:#fff;padding:5px 5px 5px 5px;font-size:14px;float:right;}
.question .panel-title a i.glyphicon-plus{padding:5px 4px 5px 6px;}
.question .panel-title a:hover{opacity: 1;text-decoration: none;}
.question .panel-title .collapsed{color:#000;}
.question .panel-title .collapsed .glyphicon-minus,.question .panel-title .glyphicon-plus{display: none;}
.question .panel-title .collapsed .glyphicon-plus{display: block;}
.question .panel-body{line-height: 30px;font-size:14px;}
.choose.dropdown button{font-size:16px;font-weight:bold;line-height:24px;padding:8px 12px 6px 12px;text-align:left;width:100%;background: #dcdcdc;border:none;border-radius: 0;}
.choose.dropdown button span{float:right;margin-top:8px;}
.choose.dropdown ul{width:100%;font-size:16px;}
.choose.dropdown .dropdown-menu>li>a{padding:6px 10px;}
.brand{position:relative;margin-bottom:30px;z-index: 1;}
.brand .brand-con{background: #fff;padding:10px;margin-bottom:10px;}
.brand .brand-con h2{font-size:16px;line-height: 26px;font-weight: bold;}
.brand .brand-con .brand-con-text{padding:0 10px;}
.brand .brand-con .btns{text-align: center;margin:0 -10%;}
.brand .brand-con .btns a{width:35%;display: inline-block;border:1px solid #000;margin:0 6%;font-size:14px;padding:6px 0;}
.brand .brand-con .btns a:hover{background: #000;color:#fff;opacity: 1;}
.brand-media .media-left,.brand-media .media-body{width:100%;display: block;padding:0;}
.brand-media .media-left img{display: none;}
.brand-media .media-left img.on{display: block;}
.brand-media .media-body .brand-list{background: #fff;padding:10px;}
.brand-media .media-body .brand-list h3{font-size:18px;color:#2e556a;font-weight: bold;line-height: 26px;margin-top:0;}
.brand-media .media-body .brand-list h3 img{width:11.5px;margin:-4px 5px 0 5px;}
.brand-media .media-body .brand-list table{font-size:14px;margin-bottom:0;}
.brand-media .media-body .brand-list .table-responsive{border:none;margin:0;}
.brand-media .media-body .brand-list table .tt{background: #eeeeee;}
.brand-media .media-body .brand-list table{border-bottom:1px solid #ddd;}
.brand-media .media-body .brand-list a.data-more{display: block;width:200px;height:40px;border:1px solid #000;line-height: 40px;text-align: center;margin:20px auto 10px;cursor: pointer;transition:all ease .2s;}
.brand-media .media-body .brand-list a.data-more:hover{background: #000;color:#fff;}
.course-down{padding:15px 0;margin:0 -1px;}
.course_box{background: url("../img/course_bg2.jpg") no-repeat bottom center #0e0d1a;position:relative;background-size: 120%;}
.course_box .course_detail{background: url("../img/course_bg1.jpg") no-repeat top center;padding:40px 0 40px 0;height: 100%;background-size: 120%;}
.course_box .course-list{padding:0 15px;color:#fff;}
.course_box .course-list .list-title{width:100%;position:relative;margin-bottom:20px;}
.course_box .course-list .list-title:before{content: '';display: none;height:24px;width:1px;background: #fff;top:82px;left:33px;position:absolute;transition:all ease .2s;}
.course_box .course-list .list-title.noline:before{display: none;}
.course_box .course-list .list-title .year{width:38px;height:38px;border-radius: 50%;font-size:14px;line-height:34px;text-align:center;border:2px solid #fff;float:left;transition:all ease .4s;-webkit-transition:all ease .4s;}
.course_box .course-list .list-title .line{width:100%;padding:19px 25px 0 50px;}
.course_box .course-list .list-title .line .l{border-top:1px dashed rgba(255,255,255,.6);}
.course_box .course-list .list-title .down{background: #fff;width:20px;height:20px;border-radius: 50%;line-height:20px;float:right;color:#000;color:#06041a;margin-top:-10px;font-size:14px;text-align: center;transition:all ease .4s;-webkit-transition:all ease .4s;}
.course_box .course-list .list-title.on{margin-bottom:24px;}
.course_box .course-list .list-title.on:before{height: 0;}
.course_box .course-list .list-title.on .year{width:50px;height:50px;background: #fff;line-height:50px;color:#000;margin:-6px 0 0 -6px;}
.course_box .course-list .list-title.on .down{transform:rotate(-180deg);}
.course_box .title-detail{margin-bottom:15px;padding:0;height: 0;overflow:hidden;position:relative;opacity: 0;visibility: hidden;transition:all ease .4s;-webkit-transition:all ease .4s;transform-origin: top;}
.course_box .title-detail.on{transform:scaleY(1);height: auto;opacity: 1;visibility: visible;}
.course_box .title-detail .media{position:relative;overflow: visible;margin-bottom:33px;text-align: center;}
.course_box .title-detail .media .media-left{display: block;text-align: center;}
.course_box .title-detail .media img{border:1px solid #626262;margin:10px auto;}
.course_box .title-detail .media h4{margin:0;font-weight: bold;font-size:16px;}
.course_box .title-detail .media .time{display:inline-block;width:64px;height:26px;text-align:center;font-weight:bold;line-height: 26px;color:#000;background: #fff;border-radius: 15px;}
.course_box .title-detail .media .dot{}
.news-box{padding:15px;background: #ededed;z-index: 1;}
.news-box .news-list{background: #fff;padding:12px;}
.news-box .news-list .media{padding:0;margin:0;border-bottom:1px solid #a0a0a0;margin-bottom:10px;}
.news-box .news-list .media-left{display: block;}
.news-box .news-list .media-left img{width:100%;margin-bottom:10px;}
.news-box .news-list .media-body span{color:#aaaaaa;font-size:14px;}
.news-box .news-list .media-body h4{font-size:16px;font-weight: bold;padding:10px 0;margin:0;}
.news-box .news-list .table td,.news-box .news-list .table th{padding:10px 0;border-top:none;border-bottom:1px solid #e2e2e2;}
.news-box .news-list .table td{border-bottom:none;padding-bottom:0;color:#aaaaaa;}
.news-box .news-list .table{margin-bottom:0;}
a.more{display: block;margin-top:10px;background: #ffffff;padding:10px 0;text-align: center;}
.contact{position: relative;z-index: 2;background: #fff;padding:12px;margin-bottom:20px;}
.contact .media-left{display: block;margin-bottom:20px;}
.contact .media-left img{width:100%;}
.contact .media-body img{padding-right:10px;}
.search-box{padding:15px;background: #ededed;z-index: 1;}
.search-box .search-list{background: #fff;padding:12px;}
.search-box input{width:100%;padding:10px}
.search-box button{display:inline-block;width:100%;padding:10px;background: #17a2ea;border:2px solid #17a2ea;color:#fff;border-radius: 0;margin-top:10px;font-size:16px;}
.search-box button:hover,.search-box button:active{color:#fff;}
.search-box ul{list-style: none;padding:0;margin-bottom:20px;}
.search-box ul li{border-bottom:1px dashed #000;padding:25px 0;}
.search-box button:hover,.search-box button:active{color:#fff;}
.search-box ul{list-style: none;padding:0;margin-bottom:20px;}
.search-box ul li{border-bottom:1px dashed #000;padding:10px 0;}
.search-box ul li h4{font-size:16px;font-weight: bold;color:#121212;line-height: 26px;margin:0;}
.search-box ul li h4 span{color:#95262a;border:1px solid #95262a;padding:3px 5px;font-size:12px;margin-right:4px;position: relative;top:-2px;}
.search-box ul li .media .media-left{width:20%;padding-right:10px;}
.search-box ul li .media .media-body{line-height:normal;font-size:14px;transition:all ease .2s;-webkit-transition:all ease .2s;}
.search-box ul li a:hover .media-body{opacity:.6}
.search-box ul li .media{margin-top:10px;}
.search-box ul li .time{color:#5a5a5a;margin-top:10px;}
.search-box ul li:last-child{border:none;}
.calculation{position: relative;z-index: 2;margin-bottom:20px;}
.calculation .calculation-check{background: #fff;padding:12px;}
.calculation .media,.calculation .media-body,.calculation .media-left{overflow: unset;}
.calculation .calculation-check .media-left{display: block;padding:0;}
.calculation .calculation-check .media-left h2{font-size:18px;margin:0;font-weight:bold;padding-bottom:5px;}
.calculation .calculation-check .media-left h3{color:#17a2ea;padding-top:10px;margin:0;font-size:16px;font-weight: bold;}
.calculation .calculation-check .check-form{padding-top:20px;}
.calculation .calculation-check .check-form select{border-radius: 0;box-shadow: none;}
.calculation .calculation-check .check-form .btn{width:100%;background: #000;color:#fff;border-radius: 0;border:none;}
.calculation-box .box-menu{background: #fff;padding:12px;}
.calculation-box .box-menu ul,.calculation-box .box-menm li{list-style: none;padding:0;}
.calculation-box .box-menu ul{margin:0 -5px;}
.calculation-box .box-menu li{width:25%;float:left;}
.calculation-box .box-menu li .box-in{margin:0 5px;position:relative}
.calculation-box .box-menu li p{font-size:12px;font-weight: bold;text-align: center;position:absolute;top:50%;width:100%;color:#fff;line-height:12px;margin-top:-6px;}
.calculation-box .box-menu li img{display: block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.calculation-box .box-menu li.on img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}
.calculation-box .box-detail{background: #fff;padding:12px;}
.calculation-box .box-detail ul{list-style: none;padding:0;}
.calculation-box .box-detail li{padding:10px 0;border-bottom:1px solid #eeeeee;}
.calculation-box .box-control{}
.calculation-box .box-control h4{font-size:18px;color:#979797;font-weight: 500;}
.calculation-box .box-control #ex1Slider{width:90%;margin-right:1%;}
.calculation-box .slider-group #ex1Slider .slider-selection {background: #17a2ea;}
.calculation-box .month-group{padding:10px 0;}
.calculation-box .month-group .a-group a{display: inline-block;width:15%;text-align: center;padding:10px 0;border:1px solid #bcbcbc;color:#121212;}
.calculation-box .month-group .a-group a.on{color:#fff;background: #17a2ea;border-color:#17a2ea;}
.calculation-box .month-group .a-group a.disabled{border:1px dashed #bcbcbc; color:#bcbcbc;}
.law{position: relative;z-index: 2;background: #fff;padding:12px;margin-bottom:20px;}
.law p{line-height: 30px;}
.law p b{color:#17a2ea;}
.law .con-download a{display: block;line-height:22px;padding:5px 0;text-decoration: underline;transition:all ease .2s;-webkit-transition: all ease .2s;}
.law .con-download a i{display:block;height:22px;width:24px;float:left;background:url(../img/icon_pdf.png) no-repeat;background-size:auto 100%;margin-right: 5px;transition:all ease .2s;-webkit-transition: all ease .2s;}
.law .con-download a:hover,.law .con-download a:active,.law .con-download a.on{color:#17a2ea;opacity: 1;}
.law .con-download a:hover i,.law .con-download a:active i,.law .con-download a.on i{background-position:100% 0;}
.finance-pro{background: #f4f4f4;position: relative;z-index: 2;padding:12px;margin-bottom:20px;}
.finance-pro .pro-list{padding:0 10px;margin:-5px -15px;}
.finance-pro .pro-list .pro-box{margin:5px -10px;position:relative;cursor: pointer;}
.finance-pro .pro-list .pro-box img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.finance-pro .pro-list .pro-box.on img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}
.finance-pro .pro-list .pro-box .pro-text{width:100%;position:absolute;top:0;left:0;color:#fff;padding:10px;height:100%;overflow: hidden;}
.finance-pro .pro-list .pro-box .pro-text b{font-size:16px;}
.finance-pro .pro-list .pro-box .pro-text p{font-size:12px;margin:5px 0 0 0;}
.finance-pro .pro-list .pro-box:before{content:'';display: block;width:16.5px;height:9px;background: url(../img/icon_core.png) no-repeat;background-size:100%;position:absolute;bottom:-15px;z-index: 10;left:50%;margin-left:-4.5px;opacity: 0;visibility: hidden;transition:all ease .2s;-webkit-transition:all ease .2s;}
.finance-pro .pro-list .pro-box.on:before{visibility: visible;opacity: 1;}
.finance-pro .pro-detail{background: #fff;box-shadow: 0 2px 5px #ccc;position:relative;opacity: 0;padding:0;margin:0;transition:opacity .2s ease;-webkit-transition:opacity .2s ease;}
.finance-pro .pro-detail.on{padding:10px;margin:10px -10px 10px;opacity: 1;visibility: visible;}
.finance-pro .pro-detail .media-left{width:100%;display: block;padding:0;}
.finance-pro .pro-detail .img{text-align: center;}
.finance-pro .pro-detail .img img{max-width: 100%;}
.finance-pro .pro-detail .media-body .text{padding:10px 0; }
.finance-pro .pro-detail p{margin:10px 0 0 0;}
.app-process{background: #f4f4f4;padding:10px;position:relative;z-index: 1;margin-bottom:30px;}
.app-process .app-title{background: #20a6eb;color:#fff;font-size:14px;font-weight: bold;padding:10px 0;margin-top:10px;display: flex;align-items: center;cursor: pointer;width:100%;}
.app-process .app-title p{margin:0;flex-grow:1;}
.app-process .app-title p.sn{display: none;}
.app-process .app-title i.icon-app{display: block;float:left;width:25px;height:20px;background-size:300%;background-repeat: no-repeat;background-position:100% 0;margin:0 5px;flex-shrink:0;}
.app-process .app-title i.icon-app.app1{background-image: url(../img/icon_app1.png);}
.app-process .app-title i.icon-app.app2{background-image: url(../img/icon_app2.png);}
.app-process .app-title i.icon-app.app3{background-image: url(../img/icon_app3.png);}
.app-process .app-title i.icon-app.app4{background-image: url(../img/icon_app4.png);}
.app-process .app-title i.icon-app.app5{background-image: url(../img/icon_app5.png);}
.app-process .app-title i.icon-app.app6{background-image: url(../img/icon_app6.png);}
.app-process .app-title i{transition:all ease .2s;-webkit-transition:all ease .2s;}
.app-process .app-title.on i.glyphicon{transform: rotate(-180deg);}
.app-process .down{background: #fff;color:#20a6eb;border-radius: 50%;width:20px;text-align: center;margin:0 5px;flex-shrink:0;}
.app-process .app-text{background: #fff;font-size:12px;opacity: 0;visibility: hidden;transition: all ease .2s;-webkit-transition: all ease .2s;height:0;padding:0;overflow: hidden;}
.app-process .app-text.on{opacity: 1;visibility: visible;height: auto;padding:10px;}
.app-process .app-text .bt{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #e2e2e2;}
.app-process .app-text p{line-height: 24px;margin:0;}
.page-banner.about-b img{position: relative;}
.about-box{padding: 2px 12px;position: relative;overflow: hidden;}
.about-box .box{border-bottom:1px solid #ccc;padding:10px 0;}
.about-box .box:last-child{border:none;}
.about-box .box .media{line-height: 1.5;}
.about-box .box .media-body{display: block;width:100%;}
.about-box .box h1{font-size:20px;font-weight: bold;margin:0;padding:10px 0 15px 0;}
.about-box .box .media img{width:100%;margin-bottom:10px;}
.about-box .box3 .as{text-align: center;padding:10px 0;}
.about-box .box3 .as img{width:70%;}
.about-box .box3 .as{font-size:12px;font-weight: bold;padding:0 5px;}
.news-pop{position:fixed;z-index:100000;padding:15px;top:0;left:0;height:100%;width:100%;background: rgba(0,0,0,.8);display: none;}
.news-pop .row{background: #fff;margin:0;padding:10px 0;}
.news-pop .news-detail{height:auto;}
.news-pop .news-detail p{line-height: 36px;font-size:16px;}
.news-pop .news-detail img{display: block;max-width: 100%;}
.news-pop .news-detail .swiper-slide{padding:10px;}
.news-detail .swiper-container{height:100%;width:100%;}
.news-detail .swiper-container .swiper-slide{height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.news-pop .pop-title{padding-bottom:20px;}
.news-pop .pop-title span{color:#121212;padding-right:10px;}
.news-pop .pop-title .close{margin-top:-10px;}
.news-pop .pop-title .close span{font-weight:normal;font-size:40px;color:#121212;}
.news-pop .pop-title h1{font-size:18px;font-weight:bold;padding-top:10px;color:#121212;text-align: center;}
.more-text{background: #fff;padding:12px 12px;margin-top:20px;}
.more-text h3{font-size:16px;font-weight: bold;margin:10px 0;}
.more-text ul{list-style-type:decimal;padding-left:15px;}
.more-text ul li{font-size:12px;padding:5px 0;}
.box4{background: url(../img/img.jpg) no-repeat;background-size:cover;text-align: center;margin:0 -12px;padding:20px 0;}
.box4 img{max-width: 80%;}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
.footer .left{float:left;}
.footer .right{float:right;}
.recruit{margin:0 -15px;}
.recruit-pop .modal-header h2{font-size: 30px;}
.recruit-pop .modal-header .close{margin-top:2px;}
.recruit-pop .recruit-pop-info{padding:20px 0 0 0;}
.recruit-pop .recruit-pop-info a.yp{float:right;position:relative;margin-top:-125px;text-align: center;font-size:16px;color:#17a2ea;font-weight: bold;}
.recruit-pop .recruit-pop-info a.yp span{display: block;padding-top:2px;}
.recruit-pop .recruit-pop-text h4{margin-top:10px;}
.recruit-pop .recruit-pop-text li{list-style: inside;}
.recruit-pop .recruit-pop-text ul{padding-left:0;}
.question{padding:20px 40px;}
.question .panel-title a{font-size:16px;padding:10px 0;}
.question .panel-body{line-height: 50px;font-size:16px;}
.course_box .course-list{padding:0 50px;}
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
.header{background: none;padding:40px;position:ab;}
.header.fix{position:fixed;background: rgba(0,0,0,.7);}
.header.brandHeader{position:relative;height:140px;background: #040410;}
.header .menu,.header .search{width:auto;top:50px;margin:0;}
.header .menu{left:30px;transition:all ease .2s;cursor: pointer;}
.header.fix .menu{margin-top:0;}
.header .menu.on{background: #000;padding:40px 40px;margin-top:-40px;margin-left:-40px;}
.header .search{right:30px;}
.header .container{text-align: left;}
.header .container .logo{padding-left:100px;}
.footer{padding:60px 0;}
.footer .link{margin-top:55px;}
.footer .link a{color:#fff;margin:0 13px;}
.footer .copyright{font-size:14px;padding-top:20px;margin:35px 90px 0;}
.page-banner{position:relative;overflow: hidden;height:577px;padding-top:208px;}
.page-banner img{position:absolute;width:auto;left:50%;margin-left:-960px;top:0;}
.page-banner h1{font-size:36px;padding:0 0 0 50px;}
.page-banner.brandBanner{height:600px;}
.page-banner.brandBanner h1{padding-top:30px;}
.mt215{margin-top:-215px;}
.recruit{padding:30px 45px;}
.recruit-box{padding:10px;margin:10px 0;height:172px;}
.recruit-box h3{font-size:16px;height:34px;}
.recruit-box p{font-size:14px;height:80px;}
.recruit-pop .modal-content{width:980px;margin:0 auto;padding:0 20px;}
.recruit-pop .recruit-pop-text h4,.recruit-pop .recruit-pop-text p,.recruit-pop .recruit-pop-text li{font-size:16px;line-height: 50px;}
.brand.mt215{margin-top:-60px;}
.brand .brand-con{padding:50px 40px;margin-bottom:50px;}
.brand .brand-con .border-right{border-right:1px solid #eee;}
.brand .brand-con .border-left{border-left:1px solid #eee;}
.brand .brand-con h2{margin:0;line-height: 45px;font-size:26px;}
.brand .brand-con .btns{margin:0;}
.brand .brand-con .btns a{margin:20px 25px;font-size:18px;padding:10px 0;}
.brand .brand-menu{padding:20px 0 30px 0;margin:0 10px;border-bottom:1px solid #eee;}
.brand .brand-menu a{display: inline-block;margin:5px 10px 5px 0;width:140px;text-align:center;cursor:pointer;border:1px solid #000;padding:10px 0;font-weight: bold;font-size:14px;transition:all .2s ease;}
.brand .brand-menu a:last-child{margin:0;}
.brand .brand-menu a:hover{background: #2e556a;border-color:#2e556a;color:#fff;opacity: 1;}
.brand .brand-menu a.on{background: #2e556a;border-color:#2e556a;color:#fff;opacity: 1;}
.brand-media .media-left,.brand-media .media-body{width:100%;}
.brand-media .media-body{padding:20px;background: #fff;}
.menu-pop{position:fixed;top:0;left:0;bottom:0;right:0;background: rgba(0,0,0,.8);z-index: -1;opacity: 0;visibility: hidden;transition:all .2s ease;-webkit-transition:all .2s ease;}
.menu-pop.on{z-index:998;opacity: 1;visibility: visible;}
.menu-box{top:146px;left:0;padding:25px 0;position: fixed;height:530px;z-index: 0;opacity: 0;visibility: hidden;transition:all .2s ease;-webkit-transition:all .2s ease;}
.menu-box.on{z-index: 1000;visibility: visible;opacity: 1;}
.menu-box .menu-aside{display:block;border-right: 2px solid #3e3e3e;padding-left:50px;width:15%;height:475px;float:left;}
.menu-box .menu-aside a{color:#fff;font-size: 16px;font-weight: bold;display: block;height:80px;line-height: 80px;margin-right: -2px;cursor: pointer;transition:all ease .2s;}
.menu-box .menu-aside a.on{border-right:2px solid #17a2ea;color:#17a2ea;}
.menu-box .menu-con{float:left;width:80%;}
.menu-box .menu-con ul{list-style: none;margin:0;}
.menu-box .menu-con ul li{display: none;}
.menu-box .menu-con ul li.on{display: block}
.menu-box .menu-con ul li .col{width:25%;float:left;text-align: center;}
.menu-box .menu-con ul li a{display: inline-block!important;color:#fff;background: #3e3e3e;padding:15px 0;width:80%;margin-bottom:5px;line-height:normal;font-size:14px;margin-top:0;}
.menu-box .menu-con ul li a:first-child{background: #676565;}
.menu-box .menu-con ul li a.tit{padding:20px 0;margin-bottom:10px;}
.menu-box .menu-con ul li a:last-child{margin:0;}
.menu-box .menu-con ul li a:hover,.menu-box .menu-con ul li a.hover{background: #17a2ea;opacity: 1;}
.brand-media .media-body .brand-list table th,.brand-media .media-body .brand-list table td{padding:15px 10px;}
.course_box,.course_box .course_detail{background-size:auto;}
.course_box .course_detail{min-height: 1000px;padding-top:220px;}
.course_box .course-list{padding:0 50px;}
.course_box .course-list .list-title{width:100%;margin-bottom:54px;cursor: pointer;}
.course_box .course-list .list-title:before{display:block;height:24px;width:1px;top:82px;left:33px;}
.course_box .course-list .list-title .year{width:67px;height:67px;font-size:20px;line-height:59px;border:4px solid #fff;}
.course_box .course-list .list-title .line{width:100%;padding:32px 44px 0 99px;}
.course_box .course-list .list-title .down{width:31px;height:31px;border-radius: 50%;margin-top:-16px;font-size:16px;line-height: 31px;}
.course_box .course-list .list-title.on{margin-bottom:24px;}
.course_box .course-list .list-title.on .year{width:97px;height:97px;line-height:97px;margin:-15px 0 0 -15px;}
.course_box .title-detail{margin-bottom:15px;padding:10px 0;}
.course_box .title-detail:before{content: '';height:100%;width:1px;background: #fff;position:absolute;left:32px;top:0;}
.course_box .title-detail .media{padding-left:88px;margin-bottom:33px;margin-left:32px;text-align: left;}
.course_box .title-detail .media .media-left{padding-right:50px;display: table-cell;text-align: left;}
.course_box .title-detail .media h4{margin:0;}
.course_box .title-detail .media .time{position:absolute;left:-32px;top:50%;margin-top:-17px;width:64px;height:30px;text-align:center;font-weight:bold;line-height: 30px;color:#000;background: #fff;border-radius: 15px;}
.course_box .title-detail .media .dot{position:absolute;left:-9px;top:50%;margin-top:-9px;width:18px;height:18px;background: #fff;border-radius: 50%;}
.news-box{position:absolute;top:0;left:0;bottom:0;right:0;padding:0 15px;background: url('../img/news_bg.jpg') no-repeat right;background-size:cover;}
.news-box .row,.news-box .new-col{height:100%;}
.news-box .news-list{height:100%;width:100%;padding-top:140px;margin:0 -15px;background: url('../img/new_bg.jpg') no-repeat left bottom #fff;background-size:25%;transition:all ease .2s;}
.news-box .news-list h1{font-weight: bold;margin:0 0 40px 0;}
.news-box .news-list .media{padding-bottom:23px;border-bottom:1px solid #a0a0a0;}
.news-box .news-list .media img{border:1px solid #aaa;width:auto;}
.news-box .news-list .media .media-left{padding-right:16px;display: table-cell;}
.news-box .news-list .media .media-body{padding-right:40px;}
.news-box .news-list .media .media-body span{color:#aaaaaa;font-size:14px;}
.news-box .news-list .media .media-body h4{color:#121212;font-size:16px;font-weight: bold;padding:15px 0;margin:0;}
.news-box .news-list .media .media-body a:hover{opacity: .7;}
.news-box .news-list .news-table{padding-left:40px;padding-top:20px;}
.news-box .news-list .table td,.news-box .news-list .table th{padding:20px 0;border-top:none;border-bottom:1px solid #e2e2e2;}
.news-box .news-list .table{margin-bottom:20px;}
.news-pop{position:absolute;top:0;left:-15px;height:100%;width:100%;padding-top:140px;margin:0 -15px;background: #fff;display:none;}
.news-pop .news-detail{height:500px;}
.news-pop .news-detail p{line-height: 36px;font-size:16px;}
.news-pop .news-detail img{display: block;}
.news-pop .news-detail .swiper-slide{padding:10px;}
.news-detail .swiper-container{height:100%;width:100%;}
.news-detail .swiper-container .swiper-slide{height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.news-pop .pop-title{padding-bottom:20px;}
.news-pop .pop-title span{color:#121212;}
.news-pop .pop-title .close{margin-top:-10px;}
.news-pop .pop-title .close span{font-weight:normal;font-size:40px;color:#121212;}
.news-pop .pop-title h1{font-size:26px;padding-top:10px;color:#121212;text-align: center;}
.pagegation{text-align: center;}
.pagegation a{display: inline-block;height:10px;width:10px;background: url('../img/page_icon.png') no-repeat;margin:0 12px;position:relative;top:1px;cursor: pointer;}
.pagegation a.PreviousLeft{background-position: 0 0;}
.pagegation a.Previous{background-position: -19px 0;}
.pagegation a.Next{background-position: -131px 0;}
.pagegation a.NextRight{background-position: -149px 0;}
.pagegation .num{display:inline-block;margin:0 25px;}
.pagegation input{width:28px;height:19px;text-align:center;line-height:17px;border:1px solid #e2e2e2;margin-right: 6px;}
.contact{position: relative;z-index: 2;background: #fff;padding:30px 40px;margin-bottom:20px;}
.contact .media-left{width:55%;display: table-cell;}
.contact .media-object{width:100%;}
.contact .media-body{padding-left:40px;}
.contact .media-body p{padding:10px 0;}
.contact .media-body img{padding-right: 10px;}
.search-box{position:relative;padding:0 15px;background: url('../img/news_bg.jpg') no-repeat right;background-size:cover;}
.search-box .search-list{width:100%;padding-top:160px;padding-bottom:30px;margin:0 -15px;background: #fff;}
.search-box input{width:50%;padding:10px}
.search-box button{width:15%;}
.search-box button:hover,.search-box button:active{color:#fff;}
.search-box ul{margin-bottom:10px;}
.search-box ul li{padding:25px 0;}
.search-box ul li .media .media-left{width:auto;}
.search-box ul li h4{line-height: 32px;}
.search-box ul li h4 span{font-size:14px;margin-right:8px;}
.search-box ul li .media .media-body{line-height: 36px;font-size:16px;transition:all ease .2s;-webkit-transition:all ease .2s;}
.calculation{margin-top:-50px;margin-bottom:50px;}
.calculation .calculation-check{padding:50px 70px;}
.calculation .calculation-check .media-left h2{font-size:30px;padding-bottom:10px;}
.calculation .calculation-check .media-left h3{font-size:24px;padding-top:40px;}
.calculation .calculation-check .media-left{display: table-cell;padding:20px 0;width:45%;border-right:2px solid #eeeeee;}
.calculation .calculation-check .check-form select{height:50px;}
.calculation .calculation-check .check-form .btn{padding:15px 0;}
.calculation .calculation-check .check-form{padding:0 0 0 60px;}
.calculation-box .box-menu li p{font-size:30px;font-weight: normal;}
.calculation-box .box-menu{margin-top:20px;padding:0;}
.calculation-box .box-detail{margin-top:20px;padding:0 30px;}
.calculation-box .box-detail li{padding:20px 0;border-bottom:1px solid #eeeeee;}
.calculation-box .box-detail li:last-child{border:none;}
.calculation-box .month-group{padding:25px 0;}
.calculation-box .slider-group{padding:15px 0;}
.calculation-box .box-control h4{font-size:14px;}
.law{padding:30px 60px;}
.finance-pro{padding:20px 20px;}
.finance-pro .pro-list .pro-box{padding:10px;}
.finance-pro .pro-list .pro-box .pro-text{padding:25px 20px 0 20px;}
.finance-pro .pro-list .pro-box .pro-text b{font-size:30px;}
.finance-pro .pro-list .pro-box .pro-text p{font-size:16px;line-height: 36px;}
.finance-pro .pro-detail{padding:30px;}
.finance-pro .pro-detail .img{background: url('../img/chart_bg.png') no-repeat;background-size: 100%;padding:20px;text-align: center;}
.finance-pro .pro-detail .img img{width:auto;}
.finance-pro .pro-detail .media-left{display: table-cell;width:42%;padding-right:40px;}
.finance-pro .pro-detail p{margin: 0;padding:15px 0;}
.app-process{padding:40px 80px 380px 80px;background: #fff;position: relative;transition:all ease .2s;-webkit-transition:all ease .2s;}
.app-process .line{top:114px;position: absolute;width:100%;padding:0 80px;left:0;}
.app-process .line div{width:100%;height:1px;background: #ccc;}
.app-process .app-title{display: block;background:none;color:#17a2ea;width:16.66%;padding:0 15px;float:left;text-align: center;z-index: 1;position: relative;}
.app-process .app-title p.t{opacity: 0;visibility: hidden;transition:all ease .2s;-webkit-transition:all ease .2s;}
.app-process .app-title.on p.t{opacity: 1;visibility: visible;}
.app-process .app-title p.sn{margin:5px 0 10px 0;display: block;}
.app-process .app-title p.sn span{background: #cdcdcd;border-radius: 50%;color:#fff;display: inline-block;width:27px;height:27px;line-height: 27px;}
.app-process .app-title p .num{display: none;}
.app-process .app-title i.icon-app{width:50px;height:40px;background-position: 0 0;float: none;display: inline-block;}
.app-process .app-title.on i.icon-app{background-position: -50px 0;}
.app-process .app-title i.glyphicon{display: none;}
.app-process .app-text{position: absolute;top:200px;left:0;width:100%;padding:0 80px;font-size:16px;}
.app-process .app-text p{line-height: 50px;}
.app-process .app-text.on{padding:0 80px;}
.app-process .app-text .text-d{width:100%;}
.about-banner{position: relative;width:100%;height:100%;background:url(../img/about_banner.jpg) no-repeat;background-size:cover;overflow: hidden;}
.about-banner .circle{color:#fff;width:260px;height:260px;background: url(../img/about_circle.png) no-repeat;background-size: cover;position:absolute;left:50%;top:50%;margin:-130px 0 0 -130px;transition:all ease .2s;}
.about-banner .circle .slogan{text-align: center;padding-top:75px;transition:all ease .2s;}
.about-banner .circle .slogan h1{font-size:66px;margin:0;font-weight: bold;transition:all ease .2s;}
.about-banner .circle .slogan p{font-size:28px;margin:0;transition:all ease .2s;}
.about-banner .circle .text{position:absolute;width:390px;text-align: right;}
.about-banner .circle .text1{right:235px;top:0;transition:all ease .2s;}
.about-banner .circle .text2{right:250px;top:140px;transition:all ease .2s;}
.about-banner .circle .text3{right:auto;left:260px;top:80px;text-align: left;transition:all ease .2s;}
.about-banner .circle .text h2{margin:0;padding-bottom:5px;font-size:24px;}
.about-banner .circle .text p{font-size:14px;opacity: .9;}
.about-banner .circle .text .r h1{margin:0;font-size:32px;padding-bottom:10px;}
.about-banner .circle .text .r{padding:0 20px;width:30%;margin-left:2%;position:relative;border-bottom:1px solid #fff;text-align: center;}
.about-banner .circle .text3 .r{margin-right: 2%;margin-left:0;}
.about-banner .circle .text .l{width:68%;}
.about-banner .circle .text .r:before{content: '';display: block;position: absolute;width:20px;height:20px;background: #fff;border-radius: 50%;right:-10px;bottom:-10px;}
.about-banner .circle .text3 .r:before{left:-10px;}
.about-banner .scroll-btn{position: absolute;bottom:10px;left:50%;margin-left:-12px;}
.about-box .box{padding:50px 0;}
.about-box .box .media-left{width:40%;padding-right: 50px;}
.about-box .box .media-right{width:40%;padding-left:50px;}
.about-box .box .media-body{display: table-cell;width:auto;}
.about-box .box h1{font-size:36px;}
.about-box .box .media p{padding-top:10px;}
.about-box .box .media{font-size:14px;line-height:2;}
.about-box .box3 .as img{width: auto;}
.about-box .box3 h1{padding-bottom:50px;}
.more-text{background: #fff;padding:12px 30px;margin-top:20px;}
.more-text ul{list-style-type:decimal;padding-left:20px;}
.more-text ul li{font-size:14px;padding:5px 0;}
.box4{padding:40px 0;}
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
.header .menu{left:60px;}
.header .search{right:60px;}
.recruit-pop .modal-content{width:1170px;margin:0 auto;padding:0 30px;}
.recruit-pop .modal-header{padding:15px 15px 20px 60px}
.brand .brand-con h2{font-size:30px;}
.brand .brand-menu a{font-size:16px;}
.course_box .course-list{padding:0 100px;}
.contact{background: #fff;padding:50px 60px;}
.contact .media-body{padding-left:80px;}
.contact .media-body p{padding:10px 0;}
.contact .media-body img{padding-right: 10px;}
.finance-pro{padding:40px 50px;}
.finance-pro .pro-list .pro-box .pro-text{padding:50px 40px 0 40px;}
.finance-pro .pro-list .pro-box .pro-text b{font-size:36px;}
.finance-pro .pro-list .pro-box .pro-text p{font-size:16px;line-height: 36px;}
.about-box .box .media p{padding-top:20px;}
.about-box .box .media{font-size:16px;line-height:2;}
.news-pop .pop-title h1{font-size:30px;}
.box4{padding:80px 0;}
}
@media (min-width: 1450px) {
.about-banner .circle{width:370px;height:370px;margin:-185px 0 0 -185px;}
.about-banner .circle .slogan{padding-top:115px;}
.about-banner .circle .slogan h1{font-size:96px;}
.about-banner .circle .slogan p{font-size:32px;}
.about-banner .circle .text{width:520px;}
.about-banner .circle .text1{right:310px;}
.about-banner .circle .text2{right:350px;top:220px;}
.about-banner .circle .text3{left:370px;top:145px;}
.about-banner .circle .text p{font-size:16px;}
.about-banner .circle .text .r h1{font-size:38px;}
}
@media (min-height: 790px) and (min-width:992px) {
.news-box .news-list{padding-top:200px;}
}