.en{font-family: 'Arimo';}
.t_group1 h3{font-size:60px; font-family: 'Arimo'; font-weight: 800; margin-bottom:20px; color:#000; position: relative;}
.t_group1 p{font-size:18px; line-height: 1.6;}
@media(max-width:1440px){
    .t_group1 h3{font-size:36px;}
    .t_group1 p{font-size:16px;}
}

@media(max-width:1024px){

}

@media(max-width:768px){

}

@media(max-width:425px){

}


.b_type1{width:60px; height:60px; display: inline-flex; background:#fff; border-radius: 50%; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); position: relative; transition: all .3s ease;}
.b_type1:hover{background:#043457;}
.b_type1::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:15px; height:1px; background:#000; transition: all .3s ease;}
.b_type1::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:1px; height:15px; background:#000; transition: all .3s ease;}
.b_type1:hover::before, .b_type1:hover::after{background:#fff; transform: translate(-50%,-50%) rotateZ(180deg);}
.b_type2{height:60px; padding:20px; border-radius: 60px; background:#fff;display: inline-flex; align-items: center; min-width:60px; justify-content: center; transition: all .3s ease; overflow: hidden; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);}
.b_type2:hover {background:#043457;}
.b_type2 span{margin-right:40px; opacity: 0; transition: all .3s ease; margin-left:-113px; transition: all .3s ease; color:#000;}
.b_type2:hover span{margin-left:0; opacity: 1; color:#fff;}
.b_type2 i{width:15px; height:15px; position: relative; transition: all .3s ease;}
.b_type2:hover i{transform: rotate(360deg);}
.b_type2 i::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:1px; background:#000;}
.b_type2 i::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:1px; height:100%; background:#000;}
.b_type2:hover i::before,.b_type2:hover i::after{background:#fff;}

.swiper-button-next, .swiper-button-prev{position: relative; left:auto; right:auto; top:auto; bottom:auto; margin:0; width:60px; height:60px; border-radius: 50%; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); margin-right:20px; background:none; transition: all .3s ease; background:#fff;}
.swiper-button-next::before{position: absolute; left:50%; top:50%; transform: translate(-75%,-50%) rotate(45deg); content:''; width:8px; height:8px; border:1px solid #000; border-bottom:transparent; border-left:transparent; transition: all .3s ease;}
.swiper-button-next:hover::before{border:1px solid #fff; border-bottom:transparent; border-left:transparent;}
.swiper-button-prev::before{position: absolute; left:50%; top:50%; transform: translate(-25%,-50%) rotate(45deg); content:''; width:8px; height:8px; border:1px solid #000; border-top:transparent; border-right:transparent; transition: all .3s ease;}
.swiper-button-prev:hover::before{border:1px solid #fff; border-top:transparent; border-right:transparent;}
.swiper-button-next:hover, .swiper-button-prev:hover{background:#043457;}
.swiper-button-next::after, .swiper-button-prev::after{display: none;}
.popup {position: absolute; background:#fff; z-index: 100;}



.portfolio_modal .swiper-button-next,.portfolio_modal .swiper-button-prev{position: absolute;}
/* section1 */
.sec1{width:100%; height:calc(100vh - 110px); margin-top:110px; padding-left:160px; transition: all .3s ease;}
body.on .sec1{margin-top:80px;}
.sec1 .container{width:100%; height:100%; position: relative;}
.sec1 .swiper{width:100%; height:100%;}
.sec1 .swiper .swiper-slide{background:#fff; width:100%; height:100%;}
.sec1 .swiper .slide1{background:url(../images/main/main_visual_image01.png) no-repeat center / cover;}
.sec1 .swiper .slide2{background:url(../images/main/main_visual_image02.png) no-repeat center / cover;}
.sec1 .swiper .slide3{background:url(../images/main/main_visual_image03.png) no-repeat center / cover;}
.sec1 .bottom_group{position: absolute; right:0; bottom:0; width:50%; height:100px; z-index: 10;}
.sec1 .bottom_group_inner{position: relative; width:100%; height:100%;  display: flex;}
.sec1 .swiper-button-next, .sec1 .swiper-button-prev{position: relative; width:100px; height:100px; transform: translate(0,0);  left:auto; right:auto; top:auto; bottom:auto; margin: 0; background:none; display: flex; align-items: center; justify-content: center; border-radius: 0;}
.sec1 .swiper-button-next:after, .sec1 .swiper-button-prev:after{display: none;}
.sec1 .swiper-button-next span, .sec1 .swiper-button-prev span{width:15px; height:15px; border:2px solid #fff; transform: rotateZ(45deg) ;}
.sec1 .swiper-button-next::before, .sec1 .swiper-button-prev::before{display: none;}
.sec1 .swiper-button-prev{background: #1c4767;}
.sec1 .swiper-button-next{background: #043457;}
.sec1 .swiper-button-next span{border-left:transparent; border-bottom:transparent;}
.sec1 .swiper-button-prev span{border-right:transparent; border-top:transparent;}
.sec1 .swiper-pagination{position: relative; text-align: left; transform: translate(0,0); display: flex; align-items: center; width:calc(100% - 200px); background:#fafafa; bottom:0; padding-left:80px; font-size:14px; font-size:0;}
.sec1 .swiper-pagination-current{margin-right:200px; font-size:14px; position: relative;}
.sec1 .swiper-pagination-current::before{position: absolute; top:50%; left:calc(100% + 20px); content:''; width:160px; height:2px; background:#d5dce2;}
.sec1 .swiper-pagination-current::after{position: absolute; top:50%; left:calc(100% + 20px); content:''; width:160px; height:2px; background:#043457; }
.sec1 .swiper-pagination-current.on::after{animation: bar 4500ms linear forwards;}
@keyframes bar { from{width:0;} to{width:160px;} }
.sec1 .swiper-pagination-total{font-size:14px;}
.sec1 .swiper-slide{display: flex; align-items: center; padding-left:200px; overflow: hidden; position: relative;}
.sec1 .swiper-slide-active::before{position: absolute; left:0; top:50%; transform: translate(-300%,-50%) rotate(30deg); content:''; width:144px; height:200vh; background:rgba(255, 255, 255, .5); animation: glass 1000ms linear forwards; animation-delay: 1500ms; animation-timing-function:ease;}
.sec1 .swiper-slide-active::after{position: absolute; left:-450px; top:50%; transform: translate(-300%,-50%) rotate(30deg); content:''; width:164px; height:200vh; background:rgba(255, 255, 255, .5); animation: glass 1000ms linear forwards; animation-delay: 1500ms; animation-timing-function:ease;}
@keyframes glass { from{transform: translate(-300%,-50%) rotate(30deg);} to{transform: translate(1500%,-50%) rotate(30deg);} }
.sec1 .swiper-slide .text_box{display: flex; flex-direction: column; margin-bottom:20px; color:#fff; position: relative;}
/* .sec1 .swiper-slide.slide2 .text_box,.sec1 .swiper-slide.slide3 .text_box{margin-bottom:20px; } */
.sec1 .swiper-slide .text_box::before{position: absolute; left:-20px; top:0; transform: translate(-100%, -200%); content:''; width:72px; height:0; background:#fff; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 87%); opacity: 0;}
.sec1 .swiper-slide-active .text_box::before{height:426px; animation: fade_down 1s linear forwards; animation-delay: 500ms; animation-timing-function:ease;}
@keyframes fade_down { from{transform: translate(-100%, -200%); opacity: 0;} to{transform: translate(-100%, -100%); opacity: 1;} }
.sec1 .swiper-slide .text_box h2{font-size:60px; font-family: 'Arimo'; font-weight: 900; margin-bottom:20px;}
.sec1 .swiper-slide .text_box p{font-size:22px; margin-bottom:10px;}
.sec1 .swiper-slide .text_box p:last-child{margin:0;}
.sec1 .swiper-slide .text_box .desc1{font-weight: 700; line-height: 1.4;}
.sec1 .swiper-slide .text_box .desc2{font-weight: 300; line-height: 1.4;}
.sec1 .b_type2{ margin-top: 70px; display: inline-flex;}
.sec1 .b_type2 span{ margin-left:0; opacity: 1; color:#222; }
.sec1 .title_logo{ margin-bottom:6px; margin-right: 0; display: block;}
.title_logo{vertical-align: text-top; margin-right:20px;}

@media(max-width:1440px){
    .sec1{padding:0;}
    .sec1 .swiper-slide{padding-left:150px;}
}

@media(max-width:1024px){
    .sec1{margin-top:80px;}
    .sec1 .swiper-slide{padding-left:60px;}
    .sec1 .swiper-slide .text_box h2{font-size:50px;}
    .sec1 .swiper-slide .text_box p{font-size:18px;}
    .sec1 .bottom_group{width:70%; height:80px;}
    .sec1 .swiper-button-next, .sec1 .swiper-button-prev{width:80px; height:80px;}
    .sec1 .swiper-pagination{width:calc(100% - 160px);}
    .title_logo{display: block;}

}

@media(max-width:768px){
    .sec1{margin-top:60px;}
    .sec1 .bottom_group{width:90%; height:60px;}
    .sec1 .swiper-button-next, .sec1 .swiper-button-prev{width:60px; height:60px;}
    .sec1 .swiper-pagination{width:calc(100% - 120px);}
    .sec1 .swiper-slide{padding: 0 40px;}
    .sec1 .swiper-pagination-current{margin-right:120px;}
    .sec1 .swiper-pagination-current::before{width:80px;}
    .sec1 .swiper-pagination-current::after{width:80px;}
    @keyframes bar { from{width:0;} to{width:80px;} }

}
@media(max-width:650px){
    .sec1 .swiper-slide .text_box h2{font-size:45px;}

}


@media(max-width:425px){
    .sec1 .swiper-pagination{padding-left:20px;}
    .sec1 .bottom_group{width:100%;}
    .sec1 .swiper-slide .text_box h2{font-size:30px;}
    .sec1 .swiper-slide .text_box p{font-size:14px;}
}


/* section2 */
.sec2{width:100%; padding-left:160px; background:#f2f5f6;}
.sec2 .container{padding-left:70px; display: flex; background:#fff;}
.sec2 .t_group1{ width:30%; padding:140px 0 200px 40px; position: relative;}
.sec2 .swiper-sec2{width:70%; padding:140px 0 70px 40px;}
.sec2 .nav_btn_group{position: relative; display: flex; margin-top:80px;}
.sec2 .swiper-slide{ transition: all .3s ease; overflow: hidden; position: relative; z-index: 1; padding:40px; display: flex; align-items: flex-end;}
.sec2 .swiper-slide .bg_img{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100%;  display: block; z-index: -1;}
.sec2 .swiper-slide-active .bg_img::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; min-height:500px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(253,187,45,0) 100%); z-index: 1; opacity: .76;}
.sec2 .swiper-slide .bg_img img{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) scale(1.4); content:''; min-width:400px; filter: grayscale(100%); transition: all 1s ease;}
.sec2 .swiper-slide-active .bg_img img{filter: grayscale(0%);}
.sec2 .swiper-slide-active{transform: translateY(-40px); box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);}
.sec2 .swiper-slide .text_group{width:100%;}
.sec2 .swiper-slide .text_group h4{font-size:24px; font-weight: 700; color:#fff;}
.sec2 .swiper-slide .text_group p{ margin-top:15px; padding-top:15px; line-height: 1.4; color:#fff; display: none; opacity: 0; position: relative;}
.sec2 .swiper-slide .text_group p::before{position: absolute; content:''; top:0; left:0; width:0; height:1px; background:#fff; transition: all .3s ease; opacity: 0;}
.sec2 .swiper-slide .text_group p::before{animation: sec2-text-top-line 1s linear forwards; animation-delay: .1s; animation-timing-function:ease;}
@keyframes sec2-text-top-line { from{opacity: 0; width:0;} to{opacity: 1; width:100%;} }
.sec2 .swiper-slide-active .text_group p{animation: sec2-text-fade 1s linear forwards; animation-timing-function:ease; display: block; word-break: break-all;}
@keyframes sec2-text-fade { from{opacity: 0;} to{opacity: .8;} }
@media(max-width:1440px){
    .sec2{padding:0;}
    .sec2 .t_group1{padding-left:0;}
    .sec2 .swiper-slide{padding:20px;}
    .sec2 .swiper-slide .text_group h4{font-size:20px;}
    .sec2 .swiper-sec2 {padding-left:0;}
}

@media(max-width:1024px){
    .sec2 .container{padding:80px 60px 60px;}
    .sec2 .swiper-slide .text_group p{font-size:14px;}
    .sec2 .container{flex-direction: column;}
    .sec2 .t_group1{width:100%; padding:0; position: relative;}
    .sec2 .swiper-sec2{width:100%; padding:40px 0;}
    .sec2 .nav_btn_group{position: absolute; right:0; bottom:0; margin:0;}
    .sec2 .swiper-sec2{height:550px;}
    .sec2 .swiper-slide-active{transform: translateY(0);}

}

@media(max-width:768px){
    .sec2 .container{padding:60px 40px 20px;}
}

@media (max-width:580px) {
    .sec2 .nav_btn_group{position: relative; margin:20px 0;}
    .sec2 .swiper-sec2{padding-top:0;}
    .sec2 .swiper-slide-active .bg_img::before{height:calc(100% + 50px);}
}

@media(max-width:425px){
    .sec2 .container{padding:60px 20px 20px;}
}
/* section3 */
.sec3{padding:100px 160px; background:#043457;}
.sec3 .container{width:100%; display: flex;}
.sec3 .content_left{width:50%; margin-right:40px; display: flex; flex-direction: column;}
.sec3 .content_left .item{padding:60px 50px; display: flex; border:1px solid rgba(255, 255, 255, .95); margin-bottom:40px; position: relative; align-items: center; transition: all .3s ease; position: relative; overflow: hidden;}
.sec3 .content_left .item::before{position: absolute; left:-40px; top:50%; transform: translate(-200%,-50%) rotate(30deg); content:''; width:60px; height:200%; background:rgba(255, 255, 255, .5);}
.sec3 .content_left .item::after{position: absolute; left:-60px; top:50%; transform: translate(-200%,-50%) rotate(30deg); content:''; width:60px; height:200%; background:rgba(255, 255, 255, .5);}
.sec3 .content_left .item:hover::before{animation: glass 500ms linear forwards; animation-delay: 300ms;}
.sec3 .content_left .item:hover::after{animation: glass 500ms linear forwards; animation-delay: 330ms;}
.sec3 .content_left .item:hover{background:rgba(255, 255, 255, .15);}
.sec3 .content_left .item:last-child{margin-bottom:0;}
.sec3 .content_left .b_type1{position: absolute; right:50px; top:50%; transform: translate(0,-50%); background:none; border:1px solid #fff;}
.sec3 .content_left .b_type1::before,.sec3 .content_left .b_type1::after{background:#fff;}
.sec3 .content_left .item:hover .b_type1{background:#fff;}
.sec3 .content_left .item:hover .b_type1::before,.sec3 .content_left .item:hover .b_type1::after{background:#000;}
.sec3 .content_left a:nth-child(1) .icon{background: url(../images/main/ico_main_bussiness.png) no-repeat center;}
.sec3 .content_left a:nth-child(2) .icon{background: url(../images/main/ico_main_onlineinquiry.png) no-repeat center;}
.sec3 .content_left .icon{width:80px; height:80px; margin-right:35px; border:1px solid #ddd; background : rgba(255, 255, 255, .15); border-radius: 50%; box-shadow: 10px 10px 15px rgba(0, 0, 0, .2); transition: all .3s ease;}
.sec3 .content_left .item:hover .icon{box-shadow: 10px 10px 20px rgba(0, 153, 255, .5);}
.sec3 .content_left .text_group{width:calc(100% - 80px); color:#fff;}
.sec3 .content_left .text_group h4, .sec3 .content_right .title_group h4{font-size:36px; font-family: 'Arimo'; font-weight: 800; margin-bottom:13px;}
.sec3 .content_left .text_group p{font-size:16px; line-height: 1.4; opacity: .7; font-weight: 300; padding-right:60px;}
.sec3 .content_right{width:50%; background:#fff; padding:60px 50px; display: flex; flex-direction: column;}
.sec3 .content_right .title_group{margin-bottom:40px; display: flex; justify-content: space-between; align-items: flex-end;}
.sec3 .content_right .title_group h4{color:#000;}
.sec3 .content_right .nav-btn-group{display: flex;}
.sec3 .swiper{width:100%; flex-grow: 1; overflow: hidden;}
.sec3 .swiper-slide{display: flex; position: relative; overflow: hidden;}
.sec3 .swiper-slide .bg_img{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100%;}
.sec3 .swiper-slide .bg_img img{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; min-width:400px;}

@media(max-width:1440px){
    .sec3{padding:80px 60px;}
    .sec3 .content_left .item{padding:40px 20px;}
    .sec3 .content_left .b_type1{right:20px;}
    .sec3 .content_left a:nth-child(1) .icon{background:url(../images/main/ico_main_bussiness.png) no-repeat center / 100%;}
    .sec3 .content_left a:nth-child(2) .icon{background:url(../images/main/ico_main_onlineinquiry.png) no-repeat center / 100%;}
    .sec3 .container{flex-direction: column;}
    .sec3 .container > div{width:100%;}
    .sec3 .content_left{flex-direction: row; margin-bottom:20px;}
    .sec3 .content_left > a{width:50%;}
    .sec3 .content_left .item{margin:0; margin-right:20px;}
    .sec3 .content_left .item:last-child{margin:0;}
    .sec3 .content_right{padding:40px;}
    .sec3 .swiper-slide{min-height:270px;}
    .sec3 .content_left .text_group p{padding-right:60px; font-size:14px;}
    .sec3 .content_left .text_group h4, .sec3 .content_right .title_group h4{font-size:26px;}
    .sec3 .content_right .title_group{margin-bottom:10px;}

}

@media(max-width:1024px){
    .sec3 .content_left{flex-direction: column;}
    .sec3 .content_left > a{width:100%; margin:0 0 20px !important;}
}

@media(max-width:768px){
    .sec3{padding:60px 40px;}
    .sec3 .swiper-slide{min-height:180px;}
    .sec3 .content_right .title_group h4{margin-bottom:0;}
}

@media (max-width:550px) {
    .sec3 .content_left .icon{display: none;}
    .sec3 .content_left .text_group{width:100%;}
    .sec3 .content_left .item{padding:20px;}
    /* .sec3 .content_left .b_type1{display: none;} */
    /* .sec3 .content_left .text_group p{padding:0;} */
}

@media(max-width:425px){
    .sec3 .content_left .b_type1{display: none;}
    .sec3 .content_left .text_group p{padding:0;}
    .sec3 .content_right .title_group{flex-direction: column; align-items: flex-start;}
    .sec3 .content_right .nav-btn-group{margin:10px 0;}
}


/* section4 */
.sec4{padding:100px 160px 60px; display: flex; flex-direction: column;}
.sec4 .t_group1{text-align: center; margin-bottom:40px;}
.sec4 .container{width:100%; display: flex; height:100%;}
.sec4 .item{flex-grow: 1; width:25%; margin-right:20px; transition: all .3s ease; background:#ddd; padding:40px; position: relative; overflow: hidden; height:550px;}
.sec4 .item .bg_img{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100%; transition: all .3s ease; }
.sec4 .item.on .bg_img::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; min-height:570px; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(253,187,45,0) 100%); z-index: 1; opacity: .76;}
.sec4 .item .bg_img img{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:'';  min-width:570px; width: 100%; transition: all .3s ease; filter: grayscale(100%);}
.sec4 .item.on .bg_img img{ filter: grayscale(0%);}
.sec4 .item:last-child{margin:0;}
.sec4 .item .title_group{display: flex;}
.sec4 .item .title_group h4{position: relative; display: flex; flex-direction: column; color:#fff;}
.sec4 .item .title_group .desc1{font-size:30px; font-weight: 700;}
.sec4 .item .title_group .desc2{margin-top:15px; transition: all .3s ease;}
.sec4 .item.on{width:45%;}
.sec4 .item.on .title_group .desc2{position: absolute; left:calc(100% + 20px); top:50%;  content:''; width:210px; margin:0;}
.sec4 .item p{line-height: 1.6; margin-top:30px; padding-top:30px; position: relative; display: none; opacity: 0; transform: translateX(-10px); color:#fff;}
.sec4 .item p::before{position: absolute; top:0; left:0; content:''; width:0; height:1px; background:#fff; transition: all .3s ease;}
.sec4 .item.on p::before{ animation: before_width 1s linear forwards; animation-delay: .5s; animation-timing-function:ease;}
@keyframes before_width { from{width:0;} to{width:100%;} }
.sec4 .item.on p{animation: text_fade .5s linear forwards; animation-delay: 500ms; animation-timing-function:ease; display: block; word-break: break-all;}
@keyframes text_fade { from{opacity: 0; transform: translateX(-10px);} to{opacity: .6; transform: translateX(0);} }
.sec4 .news{width:100%; padding:40px 60px; display: flex; margin-top:40px; background:#f2f5f6; align-items: center;}
.sec4 .news h4{font-size:34px; color:#000; font-weight: 800; margin-right:80px;}
.sec4 .news .nav_btn_group{display: flex;}
.sec4 .news .swiper{margin-right:40px; display: block; height:40px; width:100%;}
.sec4 .news .swiper-slide{display: flex; align-items: center;}
.sec4 .news .swiper-slide .group{display: flex; justify-content: space-between; width:100%;}
.sec4 .news .swiper-slide p{width:calc(100% - 100px); max-width:100%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; display: flex; align-items: center;}
.sec4 .news .swiper-slide p .category{width:100px; height:35px; display: flex; align-items: center; justify-content: center; color:#fff; padding:5px 15px; border-radius: 50px; margin-right:30px; box-sizing: border-box; font-size:14px;}
.sec4 .news .swiper-slide p .category.type1{background:#f90;}
.sec4 .news .swiper-slide p .category.type2{background:#f30;}
.sec4 .news .swiper-slide p .category.type3{background:#f60;}
.sec4 .news .swiper-slide p .text{width:70%; max-width:100%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.sec4 .news .swiper-slide .data{display: flex; align-items: center; justify-content: center;}
.sec4 .b_type2{position: absolute; bottom: 20px; background: none; box-shadow: none;}
.sec4 .b_type2 i{width:15px; height:15px; position: relative; transition: all .3s ease;}
.sec4 .b_type2 i::before{ background:#fff;}
.sec4 .b_type2 i::after{ background:#fff;}
.sec4 .item.on .b_type2{height:60px; padding:20px; border-radius: 60px; background:#043457; display: inline-flex; align-items: center; min-width:60px; justify-content: center; transition: all .3s ease; overflow: hidden; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);}
.sec4 .item.on .b_type2:hover span{margin-left:0; opacity: 1; color:#fff;}
@media(max-width:1440px){
    .sec4{padding:80px 60px 60px;}
    .sec4 .container{flex-wrap: wrap;}
    .sec4 .item{width:50%; margin:0; height:360px;}
    .sec4 .item.on{width:50%;}
}

@media(max-width:1024px){
    .sec4{padding:60px 40px;}
    .sec4 .news h4{margin-right:40px;}
    .sec4 .news{padding:30px 20px;}
    .sec4 .item.on .title_group .desc2{display: none;}
}

@media(max-width:768px){
    .sec4{padding:60px 40px;}
    .sec4 .news{flex-direction: column; align-items: center;}
    .sec4 .news .swiper{height:80px;}
    .sec4 .news .swiper-slide .group{flex-direction: column; align-items: center;}
    .sec4 .news .swiper-slide {display: flex; flex-direction: column; align-items: center;}
    .sec4 .news .swiper-slide p{display: flex; flex-direction: column; align-items: center; text-align: center; line-height: 1.4; width:100%;}
    .sec4 .news .swiper-slide p .category{margin:0; font-size:11px; margin:0 0 10px; width:70px; height:20px;}
    .sec4 .news h4{margin:0 0 20px; font-size:26px;}
    .sec4 .news .swiper-slide p .text{width:100%;}
    .sec4 .item .title_group .desc1{font-size:24px;}
    .sec4 .item p{margin-top:15px; padding-top:15px;}
    .sec4 .item.on .b_type2{display: none;}
}

@media (max-width:520px) {
    .sec4 .item{width:100%; height:270px;}
    .sec4 .item.on{width:100%;}
}

@media(max-width:425px){

}

/* section5 */
.sec5{padding:100px 160px; background: url(../images/main/main_history.png) no-repeat center / cover;}
.sec5 .container{width:100%; height:100%;}
.sec5 .t_group1 h3{ color:#fff;}
.sec5 .t_group1 p{ color:#fff;}
.sec5 .b_type2{margin-top:40px;}
@media(max-width:1440px){
    .sec5{padding:80px 60px;}
}

@media(max-width:1024px){
    .sec5{padding:60px 40px;}
}

@media(max-width:768px){

}

@media(max-width:425px){
    .t_group1 h3{font-size:36px;}
    .t_group1 p{font-size:14px;}
}

.b_type2{height:60px; padding:20px; border-radius: 60px; background:#fff;display: inline-flex; align-items: center; min-width:60px; justify-content: center; transition: all .3s ease; overflow: hidden; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);}
.b_type2:hover {background:#043457;}
.b_type2 span{margin-right:40px; opacity: 0; transition: all .3s ease; margin-left:-113px; transition: all .3s ease; color:#000;}
.b_type2:hover span{margin-left:0; opacity: 1; color:#fff;}
.b_type2 i{width:15px; height:15px; position: relative; transition: all .3s ease;}
.b_type2:hover i{transform: rotate(360deg);}
.b_type2 i::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:1px; background:#000;}
.b_type2 i::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:1px; height:100%; background:#000;}
.b_type2:hover i::before,.b_type2:hover i::after{background:#fff;}




@media(max-width:1440px){

}

@media(max-width:1024px){
    .b_type1{width:50px; height:50px;}
    .swiper-button-next, .swiper-button-prev{width:50px; height:50px; margin-right:5px;}
    .b_type2{height:50px; padding:10px; min-width:50px; justify-content: center; align-items: center;}
    .t_group1 h3{font-size:26px;}
    
}

@media(max-width:768px){
    .b_type1{width:40px; height:40px;}
    .swiper-button-next, .swiper-button-prev{width:40px; height:40px;}
    .b_type2{height:40px; min-width:40px;}
    .b_type2 i{left:4px;}
}

@media(max-width:425px){

}

.sec4 .t_group1 h3 {font-size: 40px;}
.sec5 .t_group1 h3 {font-size: 40px;}

@media(max-width:425px){
    .sec4 .title_logo {width: 80%; margin: 0 auto;}
    .sec4 .t_group1 h3 {font-size: 30px;}
    .sec5 .t_group1 h3 {font-size: 30px;}
    
}