html, body {scroll-behavior: smooth; -webkit-transition: scroll-behavior .5s ease; transition: scroll-behavior .5s ease; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}

 @font-face {
    font-family: 'Barlow-SemiBold';
    src: url(font/Barlow-SemiBold.woff) format('woff'),
	 url(font/Barlow-SemiBold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 @font-face {
    font-family: 'Barlow-Regular';
    src: url(font/Barlow-Regular.woff) format('woff'),
	 url(font/Barlow-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 @font-face {
    font-family: 'Barlow-Medium';
    src: url(font/Barlow-Medium.woff) format('woff'),
	 url(font/Barlow-Medium.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.lh-1-8 { line-height: 1.8 !important;}
.lh-2 { line-height: 2 !important;}
.header{width: 100%; background:#fff; position: fixed; left:0; top:0; height:90px; z-index: 99; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .logo{width:100px; height: 100px; position: absolute; z-index: 999; left:3%; top:0; background:url(../images/logo.png) no-repeat left center; background-size: 100%; display: block;transition: all .5s; -webkit-transition: all .5s;}
.header-nav ul{display:-webkit-flex; display: -ms-flexbox; display: flex;}
.header-nav li{display: block; position: relative;}
.topblank{min-height: 90px;}
.nav-a{display: block; line-height: 40px; position: relative; font-size: 18px; color:#333; margin-left:4vw; transition: all .5s; -webkit-transition: all .5s;}
.nav-a::after{display: block; position: absolute; left:0; bottom:0; width:0; height: 2px; background-color: #000; content: ''; transition: all .5s ease;}
.nav-a:hover{color: #000; font-weight: bold;}
.nav-a:hover::after{width:100%; height:2px;}
.header-nav li.on > .nav-a:after{width: 100%; height:2px;}
.header-nav li.on > .nav-a{color: #000;}

.nav-a.active{color:#fff}
.header-sub{width: 3000px; height: auto; position: absolute; z-index: 99; transform: translateX(0px); top: 90px; background: rgba(40, 40, 40, .8); display: none;}
.header-sub.on{display: block;}
.header-sub{padding-left:10px; text-align: left;}
.header-sub a{display:inline-block; font-size: 15px; padding:20px 20px; color: #fff; line-height: 20px; transition: all .5s; -webkit-transition: all .5s;}
.header-sub a:hover{color:#359db9;}

.header.active{box-shadow: 0 0 15px rgba(0, 0, 0, .1); height: 55px; transition: all .5s ease; background-color: #fff;}

.mob-btn{width: 32px; overflow: hidden; display: none; cursor: pointer; position:fixed; z-index: 9999; top:20px; right:1.25rem;}
.mob-btn1,.mob-btn2,.mob-btn3{width: 100%;height: 2px;margin-bottom: 6px;background: #777;}
.mob-btn div{transition: all .5s;}
.mob-btn.cli .mob-btn1{ transform: rotate(45deg) translate(0px, 10px); background: #fff500;}
.mob-btn.cli .mob-btn2{ opacity: 0; transition: all .5s;}
.mob-btn.cli .mob-btn3{ transform: rotate(-45deg) translate(0px, -10px); background: #fff500;}

.foot_cartoon {position:relative;z-index:2;}
.foot_cartoon .div {position:relative;z-index:1;overflow:hidden;margin-bottom:0px;height:76px; display: block;margin-top:30px;}
.foot_cartoon .div img {cursor:pointer;position:absolute;margin-left:-60px;left:50%;bottom:-82px;display: block;}

.PC_ban{display: block;}
.Mob_ban{display: none;}
.banner{width: 100%; position: relative;}
.banner .swiper-button-next,.banner .swiper-button-prev{ right:3%; display: block; width: 40px; height: 40px; cursor: pointer;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{content: ''; display: block; width: 28px; height: 28px; border-right: 2px solid #fff; border-top: 2px solid #fff; position: absolute; top:50%; left:50%;}
.banner .swiper-button-next::after{transform: translate(-50%,-50%) rotate(45deg);}
.banner .swiper-button-prev::after{transform: translate(-50%,-50%) rotate(225deg);}
.banner .swiper-button-next::before,.banner .swiper-button-prev::before{content: ''; display: block; width:0; height: 2px; background: #fff; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition: width .4s ease;}
.banner .swiper-button-next:hover::before,.banner .swiper-button-prev:hover::before{width: 40px;}
.banner .swiper-button-prev{left:50px;}
.banner .swiper-slide {overflow: hidden;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 10px;width:10px;border-radius: 12px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{background: #fff500 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 3%!important;left: auto!important;}
.banner .swiper-button-prev{left: 3%!important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}

.caseviewimg img{display: block; width:100%;}
.miaodian{position: relative; top: 0px; visibility: hidden;}

.services-a,.services-b,.services-c,.services-d{overflow:hidden; position: relative;}
.services-a .swiper-pagination-bullet,.services-b .swiper-pagination-bullet,.services-c .swiper-pagination-bullet,.services-d .swiper-pagination-bullet{opacity:1;background-color:#fff;width:10px;height:10px; margin:0 8px !important;}
.services-a .swiper-pagination-bullet-active,.services-b .swiper-pagination-bullet-active,.services-c .swiper-pagination-bullet-active,.services-d .swiper-pagination-bullet-active{background-color:#fff500;}

.backtop { display: block; width: 43px; height: 43px; border-radius: 50px; overflow: hidden; background: url(../images/backtop.png) no-repeat #fff; position: fixed; right: 10px; bottom: 15%; opacity: .6; z-index: 9;}
.backtop:hover{opacity: 1;}

.lc_swiper::after{background-color: #fff500; width:100%; height:30px; position: absolute; left:0; top:25px; content: ''; display: block;}
.lc_swiper img{max-width:140px; display: block; margin:0 auto;}
.lc_swiper .year{font-family: 'Barlow-SemiBold'; text-align: center; font-size:45px; line-height: 1; padding-bottom:20px;}
.bn,.bp,.bn1,.bp1,.bn2,.bp2{display: flex; align-items: center; justify-content: center; background:#fadf4b; width:40px !important; height:40px !important; top:58%; position: absolute;}
.bn{right:0;}
.bp{left:0;}
.bn i,.bp i,.bn1 i,.bp1 i,.bn2 i,.bp2 i{display: block; width: 14px; height: 14px; border-right: 3px solid #000; border-top: 3px solid #000; border-left: 0; border-bottom: 0; transform: rotate(45deg);}
.bp i,.bp1 i,.bp2 i{transform: rotate(225deg);}

@media all and (max-width:1024px){
.PC_ban{display: none;}
.Mob_ban{display: block;}
.header{height:55px;}
.topblank{min-height: 55px;}
.header .logo{width:70px; height: 70px; left:1.25rem; background:url(../images/logo.png) no-repeat left center; background-size: 100%;}
.header-nav{width: 100%;height:100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .9); padding:0 3%; box-sizing: border-box; box-sizing: -webkit-border-box;display: none;}
.header-nav ul{display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; margin:0; padding:0; list-style:none;}
.header-nav li{width: 100%;	margin: 0; position: relative;}
.mob-btn{display: block;}
.nav-cover{width: 30%;height: 48px; z-index: 10; position: absolute;top: 0;right: 0; cursor:pointer}
.nav-a{width: 100%; color:#fff; font-size: 26px; text-align: center; line-height: auto; margin-left:0; padding:10px 0; box-sizing: border-box; box-sizing: -webkit-border-box;}
.nav-a:hover{color:#ff0;}
.header-sub{/*display: block;*/width:100%; position: relative;top: initial;left: inherit;background: initial;transform: translateX(0);padding:5px 0;border-bottom: 1px solid #bbb; background:none;}
.header-sub{box-shadow: none;}
.header-sub a{color: #555; font-size:14px;padding: 4px 10px;text-align: left; display: block;}
.header-sub a:hover{background:none; color:#222;}

.lc_swiper::after{height:18px; top:20px;}
.lc_swiper img{max-width:120px; display: block; margin:0 auto;}
.lc_swiper .year{font-size:32px;}
.bn,.bp,.bn1,.bp1,.bn2,.bp2{width:32px !important; height:32px !important;}
.bn i,.bp i,.bn1 i,.bp1 i,.bn2 i,.bp2 i{display: block; width: 10px; height: 10px; border-right: 2px solid #000; border-top: 2px solid #000; border-left: 0; border-bottom: 0; transform: rotate(45deg);}
.bp i,.bp1 i,.bp2 i{transform: rotate(225deg);}

.backtop { display: block; width: 32px; height: 32px; background-size: 100%; bottom: 30%;}
}