@charset "utf-8";
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: rgba(0,0,0,0); }
::-webkit-scrollbar {width: 8px; background-color: rgba(0,0,0,0);}
::-webkit-scrollbar-thumb {background-color: #888;}

*{margin: 0;padding: 0;list-style: none;transition: all .4s ease;-webkit-transition: all .4s ease;}
*::selection{background-color: #1850e8;color: #fff;}
html,body{height: 100%;}
body{cursor: default;color: #333;font-size: 14px;font-family: Microsoft Yahei;background: #fff;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;}

h1,h2,h3,h4,h5,h6{font-weight: normal;}
.container{max-width: 1440px;}
header .pc-head{position:fixed;top: 8px;background: rgba(255,255,255,.7);width: 96%;z-index: 1000;backdrop-filter: blur(8px);left: 50%;transform: translateX(-50%);border-radius: 50vh;border: 1px solid rgba(255,255,255,.3);box-shadow: 0 0 16px #fff;}
header .pc-head .top{display: flex;justify-content: space-between;align-items: center;padding: 0 32px;}
header .pc-head .top .logo{margin: 16px 0;display: inline-flex;}
header .pc-head .top .logo img{max-height: 56px;}
header .pc-head .top .tel{display: flex;flex-direction: row;align-items: center;line-height: 1;}
header .pc-head .top .tel .img{margin-right: 6px;}
header .pc-head .top .tel .img i{font-size: 48px;color: #1850e8;}
header .pc-head .top .tel .text h5{font-size: 14px;margin: 0;color: #1850e8;}
header .pc-head .top .tel .text h3{font-size: 24px;margin: 0;}
header .pc-head nav *{transition: unset;}
header .pc-head nav .nav-item a{color: #555;padding: 12px 24px;font-size: 16px;font-weight: 600;border-radius: 6px;background: rgba(74,179,68,0);transition: all .5s; -webkit-transition: all .5s;}
header .pc-head nav .nav-item a:hover{background: rgba(24,80,232,.9);color: #fff;}
header .pc-head nav .nav-item a.active{background: rgba(24,80,232,.9);color: #fff;}
header .pc-head nav .dropdown:hover a{border-bottom-left-radius: 0;border-bottom-right-radius: 0;color: #fff;}
header .pc-head nav .nav-item:hover a{background: rgba(24,80,232,.9);border-top-left-radius: 6px;border-top-right-radius: 6px;}
header .pc-head nav .dropdown-menu{background: rgba(24,80,232,.9);margin: 0;border-radius: 6px;border-top-left-radius: 0;border: 0;padding: 12px;}
header .pc-head nav .dropdown-menu .dropdown-item {padding: 0;}
header .pc-head nav .dropdown-menu .dropdown-item a{background: unset;padding: 12px 16px;display: block;font-size: 14px;font-weight: normal;}
header .pc-head nav .dropdown-menu .dropdown-item a:hover{color: #333;background: rgba(255,255,255,.3);color: #ff0;border-radius: 6px;}
header .pc-head nav .dropdown-menu .dropdown-item:hover{background: transparent;}

header .m-head, header .m-nav{display: none;}
header .pc-head.smaller{}

[class*="home-"] {margin: 80px 0;}
.home-slide{margin-top:60px;background: rgba(0,0,0,.2);position: relative;}
.home-slide video{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;bottom: 0;z-index: -1;}
.home-slide .text{position: absolute;top: 30%;width: 100%;text-align: center;}
.home-slide .text h3{font-size:60px;font-weight:900;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.6);}
.home-slide .text h4{font-size:36px;font-weight:600;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.6);}
.home-slide .swiper-slide img{object-fit: cover;height: 100%;width: 100%;}
.home-slide .swiper-slide-active h3{margin-top: 30px;opacity: 1;transition: .5s ease-in-out;}
.home-slide .swiper-slide-active h4{margin-top: 20px;transition: .5s ease-in-out 1s;opacity: 1;}

[class*="home-"] .c-title h2{font-size: 30px;text-transform: uppercase;}
[class*="home-"] .c-title h5{font-size: 16px;}
.home-advantage .iconfont{font-size: 48px;}
.home-advantage .col .item{padding: 24px 48px;text-align: center;border-radius: 8px;position: relative;cursor: pointer;}
.home-advantage .col .item::after{content: '';background: linear-gradient(to bottom left, #1850e8, #4ab344);opacity: 0;display: flex;position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: -1;transition: all .8s;-webkit-transition: all .8s;border-radius: 16px;}
.home-advantage .col .item:hover{color: #fff;}
.home-advantage .col .item:hover::after{opacity: 1;transition: all .8s;-webkit-transition: all .8s;}

.home-products{padding-top: 48px;position: relative;}
.home-products::before{content:'';width: 100%;height: 480px;background: url('../img/productbg.jpg') no-repeat;position: absolute;top: 0;z-index: -2;}
.home-products::after{content:'';width: 100%;height: 480px;background: linear-gradient(180deg, rgba(0,100,0,.8) 0, rgba(0,0,0,.7) 480px);position: absolute;top: 0;z-index: -1;}
.home-products .c-title {text-align: center;margin-bottom: 32px;}
.home-products .c-title h5{color: rgba(255,255,255,.6);}
.home-products .c-title h2{color: #fff;}
.home-products .swiper-slide img{width: 100%;height: 100%;object-fit: cover;border-radius: 12px;}

.home-service{background: url('../img/servicebg.jpg') no-repeat;padding: 64px 0;}
.home-service .c-title{color: #fff;}
.home-service .c-title h5{color: rgba(255,255,255,.4);}
.home-service .c-tabs{display: flex;justify-content: flex-end;transform: translateY(-32px);}
.home-service .c-tabs a{color: #fff;font-size: 16px;padding: 16px 32px;}
.home-service .c-tabs a.on{background: #4ab344;color: #fff;border-radius: 50vh;}
.home-service .c-body{overflow: hidden;position: relative;height: 480px;}
.home-service .c-body .c-item{opacity: 0;position: absolute;width: 100%;transform: translateX(80%);}
.home-service .c-body .c-item.active{opacity: 1;transform: translateX(0);}
.home-service .c-body .c-item .thumb{width: 75%;height:464px;border-radius: 16px;overflow: hidden;background: #eee;}
.home-service .c-body .c-item .thumb img{width:100%;height:100%;object-fit: cover;}
.home-service .c-body .c-item .text{position: absolute;right: 0;top: calc(50% - 150px);width: 40%;height: 300px;background:rgba(74,197,68,.4);border-radius: 16px;padding: 40px;backdrop-filter: blur(30px);color: #fff;}
.home-service .c-body .c-item .text h3{margin-bottom: 32px;font-size: 40px;}
.home-service .c-body .c-item .text h6{line-height: 2;}

.home-about .c-title h2{color: rgba(0,0,0,.3);}
.home-about .c-title h5{font-size: 18px;font-weight: bold;}
.home-about .about-thumb{width:90%;height: 300px;overflow: hidden;border-top-left-radius: 32px;border-bottom-right-radius: 64px;position: relative;box-shadow: 24px 24px 16px rgba(24,80,232,.2);}
.home-about .about-thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-about .colorbox{width: 120px;height: 120px;position: absolute;z-index: 1;top:30%;left: 72%;background: #4ab344;border-radius: 50vh;}
.home-about .c-body{padding: 0 24px 0 0; line-height: 2;margin: 24px auto;}
.home-about a.more{padding: 8px 32px;background: #1850e8;color: #fff;border-radius: 50vh;}
.home-about a.more:hover{ color: #fff;background: #44da1b;}

.home-news .c-title{margin-bottom: 40px;}
.home-news .c-title h2{color: rgba(0,0,0,.3);}
.home-news .c-title h5{font-size: 18px;font-weight: bold;}
.home-news a.more{display: flex;padding: 12px 32px;border-radius: 50vh;background: #fff;border: 1px solid #1850e8;position: absolute;right: 0;top: 16px;color: #1850e8;text-align: center;transform: translateY(-16px);}
.home-news a.more:hover{background: #4ab344;color: #fff;border-color: #4ab344;}
.home-news .swiper-slide{}
.home-news .swiper-slide a .thumb{height: 200px;overflow: hidden;border-radius: 16px;position: relative;}
.home-news .swiper-slide a .thumb::after{content: '';width: 100%;height: 100%;display: flex;position: absolute;top: 0;background: linear-gradient(to top, #1850e8, transparent);transition: all .5s;-webkit-transition: all .5s;}
.home-news .swiper-slide a .thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-news .swiper-slide a{position: relative;display: block;}
.home-news .swiper-slide a h4{font-size: 16px;padding: 16px 8px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;line-height: 1.2;}
.home-news .swiper-slide a p{color: #fff;padding: 8px 16px;background: rgba(74,197,98,.5);display: inline-flex;position: absolute;right: 0px;bottom: 60px;z-index: 1;}
.home-news .swiper-slide a:hover .thumb img{transform: scale(1.1);}
.home-news .swiper-slide a:hover .thumb::after{opacity: 0;transition: all .5s;-webkit-transition: all .5s;}
.home-news .swiper-slide a:hover h4{color: #1850e8;}

footer{background: #343434;padding-top: 32px;}
footer img.logo{width: 120px;filter: brightness(0) invert(1);cursor: pointer;margin: 0 auto 6px;}
footer img.logo:hover{filter: unset;}
footer .ewm{color: #fff;display: flex;flex-direction: column;}
footer .ewm img{width: 104px;height: 104px;margin: 0 auto 8px;}
footer h6{color: rgba(255,255,255,.4);text-align: center;}
footer h3{color: rgba(255,255,255,.6);font-size: 12px;}
footer .contact{display: flex;justify-content: space-between;flex-direction: column;}
footer .contact .item{color: rgba(255,255,255,.8);cursor: pointer;border-bottom: 1px solid rgba(255,255,255,0);line-height: 2;}
footer .contact:hover .item{border-bottom: 1px solid rgba(255,255,255,.1);}
footer .contact .item p{margin-bottom: 6px;display: inline-flex;}
footer .contact .item p:first-child{color: rgba(255,255,255,.4);margin-right: 8px;}
footer .copy{background: rgba(0,0,0,.2);color: rgba(255,255,255,.4);font-size: 12px;text-transform: uppercase;padding: 12px;margin-top: 32px;}
footer .copy p{margin: 0;}
footer .copy ul{display: flex;padding: 0;margin: 0;}
footer .copy ul li a{color: rgba(255,255,255,.4);padding: 0 6px;}
footer .copy ul li a:hover{color: rgba(255,255,255,.8);}
footer .copy ul li a::after{content: '/';color: rgba(255,255,255,.3);margin-left: 6px;}
footer .copy ul li:last-of-type a::after{content: '';}
.bottomnavi, .bottomcopy{display: none;}

.subslide{margin-top:104px;background: linear-gradient(to right, #3074d9, #f0f);position: relative;height: 280px;}
.subslide::after{content:'';position: absolute;top: 0;right: 0;height: 100%;mask-image: linear-gradient(to left, black 0%, transparent 100%);background: url('../img/subslide.jpg') right/cover no-repeat;width: 60%;height: 100%;z-index: 0;}
/* .subslide{margin-top: 104px;background:#3074d9 url('../img/subslide.jpg') top right no-repeat;background-size: auto 100%;} */
.subslide .text{color: #fff; position: absolute; top: 50%; transform: translateY(-50%);}
.subslide .text h2{margin: 0;}
.subslide .text h3{margin: 0;text-transform: uppercase;font-size: 18px;color: rgba(255,255,255,.6);}
.subslide .navibar{background: rgba(0,0,0,.3);padding: 12px;position: absolute;z-index: 1;bottom: 0;width: 100%}
.subslide .navibar ul{margin: 0;padding: 0;display: flex;}
.subslide .navibar ul li a{padding: 8px 24px;display: flex;color: #fff;}
.subslide .navibar ul li a.active{background: #1850e8;border-radius: 50vh;}
.subslide .navibar .breadcrumb{margin: 0;}
.subslide .navibar .breadcrumb i{color: #fff;margin: 0 6px 0;}
.subslide .navibar .breadcrumb a{color: #fff;padding: 0px;}
.subslide .navibar .breadcrumb a::after{content: '/';padding: 0 6px;}
.subslide .navibar .breadcrumb a:last-child::after{content: '';}

section.main{margin: 64px auto;min-height: 540px;position: relative;}
section.main::after{content: '';width: 400px;height: 300px;position: fixed; top: 40%; left:-100px; z-index: -1;background: url('../img/pagebg.png') center/contain no-repeat;transform: rotate(30deg);opacity: .3;}
section.main .contents{line-height: 2;font-size: 16px;}
section.main .product-item a{display: flex;flex-direction: column;box-shadow: 0 0 16px rgba(0,0,0,.1);border-radius: 12px;overflow: hidden;}
section.main .product-item a:hover{background-color: #1850e8;box-shadow: 0 8px 16px rgba(0,0,0,.2);transform: translateY(-6px);color: #fff;}
section.main .product-item a:hover .thumb img{transform: scale(1.1);}
section.main .product-item a .thumb{height: 400px;overflow: hidden;}
section.main .product-item a .thumb img{width: 100%;height: 100%;object-fit: cover;}
section.main .product-item a .text{padding: 16px;text-align: justify;}
section.main .product-item a .text h3{font-size: 18px;font-weight: bold;margin-bottom: 6px;}
section.main .product-item a .text p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin: 0;}
section.main .product-sidebar{top: 120px;}
section.main .product-sidebar .sidebar-card{padding: 16px;box-shadow: 0 0 16px rgba(0,0,0,.1);border-radius: 12px;}
section.main .product-sidebar .sidebar-card .card-title{font-size: 18px;font-weight: bold;line-height: 2;border-bottom: 1px solid rgba(0,0,0,.1);}
section.main .product-sidebar .sidebar-card .card-body{padding: 0;margin: 0%;}
section.main .product-sidebar .sidebar-card .card-body li a{display: flex;width: 100%;padding: 6px 0;}
section.main .contact-card .card-title{padding-bottom: 32px;border-bottom: 1px solid rgba(0,0,0,.1);}
section.main .contact-card .card-title h3{}
section.main .contact-card .card-title h4{font-size: 16px;color: #666;}
section.main .contact-card .card-title h5{color: #999;font-size: 14px;}
section.main .contact-card .card-body{padding: 16px 0;}
section.main .contact-card .card-body p{margin-bottom: 6px;color: #888;}
section.main .contact-card .card-body h5{font-size: 16px;font-weight: bold;}
section.main .feedback-card input{width: 49%;border: 1px solid #dedede;background: #f5f5f7;padding: 8px 24px;height: 60px;font-size: 16px;margin-bottom: 16px;border-radius: 8px;}
section.main .feedback-card textarea{width: 100%;height: 136px;font-size: 16px;border: 1px solid #dedede;background: #f5f5f7;padding: 8px 24px;border-radius: 8px;}
section.main .feedback-card button{background: #1850e8;color: #fff;font-size: 16px;width: 100%;height: 56px;border: 0;cursor: pointer;text-align: center;border-radius: 50vh;margin-top: 16px;}
section.main .news-list a{display: flex;}
section.main .news-list a .thumb{height: 200px;overflow: hidden;border-radius: 16px;position: relative;}
section.main .news-list a .thumb::after{content: '';width: 100%;height: 100%;display: flex;position: absolute;top: 0;background: linear-gradient(to top, #1850e8, transparent);transition: all .5s;-webkit-transition: all .5s;}
section.main .news-list a .thumb img{width: 100%;height: 100%;object-fit: cover;}
section.main .news-list a{position: relative;display: block;}
section.main .news-list a h4{font-size: 16px;padding: 16px 8px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;line-height: 1.2;}
section.main .news-list a p{color: #fff;padding: 8px 16px;background: #4ab344;display: inline-flex;position: absolute;right: 0px;bottom: 60px;z-index: 1;}
section.main .news-list a:hover .thumb img{transform: scale(1.1);}
section.main .news-list a:hover .thumb::after{opacity: 0;transition: all .5s;-webkit-transition: all .5s;}
section.main .news-list a:hover h4{color: #1850e8;}

section.main .page-pagination .pagination li.active span{padding: 6px;background: rgba(0,0,0,.2);border: 1px solid rgba(0,0,0,.2);margin-right: 1px;line-height: 1;display: flex;align-items: center;color: #fff;}
section.main .page-pagination .pagination li.disabled span{padding: 6px;background: rgba(0,0,0,.04);border: 1px solid rgba(0,0,0,.1);margin-right: 1px;line-height: 1;display: flex;align-items: center;color: #999;}
section.main .page-pagination .pagination li a{padding: 6px;background: rgba(0,0,0,.04);border: 1px solid rgba(0,0,0,.1);margin-right: 1px;line-height: 1;display: flex;align-items: center;color: #333;}
section.main .page-pagination .pagination li form a{padding: 5px;}
section.main .page-pagination .pagination li form input{padding: 0;font-size: 12px;border: 0; outline: 0;}

@media (max-width:1024px) {
  .pc-head{display: none;}
  header .m-head{display: block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
  header .m-head .m-head-logo{float: left;display: flex;width: 75%;padding:5px;}
  header .m-head .m-head-logo img{height: 40px}
  header .m-head .m-head-menu .menu-open{float: right;color: #666;padding: 0 5px;}
  header .m-head .m-head-menu .menu-open i{font-size: 40px;line-height: 1.2;}
  header * {transition: unset;-webkit-transition: unset;}
  header .m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
  header .m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .menu-close {color: #fff;}
  header .m-nav .menu-close i{font-size: 30px;}
  header .m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
  header .m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
  header .m-nav .m-navList ul li{border-bottom:1px solid #232530}
  header .m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
  header .m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
  header .m-nav .m-navList ul li .m-nav-f a{flex: 1;}
  header .m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
  header .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
  header .m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
  header .m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
  header .m-nav .m-navList .m-nav-img img{width: 100%;}
  
  [class*="home-"]{margin-bottom: 40px;}
  a.home-more{padding: 12px 30px;margin: 30px calc(50% - 59px);}
  .home-slide{height: auto;margin-top: 60px;}
  .home-slide .swiper-slide img{height: 400px;}
  .home-slide .swiper-slide .text{top: 84px;}
  .home-slide .swiper-slide-active h3 , .home-slide .swiper-slide-active h4{font-size: 22px;font-weight: 400;}
  .home-slide .home-number{margin: 0 12px;left: 0;width: auto;top: 480px;height: auto;border-radius: 12px;}
  .home-slide .home-number span.timer{font-size: 30px;}
  .home-slide .home-number p{margin-bottom: 6px;}
      
  .home-advantage .col .item{padding: 18px;}
  .home-products .swiper-slide{height: 540px;}
  .home-service .c-tabs{justify-content: flex-start;transform: translateY(0);}
  .home-service .c-body{margin-top: 24px;}
  .home-service .c-body .c-item .text{width: 70%;}
  
  .home-news{padding-bottom: 6px;}
  .home-news .newswiper{margin-bottom: 12px;}
  .home-news .news-item .thumb{height: 240px;}
  .home-news .item{padding: 12px;margin-bottom: 12px;}
  .home-news .item .date{width: 66px;height: 66px;padding: 6px;}
  .home-news .item .date span{font-size: 32px;}
  .home-news .item .date small{font-size: 12px;}
  
  .home-process ul li i{font-size: 50px;}
  .home-process ul li{width: calc(100% / 3);margin-bottom: 12px;}
  .home-process ul li p{font-size: 12px;}
  .home-process ul li::after {font-size: 20px;}
  .home-process ul li:nth-of-type(3)::after{content: '';}
  footer{display: none;}
  .bottomnavi{display: block;box-shadow: 0 0 12px rgba(0,0,0,.1);background: #fff;position: fixed;bottom: 0;width: 100%;z-index: 100;}
  .bottomnavi a{display: flex;flex-direction: column;justify-content: center;font-size: 14px;align-items: center;padding: 8px 0;line-height: 1.2;}
  .bottomnavi a i{margin: 0;font-size: 32px;}
  .bottomcopy{height: 60px;display: block;}
  
  .subslide{margin: 0;}
  .aside{margin: 0 auto 12px;width: 100%;padding: 12px 0;border-bottom: dotted 1px #404080;}
  .aside dl{padding: 0;background: none;margin: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
  .aside dl dd{width:49%;border-radius: 24px;background: #fff;border:1px solid #404080;margin: 0 0 6px 0;}
  .aside dl dd a{text-align: center;color: #404080;opacity: 1;font-weight: normal;}
  .aside .contactbox{display: none;}
  
  .main .arclist .item{display: block;padding: 0;}
  .main .arclist .item .thumb{width: 100%;}
  .main .arclist .item .text{width: 100%;margin-top: 12px;}
  section.main .product-sidebar .sidebar-card{background: rgba(255,255,255,.2);backdrop-filter: blur(10px);}
}
@media (max-width: 768px){
  section.main .feedback-card input{width: 100%;}
  section.main .product-item a .thumb{height: 520px;}
  section.main::after{display: none;}
  section.main .product-sidebar{margin-bottom: 24px;}
  section.main .contents img{width: 100%!important;}
}
@media (max-width:425px){
  [class*="home-"]{margin: 40px auto;}
  .home-slide .swiper-slide img{height: 200px;}
  .home-advantage .col .item{padding: 8px;}
  .home-advantage .col .item h3{font-size: 18px;font-weight: bold;}
  .home-service .c-tabs a{padding: 8px 12px;border-radius: 16px;font-size: 15px;}
  .home-service .c-body .c-item .thumb{width: 100%;}
  .home-service .c-body .c-item .text{top: 50%;width: 100%;padding: 24px;height: 240px;}
  .home-service .c-body .c-item .text h3{font-size: 24px;}
  .home-service .c-body .c-item .text h6{line-height: 1.5;}
  .home-about .about-thumb{width: 100%;height: 280px;box-shadow: none;margin-bottom: 32px;}
  section.main{margin-top: 24px;}
  section.main .product-item a .thumb{height: 280px;}
}