@font-face {
   font-family: 'SourceHanSansCN-Regular';
   src: url('../font/NotoSansHans-Regular.otf');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'SourceHanSansCN-Medium';
   src: url('../font/NotoSansHans-Medium.otf');
   font-weight: normal;
   font-style: normal;
}


/* 公用 */
* {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
}

a {
   text-decoration: none;
}

ul li {
   list-style: none;
}

.w_100 {
   width: 100%;
}

.unselect {
   user-select: nonr;
   -ms-user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
}

.beinlin {
   display: inline-block;
   vertical-align: middle;
}

.spc-color {
   color: #FFFFFF !important;
}

.beopacity {
   opacity: 0.3;
}

/* 头部 */
#header {
   width: 100%;
   background: url(../imgs/header.png) no-repeat center;
   background-size: cover;
   height: 80px;
}

.container {
   width: 1200px;
   margin: 0 auto;
   height: 100%;
   position: relative;
}

#logo {
   width: 165px;
   height: 21px;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.flair {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 185px;
}

.flair p {
   width: 358px;
   font-family: SourceHanSansCN-Regular;
   font-size: 12px;
   color: #195482;
   text-align: justify;
   text-justify: distribute-all-lines;
   text-align-last: justify;
   padding-left: 20px;
   border-left: 1px solid #195482;
   line-height: 16px;
   height: 16px;
   margin: 0px;
}

.search {
   width: 200px;
   height: 32px;
   background: #FFFFFF;
   border-radius: 4px;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}

.search input {
   width: 100%;
   height: 100%;
   border-radius: 4px;
   background: #FFFFFF;
   border: none;
   outline: none;
   padding: 0 14px;
}

.search-click {
   height: 32px;
   width: 32px;
   position: absolute;
   right: 0;
   top: 0;
   padding-top: 7px;
   cursor: pointer;
}

.search-click img {
   display: block;
   width: 17px;
   height: 17px;
   margin: 0 auto;
}

/* 导航条 */
.sw-menu {
   height: 56px;
   background-color: #195482;
   overflow: hidden;
}

.sw-menu ul li {
   float: left;
}

.sw-menu ul li>a {
   line-height: 56px;
   color: #fff;
   font-size: 18px;
   padding: 0 30px;
   display: block;
   position: relative;
}

.sw-menu ul li>a::after {
   content: '';
   position: absolute;
   height: 2px;
   width: 70%;
   left: 15%;
   bottom: 0;
   background-color: #fff;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   transition: all 0.3s ease-in-out;
}

.sw-menu ul li>a:hover::after {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   transform: scaleX(1);
}

.sw-menu ul li .menu {
   display: none;
   position: absolute;
   z-index: 10;
   left: 0;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.6);
}

.sw-menu ul li .menu a {
   color: #fff;
   line-height: 48px;
   font-size: 16px;
   display: inline-block;
   margin-right: 24px;
}

.sw-menu ul li:hover .menu {
   display: block;
}

.content {
   width: 1200px;
   margin: auto;
}

/* 轮播 */
.swiper {
   height: 500px;
}

.banner {
   background: url(../imgs/banner.png) no-repeat center;
   background-size: cover;
}


body {
   min-width: 1200px;
}

.clearfix::after {
   content: '';
   height: 0;
   line-height: 0;
   display: block;
   visibility: hidden;
   clear: both;
}

.clearfix {
   zoom: 1;
}

.signUpBox {
   width: 814px;
   margin: 335px auto 0;
   text-align: center;
}

.signUpBox * {
   float: left;
   display: inline-block;
   width: 181px;
   height: 79px;
}

.signUpBox *+* {
   margin-left: 30px;
}

.signUpBox .e-commerce {
   background: url(../imgs/dzsw.png);
}

.signUpBox .internetMarketing {
   background: url(../imgs/hlw.png);
}

.signUpBox .SCM {
   background: url(../imgs/gyl.png);
}

.signUpBox .infoSec {
   background: url(../imgs/xxce.png);
}

/* 内容区-公用 */

.part-title {
   width: 100%;
   height: fit-content;
   padding-left: 46px;
   position: relative;
   font-size: 0;
   padding: 70px 0 40px 46px;
}

.part-title img {
   position: absolute;
   width: 39px;
   height: 27px;
   top: 50%;
   left: 0;
}

.chinese-title {
   display: inline-block;
   font-size: 32px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #333333;
   line-height: 197px;
   line-height: 32px;
   margin-right: 10px;
}

.english-title {
   display: inline-block;
   font-size: 16px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #CCCCCC;
   line-height: 16px;
}

.certificate {
   width: 100%;
   height: 210px;
   background: url(../imgs/certificate.png) no-repeat center;
   background-size: cover;
   position: relative;
}

.certificate-content {
   width: 670px;
   font-size: 16px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #666666;
   line-height: 30px;
   position: absolute;
   left: 40px;
   top: 30px;
   text-indent: 2em;
}

.certificate-button {
   position: absolute;
   width: 90px;
   height: 32px;
   background: #1C649F;
   border-radius: 4px;
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 32px;
   text-align: center;
   left: 40px;
   top: 138px;
   cursor: pointer;
}

/* 证书 */
.all-certificate {
   width: 100%;
   font-size: 0;
   display: flex;
   justify-content: space-between;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin-top: 30px;
}

.certificate-detail {
   width: 218px;
   height: 237px;
   position: relative;
   cursor: pointer;
}

.certificate-line {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 5px;
   display: none;
}

.spc-bc1 {
   background: #51CCFF;
}

.spc-bc2 {
   background: #6596de;
}

.spc-bc3 {
   background: #ffbb29;
}

.spc-bc4 {
   background: #3ab49d;
}

.spc-bc5 {
   background: #e86969;
}

.certificate-detail:hover .certificate-line {
   display: block;
}

.certificate-detail img {
   width: 100%;
   height: 100%;
}

.certificate-detail-title {
   width: 100%;
   position: absolute;
   font-size: 18px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 500;
   color: #333333;
   line-height: 18px;
   left: 0;
   top: 126px;
   text-align: center;
}

.certificate-part {
   padding: 0 0 50px;
}

.plan-trends-part {
   padding: 50px 0;
   background: #F2F8FF;
}

.plan-trends-part .content {
   background: #FFFFFF;
   font-size: 0;
}

.plan {
   width: 50%;
   display: inline-block;
   vertical-align: middle;
   padding: 0 20px 0 40px;
}

.trends {
   width: 50%;
   display: inline-block;
   vertical-align: middle;
   padding: 0 40px 0 20px;
}

.headlined {
   width: 100%;
   height: 70px;
   font-size: 0;
   padding: 10px 0 0;
   margin-bottom: 30px;
}

.headlined-name {
   display: inline-block;
   vertical-align: middle;
   width: 110px;
   height: 100%;
   font-size: 22px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #333333;
   line-height: 62px;
   border-bottom: 3px solid #195482;
}

.search-more {
   display: inline-block;
   vertical-align: middle;
   width: calc(100% - 110px);
   height: 100%;
   border-bottom: 3px solid #F1F1F1;
   overflow: hidden;
   cursor: pointer;
   opacity: 0.7;
}

.search-more:hover {
   opacity: 1;
}

.search-more div {
   height: 100%;
   float: right;
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #195482;
   line-height: 62px;
}

.plan-all {
   width: 100%;
}

.trends-all {
   width: 100%;
}

.plan-trends-part li {
   width: 540px;
   height: 68px;
   background: #F9F9F9;
   position: relative;
   padding-left: 70px;
   margin-bottom: 4px;
   cursor: pointer;
}

.plan-trends-part li:hover {
   background-color: #DEE7F2;
}

.plan-trends-part li img {
   width: 41px;
   height: 41px;
   position: absolute;
   left: 20px;
   top: 50%;
   transform: translateY(-50%);
}

.plan-trends-part li span {
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #333333;
   line-height: 68px;
   display: inline-block;
   vertical-align: top;
}

.plan-detail-title {
   width: 350px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-right: 30px;
}

.plan-detail-time {
   padding-right: 18px;
}

.trends-detail-title {
   width: 350px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-right: 30px;
}

.trends-detail-time {
   padding-right: 18px;
}

.p-b {
   padding-bottom: 40px;
}

.information-part {
   padding: 60px 0;
   background: #F2F8FF;
}

.information-part .content {
   font-size: 0;
}

.all-information {
   padding: 30px;
   width: 954px;
   height: 335px;
   background: #FFFFFF;
   margin-right: 28px;
}

.online-courses {
   width: 218px;
   height: 335px;
   background: url(../imgs/Online-courses.png) no-repeat center;
   background-size: 100%, 100%;
   padding-top: 60px;
}

.online-courses p {
   width: 100%;
   font-size: 28px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 56px;
   text-align: center;
}

.english {
   font-size: 13px !important;
   line-height: 13px !important;
   text-align: center;
   margin-bottom: 34px;
}

.online-courses-button {
   width: 120px;
   height: 40px;
   background: #FFFFFF;
   border-radius: 4px;
   font-size: 13px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #4298E5;
   line-height: 40px;
   margin: 0 auto;
   text-align: center;
   cursor: pointer;
}

.all-information {
   font-size: 0;
}

.all-information-left {
   width: 188px;
   height: 100%;
}

.all-information-right {
   width: 706px;
   height: 100%;
}

.entry {
   width: 100%;
   height: 128px;
   font-size: 0;
   cursor: pointer;
}

.entry:nth-child(1) {
   margin-bottom: 19px;
}

.entry p {
   width: 100%;
   text-align: center;
   font-size: 20px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #195482;
   line-height: 48px;
}

.material-more {
   width: 80px;
   height: 20px;
   border: 1px solid rgba(25, 84, 130, 0.25);
   /* opacity: 0.25; */
   border-radius: 10px;
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #195482;
   line-height: 18px;
   text-align: center;
   margin: 0 auto;
}

.behover .material-more {
   color: #FFFFFF;
   border-color: #FFFFFF;
}

.situation {
   width: 140px;
   height: 100%;
   padding-top: 64px;
   background: url(../imgs/materialCheck.png);
   background-size: 100%, 100%;
}

.material {
   width: 140px;
   height: 100%;
   padding-top: 50px;
   background: url(../imgs/material.png);
   background-size: 100%, 100%;
}

.arrowhead {
   width: 48px;
   height: 100%;
   position: relative;
}

.arrowhead img {
   width: 22px;
   height: 24px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: none;
}

.behover p {
   color: #FFFFFF !important;
}

.behover .arrowhead img {
   display: block !important;
}

.information-content {
   width: 100%;
   height: 100%;
   background: url(../imgs/spc-bck.png) no-repeat center;
   background-size: 100%, 100%;
   padding: 24px 46px;
   display: none;
}

.information-show {
   display: block;
}

.information-content p {
   width: 100%;
   height: 100%;
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #666666;
   line-height: 30px;
   text-indent: 2em;
   overflow: hidden;
}

.all-img {
   padding-top: 50px;
}

.information-content img {
   width: 95px;
}

/* 报考的流程 */
.process-part {
   padding: 0 0 60px;
}

.process-img {
   width: 100%;
   height: 342px;
}

.process-img img {
   width: 100%;
   height: 100%;
}

/* 各种消息通知part */
.instruments-part {
   padding: 60px 0;
   background: #F2F8FF;
}

.instruments-part .content {
   font-size: 0;
   height: 340px;
}

.check-type {
   width: 130px;
   height: 100%;
   margin-right: 18px;
}

.type-content {
   width: 806px;
   height: 100%;
   background: #FFFFFF;
   margin-right: 28px;
   padding: 0 30px;
}

.instruments-button {
   width: 216px;
   height: 100%;
}

.type-detail {
   width: 100%;
   height: 68px;
   border-bottom: 1px solid #96ADC9;
   padding-top: 13px;
   position: relative;
   cursor: pointer;
}

.type-detail img {
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 16px;
   height: 16px;
}

.type-name {
   font-size: 18px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #96ADC9;
   line-height: 28px;
}

.type-english {
   font-size: 12px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #96ADC9;
   line-height: 12px;
   cursor: pointer;
}

.type-behover {
   border-bottom: 1px solid #195482;
}

.type-behover .type-name {
   color: #195482;
}

.type-behover .type-english {
   color: #195482;
}

.type-detail-content {
   width: 100%;
   height: 100%;
   display: none;
}

.type-detail-show {
   display: block;
}

.type-detail-title {
   height: 51px;
   width: 100%;
   padding-left: 12px;
   position: relative;
   border-bottom: 1px solid rgba(116, 116, 116, 0.12);
   font-size: 18px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #195482;
   line-height: 50px;
}

.line {
   width: 3px;
   height: 18px;
   background: #195482;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.type-detail-title a {
   font-size: 14px;
   color: #195482;
   float: right;
   opacity: 0.7;
}

.type-detail-title a:hover {
   opacity: 1;
}

.type-detail-content ul {
   padding-top: 20px;
}

.type-detail-content ul li {
   width: 100%;
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #333333;
   line-height: 36px;
}

.type-detail-content ul li a:hover {
   color: #195482 !important;
}

.type-detail-content ul li span {
   float: right;
}

.instruments-button div {
   width: 100%;
   height: 160px;
}

.instruments-button div:nth-child(1) {
   margin-bottom: 16px;
}

.instruments-button div img {
   width: 100%;
   height: 100%;
}

/* 简介 */
.briefing-part {
   padding-bottom: 60px;
   background: url(../imgs/briefing.png) no-repeat center;
   background-size: cover;
}

.all-briefing {
   width: 100%;
   height: 300px;
}

.all-briefing ul {
   padding: 0;
   width: 100%;
   height: 100%;
   /* margin: 50px auto; */
   overflow: hidden;
   font-size: 0;
}

.all-briefing li {
   /* float: left; */
   display: inline-block;
   vertical-align: top;
   list-style: none;
   width: 128px;
   height: 100%;
   position: relative;
   transition: width 0.5s;
   overflow: hidden;
   margin-right: 10px;
}

.all-briefing li:nth-child(8) {
   margin-right: 0;
}

.all-briefing li:nth-child(1) {
   width: 234px;
}

.all-briefing li img {
   width: 234px;
   height: 100%;
   position: absolute;
}

.all-briefing ul:hover li {
   width: 128px;
}

.briefing-show .briefing-img {
   display: none;
}

.all-briefing ul li:hover {
   width: 234px;
}

.briefing1 {
   position: absolute;
   width: 124px !important;
   height: 140px !important;
   bottom: 0 !important;
   right: 0 !important;
}

.briefing2 {
   position: absolute;
   width: 110px !important;
   height: 146px !important;
   bottom: 0 !important;
   right: 0 !important;
}

.briefing3 {
   position: absolute;
   width: 62px !important;
   height: 140px !important;
   bottom: 0 !important;
   right: 0 !important;
}

.briefing4 {
   position: absolute;
   width: 62px !important;
   height: 138px !important;
   bottom: 0 !important;
   right: 0 !important;
}

.briefing5 {
   position: absolute;
   width: 56px !important;
   height: 140px !important;
   bottom: 0 !important;
   right: 0 !important;
}

.briefing6 {
   position: absolute;
   width: 79px !important;
   height: 150px !important;
   bottom: 0 !important;
   right: 0 !important;
}

.briefing7 {
   position: absolute;
   width: 97px !important;
   height: 149px !important;
   bottom: 0 !important;
   right: 0 !important;
}

.briefing-title {
   width: 100%;
   font-size: 20px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #333333;
   line-height: 20px;
   position: absolute;
   top: 88px;
   left: 0;
   text-align: center;
}

.briefing-line {
   width: 27px;
   height: 3px;
   background: #195482;
   border-radius: 2px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 56px;
   display: none;
}

.briefing-content {
   position: absolute;
   width: 234px;
   margin: 0 auto;
   padding: 0 10px;
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #666666;
   line-height: 26px;
   text-indent: 2em;
   left: 0;
   top: 70px;
   display: none;
}

.briefing-show .briefing-title {
   top: 25px;
   color: #195482;
}

.briefing-show .briefing-content {
   display: block;
}

.briefing-show .briefing-line {
   display: block;
}

/* 客服的部分 */
.customer-service {
   position: fixed;
   right: 42px;
   bottom: 70px;
   width: 84px;
   height: 84px;
   background: #FFFFFF;
   border: 3px solid #FFFFFF;
   box-shadow: 0px 0px 18px 0px rgba(3, 47, 81, 0.3);
   border-radius: 50%;
   z-index: 100000;
   padding-top: 6px;
   cursor: pointer;
}

.customer-service img {
   width: 41px;
   height: 39px;
   display: block;
   margin: 0 auto;
}

.customer-service p {
   width: 100%;
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #195482;
   line-height: 26px;
   text-align: center;
}

/* footer部分 */
#footer {
   width: 100%;
   height: 190px;
   background: url(../imgs/footer.png) no-repeat center;
   background-size: cover;
}

.footer-content {
   width: 1200px;
   margin: 0 auto;
   position: relative;
}

.phone {
   position: absolute;
   top: 66px;
   left: 0;
   width: 300px;
   height: 62px;
   font-size: 0;
}

.phone-img {
   display: inline-block;
   width: 62px;
   height: 62px;
   vertical-align: top;
}

.phone-img img {
   width: 100%;
   height: 100%;
}

.phone-num {
   display: inline-block;
   width: calc(100% - 62px);
   height: 100%;
   position: relative;
   vertical-align: top;
}

.phone-num p {
   position: absolute;
   top: 0;
   left: 12px;
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 14px;
}

.phone-num div {
   position: absolute;
   bottom: 0;
   left: 12px;
   font-size: 34px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 34px;
}

.foot-middle {
   position: absolute;
   top: 66px;
   left: 350px;
}

.links {
   font-size: 0;
}

.links a {
   font-size: 14px;
   font-family: SourceHanSansCN-Regular;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 14px;
   padding: 0 20px;
   border-right: 1px solid #FFFFFF;
}

.links a:nth-child(1) {
   padding-left: 0;
   border-left: 0;
}

.links a:nth-last-child(1) {
   padding-right: 0;
   border-right: 0;
}

.copyright {
   font-size: 14px;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 74px;
   opacity: 0.42;
}

.copyright img {
   margin-left: 20px;
}

.QR-code {
   position: absolute;
   top: 42px;
   right: 0;
}

.code-img {
   width: 86px;
}

.code-img img {
   width: 100%;
}

.QR-code p {
   width: 100%;
   font-size: 14px;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 30px;
   opacity: 0.42;
   text-align: center;
}