@charset "utf-8";
/* CSS Document */

.index_head .lang{ position: absolute; right:0; top:0;}
.index_head.typea:not(.typeanot) .lang p{color: #fff;  border-color: rgba(255,255,255,.3);}
.index_head .lang p{ width: 75px; height: 75px; border-left:1px solid rgba(0,0,0,.15);color: #fd7702; text-align: center; font-size:28px; line-height:75px; cursor:pointer; transition:.3s ease;}
.index_head .lang p:hover{ background:#fff; color: #fd7702;}
.index_head .lang .lang_list{ position: absolute; right: 0;transform: translateX(100%); transition: .3s ease; top: 75px; background:#fff; min-width:180px; padding:10px 15px;}
.index_head .lang .lang_list a{ padding: 5px 0; border-bottom: 1px dashed #ddd; display:block;}
.index_head .lang .lang_list a img{margin-right: 3px;}
.index_head .lang .lang_list a:hover{ color:#fd7702;}
.index_head .lang:hover .lang_list{ transform: translateX(0);}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0; z-index: 3;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 14px; height: 14px; border: 1px solid rgba(0,0,0,0); opacity: 1; background: none; margin-right: 10px; position: relative; opacity: .3}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #000; opacity: 1;}
.swiper-pagination-bullet:after{ position: absolute; width: 8px; height: 8px; border-radius: 50%; content: ''; left: 50%; top: 50%; background: #000; transform: translate(-50%,-50%);}


.amore{ display: inline-block; line-height: 50px; border-radius: 25px; font-size: 20px; padding: 0 15px 0 0; color: #fff; position: relative;transition: .2s ease; overflow: hidden;}
.amore span{ position: relative; z-index: 3; color: #333;}
.amore i{ display: inline-block; font-size: 20px;margin-left: 30px; transition: .3s ease;}
.amore.wb span{ color: #fff; }
.amore.wb:after{ border-color: #fff;}
.amore:after{ width: 50px; height: 50px; border-radius: 26px; transition: .3s ease; border: 1px solid #333; content: ''; position: absolute; right: 0; top: 0;}
.amore:hover:after,.amore.on:after{ width: calc(100% - 3px); border-color: #c1903e; background: linear-gradient( to right,rgba(180,137,64,1),rgba(223,190,116,1),rgba(180,137,64,1));;}
.amore:hover,.amore.on { padding-left: 20px; color: #fff;}
.amore:hover span,.amore.on span,.amore.wb:hover span i{color: #fff;}

.banpic{ width: 100%;height: 100vh;}
.banpic img.bg{ width: 100%; height: 100%; object-fit: cover;}
.banpic .pc_ban,.banpic .mob_ban{ position: relative; width: 100%; height: 100%;}
.banpic .pc_ban h1{ position:absolute; width: 100%; text-align: center; font-size: 180px; color: #fff; left: 0; top: 170px; line-height: 180px; font-family: imp; text-transform:uppercase; font-weight:normal; letter-spacing:10px;}
.banpic .pc_ban h1 span{ color: #fd7702;}
.banpic .mob_ban{ display: none;}
.banpic .bancar{ position: absolute; right: 50%; top: 60%; transform: translate(53%,-50%);animation: carani 1s ease-out 1 forwards; width:960px;}
.banpic .bancar img{ width: 100%;}
@-webkit-keyframes carani{
	0%{right: 40%;top:50%;}
	100%{ right: 53%; top: 60%;}
}
@keyframes carani{
    0%{right: 40%;top:50%;}
	100%{ right: 53%; top: 60%;}
}


.copy{text-align: center; padding: 12px 0; width: 100%; position: fixed; bottom: 0; left: 0; z-index:15;}
.copy .center{ justify-content: center;}
.copy .f_email{margin-left: 50px;}
.copy .pricy{ display: inline-block; margin-left: 50px; margin-right: 100px; text-decoration: underline;}
.copy .copylink{ width: 30px; line-height: 30px; border: 1px solid #111; border-radius: 50%; text-align: center; display: inline-block; margin-left: 20px; font-size: 20px;}
.index_copy,.index_copy a{ color: #fff;}
.index_copy .copylink{ border-color: #fff;}
.copy .pricy:hover,.copy .f_email a:hover{color: #fd7702;}
.index_copy .copylink:hover,.copy .copylink:hover{ background: #fd7702; color: #fff;}

.index_page{ position: relative;}
.index_car{ position: absolute; width:100%; left:0; bottom:160px;}
.index_car .center{ position: relative;}
.index_car .center .car_list{ position: absolute; right: 0; bottom: 0;}
.index_car .center .car_list a{ width: 290px; border-radius: 15px; justify-content: center; color:#fff; background: linear-gradient( to right bottom,rgba(253,119,2,1),rgba(255,141,42,1)); height:110px; font-family:mavb; font-size:18px;}
.index_car .center .car_list a:nth-child(2){ background: linear-gradient( to right bottom,rgba(0,51,102,1),rgba(17,95,173,1));}
.index_car .center .car_list a img{ width: 115px; margin-left: 25px; transition:.2s ease;}
.index_car .center .car_list a:hover img{margin-left: 20px;}

.pro_nav{ position: fixed; width: 100%; top: 75px; border-top: 1px solid rgba(0,51,102,.1); border-bottom: 1px solid rgba(0,51,102,.1); z-index:4;}
.pro_nav .center{  height: 60px;}
.pro_nav a{ display: inline-block; line-height: 35px; border-radius: 18px; padding: 0 17px; background:#003366; color:#fff; margin-right:30px; font-family:mavm;}
.pro_nav a.act,.pro_nav a:hover{ background:#fd7702;}

.car_slide{height: calc(100vh - 75px); overflow:hidden;}
.carswiper{ overflow: hidden; margin-top:75px;}
.car_slide .center{height:100%;}
.carslide1,.carslide2{ padding-top:65px;}
.carslide1 .center{ position: relative; padding-top:30px; height:100%;}
.carslide1 .center h1{ font-size: 180px; color: #003366; font-family: imp; text-align: center; letter-spacing:10px;}
.carslide1 .covpic{ position: absolute; width: 100%; left: 0; top: 80px;animation: carani1 1s ease-out 1 forwards;}
.carslide1 .imggd{ padding-top: 46.15%;}
@media (min-width: 1024px){
@-webkit-keyframes carani1{
	0%{ width:60%; left:20%; top:30px;}
	100%{ width: 100%; left: 0; top: 80px;}
}
@keyframes carani1{
    0%{ width:60%; left:20%; top:30px;}
	100%{ width: 100%; left: 0; top: 80px;}
}
}
.carslide1 .car_para{ position: absolute; width: 100%; left: 0; bottom: 70px;}
.carslide1 .car_para dt{ padding: 0 55px 0 30px; border-right:1px solid rgba(17,17,17,.3);}
.carslide1 .car_para dt .ic{ margin-right: 20px;}
.carslide1 .car_para dt:last-child{ border:none;}
.carslide1 .car_para dl{margin-right: auto;}
.carslide1 .car_para dt b{ font-size: 40px; font-family: fuh; line-height:40px;}
.carslide1 .car_para dt .num{ font-size: 20px;}
.carslide1 .car_para dt .num sub{ margin-left: 5px;}
.carslide1 .car_para dt p{ font-size: 18px;}
.carslide1 .car_para .quolink{line-height: 45px; display: inline-block; padding: 0 20px; border-radius: 23px; color: #fff; background: #003366; transition:.2s ease;}
.carslide1 .car_para .quolink a{ font-family: mavm;}
.carslide1 .car_para .quolink a i{ margin-left: 5px;}
.carslide1 .car_para .quolink:hover{ background:#fd7702;}

.carslide2 .title{ padding: 0 5%; text-align: center; }
.carslide2 .title b{ font-size: 60px; font-family: fuh; margin-bottom:35px;}
.carslide2 .title p{ font-size: 28px; line-height: 40px;}

.colorbox{position: relative; width:100%;}
.car_slide.swiper-slide-active .colorswiper{animation: colorani 1s ease-out 1 forwards;}
.colorswiper{ width: 940px; margin: 0 auto; overflow:hidden;}
@media (min-width: 1024px){
@-webkit-keyframes colorani{
	0%{width: 540px;}
	100%{width: 940px;}
}
@keyframes colorani{
    0%{width: 540px;}
	100%{width: 940px;}
}
}
.colorswiper .imggd{ padding-top: 57%;}
.colorbox .colswiper{ position: absolute; right: 0; bottom: 80px;z-index:4;}
.colorbox .swiperbtn{ position: absolute; color:#fff; font-size:40px; top:50%;}
.colorbox .swiperbtn:hover{ color:#fd7702;}
.colorbox .colswiper li{ width: 38px!important; height: 38px; border-radius: 50%; border:7px solid rgba(255,255,255,.0); cursor:pointer;}
.colorbox .colswiper li .imggd{padding-top: 100%; border-radius: 50%;}
.colorbox .colswiper li.swiper-slide-thumb-active{ border:7px solid rgba(255,255,255,1);}
.carmul{padding: 60px 0 56px;}
.carmul .pic{width: 40%; height: 100%; padding:80px 0;}
.carmul .pic img{ width: 100%; height: 100%; object-fit: cover;}
.carmul .txt{ width: 55%; height:100%;}
.carmul .txt b{ font-size: 48px; font-family: huh; line-height:60px; margin-bottom:35px;}
.carmul .txt b span{ color: #fd7702; }
.carmul .txt p{ font-size: 20px;}
.carmul .txt p span{font-size: 16px; display:block;}
.carspec .tit{ text-align: center; font-size:60px; font-family:huh; margin-top:90px; margin-bottom:30px;}
.tab_box{ text-align: center;}
.tab_box .tab-hd{ display: inline-block;padding:5px; background:#f6f9fc; border-radius:25px;}
.tab_box .tab-hd li{ display: inline-block; line-height: 40px; font-family:mavm; font-size:20px; padding:0 20px; min-width:260px; text-align:center; border-radius:20px;}
.tab_box .tab-hd li.active{ background: #fd7702; color: #fff;}
.spec_box{ background: #e7ebef; border-radius: 30px; padding:30px; margin-top:55px;}
.spec_box table{ width: 100%; border-color:#ddd;}
.spec_box table td{ border-color:#ddd; padding: 10px 10px 15px;}
.spec_box b{ font-size: 40px; font-family: mavb; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom:20px;}
.spec_box li{ max-height: 320px; overflow-y: auto; padding-right:25px;}
.spec_box li p.note{ margin-top: 10px; font-size: 14px;}
.spec_box li::-webkit-scrollbar {
  width: 6px;
}

.spec_box li::-webkit-scrollbar-track {
  background: #fff;
}

.spec_box li::-webkit-scrollbar-thumb {
  background: #111;
  border-radius: 3px;
}

@media (max-width: 1700px){
	
}


@media (max-width: 1600px){
	
	
}

@media (max-width: 1441px){
    .banpic .pc_ban h1{ font-size: 150px; line-height: 150px; top:120px;}
	.carslide1 .center{ padding-top: 0;}
	.carslide1 .covpic{ top: 40px;}
	.carslide1 .center h1{ font-size: 160px;}
	.carslide2 .title b{ font-size: 50px; margin-bottom:25px;}
	.carslide2 .title p{ font-size: 22px; line-height: 35px;}
	.colorbox{ width: 90%; margin: 0 auto;}
	.carspec .tit{ font-size: 50px; margin: 80px 0 25px;}
	.spec_box{ margin-top: 35px;}
	.carmul .txt b{ font-size: 42px; line-height: 54px;}
	.banpic .bancar{width: 840px;}
}

@media (max-width: 1281px){
	.carslide1 .center h1{ font-size: 130px;}
	.carslide1 .covpic{ top: 10px;}
	.carslide1 .car_para dt b{ font-size: 32px; line-height: 32px;}
	.carslide1 .car_para{ bottom: 60px;}
	.colorswiper{width: 800px;}
	.carslide2 .title p{line-height: 32px;}
	.carmul .txt p{font-size: 18px;}
	.carspec .tit{margin: 70px 0 20px; font-size: 46px;}
	.spec_box{ margin-top: 30px;}
	.spec_box b{ font-size: 32px;}
	.spec_box li{max-height: 270px;}
	.banpic .pc_ban h1{ font-size: 120px; line-height: 120px;}
	.banpic .bancar{width: 650px;}
	
}

@media (max-width: 1024px){
	.banpic{height: calc(100vh - 97px); margin-top:54px;}
	.pro_nav{ top: 54px;}
	.carswiper{margin-top: 54px;height: calc(100vh - 97px);}
	.car_slide{ height: calc(100vh - 97px)!important;}
	.colorswiper{ width: 90%;}
	.carslide1 .covpic{ top: 20px;}
	.carslide1 .car_para{ display: block; bottom:120px;}
	.carslide1 .car_para dl{margin-bottom: 30px;}
	.copy{ bottom: 51px;}
}
@media (max-width: 768px){
	.banpic .mob_ban{ display: block;}
	.banpic .mob_ban h1{ position:absolute; width: 100%; text-align: center; font-size: 58px; color: #fff; left: 0; top: 120px; line-height: 70px; font-family: imp; text-transform:uppercase; font-weight:normal; letter-spacing:10px;}
.banpic .mob_ban h1 span{ color: #fd7702;}
.banpic .bancar{ width:100%;}
.banpic .bancar img{ width: 100%;}
	.banpic .pc_ban{ display: none;}
	.copy .pricy{ display: none;}
	.copy .f_email{ margin-left: 0;}
	.copy{padding: 13px 0;}
}
@media (max-width: 540px){
.index_car .center .car_list a img{ width: 65px; margin-left:15px;}
.index_car .center .car_list a{ font-size: 16px; width:220px; height:80px;}
.index_car{ bottom: 100px;}
.copy { font-size: 14px;}
}
@media (max-width: 450px){
    .pro_nav a{ line-height: 30px; font-size: 14px;}
    .spec_box table td{ padding: 5px 10px 5px 3px; font-size:14px; word-break:break-word;}
    .pro_nav .center{height: 55px;}
    .carmul{padding: 15px 0 30px; height:auto!important;}
    .carswiper{ height: auto;}
    .carswiper .carwrapper{ display: block;}
    .index_car .center .car_list{display: flex; align-items: center; flex-wrap: wrap; width:100%;}
    .index_car .center .car_list a{margin: 0 auto; height:60px; width:180px;}
    .index_car .center .car_list a img{ width: 55px; margin-left: 10px;}
    .index_car{ bottom: 80px;}
.carslide1 .center h1{ font-size: 45px;}
.carslide1 .covpic{ top:0;}
.carslide1 .car_para dt{padding: 0 25px 0 15px; margin-bottom:15px; border:none;}
.carslide1 .car_para dt .ic img{ width: 32px;}
.carslide1 .car_para dt .ic{margin-right: 10px;}
.carslide1 .car_para dt b{ font-size: 26px; line-height: 26px;}
.carslide1 .car_para dt .num{ font-size: 18px;}
.carslide1 .car_para dt:last-child{margin-bottom:0;}
.carslide1 .car_para dl{ display: block; margin-bottom:0;}
.carslide1 .car_para dt p{font-size: 15px;}
.carslide1 .imggd{ top: 75px;}
.carslide1 .car_para{ bottom: 90px;}
.carslide1 .car_para .quolink{line-height: 40px;}
.carslide1 .car_para{ display: flex; align-items:flex-end;}
.carslide2 .title b,.carspec .tit{font-size: 24px; margin-bottom:15px;}
.carspec{ padding-bottom: 100px; height:auto!important;}
.carspec .tit{margin-top: 0;}
.spec_box li{ max-height: none;}
.carslide2 .title p{ font-size: 18px; line-height: 30px;}
.car_slide .center{ display: block;}
.colorbox{width: 100%; padding-bottom:40px;}
.colorbox .swiperbtn{font-size: 26px;}
.colorbox .colswiper{bottom: 0;}
.colorbox .colswiper li{width: 24px!important; height: 24px;}
.colorbox .colswiper li,.colorbox .colswiper li.swiper-slide-thumb-active{ border-width: 4px;}
.carmul .pic{width: 94%; margin:0 auto; float: none; height:47%; padding:0;}
.carmul .txt{width: 100%; float: none; height:auto; display:block; margin-top:10px;}
.carmul .txt b{ font-size: 20px; line-height: 26px; margin-bottom:10px;}
.carmul .txt p{ font-size: 14px; line-height:22px;}
.copy:not(.index_copy){background: rgba(255,255,255,.5);}
.tab_box .tab-hd{background: none;}
.spec_box{margin-top: 20px; padding:25px 20px;}
.spec_box b{ font-size: 24px; padding-bottom: 15px; margin-bottom: 15px;}
.copy .copylink,.copy .f_email{display: none;}
}

.news_page{ overflow-x: hidden; padding-top:120px; background: linear-gradient( to bottom,rgba(244,247,251,1),rgba(255,255,255,1));}
.news_tit{ margin-bottom: 40px; font-family: fuh; font-size: 48px;}
.hotnews{ width:850px!important;}
.hotnews a{ background: #f3f6fa; border-radius:30px; overflow:hidden; height:450px;}
.hotnews a .txt{ width: 48%; margin-right: auto; padding-left:50px;}
.hotnews a .pic{ width: 47%; height: 100%;}
.hotnews a .pic img{ width: 100%; height: 100%; object-fit: cover;}
.news_page a .txt span.date{ color: #b2bac2; font-family: mavm;}
.news_page a .txt span i{margin-right: 5px;}
.hotnews a .txt h2{ font-size: 26px; font-family: mavb; line-height: 35px; max-height: 140px; overflow: hidden; margin: 18px 0;}
.hotnews a .txt p{ line-height: 24px; height: 96px; overflow: hidden; margin-bottom: 50px; color:#666;}
.hotnews a .txt span.more{ display: inline-block; line-height: 35px; border-radius: 18px; padding: 0 15px; background: #24507c; font-family: mavm; color: #fff;  transition:.2s ease;}
.hotnews a .txt span.more i{ margin-left: 5px;}
.hotnews a .txt span.more:hover{ background:#fd7702;}
.newsswiper{ margin-left: 50%; transform:translateX(-650px); height:calc(100vh - 120px); width:450px;}
.newsswiper .swiper-wrapper{height: calc(100% - 110px);}
.newsslide{ width: 400px!important; margin-right:50px;}
.newsslide.swiper-slide-active{ width:850px!important; background: #f3f6fa; border-radius:30px; overflow:hidden; height:450px; transition:box-shadow .3s ease;}
.newsslide .imgfd{padding-top: 66.25%; border-radius: 30px;}
.newsslide .txt{ padding: 30px 30px 0;}
.newsslide .txt h2{ font-size: 22px; font-family: mavb; line-height: 30px; margin-top:15px;}
.newsslide:hover h2{ color:#fd7702;}
.newsslide .txt p,.newsslide .txt span.more{display: none;}
.newsslide.swiper-slide-active .txt{ float: left; width: 48%;}
.newsslide.swiper-slide-active h2{ max-height: 140px; overflow: hidden;  margin: 18px 0;}
.newsslide.swiper-slide-active .pic{ float: right; width: 47%; height:100%;}
.newsslide.swiper-slide-active .pic .imgfd{ height: 100%; border-radius:0;}
.newsslide.swiper-slide-active .txt p{display: block; line-height: 24px; height: 96px; overflow: hidden; margin-bottom: 50px; color:#666;}
.newsslide.swiper-slide-active .txt span.more{display: inline-block; line-height: 35px; border-radius: 18px; padding: 0 15px; background: #24507c; font-family: mavm; color: #fff;  transition:.2s ease;}
.newsslide .txt span.more:hover{ background:#fd7702;}
.newsslide.swiper-slide-active:hover{ box-shadow:0 0 15px rgba(0,51,102,.4);}



@media (max-width: 1441px){
    .newsswiper{ margin-left: 2%; transform:translateX(0);}
}
@media (max-width: 1281px){
.newsslide.swiper-slide-active{ width: 750px!important; height:380px;}

}
@media (max-width: 1024px){
    .hotnews{display: none;}
    .newsswiper,.newsslide.swiper-slide-active{width: 80%; margin:0 auto;}
    .newsslide.swiper-slide-active .txt{width: 100%; float: none;}
    .newsslide.swiper-slide-active .pic{ width: 100%; float: none;}
    .newsslide{ width: 100%!important; margin-left:0;}
    .newsswiper .swiper-wrapper{ display: block; }
    .newsslide{ height:auto;}
}
@media (max-width: 450px){
    .news_page{padding-top: 80px;}
    .newsswiper{ width: 90%; padding-bottom:50px;height:auto;}
    .news_tit{ font-size:28px; margin-bottom:25px;}
    .newsslide .imgfd{border-radius: 10px;}
    .newsslide{margin-bottom: 25px;}
    .newsslide .txt{padding: 15px 10px;}
    .news_page a .txt span.date{ font-size: 14px;}
    .newsslide .txt h2{ font-size: 18px; line-height: 26px;}
}
.news_box { background: #f3f6fa; border-radius: 30px; padding: 40px 50px;}
.news_box h1{ font-family: mavb; font-size: 32px;}
.news_box .show_info{ padding: 25px 0; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom:35px;}
.news_box .show_info .date{margin:0 auto; font-family:mavm; color:#b2bac2;}
.news_box .show_info .date i{ margin-right: 5px;}
.news_box .show_info a{ font-family: mavm;}
.news_box .show_info a:hover{ color:#fd7702;}
.news_content{ height: 420px; overflow-y: auto; padding-right:20px;}
.news_content::-webkit-scrollbar {
  width: 6px;
}

.news_content::-webkit-scrollbar-track {
  background: #fff;
}

.news_content::-webkit-scrollbar-thumb {
  background: #111;
  border-radius: 3px;
}
@media (max-width: 768px){
    .news_page{padding-top: 80px;}
    .news_box{padding: 30px 20px;}
}
@media (max-width: 450px){
    .news_box h1{ font-size: 20px;}
    .news_box .show_info{padding: 18px 0; margin-bottom:20px;}
    .news_content{height: auto;}
}
.pc_none{ display: none;}
.abswiper{ overflow: hidden; padding-top: 75px; height:100vh; padding-bottom:56px;}
.abswiper .whopic{ width: 100%; height: 100%; object-fit: cover;}
.ab_who{ position: relative;}
.ab_who .who_txt{ width: 100%; position: absolute; left: 0; top: 75px; text-align:center;}
.ab_who .who_txt b{ font-size: 48px; font-family: fuh; margin-bottom: 35px;}
.ab_who .who_txt p{ font-size: 20px;}
.ab_who .who_cert{ width: 100%; position: absolute; bottom: 150px; left:0;}
.ab_who .who_cert li{ width: 28%; margin-right: auto; padding:10px; background:#003366;}
.ab_who .who_cert li:nth-child(3){ margin-right:0;}
.ab_exp{  background: linear-gradient( to bottom,rgba(244,247,251,1),rgba(255,255,255,1));}
.ab_center{ width: 1420px; margin: 0 auto;}
.ab_exp .txt{ width: 530px; background: #e8ebef; border-radius:30px; margin-right:auto; padding:75px 55px;}
.ab_exp.swiper-slide-active .txt{animation: exptxt 1s ease-out 1 forwards;}
.video_gb{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,.15); z-index: 88; display:none; top:0; left:0;}
.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:50%; transform:translateY(-50%); display: none; z-index:9999; text-align:center; }
.video_box{ width:100%; height:auto; background:#fff; position: relative; transition: all 0.5s linear; padding:20px 0;}
.video_box img{ height:650px;}
.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer;}
.video_close:hover{color:#fd7702;}
.ab_center{ height: 100%;}
.ab_exp .right{ width: calc(100% - 550px);}
.ab_exp .imgfdd{ border-radius:30px; overflow:hidden; margin-bottom:40px;}
.ab_exp.swiper-slide-active .imgfdd{animation: exppic 1s ease-out 1 forwards;}
.ab_exp .txt b{ font-size: 45px; font-family: fuh; margin-bottom: 35px;}
.ab_exp .txt p{ font-size: 20px;}
.ab_number{ padding: 0 55px;}
.ab_number dt:first-child{ margin-right:auto;}
.ab_number dt .ic{margin-right: 35px;}
.ab_number dt{font-size: 20px;}
.ab_number dt b{ font-size: 45px; font-family: fuh; line-height:45px; color:#fd7702; margin-right:5px;}
.ab_number dt p{ margin-top: 10px;}

.vis_txt{ position: absolute; border-radius: 30px; width: 530px; top:85px; right:15%; padding: 70px 55px 120px; background: rgba(0,0,0,.5); color:#fff;}
.vis_txt b{ font-size: 48px; font-family: fuh; color: #fff; margin-bottom: 30px;}
.vis_txt p{ font-size: 20px;}
.ab_who.swiper-slide-active .vis_txt{animation: vistxt 1s ease-out 1 forwards;}

.ab_map .title{ text-align: center; margin: 70px 0 35px;}
.ab_map .title b{ font-family: fuh; font-size: 48px; margin-bottom:35px;}
.ab_map .title p{ font-size: 20px;}
.map_box{ position: relative;}
.map_box img{ width: 100%;}
.map_box .map_card{ border-radius: 20px; padding: 20px; background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,.15); position:absolute; left:55%; top:60px; width:480px;}
.map_box .map_card .cardpic{ width: 90px; margin-right:auto;}
.map_box .map_card .cardpic .imgfd{padding-top: 100%; border-radius: 50%; }
.map_box .map_card .txt{ width: calc(100% - 110px);}
.map_box .map_card .txt h3{ font-size: 20px; font-family: mavb; margin-bottom: 15px;}
.map_box .map_card .txt p{line-height: 24px;}
.ab_map.swiper-slide-active  .map_card{animation: mapcard 1s ease-out 1 forwards;}
@media (min-width: 1024px){
    @-webkit-keyframes exptxt{
    	0%{ transform:translateX(-90px);}
    	100%{ transform:translateX(0px);}
    }
    @keyframes exptxt{
       0%{ transform:translateX(-90px);}
    	100%{ transform:translateX(0px);}
    }
    @-webkit-keyframes exppic{
    	0%{ transform:translateY(-90px);}
    	100%{ transform:translateY(0px);}
    }
    @keyframes exppic{
       0%{ transform:translateY(-90px);}
    	100%{ transform:translateY(0px);}
    }
    @-webkit-keyframes vistxt{
    	0%{ transform:translateX(-50%);}
    	100%{ transform:translateX(0px);}
    }
    @keyframes vistxt{
       0%{ transform:translateX(-50%);}
    	100%{ transform:translateX(0px);}
    }
    @-webkit-keyframes mapcard{
    	0%{ transform:translateY(150px);}
    	100%{ transform:translateY(0px);}
    }
    @keyframes mapcard{
       0%{ transform:translateY(150px);}
    	100%{ transform:translateY(0px);}
    }
}
@media (max-width: 1441px){
    .ab_center{ width: 96%;}
}
@media (max-width: 1281px){
    .ab_exp .txt b{ font-size: 38px;}
    .ab_number{padding: 0 35px;}
    .ab_number dt b{ font-size: 40px; line-height: 40px;}
    .ab_number dt .ic{margin-right: 20px;}
    .ab_number dt{ font-size: 18px;}
    .ab_exp .txt{padding: 60px 45px;}
    .ab_exp .txt p,.vis_txt p{ font-size: 18px;}
    .vis_txt{padding: 50px 40px 80px;}
}
@media (max-width: 1024px){
    .abswiper{ padding-top: 54px; height:auto;}
    .abswiper .swiper-wrapper{ display: block;}
    .map_box .map_card{width: 40%;}
    .ab_who{height: 80vh; margin-top:20px;}
    .ab_map{ padding-bottom: 50px;}
    .map_box .map_card{position: unset;}
}
@media (max-width: 450px){
    .ab_who .who_txt b{ font-size: 28px; margin-bottom: 25px;}
    .ab_who .who_txt p{ font-size: 16px;}
    .ab_exp .ab_center{ display: block;}
    .ab_exp .txt{padding: 20px 15px; width:100%;border-radius: 10px;}
    .ab_exp .txt b{ font-size: 24px; line-height: 30px; margin-bottom:10px;}
    .ab_exp .txt p, .vis_txt p{ font-size: 16px;}
    .ab_exp .right{ width: 100%;}
    .ab_exp .imgfdd{border-radius: 10px; margin:10px 0;}
    .ab_number dt .ic img{ width: 40px;}
    .ab_number dt b{ font-size: 24px; line-height: 24px;}
    .ab_number dt p{margin-top: 0;}
    .ab_number{padding: 0;}
    .ab_number dt .ic{ margin-right: 10px;}
    .ab_number dt{ max-width: 48%; align-items: flex-start;}
    .ab_number dl{ align-items: flex-start;}
    .ab_number dt .numbox{width: calc(100% - 50px);}
    .vis_txt{ width: 80%; padding: 25px 20px;}
    .vis_txt b{ font-size: 26px; margin-bottom:20px;}
    .ab_map .title{ margin-top: 30px;}
    .ab_map .title b{ font-size: 28px; margin-bottom:20px;}
    .map_box .map_card{ width: 100%; left: 0;}
    .ab_map .title p{font-size: 16px;}
    .map_box .map_card .cardpic{ width: 60px;}
    .map_box .map_card .txt{ width: calc(100% - 70px);}
    .pc_none{ display: block;}
    .mob_none{ display: none;}
    .ab_who .who_cert li{padding: 5px; margin-bottom:15px; width:32%;}
    .video_bg{width: 100%;}
    .video_box img{ height:auto; width:98%;}
    .video_bg{ margin-left: 0; left:0;}
    .ab_who .who_cert{ bottom: 80px;}
}
.lxswiper{ padding-top: 75px; padding-bottom:56px; height:100vh; background: linear-gradient( to bottom,rgba(244,247,251,1),rgba(255,255,255,1)); overflow:hidden;}
.lxslide .pic{ width: 50%; height: 100%; border-bottom-right-radius: 100px; overflow: hidden; position:relative;}
.lxslide .pic img{ width: 100%; height: 100%; object-fit: cover;}
.lxslide .pic .pictxt{ position: absolute; top: 120px; width: 45%; left: 100%; transform: translateX(-650px);}
.lxslide .pic .pictxt b{ font-family: fuh; font-size: 60px; line-height: 60px; margin-bottom: 35px;  text-transform: uppercase;}
.lxslide .pic .pictxt p{ font-size: 20px;}
.lxslide .txt{ width: 45%; padding-top:120px;}
 .lxslide .txt h1{ font-size: 32px; font-family: fuh; margin-bottom: 40px;}
.lxslide .txt ul li{ width: 47%; margin-right: 6%; margin-bottom:40px; float:left;}
.lxslide .txt ul li:nth-child(2n){ margin-right:0;}
.lxslide .txt ul li b{ font-family: mavb; font-size: 22px; margin-bottom: 20px;}
.lxslide .txt ul li i{ font-size: 20px;}
.lxslide .txt ul li .box{ width: calc(100% - 30px); margin-left: auto;}
.lxslide .txt ul li h4{ font-family: mavb; font-size: 16px; margin-bottom: 10px;}
.lxslide .txt ul li:last-child .t-flex{margin-bottom:15px;}
.lxslide .txt ul li a:hover{ color:#fd7702;}
.lxmsg{padding-top: 120px;}
.lxmsg .msg_title b{ font-family: fuh; font-size: 45px; margin-bottom: 30px;}
.lxmsg .msg_title{margin-bottom: 40px;}
.lxmsg .msg_title p{ font-size: 20px;}
.lxmsg form input,.lxmsg form textarea{ background: #e8eef6; line-height: 50px; border-radius: 10px; padding-left: 15px; width:100%; margin-bottom:30px;}
.lxmsg form input{ width: 48%; margin-right: 4%;}
.lxmsg form input:nth-child(2n){margin-right:0;}
.lxmsg form .sub{ width: 50%; line-height: 50px; border-radius: 10px; text-align: center; color: #fff; font-family: mavb; cursor:pointer; background:#003366; transition:.2s ease;}
.lxmsg form .sub:hover{ background:#fd7702;}

.lxslide .dealtxt{ position: absolute; top: 120px; width: 65%; left: 100%; transform: translateX(-650px);}
.lxslide .dealtxt b{ font-family: fuh; font-size: 60px; line-height: 80px; color: #fff; text-transform: uppercase;}
.lxslide .dealtxt b span{ color: #fd7702;}
.lxslide .deal_msg{ width: 50%; padding: 120px 180px 0 120px;}
.lxslide .deal_msg p{ font-size: 20px; margin-bottom: 30px;}
.lxslide .deal_msg form b{ font-size: 24px; font-family: mavb; color: #003366; margin-bottom: 20px;}
.lxslide .deal_msg form input,.lxslide .deal_msg form textarea{ background: #e8eef6; line-height: 50px; border-radius: 10px; padding-left: 15px; width:100%; margin-bottom:30px;}
.lxslide .deal_msg form textarea{margin-bottom: 40px;}
.lxslide .deal_msg form{ padding-right: 30px; overflow-y: auto; height: 500px;}
.lxslide .deal_msg form::-webkit-scrollbar {
  width: 6px;
}

.lxslide .deal_msg form::-webkit-scrollbar-track {
  background: #fff;
}

.lxslide .deal_msg form::-webkit-scrollbar-thumb {
  background: #111;
  border-radius: 3px;
}
.deal_msg form button{width:100%; line-height: 50px; border-radius: 10px; text-align: center; color: #fff; font-family: mavb; cursor:pointer; background:#003366; transition:.2s ease;}
.deal_msg form button:hover{ background:#fd7702;}
@media (max-width: 1441px){
    .lxslide .deal_msg{ padding: 80px 80px 0 60px;}
}
@media (max-width: 1281px){
    .lxslide .txt,.lxmsg{padding-top: 60px;}
    .lxslide .pic .pictxt,.lxslide .dealtxt{ width: 80%; left:4%; transform:translateX(0);}
    .lxslide .pic .pictxt b{  font-size: 40px; line-height: 40px;}
    .lxslide .dealtxt b{ font-size: 45px; line-height: 60px;}
}
@media (max-width: 1024px){
    .lxswiper{ overflow-y: auto;}
    .lxswiper .swiper-wrapper{ display: block;}
    
    .lxswiper{padding-top: 54px;}
}
@media (max-width: 450px){
    .lxslide .pic{ width: 100%; height: auto;border-bottom-right-radius:0; float:none; }
    .lxslide .txt{ width: 100%; float: none;}
    .lxslide .pic img{ border-bottom-right-radius: 0;}
    .lxslide .txt{ padding-top: 35px;}
    .lxslide .txt h1{ font-size: 28px; margin-bottom:25px;}
    .lxslide .txt ul li{ width: 100%; float: none;}
    .lxslide{height: auto;}
     .lxmsg{padding-top: 10px; padding-bottom:80px;}
     .lxslide .txt ul li{margin-bottom: 25px;}
     .lxmsg .msg_title b{ font-size: 28px; margin-bottom:20px;}
     .lxmsg .msg_title p{ font-size: 18px;}
     .lxmsg .msg_title{margin-bottom: 25px;}
     .lxmsg form input{ width: 100%; margin-bottom: 20px;}
     .lxmsg form textarea{ margin-bottom: 20px;}
     .lxslide .pic .pictxt b{ font-size: 32px; margin-bottom: 25px; line-height: 32px;}
     .lxmsg form .sub{ width: 100%; padding: 0;}
     .lxslide .dealtxt{ top:70px;}
     .lxslide .dealtxt b{ font-size: 30px; line-height: 45px;}
     .lxslide .deal_msg{ width: 100%; padding: 30px 20px 100px;}
     .lxslide .deal_msg form{height: auto; padding:0;}
}