@charset "utf-8";

.main-title {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;  
    align-items:center;  
}
.main-title .ico {
    display:block;
    width:3.25rem;
}
.main-title .ico .w66 {
    width:100%;
    max-width:3.3rem;
    height:auto;
}
.main-title .ico .w62 {
    width:100%;
    max-width:3.1rem;
    height:auto;
}
.main-title .ico .w42 {
    width:100%;
    max-width:2.1rem;
    height:auto;
}
.main-title .ico .w52 {
    width:100%;
    max-width:2.6rem;
    height:auto;
}
.main-title .ico .w53 {
    width:100%;
    max-width:2.65rem;
    height:auto;
}

.main-title .title {
    position:relative;
    width:calc(100% - 3.25rem);
    font-size:1.7rem;
    color:#000;
    font-weight:700;
}
.main-title .title span {font-weight:300;}
@media screen and (max-width:640px) {
    .main-news__title {font-size:1.3rem}
    .main-title .title {font-size:1.3rem}
    .main-title .ico {width:2.5rem}
    .main-title .title {width:calc(100% - 2.5rem)}
    .main-title .ico .w66,
    .main-title .ico .w62,
    .main-title .ico .w42,
    .main-title .ico .w52,
    .main-title .ico .w53 {max-width:2rem}
}


.main-visual__wrap {
    position:relative;
    background-color:#f2f2f2;
    padding:2rem 0 2rem;
}
.main-visual__wrap .swiper-wrapper {
    padding:3.65rem 0 6.6rem;
}
.main-visual__conatiner {
    position:relative;
    width:100%;
}
.main-visual__content {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    align-items:center;
}
.main-visual__text {
    position:relative;
    width:42%;
    letter-spacing:-0.05em;
}
.main-visual__title {
    position:relative;
    font-size:2rem;
    color:#2d2d2d;
    font-weight:700;
    line-height:1;
}
@media screen and (max-width:1350px) {
 .main-visual__title {
    position:relative;
    font-size:1.6rem;
    color:#2d2d2d;
    font-weight:700;
    line-height:1;
}   
}
.main-visual__title em {
    display:inline-block;
    position:relative;
    z-index:3;
}
.main-visual__title span {
    display:inline-block;
    position:relative;    
    padding-bottom:0.55rem;
}
.main-visual__title span::after {    
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1.45rem;
    background-color:#d7e5ff;
    z-index:1;
}
.main-visual__text1 {
    font-size:1.2rem;
    color:#32a2d9;
    font-weight:500;
    line-height:2rem;
    margin-top:0.5rem;
}
.main-visual__text2 {
    font-size:1.49rem;
    color:#202020;
    font-weight:400;
    line-height:2rem;
}

.main-visual__image {
    position:relative;
    width:calc(100% - 42%);
    text-align:right;    
}
.main-visual__image img {max-width:100%;height:auto}
.main-visual__pagination {
    bottom:2.7rem !important; 
    height:0.95rem;
}
.main-visual__pagination .swiper-pagination-bullet {
    width:0.95rem;
    height:0.95rem;
    background-color:#c2c2c2;
    opacity:1;
    margin:0 0.55rem !important;
    transition:all 0.3s ease;
}
.main-visual__pagination .swiper-pagination-bullet-active {
    width:2.55rem;
    background-color:#2993d3;
    border-radius:8.5px;
}
.btn-visual__prev,
.btn-visual__next {
    position:absolute;
    top:46%;
    width:3.55rem;
    height:3.55rem;
    transform:translateY(-50%);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
    z-index:10;
}
.btn-visual__prev {
    left:7.25rem;
    background-image:url(../imgs/main/visual/btn_prev.png);
}
.btn-visual__next {
    right:7.25rem;
    background-image:url(../imgs/main/visual/btn_next.png);
}
@media screen and (max-width:1808px) {
    .btn-visual__next {right:5rem}
    .btn-visual__prev {left:5rem}
}
@media screen and (max-width:1760px) {
    .btn-visual__next {right:30px}
    .btn-visual__prev {left:30px}
}
@media screen and (max-width:1664px) {
    .main-visual__container {padding:0 50px;}
}
@media screen and (max-width:960px) {
    .main-visual__container {padding:0 40px;}
    .btn-visual__next {right:20px}
    .btn-visual__prev {left:20px}
    .btn-visual__prev, .btn-visual__next {
        width:1rem;
        height:2rem;
    }    
    .main-visual__pagination .swiper-pagination-bullet {
        width:0.8rem;
        height:0.8rem;
    }
    .main-visual__pagination .swiper-pagination-bullet-active {width:2rem}

}
@media screen and (max-width:920px) {
    .main-visual__content {flex-direction:column;}
    .main-visual__text {width:100%;text-align:center;}
    .main-visual__image {width:100%;margin-top:1.5rem}
}
@media screen and (max-width:768px) {
    .main-visual__wrap {
        padding-top:2rem;
        padding-bottom:2rem;
    }
    .main-visual__wrap .swiper-wrapper {
        padding-top:2rem;
        padding-bottom:4rem;
    }
    .main-visual__pagination {
        bottom:1.6rem !important;
    }
}
@media screen and (max-width:640px) {
    .main-visual__title {font-size:1.4rem;}
    .main-visual__text1 {font-size:1rem;}
    .main-visual__text2 {font-size:1.2rem;}
    .main-visual__wrap .inner {padding:0}
    .btn-visual__next {right:12px}
    .btn-visual__prev {left:12px}
}



.main-news__wrap {
    position:relative;
    width:100%;
    padding:1.5rem 0 1.3rem;
    background:url(../imgs/main/news/news_bg.png) no-repeat 50% 50%;
    background-size:cover;
}

.main-news__container {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    position:relative;
    width:100%;
    align-items:center;
}
.main-news__head {
    width:11.65rem;
}
.main-news__title {
    display:inline-flex;
    flex-direction:row;
    width:100%;
    font-size:1.75rem;
    color:#fff;
    font-weight:700;
    align-items:center;
    line-height:1;
}
.main-news__title .ico {
    display:block;
    width:3.3rem;    
    line-height: 1.4rem;
}
.main-news__title .ico img {width:100%;height:auto;}
.main-news__title span {
    display:block;
    margin-left:0.65rem;
    line-height: 1.2rem;
}
.main-news__body {
    position:relative;
    width:calc(100% - 11.65rem - 11.7rem);
    padding-top: 2.1rem;
}
.main-news__body .swiper-slide {height:3.3rem !important;}
.main-news__content {
    position:relative;
    width:100%;
}
.main-news__text {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;    
    font-size:1rem;
    color:#fff;
    font-weight:500;
    line-height:1;
}
.main-news__text a {color:#fff}
.main-news__ca {
    width:6.55rem;
}
.main-news__subject {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.main-news__ca + .main-news__subject {
    width:calc(100% - 6.55rem);
}
.main-news__text {margin-bottom:1.3rem;}
#main-news-slider {margin-top:-1.3rem;}
.main-news__controls {
    width:11.7rem;
    text-align:right;
}
.main-news__btnbox {
    display:inline-flex;
    width:2.4rem;
    flex-wrap:wrap;
    flex-direction:column;
}
.btn-main-news__up,
.btn-main-news__down {
    display:block;
    position:relative;
    width:2.4rem;
    height:2.4rem;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:0 0;
}
.btn-main-news__up + .btn-main-news__down {
    margin-top:0.6rem;
}
.btn-main-news__up {background-image:url(../imgs/main/news/btn_news_up.png)}
.btn-main-news__down {background-image:url(../imgs/main/news/btn_news_down.png)}
@media screen and (max-width:768px){
    .main-news__container {
        flex-direction:column;
        align-items:baseline;
    }
    .main-news__wrap {padding:2rem 0}
    .main-news__head {
        width:100%;
    }
    .main-news__body {
        width:100%;
    }
    .main-news__controls {width:100%;text-align:center;}
    .main-news__btnbox {
        width:100%;
        flex-direction:row;
        justify-content:center;
    }
    .btn-main-news__up + .btn-main-news__down {margin-top:0;margin-left:10px}
}
@media screen and (max-width:640px) {
    .main-news__title {font-size:1.3rem}
    .main-news__title .ico {width:2rem}
}

.main-class__wrap {
    position:relative;
    width:100%;
    padding-top:4.05rem;
}
.main-class__image img {
    width:100%;
    height:auto;
}
.main-class__container {
    position:relative;
    margin-top:1.8rem;
}
.main-class__item {
    width:100%;
    border:1px solid #ddd;
    border-radius:20px;
    overflow:hidden;
}
.main-class__info {
    text-align:center;
    padding:1.35rem 1rem 1.4rem;    
    background-color:#fff;
}
.main-class__subject {
    font-size:1rem;
    color:#000;
    font-weight:700;
    line-height:1.3;
    height:2.6rem;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.main-class__text {
    margin-top:0.75rem;
    font-size:0.75rem;
    color:#797979;
    line-height:0.85rem;
    font-weight:300;
    min-height:3.25rem;
    letter-spacing:-0.05em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.main-class__btnbox {
    position:relative;    
    margin-top:0.5rem;
}
.main-class__btn {
    display:block;
    width:100%;
    height:2.55rem;
    line-height:2.55rem;    
    background-color:#269ce1;;
    border-radius:10px;
    text-align:center;
    color:#fff;
}
.main-class__btn span {
    display:inline-block;
    position:relative;
    font-size:0.8rem;
    color:#fff;
    padding-right:1.45rem;
    font-weight:500;
}
.main-class__btn span::after {
    content:"";
    display:block;
    position:absolute;
    top:0.75rem;
    right:0;
    width:1rem;
    height:1rem;
    background:url(../imgs/main/class/btn_class_detail.png) no-repeat 0 0;
    background-size:100% auto;
}
.btn-class__prev,
.btn-class__next {
    display:block;
    position:absolute;
    top:50%;
    width:3.55rem;
    height:3.5rem;
    background-repeat:repeat;
    background-position:0 0;
    background-size:100% auto;
    transform:translateY(-50%);
}
.btn-class__prev {
    left:-120px;
    background-image:url(../imgs/main/class/btn_class_prev.png);
}
.btn-class__next {
    right:-120px;
    background-image:url(../imgs/main/class/btn_class_next.png);
}
@media screen and (max-width:1664px) {
    .main-class__container {
        padding-left:100px;
        padding-right:100px;
    }
    .btn-class__prev {left:0}
    .btn-class__next {right:0}
}
@media screen and (max-width:960px) {
    .main-class__wrap {
        padding:3rem 0;
    }
    .main-class__container {margin-top:1.2rem}
}
@media screen and (max-width:920px) {
    .main-class__container {
        padding-left:50px;
        padding-right:50px;
    }
    .btn-class__prev {left:0}
    .btn-class__next {right:0}
    .btn-class__prev, .btn-class__next {
        width:2.55rem;
        height:2.5rem;
    }
}
@media screen and (max-width:768px){ 
    .main-class__wrap {
        padding:2rem 0;
    }
}

.main-agencies {
    position:relative;
    padding:2.45rem 0 2.05rem;
}
.main-agencies__container {
    position:relative;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;    
    align-items:center;
}
.main-agencies__container .main-title {width:11.65rem}
.main-agencies__content {
    width:calc(100% - 11.65rem);
}
.main-agencies__view{
    position:relative;
    padding:0 2.75rem;    
}
.main-agencies__slider {
    position:relative;
    width:100%;
}
.btn-agencies__prev,
.btn-agencies__next {
    display:block;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1.85rem;
    height:1.9rem;
    background-size:100% auto;
    background-position:0 0;
    background-repeat:no-repeat;
}
.btn-agencies__prev {
    left:0;
    background-image:url(../imgs/main/agencies/btn_agencies_prev.png);
}
.btn-agencies__next {
    right:0;
    background-image:url(../imgs/main/agencies/btn_agencies_next.png);
}
.main-agencies__slider img {width:100%;height:auto;}
@media screen and (max-width:960px) {
    .main-agencies__container {flex-direction:column;}
    .main-agencies__container .main-title {width:100%;}
    .main-agencies__content {
        width:100%;
        margin-top:1.2rem;
    }
}
@media screen and (max-width:768px){ 
    .main-agencies {
        padding:2rem 0;
    }
}

.main-members {
    position:relative;
    padding:3.45rem 0 4.05rem;
}
.main-members__container {
    position:relative;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    align-items:center;
	text-align: center;
}
.main-members__container .main-title {width:11.65rem;padding:0 0 2.05rem;}
.main-members__containe .main-title .title {
    width:calc(100% - 1.05rem) !important;}
.main-members__content {
    width:100%;
}
.main-members__content h3{clear:both;}
.main-members__content #box{border:1px solid #c7c7c7; padding:20px 10px;text-align:center;display:inline-block;border-radius:10px;min-width:300px;}
.main-members__content #box img{margin-bottom:10px;padding:15px 0px;}
.main-members__content #box p{background:#d7e5ff; text-align:center; padding:10px;}
.main-members__slider {
    position:relative;
    width:100%;
}

 .marquee { overflow: hidden;}
 .marquee div {display: inline-block;;animation: marquee 15s linear infinite;}
 @keyframes marquee {
	0% {
		transform: translateX(100%);
	}
    100% {
		transform: translateX(-400%);
    }
}