@font-face {
    font-family: 'youyuan';
    src: url('../font/ResourceHanRoundedCNLight.woff') format('woff');
}

@font-face {
    font-family: 'PingFang SC-Medium';
    src: url('../font/PingFang Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('../font/PingFang SC.ttf');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #fff;
    /*font-family: 'youyuan';*/
    /*font-family: 'PingFang SC', 'Helvetica Neue', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Noto Sans CJK SC', Sathu, EucrosiaUPC, Arial, Helvetica, sans-serif;*/
    font-family: PingFang SC-Medium, PingFang SC, Arial, sans-serif !important;
    width: 100%;
    padding: 0;
    margin: 0;
}

.banner {
    height: 300px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}

a:hover {
    text-decoration: none;
}

.f48 {
    font-size: 0.25rem !important;
}

.f36 {
    font-size: 0.1875rem !important;
}

.f32 {
    font-size: 0.1667rem !important;
}

.f30 {
    font-size: 0.15625rem !important;
}

.f24 {
    font-size: 0.125rem !important;
}

.f20 {
    font-size: 0.1042rem !important;
}

.f16 {
    font-size: 16px !important;
}

.f14 {
    font-size: 14px !important;
}

.f12 {
    font-size: 12px !important;
}

.color-white {
    color: #fff !important
}

.color-yellow {
    color: #deb971
}

.color-blue {
    color: #003e97 !important;
}

.color-gray {
    color: #999 !important;
}

.color-orange {
    color: #f67c01 !important;
}

ul, p {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.bg-dark {
    background-color: rgb(51, 51, 51);
}

.bg-footer {
    background-color: #151515;
}

.bg-gray {
    background-color: rgb(250, 249, 248);
}

.bg-blue {
    background-color: #013e98;
}

.bg-orange {
    background-color: #fffcf4;
}

.bg-blue-2 {
    background: linear-gradient(90deg, rgba(101, 117, 247, 1), rgba(101, 172, 247, 1));
}

.bg-blue-3 {
    background-color: #606A7C !important;
}

.scale-img {
    overflow: hidden;
    cursor: pointer;
}

.scale-img img {
    transition: all 1s ease;
}

.scale-img:hover img {
    transform: scale(1.2);
}

.wrap {
    width: 100%;
}

.wrap-width {
    width: 7.5rem;
    max-width: 1500px;
}

.wrap-1400 {
    width: 7.5rem;
    max-width: 1500px;
}
.wrap-1300 {
    width: 7rem;
    max-width: 1380px;
}
.wrap-1200 {
    width: 6.25rem /* 1200/192 */;
    max-width: 1200px;
}

.header-blank {
    height: 150px;
}

.header-box {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    z-index: 600;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.header-box .header {
    padding: 0 20px;
    position: relative;
    width: 1240px !important;

}

.header-box .header .menu {
    margin: 0 auto 0 310px;
}

.header-box .header .menu li {
    margin: 0 0.17225rem;
    position: relative;
    display: flex;
    align-items: center;
    height: 150px;
}

.header-box .header .menu li::after {
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;
    display: none;
    width: 30px;
    height: 3px;
    margin: auto;
    background-color: rgba(255, 240, 0);
    content: "";
}

.header-box .header .menu li:hover::after {
    display: block;
}

.header-box .header .menu li.active {
    color: #003e95
}

.header-box .header .menu li.active::after {
    display: block;
}

.header-box .header .menu li .childs {
    position: absolute;
    top: 0.5646rem;
    left: 0;
    background-color: #fff;
    width: 1rem;
    padding: 10px 0;
    display: none;
}

.header-box .header .menu li .childs .child-item {
    padding: 5px 10px;
}

.header-box .header .menu li:hover .childs {
    display: block;
}

.header-box .header .menu li a {
    color: #111;
    /*font-family: Arial, sans-serif !important;*/
    font-size: 16px;
    /*font-family: 'Microsoft Yahei' !important;*/
    font-weight: 600;
    letter-spacing: 0.5px;
}

.header-box .header .menu li a:hover {
    color: #003e97;
}

.header-box .header .logo-box {
    display: flex;
    align-items: center;
    justify-content: center;

}

.header-box .header .logo {
    width: 223px;
    height: 248px;
    position: absolute;
    top: 0;
    left: 0;
}

.header-box .header .phone {
    font-size: 0.1042rem;
    font-weight: bold;
    font-style: initial;
    text-decoration: initial;
    color: #003e97;
    margin-right: 0;
}

.header-box .header .icon-gif {
    width: 0.12625rem;
}

.header-box .header .icon-phone {
    width: 130px;
}

.header-mobile {
    height: 50px;
    background-color: #003e97;
    position: fixed;
    top: 0;
    width: 100vw;
    box-sizing: border-box;
    z-index: 300;
}

.header-mobile .logo {
    width: 110px;
}

.header-mobile .bars {
    font-size: 20px;
    padding: 0 20px;
    color: #fff;
}

.header-mobile-blank {
    height: 50px;
}

.header-mobile-menu {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 600;
}

.header-mobile-menu .close {
    height: 50px;
    font-size: 24px;
    font-weight: normal;
    color: #aaa;
    padding: 0 20px;
}

.header-mobile-menu ul li {
    border-bottom: #eee 1px solid;
    margin: 0 20px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    color: #888;
    position: relative;
}

.header-mobile-menu ul #childs {
    display: none;
}

.header-mobile-menu ul li .childs {
    width: 100%;
    padding: 10px 0 10px 0;

}

.header-mobile-menu ul li .childs .child-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.header-mobile-menu ul li a {
    font-size: 16px;
    color: #888;
    font-family: 'Microsoft Yahei';
}

.swiper-container-banner {
    /*height: 3.359375rem;*/
    height: 629px;
}

.swiper-container-banner .swiper-slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
}

.xian-navbar {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.xian-navbar.black {

}

.xian-navbar .title {
    font-size: 32px /* 45/192 */;
    color: #003e97;
    font-weight: bold;
    font-family: PingFang SC-Medium, PingFang SC, Arial, sans-serif !important;
    /*background-image: url('../images/yellowbg.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: bottom center;*/
    /*background-size: cover;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.xian-navbar .title:before {
    content: '';
    border-radius: 40px;
    /*background-image: linear-gradient(to bottom,rgba(255,240,0,1) 15%,rgba(255,255,255,1) 20%,rgba(255,240,0,1) 60%,rgba(255,255,255,1) 70%);*/
    position: relative;
    width: 65px;
    height: 7px;
    background: #FFF100;
    border-radius: 4px;
    margin-bottom: 20px;

}

.xian-navbar .small {
    font-size: 20px;
    color: #aaa;
    margin-top: 0.5%;
    font-weight: normal;
    font-family: 'PingFang SC', 'Helvetica Neue', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Noto Sans CJK SC', Sathu, EucrosiaUPC, Arial, Helvetica, sans-serif !important;
    display: none;
}

.xian-navbar.black .title {
    font-weight: 400;
    font-size: 40px;
    color: #000000;
    font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
    margin-bottom: 0.0417rem;
    letter-spacing: 4px;
    text-shadow: 0 0 0 rgba(0, 0, 0, 1);

}

.xian-navbar.black .small {
    color: #636363;
    font-size: 20px;
}

.xian-navbar.black .tip {
    font-size: 0.09375rem;
    margin: 10px 0;
}

.yongcanyuqiu {
    margin: 40px auto !important;
}

.yongcanyuqiu .input {
    width: 26%;
    height: 100px;
    font-size: 20px;
    margin: 30px 0;
}

.yongcanyuqiu .input span {
    color: #777;
}

.yongcanyuqiu .input span em {
    font-style: normal;
    color: #d10208;
}

.yongcanyuqiu .input input {
    border: #b2c5df 1px solid;
    z-index: 100;
    outline: none;
    box-shadow: none;
    border-radius: 8px;
    margin-top: 18px;
    text-indent: 10px;
    padding: 10px 0;
    font-size: 14px;
    width: 90%;
}

.yongcanyuqiu .input-btn {
    width: 220px;
    height: 80px;
    border: #0159ba 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0159ba;
    margin-left: auto;
    border-radius: 8px;
    cursor: pointer;
    font-size: 18px;
}

.yongcanyuqiu .input-btn:hover {
    background-color: #0159ba;
    color: #fff;
}

/*特色*/
.tese-box {
    /*background-image: url("../image/8000200.jpg");*/
    /*background-size: 100% 100%;*/
    /*background-position: center 100px;*/
    /*background-repeat: no-repeat;*/
    width: 100%;
    height: auto;
    padding-bottom: 60px;
}

.tese-box .xian-navbar {

}

.tese-box .tese-list {
    margin: 0.3rem auto 0 auto;
}

.tese-box .tese-list ul li {
    background-color: #fff;
    width: 24%;
    cursor: pointer;
    display: block;
    transition: all 0.3s ease-in;
    border-radius: 10px;
}

.tese-box .tese-list ul li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.tese-box .tese-list ul li .thumb {
    width: 100%;
    height: 1.20625rem;
    border-radius: 10px;
}

.tese-box .tese-list ul li .title {
    margin: 20px 0 20px 0;
    text-align: center;

}

.tese-box .tese-list ul li .title a {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.tese-box .tese-list ul li .desc {
    font-size: 15px;
    color: #555;
    padding: 0 30px;
    line-height: 28px;
    text-align: left;
    max-height: 120px;
}

.tese-box .tese-list ul li .more {
    border-radius: 32px;
    background-image: linear-gradient(to right, #2c94ff, #015fe7);
    box-sizing: border-box;
    color: #fff;
    /*border: #003e97 2px solid;*/
    cursor: pointer;
    position: relative;
    text-decoration: none;
    transform-style: preserve-3d;
    transition: all .3s;
    vertical-align: middle;
    white-space: nowrap;
    width: 186px;
    height: 45px;
    margin: 30px auto 60px auto;
    font-size: 16px;
    box-shadow: 6px 7px 8px rgba(58, 139, 255, 0.3);
}

.tese-box .tese-list ul li:hover .more {
    background-image: linear-gradient(to right, rgb(37, 198, 0), rgb(37, 198, 0));
    box-shadow: 6px 7px 8px rgba(37, 198, 0, 0.3);
}

/*环境*/
.environment-box {
    background-color: #fff;
}

.environment-box .xian-navbar {
    padding-top: 0.2125rem;

}

.environment-box .environment-list {

    margin: 0.2rem auto 0 auto;
}

.environment-box .environment-list .item {
    width: 24%;
    height: 3.28125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.environment-box .item .info-black {
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
}

.environment-box .environment-list .one-item .info {
    position: absolute;
    color: #fff;
    text-align: center;
    font-weight: bold;

}

.environment-box .environment-list .num, .name {
    position: relative;
    z-index: 200;
}


.environment-box .environment-list .item .thumb {
    display: block;
}

.environment-box .environment-list .one-item .thumb {
    height: 3.28125rem;
}

.environment-box .environment-list .two-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 3.28125rem;
}

.environment-box .environment-list .two-item .top {
    width: 100%;
    height: 1.5885rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;

}

.environment-box .environment-list .two-item .thumb {
    height: 1.5885rem;
}

.environment-box .environment-list .scale-img {
    width: 100%;
}

.environment-box .top:hover .scale-img img {
    transform: scale(1.2);
}

.environment-box .one-item:hover .scale-img img {
    transform: scale(1.2);
}

.environment-box .environment-list .two-item .info {
    position: absolute;
    color: #fff;
    text-align: center;
    font-weight: bold;
    bottom: 15%;

}

/*分支*/
.branch {
    margin: 0 auto;
}

.branch-tab {
    margin: 24px 0;  
}
 
.branch-tab::-webkit-scrollbar {
	background-color: rgba(162, 162, 162, 0.3);
	border-radius: 8px;
	height: 6px;
}

.branch-tab::-webkit-scrollbar-track {
	background-color: rgba(246, 247, 251, 0.3);
	border-radius: 8px;
}

.branch-tab::-webkit-scrollbar-thumb {
	background-color: rgba(162, 162, 162, 0.3);
	border-radius: 8px;
}
.branch-tab li {
    margin-right:20px;
    /*width: 150px;*/
    padding: 0 10px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    /*transition: all 0.3s ease;*/
    border: #003e95 2px solid;
    color: #003e95;
    border-radius: 4px;
    display: inline-block;
}

.branch-tab li.active {
    background-color: #003e95;
    color: #fff;
}

.branch-tab li.active:after {
    content: '';
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top-style: solid;
    border-top-width: 6px;
    border-top-color: #003e95;
    bottom: -12px;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transform-origin: 50% 25%;
    width: 0;
    z-index: 0;
}

.branch-tab li:hover:after {
    content: '';
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top-style: solid;
    border-top-width: 6px;
    border-top-color: #003e95;
    bottom: -12px;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transform-origin: 50% 25%;
    width: 0;
    z-index: 0;
}

.branch-tab li:hover {
    background-color: #003e95;
    color: #fff;
}

.branch-tab-content .swiper-branch {
    display: none;
}

.branch-tab-content .swiper-branch:first-child {
    display: block;
}

.branch .swiper-branch {
    height: 366px;
    overflow: hidden;
}

.branch .swiper-branch .swiper-slide {
    overflow: hidden;
}

.branch .swiper-branch .swiper-slide img {

}

.branch .swiper-branch .swiper-slide .scale-img {
    object-fit: scale-down;
    background-size: cover;
    height: 2.2292rem;
    transition: all 1s ease;

}

.branch .swiper-branch .swiper-slide:hover .scale-img {
    transform: scale(1.2);
}

.become-partner {
    width: 1251px;
    margin: 100px auto;
}


/*合作伙伴*/
.partner-bg {
    background-image: url("../images/hehuobg.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.partner {
    margin: 0 auto;
    /*padding: 80px 0;*/
    color: #fff;
}

.partner .partner-left {

}

.partner .partner-form {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px;
    margin: 40px 0;
    width: 2.5rem;
}

.partner-form-title {
    color: #333;
    text-align: center;
}

.partner .partner-left .partner-form-t1 {
    color: #fff;
}

.partner .partner-left .partner-form-t2 {
    color: #fff;
    margin-bottom: 30px;
    margin-top: 15px;
}

.partner .partner-left p {
    line-height: 32px;
}

.partner .partner-right {
    width: 2.8125rem;
}

.partner .partner-label {
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}

.partner .partner-input {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #333;
    font-size: 14px;
}

.partner .partner-input input {
    border: #ddd 1px solid;
    border-radius: 4px;
    font-size: 14px;
    height: 45px;
}

.partner .partner-input .partner-btn {
    background-color: #003e97;
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    border-radius: 40px;
    cursor: pointer;
    transform-style: preserve-3d;
    transition: all .3s;
    margin-top: 15px;
}

.partner .partner-input .partner-btn:hover {
    background-color: #1e50ae;
}

/*指导*/
.guide {
    margin: 0 auto;
    padding: 60px 0;
}

.guide .guide-item {
    width: 1.40625rem;
    height: 1.875rem;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #999999;
    line-height: 24px;
    cursor: pointer;
    transition: all .3s;
}

.guide .guide-item:hover {
    background-color: rgba(255, 255, 255, 1);
}

.guide .guide-item .icon {
    width: 50px;
    margin-bottom: 15px;
}

.guide-2 .guide-item .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.guide .guide-item .title {
    color: #000;
    font-size: 16px;
}

.guide-2 .guide-item .title {
    margin-bottom: 15px;
}

.guide .guide-item .line {

}

/*新闻资讯*/
.news-box {
    margin: 0 auto;
}

.news-box .news-item {
    width: 47%;
    box-sizing: border-box;
    padding: 24px 20px;
    transition: all .3s;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    box-sizing: border-box;
}

.news-box .news-item .time .date {
    color: #222;
    font-size: 24px;
}

.news-box .news-item .time .year {
    font-size: 16px;
    margin-top: 10px;
}

.news-box .news-item .info {
    flex: 1;
    margin-left: 30px;
}

.news-box .news-item:hover {
    background-color: rgba(200, 200, 200, 0.05);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.news-box .news-item .title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    max-height: none;
    margin: 0 0 15px 0;
}

.news-box .news-item .title a {
    font-size: 20px;
    color: #222;
}

.news-box .news-item .title a:hover {
    color: #ff6000;
}

.news-box .news-item .desc {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-word;
    max-height: none;
    color: #777;
    font-size: 14px;
    line-height: 32px;
}

.news-box .news-item .arrow {
    display: inline-block;
    transition: all .36s ease;
    width: 24px;
    height: 11px;
    background-image: url(../image/arrow.png);
    background-size: 100% 100%;
    margin: 20px 10px 10px auto;
}

.news-box .news-item:hover .arrow {
    transform: translate(10px)
}

.news-hot-title {
    background-color: #133594;
    color: #fff;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 26px;
    margin: 0 10px;
}

.news-hot {
    padding-bottom: 20px;
    cursor: pointer;
    margin:30px 10px 40px 10px;
}

.news-hot:hover {
    background-color: rgba(200, 200, 200, 0.05);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}


.news-hot .title {
    padding: 15px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-hot .title span {

}

.news-hot .title a {
    color: #333;
    font-weight: bold;
    flex: 1;
    margin-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-hot .desc {
    color: #888;
}

.news-hot:hover a {
    color: #0c73f1;
}

.news-hot p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-word;
    padding: 0 15px;
}

.news-hot .cate {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    color: #999;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-left: 15px;
    margin-top: 15px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    word-break: keep-all;
    z-index: 2;
}

/*设计*/
.design {
    margin: 0.2rem auto 0 auto;
    padding: 0;
}

.design .design-item {
    width: 32%;
    /*border-right: rgba(217, 217, 217, 1) 1px solid;*/
    margin-bottom: 30px;
    text-align: center;
}

.design .design-item img {
    width: 100%;
}

.design .design-item:last-child {
    border-right: none;
}

.design .design-item .title {
    color: #003e97;
    font-size: 20px;

}

.design .design-item .title span {
    font-size: 48px;
}

.design .design-item .desc {
    font-size: 14px;
    color: #999999;
    margin-top: 15px;
}

.product {

    margin-top: 0.3rem;
    display: flex;
    flex-wrap: wrap;
}

.product .product-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 40px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

.product .product-item .product-item-title {
    font-size: 80px;
}

.product .product-item .product-item-title .small {
    font-size: 32px;
    padding-left: 30px;
}

.product .product-item .line {
    background-color: #ffb400;
    height: 8px;
    width: 120px;
    border-radius: 12px;
}

.product .product-item .desc {
    font-size: 18px;
    margin: 20px 0 10px 0;
}

.product .product-item .en {
    font-size: 14px;
    color: #8f8f8f;
}

.product .product-item .img {
    width: 100%;
    height: 2.5871rem;
    display: block;
    border-radius: 20px;
}

.product .product-item .thumb {
    max-width: 80%;
    margin-top: 30px;
}

.product-bottom .product-bottom-item {
    flex: 1;
}

.product-bottom .product-bottom-item img {
    width: 100%;
    height: 2.1354rem;
}

.enjoy-box .xian-navbar .title {
    /*letter-spacing: 16px;*/
}

.enjoy {
    padding: 0;
    margin: 0.2rem 0;
}

.enjoy .enjoy-item {
    width: 25%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 0.3rem;
}

.enjoy .enjoy-item .enjoy-item-img {
    border: #b6b6b6 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 102px;
    height: 102px;
    border-radius: 50%;
    margin-bottom: 30px;

}

.enjoy .enjoy-item .img {
    width: 90px;
    height: 90px;
}

.enjoy .enjoy-item .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.enjoy .enjoy-item .en {
    color: #999;
    font-size: 13px;
    text-align: center;
    height: 60px;
}

/*好处*/
.good {
    font-family: "Microsoft YaHei UI";
    margin-top: 0.2rem;
}

.good .good-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.good .good-item .title {
    position: absolute;
    color: #013e98;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
}

.good .good-item .icon {
    height: 100%;
    width: 100%;
}

/*选择我们*/
.select {

    line-height: 24px;
    text-align: center;
}

.select .select-item .icon {
    margin-bottom: 0.15rem;
    width: 127px;
    height: 127px;
}

.select .select-item .title {
    margin-bottom: 10px;
    font-size: 23px;
    color: #000000;
}

.select .select-item .small {
    font-weight: normal;
    font-size: 15px;
    color: #888888;
}


/*模式*/
.mode .mode-item {
    background-color: rgba(144, 202, 248, 0.4);
    height: 1.9792rem;
    margin: 0 10px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mode .mode-item .icon {
    width: 0.78125rem;
    height: 0.78125rem;
}

/*成为*/
.change {
    padding: 40px 0;
}

.change .change-item {
    text-align: left;
    padding: 30px 0 0 60px;
}

.change .thumb {
    width: 821px;
    height: 592px;
}

.change .change-item .title {
    font-weight: 600;
    font-size: 31px;
    color: #484848;
}

.change .change-item .desc {
    font-weight: normal;
    font-size: 20px;
    color: #484848;
    line-height: 35px;
    margin-bottom: 30px;
}

.entry-condition {
    background: #0159BA;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.entry-condition.light {
    background-color: #fff;
    font-weight: 300;
    font-size: 20px;
    color: #4A4A4A;
    line-height: 30px;
}

.entry-condition.light p {
    padding: 0 20px;
    text-align: center;
}

.entry-condition .icon {
    max-width: 100%;
}

/*加入条件*/
.condition {
    width: 100%;
    padding: 0;
    margin: 40px 0 0 0;
}

.condition .item {
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
}

.condition .item .top:hover .scale-img img {
    transform: scale(1.2);

}

.condition .item .scale-img {
    width: 100%;
}

.condition .item .thumb {
    height: 148px;
}

.condition .item .top {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 10px;

}

.condition .item .name {
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 20px auto 20px auto;
    min-width: 237px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #0159BA;
    border-radius: 20px;
}

.condition .item .desc {
    font-weight: 400;
    font-size: 16px;
    color: #898989;
    padding: 0 10px 10px 10px;
    display: none;
}

/*在线客服*/
.online {
    position: fixed;
    top: 45%;
    right: 24px;
    z-index: 200;
    width: 68px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 8px 1px rgba(34, 34, 34, .08);
    box-shadow: 0 4px 8px 1px rgba(34, 34, 34, .08);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.online a {
    color: #666;
}

.online a:hover {
    text-decoration: none;
}

.online dl {
    position: relative;
    margin: 0 auto 10px auto;
    padding: 0 0 5px 0;
}

.online dl:first-child {
    position: relative;
    margin-top: -20px;
}

.online dl:after {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 32px;
    height: 1px;
    background-color: #e0e0e0;
    content: "";
}

.online dl:last-child {
    padding: 0
}

.online dl:last-child:after {
    content: none;
}

.online dl dd {
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
}

.online dl dd.active {
    background: #1e50ae;
    color: #fff;
}

.kefulogo {
    width: 45px;
    margin-bottom: 5px;
    border-radius: 50%;
}

.online dl dd i {
    font-size: 18px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.online dd:hover i {
    background: #1e50ae;
    color: #fff;
}

.online dd .dd-pos {
    position: absolute;
    z-index: 100;
    width: 140px;
    height: auto;
    left: -160px;
    color: #333;
    border-radius: 4px;
    padding: 10px;
    overflow: hidden;
    text-align: center;
    display: none;
    transition: all .3s;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background-color: #fff;
    font-family: 'Microsoft Yahei', PingFangSC-Medium, PingFang SC;
    line-height: 22px;
}

.online dd .dd-pos.diy {
    padding: 0;
    box-shadow: none;
    width: 150px;
    left: -160px;
    top: 0px;
    background-color: transparent;
}

.online dd .dd-pos.userline {
    padding: 0;
    box-shadow: none;
    width: 235px;
    left: -245px;
    background-color: transparent;
}

.online dd:hover .dd-pos {
    display: block;

}

.contactus {

    overflow: hidden;
}

.contactus .f24 {
    margin-bottom: 15px;
}

.contactus .map {
    height: 400px;
    margin-top: 4%;
}

.contactus .icon {
    margin-bottom: 20px;
    width: 60px;
}

.muwh-wrap {


}

.muwh-wrap .muwh-wrap-left {
    background-color: #fff;
    height: 638px;
    flex: 1;
}

.muwh-wrap .muwh-wrap-right {
    background: linear-gradient(0deg, #F6F6F6 0%, #FFFFFF 100%);
    height: 638px;
    flex: 1;
}

.muwh-wrap .muwh-thumb {
    width: 691px;
    height: 638px;
    background-image:url('../images/companyhouse@2x.png');
    background-size: cover;
}

.muwh-wrap .muwh-thumb img {
    width: 100%;
    height: 638px;
}

.muwh-wrap .muwh-content {
    font-size: 32px;
    flex: 1;
    background: linear-gradient(0deg, #F6F6F6 0%, #FFFFFF 100%);
    height: 638px;
    box-sizing: border-box;
    padding: 40px 0 0 70px;
    display: flex;
    flex-direction: column;

}

.muwh-wrap .muwh-content .title {
    margin-left: auto;
    margin-bottom: 35px;
}

.muwh-wrap .muwh-content p {
    font-weight: 400;
    font-size: 26px;
    color: #484848;
    line-height: 42px;
    text-indent: 50px;
    letter-spacing: 1.4px;
}

.muwh-wrap .muwh-content p:last-child {
    margin-top: 40px;
}

.course {
    margin-bottom: 20px;
}

.course .title {
    margin-bottom: 20px;
}

.course .img-bottom {
    margin-top: 15%;
}

.course .img-top {
    margin-bottom: 20px;
}

.course-box {

}

.course-box .course-item {
    width: 19%;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
}

.course-box .course-item .line {
    margin: 10px 0;
}

.course-box .course-item .desc {
    padding: 0 30px;
    line-height: 30px;
}

.course-about {
    padding-bottom: 0.5rem;
    line-height: 1.7;
}

.course-about .f30 {
    margin-bottom: 0.01rem;
}

.course-about img {
}

.course-about-info-bg {
    color: #fff;
    padding: 0 0 0 0;
    background-image: url("../images/mealbg@2x.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 456px;
    position: relative;
    z-index: 2;
}

.course-about .gril {
    position: absolute;
    right: 40px;
    top: -180px
}
.course-about .gril2 {
    position: absolute;
    right: 40px;
    top: -235px;
    z-index: 0;
}
.course-about .gril04 {
    position: absolute;
    right: 40px;
    top: -245px;
    z-index: 0;
}
.course-about-info {
    padding: 80px 0 0 70px;
    font-size: 23px;
 
}
.course-about-info.d1{
    padding: 55px 0 0 55px;
}
.course-about-thumb {
    width: 720px;
    height: 456px;
}

.course-step {
    margin: 5% 0 4% 0;
}

.course-step .col-6 {
    border-right: rgba(217, 217, 217, 1) 1px solid;
    margin-bottom: 20px;
}

.course-step .col-6:last-child {
    border-right: none;
}

.recommended {
    row-gap: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 45px;
    
   
}

.recommended .recommended-item {
    width: 100%;
}

.recommended .recommended-item .recommended-item-card {
    border: #EFEFEF 3px solid;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.recommended .recommended-item .recommended-item-card:hover {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border: #fff 3px solid;
    cursor: pointer;
}
.recommended .recommended-item .recommended-item-card .star{
    width: 110px;
    height: 15px;
    background-image: url("../images/starbg.png");
    background-repeat: no-repeat;
}
.recommended .recommended-item .recommended-item-card .star1 {
    background-position: 0 0;
}
.recommended .recommended-item .recommended-item-card .star2{
    background-position:0 -15px;
}
.recommended .recommended-item .recommended-item-card .star3{
    background-position:0 -30px;
}
.recommended .recommended-item .recommended-item-card .star4{
    background-position:0 -45px;
}
.recommended .recommended-item .recommended-item-card .star5{
    background-position:0 -60px;
}
.recommended .recommended-item .recommended-item-card .thumb {
    padding: 25px 20px;

}

.recommended .recommended-item .recommended-item-card .thumb img {
    border-radius: 8px;
    height: 187px;
    width: 100%;
}

.recommended .recommended-item .recommended-item-card .title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 20px;
    width: 153px;
    height: 33px;
    background: #0159BA;
    border-radius: 16px;
    line-height: 33px;
    text-align: center;

}

.recommended .recommended-item .recommended-item-card .desc {
    color: #7c7c7c;
    font-size: 14px;
    padding: 30px 30px 50px 30px;
    letter-spacing: 2px;
    height: 150px;
    box-sizing: border-box;
}

.recommended .recommended-item .recommended-item-card .button {
    display: block;
    width: 150px;
    height: 35px;
    background-color: #ffa200;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 48px;
    margin: 30px 0;
}

.theory {
    margin: 10% 0;
}

.theory img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 10%;
}

.theory .f24 {
    margin-bottom: 2%;
}

.adv-box {
    text-align: center;
    width: 80%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin: 10% auto;
    border-radius: 10px;
}

.adv-box img {
    border-radius: 10px;
    transition: all 1s ease;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.adv-box:hover img {
    transform: scale(1.1);

}

.adv-box .solid {
    height: 90%;
    width: 90%;
    position: absolute;
    color: #fff;
    border-radius: 10px;
    z-index: 10;
}

.adv-box .solid:before {
    position: absolute;
    content: '';
    opacity: 0;
}

.adv-box .solid:after {
    position: absolute;
    content: '';
    opacity: 0;
}

.adv-box .solid::before {
    top: 25px;
    right: 15px;
    bottom: 25px;
    left: 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.adv-box .solid::after {
    top: 15px;
    right: 25px;
    bottom: 15px;
    left: 25px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: scale(1, 0);
    transform-origin: 100% 0;
}

.adv-box:hover .solid::before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.5s;
}

.adv-box:hover .solid::after {
    opacity: 1;
    transform: scale(1);
    transition: all 0.5s;
}

.course-three {
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 0.5208rem;
    padding-top: 40px;
}

.course-three .f48 {
    font-size: 72px !important;
    font-weight: bold;
}

.course-three .f24 {
    text-align: center;
    color: #000;
    margin: 24px 0;
}

.course-three .f16 {
    text-align: center;
    color: #777;
}

.course-three .f14 {
    text-align: center;
    color: #777;
}

.course-three .en {
    margin-top: 8px;
}

.apply-box {
    background-image: url("../image/zhaoshangbg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    font-size: 16px !important;
}

.apply-box-form {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px;
    margin: 40px 50px;
}

.apply-box-form .apply-box-form-title {
    text-align: center;
    margin: 20px 0;
}

.apply-box-form .apply-box-form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 15px;
}

.apply-box-form .apply-box-form-group .label {
    margin-bottom: 10px;
}

.apply-box-form input {
    border: #ddd 1px solid;
    border-radius: 8px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    display: block;
    flex: 1;
}

.apply-box-form .apply-box-form-btn {
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    border-radius: 8px;
    outline: none;
    width: 100%;
    background-color: #1e50ae;
    line-height: 44px;
    text-align: center;
    margin: 30px auto;
}

.customer-box {
    background-image: url("../images/logobg@2x.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 5.3879rem;
 
}

.customer {

}

.customer .customer-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16.8%;
    height: 183px;
    background: #FFFFFF;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    margin-bottom: 40px;
}

.customer .customer-item img {
    max-width: 70%;
    height: auto;
}

.delivery .thumb {
    width: 2.6458rem;
    height: auto;
}

.delivery .title {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.delivery-info {
    font-size: 24px;
    font-weight: bold;
    margin: 60px 60px 0 100px;
}

.delivery-info span {
    color: #FF6000;
}

.credential {
    height: 2rem;
    display: flex;
    align-items: center;
}

.contactus-box {
    /*background-image: linear-gradient(to bottom,#e4e4e4,#ffffff);*/
}

.contactus-box img {
    width: 100%;
}

.peisong {
    position: relative;
    max-width: 7.5rem;
    margin: 0 auto;
    overflow: hidden;
}

.peisong .peisong-top {
    position: absolute;
    top: -10px;
}

/*底部版权区域*/
.footer {
    margin: 0 auto;
    padding: 60px 0 20px 0;
    color: #fff;
}

.footer .footer-logo {
    width: 155px;
    height: 53px;
}

.footer .item {
    color: #ccc;
    margin-right: 40px;
}

.footer .item:first-child {
    margin-right: auto;
    margin-top: -15px;
    position: relative;
}

.footer .item:last-child {
    margin-right: 0;
    max-width:300px
}

.footer .item .item-title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}

.footer .item .footer-phone {
    font-weight: 500;
    font-size: 14px;
    color: #ccc;
    line-height: 28px;
}

.footer .item .footer-phone p:first-child {
    color: #FFF100;
}

.footer .item .footer-time {
    display: flex;
    margin-top: 10px;
}

.footer .item .footer-time .qr-box {
    margin-right: 38px;
    text-align: center;
    font-size: 13px;
}

.footer .item .footer-time .qr-box p {
    margin-top: 15px;
}

.footer .item .footer-time .qr-box .qr {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    padding: 6px;
    box-sizing: border-box;
}

.footer .item .footer-btn {
    background-color: #1e50ae;
    color: #fff;
    width: 160px;
    height: 32px;
    border-radius: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
}

.footer .item ul li {
    line-height: 36px;
    		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
}

.footer .item ul li a {
    color: #ccc;
    font-size: 14px;
}

.footer .item ul li a:hover {
    color: #FFF100;
}

.footer .item .footer-btn:hover {
    color: #1e50ae;
    background-color: #fff;
}

.footer .item .qrcode {
    width: 120px;
    margin-bottom: 10px;
}

.copyright {
    background-color: #212121;
    text-align: center;
    padding: 20px 0;
    color: #999;
    line-height: 24px;
}

@media (max-width: 320px) {
    .wrap-1400 {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .wrap-1400 {
        width: 100%;
    }

}

@media (max-width: 600px) {
    .wrap-1400 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .wrap-1400 {
        width: 100%;
    }

    .xian-navbar .title {
        font-size: 0.5083rem;
        color: #003e97;
    }


}

@media (max-width: 992px) {
    .py-1 {
        padding: 20px 0 !important;
    }

    .mt-1 {
        padding: 20px 0 !important;
    }

    .pt-1 {
        padding: 20px 0 0 0 !important;
    }

    .my-1 {
        margin: 30px 0 !important;
    }

    .swiper-container-banner {
        height: 3.8rem;  
    }
    .swiper-container-banner .swiper-slide {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .contactus-box {
        display: none;
    }

    .delivery .title {
        font-size: 18px;
    }

    .delivery .title {
        font-size: 18px;
        margin-top: 20px;
    }

    .delivery .thumb {
        width: 6.6458rem;
        height: auto;
    }

    .delivery-info {
        font-size: 16px;
    }

    .condition .item .name {

        font-size: 18px;
    }

    .muwh-wrap { 
        flex-direction: column !important;
    }
      .muwh-wrap .wrap-width{
         flex-direction: column !important;
     }
    .muwh-wrap .muwh-thumb {
        width: 4.9427rem;
       display: none;
    }

    .muwh-wrap .muwh-thumb img {
        width: 100%;
         height: auto !important;
    }

    .muwh-wrap .muwh-content {
        font-size: 14px;
        padding: 10px;
        flex: 1;
    }
    .muwh-wrap .muwh-content .title{
        width: 160px;
    }

    .muwh-wrap .muwh-content p {
        line-height: 1.7;
        text-indent: 24px;
        color: #555;
        font-size: 16px;
    }

    .muwh-wrap .muwh-content p:last-child {
        margin-top: 10px;
    }


    .enjoy-box .xian-navbar .title {
        letter-spacing: 0px;
    }

    .enjoy .enjoy-item {
        width: 50%;
    }

    .enjoy .enjoy-item .title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .enjoy .enjoy-item .en {
        font-size: 12px;
    }

    .tese-box .tese-list ul li {
        background-color: #fff;
        line-height: 28px;
        width: 100%;
        margin-bottom: 20px;
    }

    .tese-box .tese-list ul li .thumb {
        height: 6.40625rem;
    }

    .design {
        margin: 30px auto 0 auto;
        background-color: #FAF9F8;
        padding: 40px 20px 0 20px;
    }

    .design .design-item {
        width: 48%;
        border-right: none;
        margin-bottom: 30px;
    }

    .design .design-item img {
        width: 100%;
    }

    .design .design-item:last-child {

    }


    .guide {
        padding: 20px 20px 0 20px;
    }

    .guide .guide-item {
        width: 48%;
        height: auto;
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .news-box .news-item {
        width: 100%;
        margin-bottom: 15px;
    }
     .peisong{
        max-width: 100vw !important;  
     }
    .branch-tab {
        overflow-x: scroll !important;
        display: block;
        white-space: nowrap;
         height: 50px;
       
    }

    .branch-tab::-webkit-scrollbar {
        display: none;
    }

    .branch-tab li {
        margin: 0 10px;
        border-radius: 4px;
        padding: 0 10px;
    }

    .branch .swiper-branch {
        height: 5.2292rem;
    }

    .branch .swiper-branch .swiper-slide .scale-img {
        height: 5.2292rem;
        margin: 0 8px;
    }

    .environment-box .environment-list .item {
        width: 95%;
        margin: 0 auto;
        height: auto !important;
    }

    .environment-box .environment-list .one-item {
        margin-bottom: 15px;
    }

    .environment-box .environment-list .two-item {
        height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between;
    }

    .environment-box .environment-list .item .top {
        width: 100%;
        height: auto !important;
        margin-bottom: 15px;
    }

    .environment-box .environment-list .two-item .top {
        height: auto !important;
        width: 48%;
    }

    .environment-box .environment-list .item .scale-img {
        width: 100%;
        height: auto !important;
    }

    .environment-box .environment-list .item .scale-img .thumb {
        width: 100%;
        height: auto !important;
    }

    .wrap-1400 {
        width: 100%;
    }

    .wrap-width {
        width: 100vw;
        overflow: hidden;
    }

    .course-box .course-item {
        width: 98%;
        height: 250px;
        margin-bottom: 20px;
    }

    .xian-navbar .title {
        font-size: 0.5083rem;
        color: #003e97;
    }
    .xian-navbar.black .title {
    font-weight: 400;
    font-size: 0.5083rem;
 

}
    .xian-navbar .small {
        font-size: 12px;
        color: #003e97;
    }

    .good .good-item {
        margin-bottom: 15px;
    }

    .mode .mode-item {
        margin-bottom: 15px;
        padding: 40px 0 !important;
        height: auto !important;
    }

    .mode .mode-item .icon {
        width: 48px;
        height: 48px;
    }

    .condition .one-item {
        margin-bottom: 15px;
    }

    .condition .one-item .thumb {
        height: 6.3854rem;
    }

    .condition .two-item {
        display: flex;
        flex-direction: row !important;
    }

    .condition .two-item .top {
        height: 4.6146rem;
        margin-bottom: 15px;
        width: 48%;
    }

    .condition .two-item .thumb {
        height: 4.6146rem;

    }

    .select .select-item .f30 {
        font-size: 20px;
        font-weight: bold;
    }

    .product {
        margin-top: 30px;
    }

    .product .product-item {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 30px;
    }
    .yongcanyuqiu{
        display: none;
    }
    .online dl dd {
        font-size: 14px;
    }
    .footer {
        justify-content: center;
        align-items: center
    }

    .footer .item {
        margin-right: 0;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .course-three {
        padding: 30px 0 0 0;
        height: auto !important;
        background-size: cover;
    }

    .course-three .f48 {
        font-size: 64px !important;
        font-weight: bold;
    }

    .contactus .map {
        height: 240px;
        margin-bottom: 4%;
        margin-top: 4%;
        width: 100%;
    }

    .apply-box-form {
        padding: 20px;
        margin: 20px;
    }

    .credential {
        row-gap: 0.5rem;
        padding: 0 0.5rem;
    }

    .credential .credential-item {
        height: auto;
    }

    .partner .partner-form {
        width: 90%;
    }

    .customer-box {
        height: auto;
    }

    .customer {
        box-sizing: border-box;
        padding: 0 20px;
    }

    .customer .customer-item {
        width: 45%;
        height: 120px;

    }
    .become-partner {
    width: 100%;
    margin: 30px auto;
}
.select .select-item .icon {
    margin-bottom: 0.15rem;
    width: 80px;
    height: 80px;
}
.select .select-item .title {
 
    font-size: 18px;
 
}
.select .select-item .small {
 
    font-size: 13px; 
}
.entry-condition{
    height: 120px;
}
.entry-condition .icon{
    width: 60px;
}
.change .change-item {
    text-align: left;
    padding: 30px 15px 0 15px;
}
.change .change-item .title {
 
    font-size: 20px; 
}
.change .change-item .desc {
 
    font-size: 14px; 
}
    .recommended {
    row-gap: 20px;
    display: grid; 
    grid-template-columns: 1fr 1fr  ;
    column-gap: 15px;
     }
    .recommended .recommended-item {
        width: 98%;
        margin: 0 auto;
    }

.recommended .recommended-item .recommended-item-card .thumb img{
    height: auto !important;
}

.recommended .recommended-item .recommended-item-card .title {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 20px;
    width: 140px;
    height: 33px;
    background: #0159BA;
    border-radius: 16px;
    line-height: 33px;
    text-align: center;
}
.recommended .recommended-item .recommended-item-card .desc {
    color: #7c7c7c;
    font-size: 14px;
    padding: 10px 10px 15px 10px;
    letter-spacing: 2px;
    height: auto !important;
    box-sizing: border-box;
}
.course-about-thumb {
    width: 100%;
    height: auto;
}
.course-about-info {
    padding: 20px 0 0 20px;
    font-size: 16px;
}
.course-about-info-bg {
    padding-bottom: 20px;
    height: auto; 
}
.course-about .gril {
    position: absolute;
    width: 100px;
    right: 40px;
    top: -110px;
}
.course-about-info.d1 {
    padding: 15px 0 0 20px;
}
.course-about .gril2 {
    position: absolute;
    right: 40px;
    width: 110px;
    top: -125px;
    z-index: 0;
}
.hexinchanp{
    width: 100%;
}
.course-about .gril04 {
    position: absolute;
    right: 40px;
    top: -125px;
    width: 110px;
    z-index: 0;
}
.wrap-1300 {
    width: 100%;
}
    .f60 {
        font-size: 1rem !important;
    }

    .f48 {
        font-size: 0.85rem !important;
    }

    .f36 {
        font-size: 0.65rem !important;
    }

    .f32 {
        font-size: 0.5667rem !important;
    }

    .f30 {
        font-size: 0.45625rem !important;
    }

    .f16 {
        font-size: 14px !important;
    }

    .f24 {
        font-size: 0.425rem !important;
    }

    .f20 {
        font-size: 0.425rem !important;
    }
}

@media (max-width: 1200px) {

}

@media (max-width: 1400px) {

}