.web_th .sm_title{font-size: 24px; font-family: Arial; text-transform: uppercase; color: var(--color-main2); margin-bottom: 10px;}
.web_th .title{font-size: 64px; text-transform: none; font-family: 'AGaramondPro-Regular'; color: var(--color-main); line-height: 1.25;}
.web_th a.title{border-bottom: 2px solid transparent;}
.web_th a.title:hover{border-bottom-color: var(--color-main);}
.th_center{text-align: center;}
@media screen and (max-width:1620px){
    .web_th .sm_title{font-size: 22px;}
    .web_th .title{font-size: 58px;}
}
@media screen and (max-width:1450px){
    .web_th .sm_title{font-size: 20px;}
    .web_th .title{font-size: 50px;}
}
@media screen and (max-width:1366px){
    .web_th .title{font-size: 42px;}
}
@media screen and (max-width:950px){
    .web_th .sm_title{font-size: 18px;}
    .web_th .title{font-size: 32px;}
}
*{font-family: 'AGaramondPro-Regular';}
.web_main{background: var(--color-bg);}
.flex_center{display: flex; justify-content: space-between; align-items: center;}
.no_index{display:none !important}
.yes_index{display:block !important}
.home_swiper{position:relative;overflow:hidden}
.home_swiper .img{padding-bottom:calc((740 / 19.2) * 1%)}
.home_swiper .swiper-button-prev,.home_swiper .swiper-button-next{width:46px;height:105px;background-repeat:no-repeat;background-size:25%;background-color:rgba(0,0,0,0.5);background-position:center}
.home_swiper .swiper-button-prev:hover,.home_swiper .swiper-button-next:hover{background-color:var(--color-main)}
.home_swiper .swiper-button-prev{background-image:url(../images/home_l.png);left:0}
.home_swiper .swiper-button-next{background-image:url(../images/home_r.png);right:0}
.home_swiper .swiper-pagination-bullet{width:11px;height:11px;background:var(--color-main);opacity:.5;border-radius:0;margin:0 23px !important}
.home_swiper .swiper-pagination-bullet-active{opacity:1;width:17px;height:17px;border-radius:0}
.home_swiper_h5 img{display: block; width: 100%; height: auto;}
.bigtxt{font-family:Lato;font-weight:900;font-size:60px;color:#e8e8e8;position:absolute;left:44%;writing-mode:vertical-lr;transform:translateY(-50%);margin-top:10%;white-space:nowrap;z-index:0}

.home_swiper .mouse_btn{position: absolute; width: 40px; height: 40px; bottom: 15px; left: 50%; margin-left: -20px; cursor: pointer; z-index: 99; transition: all 0.5s ease;}
.home_swiper .mouse_btn img{display: block; width: auto; height: 10px; margin: 15px auto;}
.home_swiper .mouse_btn:hover img{margin-top: 12px;}
@media screen and (max-width:950px){
    .home_swiper_h5{margin-top: 64px;}
}

/* home_product */
.home_product{padding: 4% 0;}
.home_pro_inner{margin-top: 2%;}
.home_pro_inner .pro_item{width: 22.75%; margin-right: 3%; padding: 0; background: none;}
.home_pro_inner .pro_item:nth-child(4n){margin-right: 0;}
.home_pro_inner .pro_item:nth-child(n+5){margin-top: 3%;}
.home_pro_inner .pro_item .pic{padding-bottom: 129%;}
.home_pro_inner .pro_item .pic .tag{position: absolute; left: 0; top: 14px; line-height: 26px; padding: 12px 16px 10px; background: var(--color-main2); color: #fff; font-size: 20px; max-width: 90%;}
.home_pro_inner .pro_item .title{color: var(--color-main); font-size: 26px; margin: 24px 0 12px;}
.home_pro_inner .pro_item .more{display: inline-block; color: #272727; font-size: 18px; font-family: Arial; padding-right: 20px; text-decoration: underline; line-height: 28px; position: relative;}
.home_pro_inner .pro_item .more::after{position: absolute; content: ''; width: 20px; height: 28px; right: 0; top: 0; background: url(../images/icon3.png) no-repeat right center; background-size: 12px auto;}
.home_pro_inner .pro_item:hover .more{padding: 0 10px; padding-right: 30px; color: #fff; text-decoration: none; background-color: var(--color-main2);}
.home_pro_inner .pro_item:hover .more::after{background-image: url(../images/icon4.png); right: 10px;}

.home_product .bot_more{text-align: center; margin-top: 4%;}
.home_product .bot_more .more{display: inline-block; background: var(--color-main); color: #fff; font-family: 'Arial'; font-size: 20px; line-height: 26px; padding: 16px 80px;}
.home_product .bot_more .more:hover{background: var(--color-main2); color: #fff !important;}

@media screen and (max-width:1450px){
    .home_pro_inner .pro_item .title{font-size: 24px; margin: 20px 0 8px;}
    .home_product .bot_more .more{padding: 14px 60px; font-size: 18px;}
}
@media screen and (max-width:1366px){
    .home_product{zoom: 0.86;}
    .home_product .bot_more .more{padding: 14px 50px;}
}
@media screen and (max-width:950px){
    .home_product{zoom: 1; padding: 30px 0;}
    .home_pro_inner{margin-top: 10px;}
    .home_pro_inner .pro_item{width: 100%; margin-right: 0;}
    .home_pro_inner .pro_item:nth-child(n+2){margin-top: 24px;}
    .home_pro_inner .pro_item .pic .tag{font-size: 16px; padding: 10px 15px 8px;}
    .home_pro_inner .pro_item .title{margin: 18px 0 5px;}
    .home_product .bot_more{margin-top: 24px;}
    .home_product .bot_more .more{padding: 12px 50px;}
}

/* home_map */
.home_map{padding: 4% 0 3%; background: #EBEBEB;}
.map_inner{margin-top: 3%;}
.map_inner img{display: block; max-width: 100%; margin: 0 auto;}
@media screen and (max-width:950px){
    .home_map{padding: 30px 0;}
}

/* home_nums */
.home_nums{padding: 2.4% 0; background: var(--color-main2); overflow: hidden;}
.home_nums .nums_left{width: 50%; display: flex; justify-content: space-between;}
.home_nums .nums_left .num_item{width: 49%; text-align: center;}
.home_nums .nums_left .num_item .num_row{font-size: 90px; font-weight: bold; display: flex; justify-content: center; color: #fff; font-family: 'AGaramondPro-Bold'; line-height: 1.1;}
.home_nums .nums_left .num_item .num_row *{color: inherit; font-size: inherit; font-family: inherit;}
.home_nums .nums_left .num_item .title{font-family: Arial; font-size: 20px; color: #fff;}
.home_nums .nums_right{width: 44%;}
.home_nums .nums_right .title{font-family: 'AGaramondPro-Bold'; font-size: 32px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 12px;}
.home_nums .nums_right .txt_div .txt{display: inline-block; margin-top: 4%; color: #fff; font-size: 26px; padding-left: 30px; position: relative; margin-right: 8%; text-decoration: underline;}
.home_nums .nums_right .txt_div .txt::before{position: absolute; left: 0; top: 50%; content: ''; width: 10px; height: 10px; border-radius: 50%; background: #fff; margin-top: -7px;}
@media screen and (max-width:1620px){
    .home_nums .nums_left .num_item .num_row{font-size: 80px;}
    .home_nums .nums_right .title{font-size: 30px;}
    .home_nums .nums_right .txt_div .txt{font-size: 24px;}
}
@media screen and (max-width:1450px){
    .home_nums .nums_left .num_item .num_row{font-size: 62px;}
    .home_nums .nums_right .title{font-size: 28px;}
    .home_nums .nums_right .txt_div .txt{font-size: 22px; padding-left: 24px;}
    .home_nums .nums_right .txt_div .txt::before{width: 8px; height: 8px; margin-top: -5px;}
}
@media screen and (max-width:1366px){
    .home_nums{padding: 3% 0;}
    .home_nums .layout_{zoom: 0.86;}
    .home_nums .nums_left .num_item .num_row{font-size: 52px;}
}
@media screen and (max-width:950px){
    .home_nums{padding: 35px 0;}
    .home_nums .layout_{zoom: 1;}
    .home_nums .layout_{flex-direction: column;}
    .home_nums .nums_left{width: 100%;}
    .home_nums .nums_left .num_item .num_row{font-size: 46px;}
    .home_nums .nums_left .num_item .title{font-size: 16px;}
    .home_nums .nums_right{width: 100%; margin-top: 32px;}
    .home_nums .nums_right .title{font-size: 26px;}
    .home_nums .nums_right .txt_div .txt{padding-left: 16px; margin-right: 0; margin-top: 20px; width: 100%;}
}

/* home_about */
.home_about{padding: 4.5% 0; overflow: hidden;}
.about_inner .about_imgs{width: 43%; position: relative;}
.about_inner .about_imgs .img_item .pic{padding-bottom: 114.5%;}

.about_inner .about_info{width: 50%;}
.about_inner .about_adv{margin-top: 6%; display: flex; flex-wrap: wrap; max-width: 500px;}
.about_inner .about_adv .adv_item{width: 48%; text-align: center;}
.about_inner .about_adv .adv_item:nth-child(2n){margin-left: 4%;}
.about_inner .about_adv .adv_item:nth-child(n+3){margin-top: 10%;}
.about_inner .about_adv .adv_item img{display: block; height: 52px; width: auto; margin: 0 auto;}
.about_inner .about_adv .adv_item .title{font-family: Arial; font-size: 20px; color: #7C7872; margin-top: 20px;}
.about_inner .about_info .more_div{margin-top: 7%;}
.about_inner .about_info .more{color: #141714; font-size: 22px; display: inline-block; border-bottom: 1px solid #141714; line-height: 32px; padding: 3px 0 0;}
.about_inner .about_info .more:hover{background-color: var(--color-main); padding: 3px 12px 0; border-color: var(--color-main); color: #fff !important;}
.about_imgs-pagination{text-align: right; padding-right: 14px;}
.about_imgs-pagination .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; opacity: 0.5; margin: 0 8px !important;}
.about_imgs-pagination .swiper-pagination-bullet-active{opacity: 1;}
.about_inner .about_adv .adv_item:hover img{animation: swing 0.5s;}

.about_bottom{align-items: flex-end;}
.about_bottom .about_img{width: 43%;}
.about_bottom .about_info{width: 51%; padding-top: 2%;}
.about_bottom .about_img .pic{padding-bottom: 93%;}
.about_bottom .about_nums{display: flex; flex-wrap: wrap; position: relative; margin-top: 7%;}
.about_bottom .about_nums::after{content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: var(--color-main2); opacity: 0.2;}
.about_bottom .about_nums .num_item{width: calc(100% / 3); position: relative; margin-bottom: 26px; display: flex;}
.about_bottom .about_nums .num_item::after{content: ''; position: absolute; top: 5px; right: 0; bottom: 5px; width: 1px; background: var(--color-main2); opacity: 0.2;}
.about_bottom .about_nums .num_item:nth-child(3n)::after{width: 0;}
.about_bottom .about_nums .num_item:nth-child(n+4){margin: 26px 0 0;}
.about_bottom .about_nums .num_item:nth-child(3n+1){padding-right: 15px;}
.about_bottom .about_nums .num_item:nth-child(3n+2){justify-content: center; padding: 0 15px;}
.about_bottom .about_nums .num_item:nth-child(3n){justify-content: flex-end; padding-left: 15px;}
.about_bottom .about_nums .num_item .num{font-family: 'AGaramondPro-Bold'; font-size: 60px; color: var(--color-main); line-height: 1.1;}
.about_bottom .about_nums .num_item .title{font-family: 'Arial'; font-size: 20px; color: #7C7872;}
@media screen and (max-width:1620px){
    .about_bottom .about_nums .num_item .num{font-size: 52px;}
}
@media screen and (max-width:1450px){
    .about_inner .about_adv{margin-top: 30px;}
    .about_inner .about_info .more_div{margin-top: 40px;}
    .about_inner .about_adv .adv_item .title{font-size: 18px;}
    .about_inner .about_adv .adv_item:nth-child(n+3){margin-top: 30px;}
    .about_bottom .about_nums .num_item{margin-bottom: 22px;}
    .about_bottom .about_nums .num_item:nth-child(n+4){margin: 22px 0 0;}
    .about_bottom .about_nums .num_item .num{font-size: 46px;}
    .about_bottom .about_nums .num_item .title{font-size: 18px;}
    .about_inner .about_info .more{font-size: 20px;}
}
@media screen and (max-width:1366px){
    .about_inner{zoom: 0.86;}
    .about_inner .about_adv{margin-top: 20px;}
    .about_inner .about_info .more_div{margin-top: 30px;}
    .about_inner .about_adv .adv_item:nth-child(n+3){margin-top: 20px;}
    .about_bottom{zoom: 0.86;}
}
@media screen and (max-width:950px){
    .home_about{padding: 30px 0;}
    .about_inner{zoom: 1; flex-direction: column;}
    .about_inner .about_imgs{width: 100%;}
    .about_inner .about_info{width: 100%; margin-top: 24px;}
    .about_inner .about_adv .adv_item img{height: 46px;}
    .about_inner .about_info .more_div{margin-top: 22px;}
    .about_inner .about_info .more{font-size: 20px;}

    .about_bottom{zoom: 1; flex-direction: column; margin-top: 35px;}
    .about_bottom .about_img{width: 100%; order: 1;}
    .about_bottom .about_info{width: 100%; order: 2; margin-top: 20px;}
    .about_imgs-pagination .swiper-pagination-bullet{margin: 0 6px !important;}

    .about_bottom .about_nums::after{left: 50%; top: 0; width: 1px; height: 100%;}
    .about_bottom .about_nums .num_item{margin-bottom: 0; width: 50%; padding: 0 30px 0 0 !important; justify-content: flex-start !important;}
    .about_bottom .about_nums .num_item:nth-child(2n){padding: 0 0 0 30px !important;}
    .about_bottom .about_nums .num_item::after{width: 0;}
    .about_bottom .about_nums .num_item:nth-child(n+3){margin: 32px 0 0;}
    .about_bottom .about_nums .num_item .num{font-size: 46px;}
    .about_bottom .about_nums .num_item .title{font-size: 16px;}

}

/* home_video */
.home_video{padding: 4% 0; background: #EBEBEB;}
.home_video_inner{align-items: unset; margin-top: 3%;}
.home_video_inner .video_item{width: 48%; text-align: center;}
.home_video_inner .video_item .video{padding-bottom: 60%;}
.home_video_inner .video_item lite-youtube{position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;}
.home_video_inner .video_item .title{font-family: 'AGaramondPro-Bold'; font-size: 24px; color: var(--color-main); margin: 30px 0 6px; padding: 0 30px; text-transform: uppercase;}
.home_video_inner .video_item .brief{font-family: Arial; color: #7C7872; font-size: 18px; line-height: 26px; padding: 0 30px;}
.home_video_inner .video_item .brief *{font-family: inherit !important; color: inherit !important; font-size: inherit !important;}

.home_video_inner lite-youtube>.lty-playbtn{width: 90px; height: 90px; background: url(../images/play.png) no-repeat center; background-size: 24px auto; background-color: rgba(235, 235, 235, 0.5); border-radius: 50%; transition: all 0.5s ease;}
.home_video_inner lite-youtube:hover>.lty-playbtn{background-color: #EBEBEB;}
@media screen and (max-width:1450px){
    .home_video_inner .video_item .title{font-size: 22px; margin-top: 25px;}
    .home_video_inner lite-youtube>.lty-playbtn{width: 66px; height: 66px; background-size: 20px auto;}
}
@media screen and (max-width:1366px){
    .home_video .layout_{zoom: 0.86;}
}
@media screen and (max-width:950px){
    .home_video{padding: 30px 0;}
    .home_video .layout_{zoom: 1;}
    .home_video_inner{margin-top: 15px; flex-direction: column;}
    .home_video_inner .video_item{width: 100%;}
    .home_video_inner .video_item:nth-child(n+2){margin-top: 24px;}
    .home_video_inner .video_item .title{font-size: 22px; margin: 20px 0 5px;}
    .home_video_inner .video_item .brief{font-size: 16px;}
    .home_video_inner lite-youtube>.lty-playbtn{width: 56px; height: 56px; background-size: 16px auto; background-color: #EBEBEB;}
}


/* home_case */
.home_case{padding: 4% 0; overflow: hidden;}
.case_list{margin-top: 2.5%; display: flex;}
.case_list .case_item{width: 31%; margin-right: 3.5%; display: flex; flex-direction: column;}
.case_list .case_item:nth-child(3n){margin-right: 0;}
.case_list .case_item .pic{padding-bottom: 125%;}
.case_list .case_item .txt{color: var(--color-main2); font-size: 20px; font-family: Arial; margin-top: 25px;}
.case_list .case_item .title{font-size: 32px; margin: 20px 0 5px; flex: 1;}
.case_list .case_item .brief{font-family: Arial; color: #7C7872; line-height: 26px; font-size: 18px; height: 52px;}
.case_list .case_item .brief *{font-family: inherit !important; color: inherit !important; font-size: inherit !important;}
.case_list .case_item:hover .title{text-decoration: underline;}

.home_case .bot_more{text-align: center; margin-top: 4%;}
.home_case .bot_more .more{display: inline-block; background: var(--color-main); color: #fff; font-family: 'Arial'; font-size: 20px; line-height: 26px; padding: 16px 40px;}
.home_case .bot_more .more:hover{background: var(--color-main2); color: #fff !important;}
@media screen and (max-width:1450px){
    .case_list .case_item .txt{font-size: 18px;}
    .case_list .case_item .title{font-size: 28px; margin-top: 15px;}
    .home_case .bot_more .more{padding: 14px 35px; font-size: 18px;}
}
@media screen and (max-width:1366px){
    .home_case .layout_{zoom: 0.86;}
    .case_list .case_item .title{font-size: 26px;}
}
@media screen and (max-width:950px){
    .home_case{padding: 30px 0;}
    .home_case .layout_{zoom: 1;}
    .case_list{flex-direction: column; margin-top: 15px;}
    .case_list .case_item{width: 100%; margin-right: 0;}
    .case_list .case_item:nth-child(n+2){margin-top: 22px;}
    .case_list .case_item .txt{margin-top: 18px;}
    .case_list .case_item .title{font-size: 24px; margin-top: 10px;}
    .case_list .case_item .brief{font-size: 16px;}
    .home_case .bot_more{margin-top: 22px;}
    .home_case .bot_more .more{padding: 12px 30px;}
}


/* home_news */
.home_news{padding: 4% 0 5%; background: #EBEBEB; overflow: hidden;}
.home_news .more_bot{display: none; text-align: center; margin-top: 24px;}
.home_news .btn_more{width: 82px; height: 82px; border-radius: 50%; background: url(../images/more.png) no-repeat center; background-size: 30% auto; background-color: var(--color-main); display: inline-block;}
.home_news .btn_more:hover{background-color: var(--color-main2);}
.home_news .news_list{display: flex; margin-top: 3%;}
.home_news .news_list .news_item{width: 31.5%; margin-right: 2.75%; display: flex; flex-direction: column; padding: 3% 2.5% 2.5%; position: relative; background-color: #fff;}
.home_news .news_list .news_item:nth-child(3n){margin-right: 0;}
.home_news .news_list .news_item::before{position: absolute; left: 50%; width: 0; top: 0; height: 8px; background: var(--color-main2); content: '';}
.home_news .news_list .news_item .date{color: var(--color-main2); font-size: 20px; font-family: Arial;}
.home_news .news_list .news_item .title{font-size: 30px; line-height: 1.3; color: var(--color-main); flex: 1; margin: 18px 0 6px;}
.home_news .news_list .news_item .brief{color: #7C7872; font-size: 18px; font-family: Arial; line-height: 30px; height: 90px;}
.home_news .news_list .news_item .brief *{font-family: inherit !important; font-size: inherit !important; color: inherit !important;}
.home_news .news_list .news_item .more{display: inline-block; font-size: 20px; color: #272727; line-height: 30px; border-bottom: 1px solid #272727; margin-top: 6%;}
.home_news .news_list .news_item:hover::before{width: 100%; left: 0;}
.home_news .news_list .news_item:hover .more{color: var(--color-main2); border-color: var(--color-main2);}
@media screen and (max-width:1600px){
    .home_news .web_th .more{width: 72px; height: 72px;}
    .home_news .news_list .news_item .title{font-size: 28px;}
}
@media screen and (max-width:1450px){
    .home_news .web_th .more{width: 64px; height: 64px;}
    .home_news .news_list .news_item{padding: 30px 24px;}
    .home_news .news_list .news_item::before{height: 6px;}
    .home_news .news_list .news_item .date{font-size: 18px;}
    .home_news .news_list .news_item .title{font-size: 26px;}
    .home_news .news_list .news_item .more{margin-top: 20px;}
}
@media screen and (max-width:1366px){
    .home_news .layout_{zoom: 0.86;}
    .home_news .news_list .news_item .title{font-size: 24px;}
    .home_news .news_list .news_item .more{margin-top: 16px; font-size: 18px;}
}
@media screen and (max-width:950px){
    .home_news{padding: 30px 0;}
    .home_news .layout_{zoom: 1;}
    .home_news .web_th{display: block; text-align: center;}
    .home_news .web_th .btn_more{display: none;}
    .home_news .news_list{flex-direction: column; margin-top: 15px;}
    .home_news .news_list .news_item{width: 100%; margin-right: 0; padding: 28px 16px 24px;}
    .home_news .news_list .news_item:nth-child(n+2){margin-top: 20px;}
    .home_news .news_list .news_item .date{font-size: 18px;}
    .home_news .news_list .news_item .title{font-size: 26px;}
    .home_news .news_list .news_item .brief{font-size: 16px; line-height: 26px; height: auto; display: none;}
    .home_news .news_list .news_item .more{margin-top: 16px; font-size: 18px;}

    .home_news .more_bot{display: block;}
    .home_news .more_bot .btn_more{width: 60px; height: 60px;}
}