.body {
    background: #f8f8f8;
    text-align: left;
}

/* 登陆页面 */
.login-body {
    width: 100%;
    height: 100%;
    background: url(../images/login-bg.jpg) no-repeat center center;
    background-size: cover;
    text-align: left;
}

#login-logo {
    width: 100%;
    box-sizing: border-box;
    padding: 33px 0 26px;
}

#login-logo a img {
    width: 243px;
    height: 62px;
    display: block;
    margin-left: 10%;
}

#login-input-box {
    width: 692px;
    height: 755px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 119px 142px 0px 168px;
}

#login-input-box .title {
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 20px;
}

#login-input-box .rich-text {
    font-size: 20px;
    line-height: 20px;
    color: #6e6d6d;
    padding-bottom: 65px;
}

#login-input-box .num {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    padding-bottom: 16px;
    padding-left: 4px;
}

#login-input-box .num-input {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    line-height: 26px;
    font-size: 14px;
    color: #999999;
    padding: 0 !important;
}

#login-input-box .tips-box {
    height: 24px;
    width: 100%;
}

#login-input-box .tips-box .tips-text {
    font-size: 14px;
    line-height: 24px;
    color: #f24040;
}

#login-input-box .pas-box {
    width: 100%;
    height: 28px;
    padding-bottom: 21px;
}

#login-input-box .pas-box a {
    float: right;
    font-size: 14px;
    color: #77797c;
    text-decoration: underline;
}

#login-input-box .login-input-button {
    width: 100%;
    height: 45px;
    background: #3e81f3;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 108px;
}

#login-input-box .res-box {
    width: 100%;
    height: 28px;
}

#login-input-box .res-box a {
    float: right;
    font-size: 16px;
    color: #3e81f3;
    text-decoration: underline;
}

#login-bottom {
    width: 100%;
    box-sizing: border-box;
    padding-top: 28px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}



/* 登陆页面 */
/* 注册页面 */
#register-input-box {
    width: 692px;
    height: 755px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 49px 142px 0px 170px;
}


#register-input-box .title {
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 20px;
}

#register-input-box .rich-text {
    font-size: 20px;
    line-height: 20px;
    color: #6e6d6d;
    padding-bottom: 44px;
}

#register-input-box .input-box {
    width: 100%;
    height: 78px;
}

#register-input-box .input-box>div {
    width: 170px;
}

#register-input-box .input-box>div .text {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    padding-bottom: 13px;
}

#register-input-box .input-box .box-left {
    float: left;
}

#register-input-box .input-box .box-left select {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    color: #999999 !important;
    padding-left: 4px;
    background: none;
    background: url(../images/sanjiao-icon.png) no-repeat right center transparent;
    background-size: 32px 32px;
}

#register-input-box .input-box .box-right {
    float: right;
}

#register-input-box .input-box .box-right input {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    color: #999999;
    padding-left: 4px;
}

#register-input-box .input-box .box-right .tips-box {
    width: 100%;
    height: 24px;
    padding-left: 4px;
    box-sizing: border-box;
}

#register-input-box .input-box .box-right .tips-box .tips-text {
    font-size: 14px;
    color: #f24040;
    line-height: 24px;
}

#register-input-box .num {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    padding-bottom: 16px;
    padding-left: 4px;
}

#register-input-box .num-input {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    line-height: 26px;
    font-size: 14px;
    color: #999999;
    padding: 0 !important;
    background: none !important;
}

#register-input-box .tips-box {
    height: 24px;
    width: 100%;
}

#register-input-box .tips-box .tips-text {
    font-size: 14px;
    line-height: 24px;
    color: #f24040;
}

#register-input-box .register-input-button {
    width: 100%;
    height: 45px;
    background: #f24040;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #ffffff;
}

#register-input-box .box {
    position: relative;
}


#register-input-box .box .code-button {
    height: 33px;
    width: 87px;
    background: #3e81f3;
    font-size: 14px;
    color: #ffffff;
    line-height: 33px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 15px;
}

#register-input-box .box-coon {
    display: block;
}

/* 注册页面 */
/* 忘记密码 */
#forget-input-box {
    width: 692px;
    height: 755px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 109px 142px 0px 168px;
}

#forget-input-box .title {
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 88px;
}

#forget-input-box .input-box {
    width: 100%;
    height: 78px;
}

#forget-input-box .input-box>div {
    width: 170px;
}

#forget-input-box .input-box>div .text {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    padding-bottom: 13px;
}

#forget-input-box .input-box .box-left {
    float: left;
}

#forget-input-box .input-box .box-left select {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    color: #999999 !important;
    padding-left: 4px;
    background: none;
    background: url(../images/sanjiao-icon.png) no-repeat right center transparent;
    background-size: 32px 32px;
}

#forget-input-box .input-box .box-right {
    float: right;
}

#forget-input-box .input-box .box-right input {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    color: #999999;
    padding-left: 4px;
}

#forget-input-box .input-box .box-right .tips-box {
    width: 100%;
    height: 24px;
    padding-left: 4px;
    box-sizing: border-box;
}

#forget-input-box .input-box .box-right .tips-box .tips-text {
    font-size: 14px;
    color: #f24040;
    line-height: 24px;
}

#forget-input-box .num {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    padding-bottom: 16px;
}

#forget-input-box .num-input {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    line-height: 26px;
    font-size: 14px;
    color: #999999;
    padding: 0 !important;
    padding-left: 4px !important;
}

#forget-input-box .tel-input {
    width: 240px;
}

#forget-input-box .sendButton {
    width: 116px;
    float: right;
    height: 27px;
    background: #3e81f3;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
}

#forget-input-box .tips-box {
    height: 24px;
    width: 100%;
    padding-left: 4px !important;
    box-sizing: border-box;
}

#forget-input-box .tips-box .tips-text {
    font-size: 14px;
    line-height: 24px;
    color: #f24040;
}

#forget-input-box .input-box2 {
    padding-bottom: 50px;
}

#forget-input-box .forget-button {
    width: 100%;
    height: 45px;
    background: #3e81f3;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #ffffff;
}

/* 忘记密码 */

/* 顶部 */
#top-box {
    background: #f5f1f1;
}

#top-box .box-content {
    width: 1200px;
    margin: 0 auto;
    height: 41px;
}

#top-box .box-content .con-left {
    float: left;
    line-height: 41px;
    font-size: 12px;
    color: #000000;
}

#top-box .box-content .con-right {
    line-height: 41px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}

#top-box .box-content .con-right .right-button {
    line-height: 41px;
    height: 41px;
    display: flex;
    align-items: center;
}

#top-box .box-content .con-right .right-button a {
    display: inline-block;
    color: #060606;
    text-decoration: none;
    font-size: 12px;
    height: 41px;
}

#top-box .box-content .con-right .right-button i {
    color: #060606;
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -2px;
    margin: 0 8px;
    font-style: normal;
}

#top-box .box-content .con-right .right-tel {
    height: 41px;
    margin-left: 32px;
    line-height: 41px;
    display: flex;
    align-items: center;
}

#top-box .box-content .con-right .right-tel img {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 41px;
}

#top-box .box-content .con-right .right-tel span {
    display: inline-block;
    font-size: 12px;
    color: #060606;
    margin-left: 4px;
    line-height: 12px;
}

/* 顶部 */
/* nav */
#nav-box {
    background: #ffffff;
}

#nav-box .box-content {
    width: 1200px;
    height: 106px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

#nav-box .box-content .con-logo {
    margin-left: 2px;
    width: 243px;
    height: 62px;
    display: block;
    margin-top: 22px;
}

#nav-box .box-content .con-nav {
    width: auto;
    line-height: 101px;
    float: right;
}

#nav-box .box-content .con-nav li {
    display: inline-block;
    position: relative;
}

#nav-box .box-content .con-nav li .nav-a {
    font-size: 16px;
    color: #000000;
    display: inline-block;
    border-bottom: 5px solid transparent;
    line-height: 101px;
    padding: 0 14px;
}

#nav-box .box-content .con-nav li .nav-a.active_a {
    border-bottom: 5px solid #3c6bca;
    color: #4d8cf7;
}

#nav-box .box-content .con-nav li:hover .nav-a {
    border-bottom: 5px solid #3c6bca;
    color: #4d8cf7;
}

#nav-box .box-content .con-nav .nav-hide {
    width: 309px;
    height: 86px;
    position: absolute;
    top: 107px;
    left: 0;
    z-index: 10001;
    background: #ffffff;
    box-sizing: border-box;
    padding: 8px;
    display: none;
}

#nav-box .box-content .con-nav .nav-hide .nav-hide-img {
    width: 97px;
    height: 64px;
    float: left;
    padding-top: 14px;
    box-sizing: border-box;
}

#nav-box .box-content .con-nav .nav-hide .nav-hide-img .img {
    width: 97px;
    height: 50px;
    display: block;
    background-size: 97px 50px;
}

#nav-box .box-content .con-nav li:nth-child(2) .nav-hide .nav-hide-img .img {
    background: url(../images/city-img01.png) no-repeat center center;
}

#nav-box .box-content .con-nav li:nth-child(3) .nav-hide .nav-hide-img .img {
    background: url(../images/hwjs-img.png) no-repeat center center;
}

#nav-box .box-content .con-nav li:nth-child(6) .nav-hide .nav-hide-img .img {
    background: url(../images/lxgz-img.png) no-repeat center center;
}

#nav-box .box-content .con-nav .nav-hide .nav-hide-ul {
    height: 100%;
    float: right;
    width: calc(100% - 97px);
    box-sizing: border-box;
    padding: 16px 0 6px 2px;
}

#nav-box .box-content .con-nav .nav-hide .nav-hide-ul .nav-hide-p {
    border-right: 1px solid #000;
    box-sizing: border-box;
    padding: 0 8px;
    line-height: 14px;
    height: 14px;
    float: left;
}

#nav-box .box-content .con-nav .nav-hide .nav-hide-ul .nav-hide-p:nth-child(5) {
    margin-top: 16px;
}

#nav-box .box-content .con-nav .nav-hide .nav-hide-ul .nav-hide-p:nth-child(6) {
    margin-top: 16px;
}

#nav-box .box-content .con-nav .nav-hide .nav-hide-ul .nav-hide-p:nth-child(7) {
    margin-top: 16px;
}

#nav-box .box-content .con-nav .nav-hide .nav-hide-ul .nav-hide-p:nth-child(8) {
    margin-top: 16px;
}

#nav-box .box-content .con-nav .nav-hide .nav-hide-ul .nav-hide-p .nav-hide-a {
    line-height: 14px;
    font-size: 14px;
    color: #000000;
}

/* nav */

/* 轮播图1 */
#swiper1 {
    width: 100%;
    position: relative;
}

#swiper1 #banner {
    position: relative;
    z-index: 0;
}

#swiper1 #banner img {
    height: 578px;
    object-fit: cover;
}

#input-box {
    height: auto;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -582px;
    margin-top: -200px;
}

#input-box .input-box-con {
    width: 297px;
    height: 381px;
    border-radius: 10px;
    background: #ffffff;
    float: right;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    padding: 21px;
}

#input-box .input-box-con>div {
    width: 100%;
    height: 41px;
    margin-bottom: 5px;
}

#input-box .input-box-con .con-title {
    font-size: 20px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
}

#input-box .input-box-con .input-select {
    margin-bottom: 15px;
    background: #faf7f6;
}

#input-box .input-box-con .last-input-select {
    margin-bottom: 34px;
}

#input-box .input-box-con .input-select select {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #999999;
    padding: 0 11px;
    /*去掉默认的下拉三角*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/down-icon.png") no-repeat right 11px center transparent;
    background-size: 16px 16px;
}

#input-box .input-box-con .input-button {
    background: #f24040;
    font-size: 16px;
    color: #ffffff;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
}

/* 轮播图1 */
/* 内容一 */
#index-box1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 39px;
}

#index-box1 .box1-left {
    float: left;
    width: 294px;
    height: 674px;
    background: url(../images/index-img01.jpg) no-repeat top left;
    background-size: 294px 674px;
    box-sizing: border-box;
    padding: 19px 14px 19px 19px;
}

#index-box1 .box1-left .title {
    width: 100%;
    height: 19px;
    padding-bottom: 20px;
}

#index-box1 .box1-left .title span {
    display: inline-block;
}

#index-box1 .box1-left .title span.span1 {
    font-size: 18px;
    line-height: 19px;
    color: #ffffff;
    font-weight: bold;
    float: left;
}

#index-box1 .box1-left .title .span2 {
    width: 44px;
    height: 19px;
    float: right;
    border-radius: 9.5px;
    background: #56b6fd;
    font-size: 12px;
    text-align: center;
    line-height: 19px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
}

#index-box1 .box1-left .left-list {
    width: 100%;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
}

#index-box1 .box1-left .left-list .list-bar {
    margin-left: 10px;
    width: 237px;
    height: 39px;
}

#index-box1 .box1-left .left-list .list-bar span {
    width: 50%;
    height: 39px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 39px;
    float: left;
    cursor: pointer;
}

#index-box1 .box1-left .left-list .list-bar span.span1 {
    border-radius: 5px 0 0 5px;
    background: #56b6fd;
    color: #efebeb;
}

#index-box1 .box1-left .left-list .list-bar span.span2 {
    border-radius: 0 5px 5px 0;
    background: #56b6fd;
    color: #efebeb;
}

#index-box1 .box1-left .left-list .list-bar span.span-act {
    background: #ffffff;
    color: #3e81f3;
}

#index-box1 .box1-left .left-list .list-body {
    width: 100%;
    height: 100%;
}

#index-box1 .box1-left .left-list .list-body .body-title {
    box-sizing: border-box;
    padding-top: 32px;
    line-height: 14px;
    height: 46px;
}

#index-box1 .box1-left .left-list .list-body .body-title span {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
}

#index-box1 .box1-left .left-list .list-body .body-title span.span1 {
    margin-left: 10px;
}

#index-box1 .box1-left .left-list .list-body .body-title span.span3 {
    float: right;
}

#index-box1 .box1-left .left-list .list-body .body-con {
    box-sizing: border-box;
    padding-top: 16px;
    position: relative;
}

#index-box1 .box1-left .left-list .list-body .body-con .tab-con {
    display: block !important;
}

#index-box1 .box1-left .left-list .list-body .body-con .con1 {
    width: 100%;
    height: auto;
    display: none;
}

#index-box1 .box1-left .left-list .list-body .body-con .con2 {
    width: 100%;
    height: auto;
    display: none;
}

#index-box1 .box1-left .left-list .list-body .body-con .con-item {
    padding: 21px 0;
    line-height: 22px;
    height: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#index-box1 .box1-left .left-list .list-body .body-con .con-item span {
    display: inline-block;
    color: #ffffff;
    line-height: 22px;
    font-weight: bold;
}

#index-box1 .box1-left .left-list .list-body .body-con .con-item span.span1 {
    font-size: 22px;
}

#index-box1 .box1-left .left-list .list-body .body-con .con-item span.span2 {
    font-size: 18px;
    margin-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    height: 22px;
}

#index-box1 .box1-left .left-list .list-body .body-con .con-item span.span3 {
    font-size: 14px;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#index-box1 .box1-right {
    float: right;
    width: 898px;
    height: 674px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 18px 28px 14px 35px;
}

#index-box1 .box1-right .right-tabbar {
    height: 30px;
    width: 100%;
}

#index-box1 .box1-right .right-tabbar .tab-title {
    font-size: 18px;
    color: #000000;
    line-height: 18px;
    height: 30px;
    float: left;
    font-weight: bold;
}

#index-box1 .box1-right .right-tabbar .tab-con {
    float: right;
    box-sizing: border-box;
    padding: 0 20px;
}

#index-box1 .box1-right .right-tabbar .tab-con li {
    margin: 0 18px;
    float: left;
    line-height: 14px;
    height: 30px;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    padding: 0 4px;
    padding-bottom: 13px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
}

#index-box1 .box1-right .right-tabbar .tab-con li.act_li {
    border-bottom: 3px solid #3e81f3;
    color: #3e81f3;
}

#index-box1 .box1-right .right-body {
    width: 100%;
    height: 606px;
    position: relative;
}

#index-box1 .box1-right .right-body .bodyItem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 606px;
    overflow-y: auto;
    display: none;
}

#index-box1 .box1-right .right-body .tab-actBody {
    display: block;
}

#index-box1 .box1-right .right-body .bodyItem .body-item {
    box-sizing: border-box;
    padding: 18px 0;
    float: left;
}

#index-box1 .box1-right .right-body .bodyItem .body-item:nth-child(3n-1) {
    margin: 0 12px;
}

#index-box1 .box1-right .right-body .bodyItem .body-item:nth-child(3n-1) .item-con {
    box-shadow: 0px 2px 16px 2px #efeeee;
}

#index-box1 .box1-right .right-body .bodyItem .item-content {
    width: 100%;
    overflow: hidden;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con {
    width: 261px;
    height: 267px;
    border: 1px solid #efeeee;
    box-sizing: border-box;
    display: block;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con img {
    display: block;
    width: 100%;
    height: 133px;
    object-fit: scale-down;
    margin-bottom: 16px;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con .p1 {
    box-sizing: border-box;
    padding: 0 14px;
    font-size: 16px;
    color: #000000;
    line-height: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con .p2 {
    padding: 0 14px;
    padding-top: 22px;
    box-sizing: border-box;
    height: 36px;
    line-height: 14px;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con .p2 span {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con .p2 span.span2 {
    float: right;
    margin-right: 8px;
    text-align: right;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con .p3 {
    padding: 0 14px;
    padding-top: 16px;
    box-sizing: border-box;
    height: 48px;
    line-height: 30px;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con .p3 span {
    width: 101px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con .p3 span.span1 {
    border: 1px solid #17489c;
    color: #17489c;
}

#index-box1 .box1-right .right-body .bodyItem .body-item .item-con .p3 span.span2 {
    border: 1px solid #fd4e32;
    color: #fd4e32;
    float: right;
}

/* 内容一 */
/* 内容二 */
#index-box2 {
    width: 1200px;
    margin: 0 auto;
    height: 277px;
    box-sizing: border-box;
    padding-top: 57px;
    margin-bottom: 50px;
}

#index-box2 .box2-item {
    width: 380px;
    height: 220px;
    float: left;
    border-radius: 7px;
    display: block;
}

#index-box2 .item1 img {
    width: 380px;
    height: 220px;
    display: block;
    border-radius: 7px;
}

#index-box2 .item2 {
    margin: 0 28px;
}

#index-box2 .item3 {
    background: #ffffff;
    box-sizing: border-box;
    padding: 17px 11px 11px 16px;
}

#index-box2 .item3 .item-top {
    width: 353px;
    height: 38px;
    background: url(../images/index-bg01.jpg) no-repeat center center;
    background-size: 358px 38px;
    border-radius: 4px;
    display: block;
    box-sizing: border-box;
    padding: 0 24px 0 20px;
    margin-bottom: 8px;
}

#index-box2 .item3 .item-top span {
    display: inline-block;
}

#index-box2 .item3 .item-top a {
    display: inline-block;
}

#index-box2 .item3 .item-top .top-title {
    font-size: 16px;
    line-height: 38px;
    color: #ffffff;
    font-weight: bold;
}

#index-box2 .item3 .item-top .top-more {
    float: right;
    font-size: 14px;
    line-height: 38px;
    color: #ffffff;
}

#index-box2 .item3 .item-ul {
    box-sizing: border-box;
    padding-left: 14px;
}

#index-box2 .item3 .item-ul li {
    width: 100%;
    height: 36px;
    line-height: 35px;
    border-bottom: 1px dashed #9d9d9d;
    box-sizing: border-box;
}

#index-box2 .item3 .item-ul li a {
    width: 100%;
    height: 35px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #000000;
}

/* 内容二 */
/* 内容三 */
#index-box3 {
    width: 1200px;
    height: 365px;
    margin: auto;
    background: #ffffff;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 50px;
}

#index-box3 .box3-top {
    height: 34px;
}

#index-box3 .box3-top .top-title {
    width: 80px;
    line-height: 29px;
    box-sizing: border-box;
    border-bottom: 5px solid #ff602b;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

#index-box3 .box3-top .top-more {
    width: 54px;
    height: 24px;
    display: block;
    float: right;
    font-size: 14px;
    color: #3e81f3;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
}

#index-box3 .swiper2 {
    width: 100%;
    height: calc(100% - 34px);
    box-sizing: border-box;
    padding: 41px 25px 0;
    position: relative !important;
}

#index-box3 .swiper2 .swiper-slide {
    width: 266px !important;
    height: 216px !important;
    border-radius: 5px;
    background: #ecf3fe;
}

#index-box3 .swiper2 .swiper-slide a {
    width: 266px;
    height: 216px;
    box-sizing: border-box;
    padding: 16px 12px;
    display: block;
}

#index-box3 .swiper2 .swiper-slide a .slide-top {
    display: flex;
    align-items: center;
}

#index-box3 .swiper2 .swiper-slide a .slide-top img {
    width: 92px;
    height: 92px;
    display: block;
    border-radius: 50%;
}

#index-box3 .swiper2 .swiper-slide a .slide-top .top-con {
    box-sizing: border-box;
    padding-left: 8px;
}

#index-box3 .swiper2 .swiper-slide a .slide-top .top-con .p-name {
    font-size: 18px;
    color: #000000;
    line-height: 18px;
}

#index-box3 .swiper2 .swiper-slide a .slide-top .top-con .p-js {
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    padding-top: 12px;
}

#index-box3 .swiper2 .swiper-slide a .slide-bottom {
    width: 100%;
    box-sizing: border-box;
    padding-left: 23px;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    padding-top: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#index-box3 .swiper2 .swiper-button-prev {
    width: 32px !important;
    height: 64px !important;
    border-radius: 0 32px 32px 0;
    background: #3e81f3;
    position: absolute !important;
    left: -20px !important;
    z-index: 1000 !important;
    opacity: 1 !important;
    top: 132px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#index-box3 .swiper2 .swiper-button-next {
    width: 32px !important;
    height: 64px !important;
    border-radius: 32px 0 0 32px;
    background: #3e81f3;
    position: absolute !important;
    right: -20px !important;
    z-index: 1000 !important;
    opacity: 1 !important;
    top: 132px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 内容三 */
/* 内容四 */
#index-box4 {
    width: 1200px;
    height: 268px;
    background: #ffffff;
    margin: auto;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 26px;
}

#index-box4 .box4-top {
    height: 34px;
}

#index-box4 .box4-top .top-title {
    width: 80px;
    line-height: 29px;
    box-sizing: border-box;
    border-bottom: 5px solid #ff602b;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

#index-box4 .box4-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 22px;
    height: calc(100% - 34px);
}

#index-box4 .box4-con .con-item {
    display: flex;
    height: 96px;
    align-items: center;

}

#index-box4 .box4-con .con-item img.img3 {
    max-width: 112px;
    max-height: 112px;
}

#index-box4 .box4-con .con-item .item-box {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    justify-content: space-between;
    height: 100%;
}

#index-box4 .box4-con .con-item .item-box span {
    display: block;
}

#index-box4 .box4-con .con-item .item-box .span1 {
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    line-height: 22px;
}

#index-box4 .box4-con .con-item .item-box .span2 {
    font-size: 16px;
    color: #000000;
    line-height: 16px;
}

#index-box4 .box4-con .con-item .item-box .span3 {
    font-size: 20px;
    color: #f24040;
    font-weight: bold;
    line-height: 29px;
}

#index-box4 .box4-con .con-item .item-box .span4 {
    display: block;
    width: 121px;
    height: 29px;
    border-radius: 10px;
    background: #f24040;
    line-height: 29px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

#index-box4 .box4-con .con-item .item-box .span5 {
    font-size: 16px;
    color: #000000;
    line-height: 29px;
}

/* 内容四 */
/* 底部 */
#index-footer {
    width: 100%;
    background: #ffffff;
}

#index-footer .footer-box {
    width: 1200px;
    height: 353px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 57px;
}

#index-footer .footer-box .box-left {
    float: left;
    box-sizing: border-box;
    padding-left: 6px;
}

#index-footer .footer-box .box-right {
    float: right;
    box-sizing: border-box;
    padding-right: 16px;
    width: 334px;
}

#index-footer .footer-box .box-left .footer-logo {
    display: block;
    height: 62px;
    width: 243px;
}

#index-footer .footer-box .box-left .footer-logo .logo-img {
    width: 243px;
    height: 62px;
    display: block;
}

#index-footer .footer-box .box-left .left-item {
    font-size: 16px;
    color: #000000;
    line-height: 16px;
    box-sizing: border-box;
    padding-left: 8px;
}

#index-footer .footer-box .box-left .left-name {
    padding-top: 40px;
}

#index-footer .footer-box .box-left .left-new {
    padding-top: 26px;
}

#index-footer .footer-box .box-left .left-hash {
    padding-top: 20px;
}

#index-footer .footer-box .box-left .left-hash a {
    font-size: 16px;
    color: #000000;
    line-height: 16px;
}

#index-footer .footer-box .box-left .left-box {
    height: 30px;
    display: flex;
    padding-top: 37px;
}

#index-footer .footer-box .box-left .left-box a {
    display: flex;
    align-items: center;
}

#index-footer .footer-box .box-left .left-box a:last-child {
    margin-left: 29px;
}

#index-footer .footer-box .box-left .left-box a img {
    display: block;
    width: 37px;
    height: 30px;
}

#index-footer .footer-box .box-left .left-box a span {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    display: block;
    margin-left: 5px;
}

#index-footer .footer-box .box-right .right-box {
    height: 135px;
    display: flex;
}

#index-footer .footer-box .box-right .right-box .box-item {
    width: 135px;
    height: 135px;
    display: block;
    margin-left: 24px;
}

#index-footer .footer-box .box-right .right-text {
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    padding-top: 20px;
}

#index-footer .footer-box .box-right .right-more {
    margin: 28px auto 0;
    width: 155px;
    height: 34px;
    border-radius: 10px;
    background: #f8f7f7;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #000000;
    display: block;
}

/* 底部 */

/* banner图 */
#banner-box {
    width: 1200px;
    height: 202px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 8px 0 15px;
}

#banner-box .box-img {
    width: 100%;
    height: 179px;
    display: block;
}

/* banner图 */

/* 列表内容 */
#list-box {
    width: 100%;
    background: transparent;
    margin-bottom: 20px;
}

#list-box .box-con {
    width: 1200px;
    margin: auto;
    background: #ffffff;
    box-sizing: border-box;
    padding: 25px 44px 0 48px;
}

/* 面包屑 */
#list-box .box-con .con-nav {
    width: 100%;
    height: 19px;
}

#list-box .box-con .con-nav img {
    display: block;
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 4px;
}

#list-box .box-con .con-nav span {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
    padding: 0 4px;
}

#list-box .box-con .con-nav a {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
}

#list-box .box-con .con-nav a.active-a {
    color: #4d8cf7;
}

#list-box .box-con .con-nav a:hover {
    color: #4d8cf7;
}

/* 面包屑 */

#list-box .box-con .con-list {
    width: 100%;
    box-sizing: border-box;
    padding-top: 13px;
}

#list-box .box-con .con-list li {
    height: 194px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0;
    border-bottom: 1px solid #e9e8e8;
}

#list-box .box-con .con-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

#list-box .box-con .con-list li a .item-img {
    width: 230px;
    height: 153px;
    display: block;
    float: left;
}

#list-box .box-con .con-list li a .item-right {
    width: calc(100% - 230px);
    height: 100%;
    box-sizing: border-box;
    padding-left: 21px;
    float: right;
}

#list-box .box-con .con-list li a .item-right .title {
    font-size: 18px;
    color: #000000;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

#list-box .box-con .con-list li a .item-right .article {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    padding-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 26px;
    word-break: break-all;
}

#list-box .box-con .con-list li a .item-right .time {
    height: 14px;
    width: 100%;
}

#list-box .box-con .con-list li a .item-right .time img {
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 13px;
    float: left;
}

#list-box .box-con .con-list li a .item-right .time span {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 14px;
    color: #999999;
}

/* 分页 */
#page {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0 30px;
    display: flex;
    justify-content: center;
}

#page .page-box {
    height: 30px;
}

#page .page-box li {
    margin: 0 4px;
    display: inline-block;
}

#page .page-box li a {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    color: #000;
    background: #dddddd;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
}

#page .page-box li a.page-act_a {
    color: #ffffff;
    background: #3366cc;
}

.pagination {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination p {
    height: 30px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    color: #000 !important;
    background: #dddddd !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    margin-bottom: 5px !important;
}

.pagination a:hover {
    color: #fff !important;
    background: #3366cc !important;
    border: 1px solid transparent !important;
}

.pagination a {
    height: 30px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    color: #000 !important;
    background: #dddddd !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    display: block !important;
    border: 1px solid transparent !important;
    margin-bottom: 5px !important;
}

.pagination a.cur {
    color: #fff !important;
    background: #3366cc !important;
    border: none !important;
}

.pagination p.pageRemark {
    display: none;
}

/* 分页 */

/* 二级导航 */
#second-nav {
    width: 117px;
    background: #ffffff;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    margin-top: -120px;
    left: 50%;
    margin-left: -725px;
    border: 1px solid rgba(204, 204, 204, 0.5);
}

#second-nav .nav-p {
    width: 100%;
    padding-top: 16px;
}

#second-nav .nav-p a {
    display: block;
    height: 36px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border-left: 3px solid transparent;
    font-size: 16px;
    color: #000000;
    line-height: 36px;
}

#second-nav .nav-p a.nav_act-a {
    color: #f24040;
    border-left: 3px solid #f24040;
}

#second-nav .nav-p a:hover {
    color: #f24040;
    border-left: 3px solid #f24040;
}

#second-nav .nav-top {
    width: 100%;
    height: 82px;
    box-sizing: border-box;
    padding-top: 21px;
}

#second-nav .nav-top img {
    width: 62px;
    height: 40px;
    display: block;
    margin: auto;
    cursor: pointer;
}

/* 二级导航 */

/* 列表内容 */

/* 详情页内容 */
#details-box {
    width: 1200px;
    margin: auto;
    background: #ffffff;
    box-sizing: border-box;
    padding: 25px 44px 37px 48px;
    margin-bottom: 23px;
}

/* 面包屑 */
#details-box .con-nav {
    width: 100%;
    height: 19px;
}

#details-box .con-nav img {
    display: block;
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 4px;
}

#details-box .con-nav span {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
    padding: 0 4px;
}

#details-box .con-nav a {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
}

#details-box .con-nav a.active-a {
    color: #4d8cf7;
}

#details-box .con-nav a:hover {
    color: #4d8cf7;
}

/* 面包屑 */
/* 内容 */
#details-box .con-box .box-top {
    width: 100%;
    border-bottom: 1px solid #f0efef;
    box-sizing: border-box;
    padding: 90px 10px 16px;
    text-align: center;
}

#details-box .con-box .box-top .title {
    font-size: 26px;
    color: #000000;
    line-height: 46px;
    font-weight: bold;
    margin-bottom: 22px;
    width: 100%;
}

#details-box .con-box .box-top .time {
    height: 14px;
    width: 100%;
    display: flex;
    justify-content: center;
}

#details-box .con-box .box-top .time img {
    width: 14px;
    height: 14px;
    display: block;
}

#details-box .con-box .box-top .time i {
    display: block;
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    margin-left: 12px;
    font-style: normal;
}

#details-box .con-box .box-con {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    word-break: break-all;
}

#details-box .con-box .box-con img {
    max-width: 100%;
    object-fit: cover;
}


/* 上下篇 */
#canto {
    padding-top: 46px;
}

#canto .canto-item {
    height: 36px;
    line-height: 36px;
    width: 100%;
    font-size: 16px;
    color: #000000;
    display: flex;
    align-items: center;
}

#canto .canto-item a {
    line-height: 36px;
    font-size: 16px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 75%;
}

/* 上下篇 */
/* 内容 */
/* 详情页内容 */

/* 留学申请 */
#apply-box {
    width: 100%;
    height: 1314px;
    background: url(../images/apply-bg.png) no-repeat center center;
    background-size: cover;
}

#apply-box .box-con {
    width: 1200px;
    height: 1314px;
    margin: auto;
    background: transparent;
    text-align: center;
}

#apply-box .box-con .title {
    width: 100%;
    padding-top: 79px;
    line-height: 37px;
    font-size: 37px;
    color: #ffffff;
    font-weight: bold;
}

#apply-box .box-con .input-box {
    width: auto;
    height: auto;
    margin: auto;
    box-sizing: border-box;
    padding-top: 78px;
}

#apply-box .box-con .input-box .box-item {
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 18px;
}

#apply-box .box-con .input-box .box-item:nth-child(4) {
    margin-bottom: 33px;
}

#apply-box .box-con .input-box .box-item select {
    height: 55px;
    width: 459px;
    border-radius: 5px;
    margin-left: 24px;
    box-sizing: border-box;
    padding-left: 29px;
    font-size: 16px;
    line-height: 55px;
    color: #999999;
    background: #fff url("../images/down-icon.png") no-repeat right 40px center;
    background-size: 16px 16px;
}

#apply-box .box-con .input-box .box-button {
    height: 55px;
    width: 459px;
    border-radius: 5px;
    background: #f24040;
    font-size: 22px;
    color: #ffffff;
    line-height: 55px;
    display: inline-block;
    margin-left: 24px;
    cursor: pointer;
}

#apply-box .box-con .input-box .box-item:nth-child(5) {
    color: transparent;
    margin-bottom: 0px;
}

#apply-box .box-con .center-box {
    width: 100%;
    height: 241px;
    box-sizing: border-box;
    padding-top: 103px;
    display: flex;
    justify-content: space-between;
}

#apply-box .box-con .center-box .item {
    width: 261px;
    height: 138px;
    background-size: 261px 138px;
    box-sizing: border-box;
    padding: 20px 25px 16px 29px;
}

#apply-box .box-con .center-box .item .title {
    text-align: right;
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    padding-top: 0;
}

#apply-box .box-con .center-box .item .article {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-top: 23px;
    text-align: left;
    box-sizing: border-box;
    height: calc(100% - 28px);

}

#apply-box .box-con .center-box .item .article p {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

#apply-box .box-con .center-box .item .article p::-webkit-scrollbar {
    width: 0 !important
}

#apply-box .box-con .center-box .item .article p {
    -ms-overflow-style: none;
}

#apply-box .box-con .center-box .item .article p {
    overflow: -moz-scrollbars-none;
}

#apply-box .box-con .center-box .item1 {
    background: url(../images/apply-img01.png) no-repeat center center;
}

#apply-box .box-con .center-box .item2 {
    background: url(../images/apply-img02.png) no-repeat center center;
}

#apply-box .box-con .center-box .item3 {
    background: url(../images/apply-img03.png) no-repeat center center;
}

#apply-box .box-con .center-box .item4 {
    background: url(../images/apply-img04.png) no-repeat center center;
}

#apply-box .box-con .f-title {
    padding-top: 106px;
}

#apply-box .box-con .bottom-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 54px;
}

#apply-box .box-con .bottom-box .item {
    width: 214px;
    box-sizing: border-box;
    padding: 0 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#apply-box .box-con .bottom-box .item img {
    width: 109px;
    height: 109px;
    display: block;
    margin-bottom: 18px;
}

#apply-box .box-con .bottom-box .item .name {
    width: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 20px;
    color: #ffffff;
}

#apply-box .box-con .bottom-box .item .text {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
}

/* 留学申请 */
/* 查院校 */
#search-box {
    width: 100%;
    padding-top: 31px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

#search-box .box {
    position: relative;
}


#search-box input {
    width: 363px;
    height: 42px;
    border-radius: 7px;
    border: 1px solid #dee2ea;
    font-size: 14px;
    color: #999999;
    box-sizing: border-box;
    padding-left: 16px;
}

#search-box img {
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
}

#colleges-list {
    width: 100%;
}

#colleges-list li {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    border-bottom: 1px solid #ececec;
    padding: 27px 16px 30px 0;
}

#colleges-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

#colleges-list li a .item-img {
    width: 188px;
    height: 142px;
    box-sizing: border-box;
    border: 1px solid #ececec;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}

#colleges-list li a .item-img img {
    display: block;
    width: 94px;
    height: 93px;
}

#colleges-list li a .item-con {
    width: calc(100% - 333px);
    height: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 36px;
}

#colleges-list li a .item-con .name {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#colleges-list li a .item-con .eng {
    font-size: 16px;
    color: #a3a1a1;
    line-height: 28px;
    padding-bottom: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#colleges-list li a .item-con .p {
    font-size: 14px;
    color: #a3a1a1;
    line-height: 24px;
}

#colleges-list li a .item-con .p i {
    color: #000000;
    font-style: normal;
}

#colleges-list li a .item-button {
    width: 145px;
    height: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#colleges-list li a .item-button .but {
    width: 145px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
}

#colleges-list li a .item-button .but1 {
    color: #17489c;
    border: 1px solid #17489c;
}

#colleges-list li a .item-button .but2 {
    color: #fff;
    background: #f24040;
}

#colleges-list li a .item-button .but3 {
    color: #f24040;
    border: 1px solid #f24040;
}

/* 查院校 */
/* 查院校详情 */
/* banner图 */
#collegesBanner-box {
    width: 100%;
    height: 351px;
    position: relative;
}

#collegesBanner-box .col-img {
    width: 100%;
    height: 351px;
    position: absolute;
    z-index: 1;
}

#collegesBanner-box .box-con {
    width: 1200px;
    height: 351px;
    box-sizing: border-box;
    padding: 82px 3px 75px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

#collegesBanner-box .box-con .con-img {
    width: 257px;
    height: 194px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #ececec;
    float: left;
}

#collegesBanner-box .box-con .con-img img {
    width: 94px;
    height: 93px;
    display: block;
}

#collegesBanner-box .box-con .con-box {
    width: calc(100% - 257px);
    height: 100%;
    box-sizing: border-box;
    padding: 0 43px;
    float: left;
}

#collegesBanner-box .box-con .con-box p {
    color: #fff;
}

#collegesBanner-box .box-con .con-box p.name {
    font-size: 20px;
    font-weight: bold;
    line-height: 52px;
}

#collegesBanner-box .box-con .con-box p.eng {
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 42px;
}

#collegesBanner-box .box-con .con-box p.p {
    font-size: 14px;
    line-height: 24px;
}

/* banner图 */
/* 面包屑 */
#colleges-crumbs {
    width: 1200px;
    height: 69px;
    margin: auto;
    background: transparent;
    position: relative;
}

#colleges-crumbs .crumbs-left {
    width: 112px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 2px;
    background: #3e81f3;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 0 0 8px 8px;
}

#colleges-crumbs .crumbs-box {
    float: right;
    line-height: 19px;
    padding-top: 37px;
}

#colleges-crumbs .crumbs-box img {
    display: block;
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 4px;
}

#colleges-crumbs .crumbs-box span {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
    padding: 0 4px;
}

#colleges-crumbs .crumbs-box a {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
}

#colleges-crumbs .crumbs-box a.active-a {
    color: #4d8cf7;
}

#colleges-crumbs .crumbs-box a:hover {
    color: #4d8cf7;
}

#colleges-con {
    width: 1200px;
    background: #fff;
    margin: auto;
    box-sizing: border-box;
    padding: 40px 66px;
    margin-bottom: 25px;
}

#colleges-con img {
    max-width: 100%;
    object-fit: cover;
}

/* 面包屑 */
/* 查院校详情 */
/* 留学服务 */
#service-box {
    width: 1200px;
    margin: 12px auto 21px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 32px 25px 32px 22px;
}

#service-box .con-nav {
    width: 100%;
    height: 19px;
}

#service-box .con-nav img {
    display: block;
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 4px;
}

#service-box .con-nav span {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
    padding: 0 4px;
}

#service-box .con-nav a {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
}

#service-box .con-nav a.active-a {
    color: #4d8cf7;
}

#service-box .con-nav a:hover {
    color: #4d8cf7;
}

#service-box .con-box1 {
    box-sizing: border-box;
    height: 560px;
    padding-top: 83px;
    width: 100%;
    padding-left: 5px;
    display: flex;
    justify-content: space-between;
}

#service-box .con-box1 .box1-item {
    width: 357px;
    height: 477px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #d3e3fd;
    background: #f7faff;
    position: relative;
    padding: 48px 20px 10px 40px;
}

#service-box .con-box1 .box1-item .item-top {
    width: 229px;
    height: 53px;
    border-radius: 10px;
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    line-height: 53px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

#service-box .con-box1 .item1 .item-top {
    background: #3e81f3;
}

#service-box .con-box1 .item2 .item-top {
    background: #69ac01;
}

#service-box .con-box1 .item3 .item-top {
    background: #ed5c22;
}

#service-box .con-box1 .box1-item .item-ul-box {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

#service-box .con-box1 .box1-item .item-ul-box::-webkit-scrollbar {
    width: 0 !important
}

#service-box .con-box1 .box1-item .item-ul-box {
    -ms-overflow-style: none;
}

#service-box .con-box1 .box1-item .item-ul-box {
    overflow: -moz-scrollbars-none;
}

#service-box .con-box1 .box1-item .item-ul-box li {
    font-size: 14px;
    line-height: 28px;
    color: #000000;
    padding: 2px 0;
}

/* #service-box .con-box1 .box1-item .item-ul-box li i {
    line-height: 28px;
    padding-right: 8px;
    font-weight: bold;
    font-style: normal;
}

#service-box .con-box1 .box1-item .item-ul li.ul-li {
    color: #e13838;
    padding: 0;
}

#service-box .con-box1 .item2 .item-ul li.li-title {
    padding-top: 70px;
}

#service-box .con-box1 .item3 .item-ul li.li-title {
    padding-top: 45px;
} */

#service-box .con-box2 {
    box-sizing: border-box;
    padding-top: 78px;
    width: 100%;
}

#service-box .con-box2 .title {
    font-size: 24px;
    line-height: 24px;
    color: #3e81f3;
    text-align: center;
    margin-bottom: 51px;
}

#service-box .con-box2 .tabbar-box {
    height: 31px;
    width: 100%;
    display: flex;
    justify-content: center;
}

#service-box .con-box2 .tabbar-box .tab-item {
    width: 85px;
    height: 31px;
    border-radius: 5px;
    border: 1px solid #3e81f3;
    line-height: 31px;
    color: #000;
    text-align: center;
    font-size: 16px;
    margin: 0 4px;
    cursor: pointer;
}

/* #service-box .con-box2 .tabbar-box .tab-item:first-child {
    background: #3e81f3;
    color: #fff;
} */

#service-box .con-box2 .tabbar-box .act-item {
    background: #3e81f3;
    color: #fff;
}

#service-box .con-box2 .tabbar-box .tab-item:hover {
    background: #3e81f3;
    color: #fff;
}

#service-box .con-box2 .body-box {
    width: 100%;
    box-sizing: border-box;
    /* position: relative; */
    /* min-height: 640px; */
}

#service-box .con-box2 .body-box .box-item {
    width: 100%;
    /* position: absolute; */
    padding-top: 27px;
    display: none;
    box-sizing: border-box;
}

#service-box .con-box2 .body-box .box-item .body-content {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
}

#service-box .con-box2 .body-box .body_act {
    display: block;
}

#service-box .con-box2 .body-box .box-item li {
    margin: 27px 0;
    margin-left: 32px;
    float: left;
}

#service-box .con-box2 .body-box .box-item li:nth-child(4n-3) {
    margin-left: 0;
}

#service-box .con-box2 .body-box .box-item li a {
    display: block;
    width: 260px;
}

#service-box .con-box2 .body-box .box-item li a img {
    display: block;
    width: 260px;
    height: 168px;
}

#service-box .con-box2 .body-box .box-item li a .name {
    font-size: 18px;
    color: #000000;
    line-height: 18px;
    padding: 15px 0 13px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#service-box .con-box2 .body-box .box-item li a .article {
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-left: 6px;
}

/* 留学服务 */
/* 外语培训 */
#train-list {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 47px 0 18px;
}

#train-list li {
    margin: 24px 0 24px 37px;
    width: 249px;
    height: 404px;
    border: 1px solid #efeeee;
    box-sizing: border-box;
    float: left;
}

#train-list li:nth-child(4n-3) {
    margin-left: 0;
}

#train-list li a {
    display: block;
    box-sizing: border-box;
    padding: 14px 18px;
    width: 100%;
    height: 100%;
}

#train-list li a img {
    display: block;
    width: 100%;
    height: 193px;
    border-radius: 8px;
}

#train-list li a .name {
    height: 78px;
    width: 100%;
    padding-top: 18px;
    line-height: 24px;
    /* text-align: center; */
    font-size: 18px;
    font-weight: bold;
    color: #000;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#train-list li a .text {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    text-align: left;
    height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#train-list li a .box {
    width: 100%;
    height: 27px;
}

#train-list li a .box span.span1 {
    display: block;
    float: left;
    font-size: 14px;
    color: #ff3333;
    line-height: 14px;
    box-sizing: border-box;
    padding-top: 13px;
}

#train-list li a .box span.span2 {
    float: right;
    width: 79px;
    height: 27px;
    box-sizing: border-box;
    border: 1px solid #3c6bca;
    font-size: 14px;
    color: #3c6bca;
    text-align: center;
    line-height: 25px;
    border-radius: 4px;
}

/* 外语培训 */
/* 外语培训详情页 */
#train_details-box .box1 {
    height: 428px;
    width: 100%;
    padding-top: 106px;
    box-sizing: border-box;
}

#train_details-box .box1 img {
    display: block;
    width: 466px;
    height: 322px;
    float: left;
}

#train_details-box .box1 .box1-right {
    width: calc(100% - 466px);
    height: 322px;
    box-sizing: border-box;
    float: right;
    padding-left: 92px;
}

#train_details-box .box1 .box1-right .name {
    font-size: 22px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    padding-top: 8px;
    height: 70px;
    box-sizing: border-box;
}

#train_details-box .box1 .box1-right .price {
    font-size: 14px;
    color: #f93838;
    line-height: 28px;
    height: 28px;
}

#train_details-box .box1 .box1-right .price i {
    display: inline-block;
    font-size: 28px;
    line-height: 28px;
    color: #f93838;
    font-weight: bold;
    font-style: normal;
}

#train_details-box .box1 .box1-right .p-item {
    font-size: 14px;
    line-height: 38px;
    color: #333333;
}

#train_details-box .box1 .box1-right .p1 {
    padding-top: 12px;
}

#train_details-box .box1 .box1-right .p3 {
    padding-bottom: 18px;
}

#train_details-box .box1 .box1-right a {
    width: 155px;
    height: 44px;
    background: #3e81f3;
    line-height: 44px;
    text-align: center;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    display: block;
}

#train_details-box .box2 {
    height: 87px;
    border-bottom: 1px solid #f5f4f4;
    box-sizing: border-box;
    padding-top: 58px;
}

#train_details-box .box2 span {
    display: block;
    height: 29px;
    box-sizing: border-box;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    width: 73px;
    line-height: 0;
    border-bottom: 5px solid #3e81f3;
}

#train_details-box .box3 {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 98px 20px 96px;
}

#train_details-box .box3 img {
    max-width: 100%;
    object-fit: cover;
}

/* 外语培训详情页 */
/* 留学问答 */
#answer-box {
    width: 100%;
    box-sizing: border-box;
    padding-top: 29px;
}

#answer-box li {
    width: 100%;
    height: auto;
    background: #f0f5fe;
    border: 1px solid #dee2ea;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 24px 22px;
}

#answer-box li .i1 {
    display: block;
    font-style: normal;
    width: 33px;
    height: 33px;
    border-radius: 10px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    float: left;
}

#answer-box li .i2 {
    display: block;
    font-style: normal;
    width: calc(100% - 33px);
    float: right;
    box-sizing: border-box;
    padding-left: 12px;
    font-size: 16px;
    color: #000000;
    line-height: 18px;
    min-height: 28px;
    padding-top: 7px;

}

#answer-box li .w {
    margin-bottom: 29px;
    font-size: 16px;
    color: #000000;
    overflow: hidden;
}

#answer-box li .w .i1 {
    background: #f24040;
}

#answer-box li .d {
    overflow: hidden;
}

#answer-box li .d .i1 {
    background: #3399ff;
}

#answer-box li .d .i2 {
    font-size: 14px;
    line-height: 18px;
    min-height: 28px;
    padding-top: 7px;
}

/* 留学问答 */
/* 关于我们 */
#about-con {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 13px auto 25px;
    background: #fff;
    padding: 31px 32px;
}

/* 面包屑 */
#about-con .con-nav {
    width: 100%;
    height: 19px;
}

#about-con .con-nav img {
    display: block;
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 4px;
}

#about-con .con-nav span {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
    padding: 0 4px;
}

#about-con .con-nav a {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
}

#about-con .con-nav a.active-a {
    color: #4d8cf7;
}

#about-con .con-nav a:hover {
    color: #4d8cf7;
}

/* 面包屑 */

#about-con .eng {
    width: 100%;
    line-height: 56px;
    font-size: 56px;
    padding-top: 40px;
    color: #eaf5ff;
    font-weight: bold;
    text-align: center;
}

#about-con .title {
    font-size: 31px;
    color: #000000;
    line-height: 31px;
    text-align: center;
    width: 100%;
    padding-top: 23px;
}

#about-con .con-box {
    width: 100%;
    box-sizing: border-box;
    padding: 24px 33px;
}

#about-con .con-box img {
    max-width: 100%;
    object-fit: cover;
}

/* 关于我们 */

/* 学生口碑 */
#public-list {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

#public-list li {
    margin: 31px 0 31px 14px;
    width: 266px;
    height: 217px;
    border-radius: 5px;
    background: #ecf3fe;
    float: left;
}

#public-list li:nth-child(4n-3) {
    margin-left: 0;
}

#public-list li a {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 16px 12px;
    display: block;
}

#public-list li a .slide-top {
    display: flex;
    align-items: center;
}

#public-list li a .slide-top img {
    width: 92px;
    height: 92px;
    display: block;
    border-radius: 50%;
}

#public-list li a .slide-top .top-con {
    box-sizing: border-box;
    padding-left: 8px;
}

#public-list li a .slide-top .top-con .p-name {
    font-size: 18px;
    color: #000000;
    line-height: 18px;
}

#public-list li a .slide-top .top-con .p-js {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    padding-top: 12px;
}

#public-list li a .slide-bottom {
    width: 100%;
    box-sizing: border-box;
    padding-left: 23px;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    padding-top: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* 学生口碑 */

/* 个人中心 */
#user-con {
    width: 1200px;
    height: 888px;
    margin: 13px auto 25px;
    background: #fff;
    box-sizing: border-box;
    padding: 31px 40px 31px 32px;
}

/* 面包屑 */
#user-con .con-nav {
    width: 100%;
    height: 19px;
}

#user-con .con-nav img {
    display: block;
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 4px;
}

#user-con .con-nav span {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
    padding: 0 4px;
}

#user-con .con-nav a {
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    float: left;
}

#user-con .con-nav a.active-a {
    color: #4d8cf7;
}

#user-con .con-nav a:hover {
    color: #4d8cf7;
}

/* 面包屑 */

/* 内容 */
#user-con .con-box {
    width: 100%;
    box-sizing: border-box;
    padding: 49px 0 0 13px;
    height: 100%;
}

#user-con .con-box .box-left {
    width: 239px;
    height: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#user-con .con-box .box-right {
    width: calc(100% - 239px);
    height: 100%;
    float: right;
    box-sizing: border-box;
    padding-left: 97px;
}

#user-con .con-box .box-left .user-tx {
    width: 120px;
    height: 120px;
    display: block;
}

#user-con .con-box .box-left .name {
    width: 100%;
    text-align: center;
    height: 76px;
    line-height: 76px;
    text-align: center;
    border-bottom: 1px solid #cdefff;
    font-size: 16px;
    color: #000000;
    margin-bottom: 6px;
}

#user-con .con-box .box-left .city {
    width: 100%;
    text-align: center;
    height: 76px;
    line-height: 76px;
    text-align: center;
    border-bottom: 1px solid #cdefff;
    font-size: 14px;
    color: #000000;
}

#user-con .con-box .box-left .city i {
    display: inline-block;
    font-style: normal;
    color: #999999;
    margin-right: 16px;
}

#user-con .con-box .box-left .gw {
    width: 100%;
    font-size: 16px;
    color: #000000;
    line-height: 66px;
    padding-top: 40px;
    text-align: center;
}

#user-con .con-box .box-left .ewm {
    display: block;
    width: 171px;
    height: 166px;
}

#user-con .con-box .box-left .text {
    font-size: 14px;
    color: #000000;
    line-height: 46px;
    width: 100%;
    text-align: center;
}

#user-con .con-box .box-left .box {
    height: 29px;
    margin-top: 9px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 4px;
    font-size: 16px;
    color: #000000;
    line-height: 29px;
}

#user-con .con-box .box-left .box img {
    width: 27px;
    height: 29px;
    display: inline-block;
    margin-right: 12px;
}

#user-con .con-box .box-right .title {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #f2f2f2;
}

#user-con .con-box .box-right .title span {
    display: block;
    height: 44px;
    width: 108px;
    text-align: center;
    font-size: 18px;
    color: #3399ff;
    border-bottom: 6px solid #3399ff;
    box-sizing: border-box;
    line-height: 18px;
    padding-top: 15px;
}

#user-con .con-box .box-right .content {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0 0 4px;
}

#user-con .con-box .box-right .content li {
    width: 100%;
    height: 116px;
    border-radius: 10px;
    border: 1px solid #dee2ea;
    background: #fbfcff;
    margin-bottom: 27px;
    box-sizing: border-box;
    padding: 28px 35px 29px;
}

#user-con .con-box .box-right .content li .top {
    line-height: 16px;
    font-size: 16px;
    color: #000000;
    margin-bottom: 25px;
}

#user-con .con-box .box-right .content li .top i {
    display: inline-block;
    color: #999;
    font-style: normal;
}

#user-con .con-box .box-right .content li .bot {
    line-height: 16px;
    font-size: 16px;
    color: #000000;
}

#user-con .con-box .box-right .content li .bot i {
    display: inline-block;
    color: #999;
    font-style: normal;
}

#user-con .con-box .box-right .content li .bot span {
    display: block;
    float: left;
}

#user-con .con-box .box-right .content li .bot span.span1 {
    width: 259px;
}

#user-con .con-box .box-right .content li .bot span.span2 {
    width: 235px;
}

#user-con .con-box .box-right .content li .bot span.span3 {
    width: 150px;
}

/* 内容 */

/* 头部 */
#top-user {
    line-height: 41px;
    height: 41px;
    display: block;
}

#top-user .user-news {
    display: inline-block;
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    color: #060606;
    margin-right: 40px;
}

#top-user .user-news .news-img {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 4.5px;
    margin-left: 10px;
}

#top-user .user-tc {
    display: inline-block;
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    color: #060606;
}

#top-user .user-tc .tc-img {
    display: inline-block;
    width: 13px;
    height: 16px;
    margin-top: 12.5px;
    margin-right: 6px;
}

/* 头部 */

/* 个人中心 */

#search {
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    background-size: 27px 27px;
    border: none;
    cursor: pointer;
}

#service-box .con-box2 .body-box .ser-more {
    display: none !important;
    width: 100%;

}

#service-box .con-box2 .body-box .ser-more a {
    width: 100px;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    background-color: #f8f8f8;
    border-radius: 5px;
}

#service-box .con-box2 .body-box .ser-more a:hover {
    color: #fff;
    background-color: #3e81f3;
}


#service-box .con-box2 .body-box .ser-act {
    display: block !important;
}

#body-train ul {
    width: 100%;
    overflow: hidden;
    display: none;
}

#tabbar-train {
    height: 31px;
    width: 100%;
    display: flex;
    justify-content: center;
}

#tabbar-train .tab-item {
    width: 85px;
    height: 31px;
    border-radius: 5px;
    border: 1px solid #3e81f3;
    line-height: 31px;
    color: #000;
    text-align: center;
    font-size: 16px;
    margin: 0 4px;
    cursor: pointer;
}

/* #tabbar-train .tab-item:first-child {
    background: #3e81f3;
    color: #fff;
} */

#tabbar-train .act-item {
    background: #3e81f3;
    color: #fff;
}

#tabbar-train .tab-item:hover {
    background: #3e81f3;
    color: #fff;
}

#body-train .body-box {
    width: 100%;
    box-sizing: border-box;
    /* position: relative; */
    /* min-height: 640px; */
}

#body-train .box-item {
    width: 100%;
    /* position: absolute; */
    padding-top: 27px;
    display: none;
    box-sizing: border-box;
}

#body-train .box-item .body-content {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
}

#body-train .body_act {
    display: block;
}