@charset "utf-8";
@import url("base.css");
@import url("animate.min.css");
@import url("slick.css");


/**手机菜单**/
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(0.9375rem); margin-right:1.1875rem; }
.Mobile-button.active .solid2{ transform:translateX(2.5rem);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-0.9375rem); margin-right:1.1875rem; }
@media screen and (max-width:834px){
    .Mobile-button{ display: flex;}
}


/*头部**/
.module-head01-nav li{ flex: 1; position: relative;}
.module-head01-nav li:before{ content: ''; background-color: rgba(255, 255, 255, .1); width: 0.0625rem;  height: 1.25rem;  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);}
.module-head01-nav li a.far{ font-size: 1.125rem; padding-block: calc(var(--spacing) * 3); display: inline-block; }
.module-head01-nav li .subnav{ background-color: var(--color-blue); width: 100%; position: absolute; left: 0; top: 100%; display: none; }
.module-head01-nav li .subnav a{ padding-block: calc(var(--spacing) * 2.5);   display: block;}
.module-head01-nav li .subnav a:hover { color: rgb(255, 255, 255, .7); }


.module-head02-nav li{ position: relative; padding-inline: calc(var(--spacing) * 7);}
.module-head02-nav li a.far{ font-size: 1.125rem; display: inline-block; padding-block: calc(var(--spacing) * 8);}
.module-head02-nav li .subnav{ background-color: var(--color-fff); width: 100%; position: absolute; left: 0; top: 100%; text-align: center; display: none; }
.module-head02-nav li .subnav a{ padding-block: calc(var(--spacing) * 2.5); display: block;}
.module-head02-nav li .subnav a:hover{ background-color: var(--color-blue); color: var(--color-fff); }
.module-head02-search .srh-box.active { opacity: 1; pointer-events: auto; transform: none; }


.module-head03-nav li{ flex: 1; position: relative;}
.module-head03-nav li a.far{ padding-block: calc(var(--spacing) * 4); display: inline-block;}
.module-head03-nav li .subnav{  background-color: var(--color-blue);  width: 100%; position: absolute; left: 0; top: 100%; font-size: 1rem; padding-block: calc(var(--spacing) * 2.5); display: none; }
.module-head03-nav li .subnav a{ display: block; padding-block: calc(var(--spacing) * 2.5);}
.module-head03-nav li .subnav a:hover{ background-color: #ffc453;}


.module-head04.topFix{ background: var(--color-blue); border-bottom: 0;}
.module-head04.topFix .module-head04-tools .menu-btn{ height: 5.625rem;}
.module-head04.topFix .module-head04-logo img{ -webkit-filter: invert(0) brightness(1); filter: brightness(0) invert(1);}
.module-head04.topFix *{ color: var(--color-fff); }
.module-head04.topFix .module-head04-tools .menu-btn .line span{ background: var(--color-fff);}
.module-head04-nav.active{ transform: translateX(1rem); opacity: 0;}
.module-head04-tools .menu-btn{ margin-left: 4.1vw; padding-left:3.1vw;  }
.module-head04-tools .menu-btn.active .solid1{ transform:rotate(-45deg) translateY(0.4375rem);}
.module-head04-tools .menu-btn.active .solid2{ transform:rotate(45deg) translateY(-0.4375rem);}
.module-head04-searchBox { padding: 8vw 0; }
.module-head04-searchBox .inputBox { width: 47vw; height: 4vw; margin: 0 auto; }
.module-head04-searchBox .inputBox .inpt { background: transparent; height: 3.9vw; padding-left: 2vw; }
.module-head04-searchBox .inputBox .sbtn {  background: transparent; width: 0; height: 0; line-height: 3.9vw; border: 3.9vw dashed; border-top: none; border-color:var(--color-blue); border-left-color: transparent; }
.module-head04-searchBox.active { display: block; }


.module-head05-nav li{ padding-inline: calc(var(--spacing) * 10); position: relative;}
.module-head05-nav li a.far{ position: relative; display: inline-block; padding-block: calc(var(--spacing) * 8);}
.module-head05-nav li .subnav{ background:rgba(255,255,255,.7); width: 100%; text-align:center; color: var(--color-666); position: absolute;  left:0; top: 100%; display: none;}
.module-head05-nav li .subnav a{ display: block; padding-block: calc(var(--spacing) * 2); }
.module-head05-nav li .subnav a:hover{ color: var(--color-blue); }
.module-head05.topFix{ background:var(--color-fff); position:fixed; box-shadow:0 0 1.25rem rgba(0,0,0,.1);}


.module-head06-nav li{ position: relative;}
.module-head06-nav li a.far{ display: inline-block; padding: calc(var(--spacing) * 7);}
.module-head06-nav li a.far:hover{ background-color: rgb(255, 255, 255, .1);}
.module-head06-nav li .subnav{ background-color: var(--color-blue); width: 100%; text-align: center; font-size: 0.875rem; position: absolute; left: 0; top: 100%; display: none; }
.module-head06-nav li .subnav a{ display: block; padding-block: calc(var(--spacing) * 2.5);}
.module-head06-nav li .subnav a:hover{ background-color: rgb(255, 255, 255, .1);}
.module-head06.topFix{ position:fixed;}
.module-head06-search .srh-box.active{ opacity:1; pointer-events:auto; }


.module-head07-nav li{ flex: 1; position: relative;}
.module-head07-nav li a.far{ padding-block: calc(var(--spacing) * 4); display: block; font-weight: 700; }
.module-head07-nav li a.far:hover{ background-color: rgb(255, 255, 255, .1);}
.module-head07-nav li .subnav{ background: var(--color-fff); width: 100%; font-size: 1rem; padding-block: calc(var(--spacing) * 2.5); position: absolute; left: 0; top: 100%; display: none; }
.module-head07-nav li .subnav a{ padding-block: calc(var(--spacing) * 2.5); color: var(--color-333); display: block; }
.module-head07-nav li .subnav a:hover { background-color: var(--color-blue); color: var(--color-fff); }


.module-head08-nav li{ padding-inline: calc(var(--spacing) * 6); position: relative;}
.module-head08-nav li a.far{  padding-block: calc(var(--spacing) * 10); display: inline-block; }
.module-head08-nav li .subnav{ background-color: var(--color-fff); width: 100%; font-size: 1rem; padding-block: calc(var(--spacing) * 2.5); position: absolute; left: 0; top: 100%; box-shadow: 0 0.25rem 0.375rem -0.0625rem #0000001a; display: none; }
.module-head08-nav li .subnav a { padding-block: calc(var(--spacing) * 2); display: block; }
.module-head08-nav li .subnav a:hover{ color: var(--color-blue);}



@media screen and (max-width:834px) {
    .mobile-nav{ background-color: var(--color-blue); height: 100%; width: 100%; padding-top: calc(var(--spacing) * 16); position: fixed; z-index: 100 !important; left: -100%; top: 0; transition-duration: .3s; overflow-y: auto; color: var(--color-fff); }
    .mobile-nav.onShow{ left: 0;}
    .mobile-nav ul{ display: block; padding: 0 0.9375rem;}
    .mobile-nav li{ text-align: left; padding: 0; position: relative; border-bottom:0.0625rem solid rgb(255, 255, 255, .2); }
    .mobile-nav li a.far{ display: inline-block;  padding-block: calc(var(--spacing) * 3); padding-inline: 0; font-size: 1.0625rem; font-weight: bold;}
    .mobile-nav li:before{ content: "\e685"; background-color:inherit; width:auto;  height: auto; font-family: "iconfont"; position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%); }
    .mobile-nav li .subnav{ background: inherit; text-align: left; position: relative; padding-left: calc(var(--spacing) * 2.5);}
    .mobile-nav li .subnav a{ padding-block: calc(var(--spacing) * 2); color: var(--color-fff); transform: none;}
    .mobile-nav li .subnav a:hover{ background: none;}
    .mobile-nav li.active:before{ transform:rotate(45deg); top: 0.875rem;}

    .module-head02-nav.mobile-nav{ height: calc(100% - var(--spacing) * 14); padding-top: 0; margin-top: calc(var(--spacing) * 14);}
    .module-head04-nav.mobile-nav{ height: calc(100% - var(--spacing) * 14); padding-top: 0; margin-top: calc(var(--spacing) * 14);}
    .module-head05-nav.mobile-nav{ height: calc(100% - var(--spacing) * 14); padding-top: 0; margin-top: calc(var(--spacing) * 14);}
    .module-head06-nav.mobile-nav{ height: calc(100% - var(--spacing) * 14); padding-top: 0; margin-top: calc(var(--spacing) * 14);}
    .module-head08-nav.mobile-nav{ height: calc(100% - var(--spacing) * 22); padding-top: 0; margin-top: calc(var(--spacing) * 22);}

}


/**banner**/


/**关于我们**/
.module-about04 .down img{ animation: down linear 1s infinite;}
.module-about04-data li:nth-child(1),.module-about04-data li:nth-child(3){ color: var(--color-fff); }
.module-about04-data li .public-text{ background: var(--color-blue);  }
.module-about04-data li:nth-child(2) .public-text{ background: var(--color-fff); }
.module-about04-data li:nth-child(3) .public-text{ background: #3a99b5;}

@keyframes down{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(1rem);}
}


.module-about06 .word{ padding-top: 10.416vw;}
.module-about06 .year{ padding-top: 5.208vw; margin-left: 2.77vw;}
@media screen and (max-width: 1200px) {

    .module-about06 .word { padding-top: 6.416vw;}

}


.module-about10::before {content: ""; background:var(--color-fff); width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.9; clip-path: polygon(0 0, 86.5% 0, 70% 100%, 0 100%); backdrop-filter: blur(10px);}
@media screen and (max-width: 769px) {

    .module-about10::before { clip-path:none;}

}



/**分页**/
.pnews-page .layui-laypage{ margin: 0;}
.pnews-page .layui-laypage a, .pnews-page .layui-laypage span{ background: #f1eff0; height:auto; font-size: 1rem; display: inline-block; line-height: 2.875rem; padding: 0 1.125rem; margin: 0 0.3125rem; color: var(--color-999); position: relative; border-radius:0.1875rem; border: 0;}
.pnews-page .layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color: var(--color-blue);  padding:0; left: 0; top: 0; }
.pnews-page .layui-laypage a:hover{ background: var(--color-blue); color: var(--color-fff);}
@media screen and (max-width: 769px) {

    .pnews-page .layui-laypage a, .pnews-page .layui-laypage span{ font-size: 0.875rem; line-height: 2rem; padding: 0 0.6875rem; margin: 0.1875rem;}

}


/**新闻资讯**/
.module-news01-thumb .slick-dots { width: auto; right: 0.625rem; bottom:0.9375rem; }
.module-news01-thumb .slick-dots li button { background:var(--color-blue); width:1.5625rem; height:1.5625rem; font-size: 0.875rem; color: var(--color-fff); opacity: .7; }
.module-news01-thumb .slick-dots li.slick-active button {  opacity: 1; }
@media screen and (max-width: 768px) {
    .module-news01-thumb .slick-dots{ bottom: 2.8125rem;}
}


.module-news04-thumb .slick-dots{ width:auto; right:0; bottom:0.75rem;}
.module-news04-thumb .slick-dots li{ margin:0 0 0 1.25rem ; }
.module-news04-thumb .slick-dots li button{ background:#e5e5e5; width:0.625rem; height:0.625rem; border-radius:0; }
.module-news04-thumb .slick-dots li.slick-active button{ background:var(--color-blue);}

@media screen and (max-width: 768px) {
    .module-news04-thumb .slick-dots{ bottom: 2.8125rem;}
    .module-news04-thumb .slick-dots li{ margin: 0 0.625rem 0 0;}
}





/**footer**/
.module-footer02-menu dl dt{ font-size:1.125rem;}
.module-footer02-menu dl dd{ font-size: 0.875rem; padding-top: calc(var(--spacing) * 2.5); }
.module-footer02-menu dl dd a{ margin-top: calc(var(--spacing) * 3); opacity: .75; display: block; }
@media screen and (max-width: 1200px) {
    .module-footer02-menu dl dt{ font-size:1rem;}
}


.module-footer03-menu a{ padding-inline:calc(var(--spacing) * 5); position: relative;}
.module-footer03-menu a:before{ content: ''; background: rgba(255, 255, 255, .2); width:0.0625rem; height: 0.9375rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
@media screen and (max-width: 1200px) {
    .module-footer03-menu a{ padding-inline:calc(var(--spacing) * 2.5);}
}


.module-footer05-menu dl dt{ font-size: 1rem;}
.module-footer05-menu dl dd{ padding-top: calc(var(--spacing) * 2.5); }
.module-footer05-menu dl dd a { display: block; line-height: 2; }
.module-footer05-menu dl dd a:hover{ opacity: .8;}


.module-footer06-menu a{ margin-top: calc(var(--spacing) * 4);}


/**产品中心**/
.module-product03-list .slick-prev, .module-product03-list .slick-next{ background: var(--color-fff); width:3.4375rem; height:3.4375rem; top: auto; margin-top: auto; bottom:2.1875rem;}
.module-product03-list .slick-prev:before, .module-product03-list .slick-next:before{ color: var(--color-blue); font-size:1.25rem;}
.module-product03-list .slick-prev{ left: 20%; }
.module-product03-list .slick-prev:hover{ background: var(--color-blue); }
.module-product03-list .slick-prev:hover:before{ color: var(--color-fff);}
.module-product03-list .slick-next{ right: 20%;}
.module-product03-list .slick-next:hover{ background: var(--color-blue); }
.module-product03-list .slick-next:hover:before{ color: var(--color-fff); }



/**二级列表**/
.psecond-list05-wheel .slick-dots{ font-size: 0; bottom:0.625rem;}


.psecond-list09-column li > ul{ display:none;}
.psecond-list09-column li > ul li a{ background:#ebedf0;  padding-left:2.5rem; }
.psecond-list09-column li > ul li > ul li a{ background:#e1e3e6; color:var(--color-666); padding-left:3.75rem;}
.psecond-list09-column li a.active, .psecond-list09-column li a:hover{ background: var(--color-blue); color: var(--color-fff);}
.psecond-list09-column li a.active .arrow{ transform:rotate(90deg);}


.psecond-list13 li .public-text:before{ content: '\e670'; background: var(--color-blue); width: 3.4375rem; height: 3.4375rem; font-family: "iconfont"; font-size: 1.25rem; color: var(--color-fff); display: flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 0; border-radius: 100%; transition: var(--transition); }
.psecond-list13 li:nth-child(2n) a{ flex-direction: row-reverse;}
.psecond-list13 li:hover .public-text > *{ transform:translateY(1.25rem);}
.psecond-list13 li:hover .public-text:before{ transform:translate(1.25rem,-1.25rem); }

@media screen and (max-width: 1200px) {

    .psecond-list13 li .public-text:before{ display: none;}

}


/**详情页面**/



/**联系我们**/
.pcontact01{ background-image: linear-gradient(#ebeaf8, var(--color-fff));}




/**二级banner**/




/**在线留言**/



/**领导团队**/
.module-team01-list li .public-image:before{ content:''; background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0)); display:block; width:100%; height:50%; position:absolute; left:0; bottom:0; z-index:1;}
.module-team01-list li:hover .public-text{ top: 0; transform:translateY(0); padding-top: 15%;}



/**企业文化**/


/**发展历程**/
.module-course01-list li:before{ content: ''; background: var(--color-blue); width: 0.5rem; height: 0.5rem; position: absolute; left: 0; top: 0; border-radius: 100%;}
.module-course01-list li:after{ content: ''; background: #dedede; width: 0.0625rem; height:calc(100% - 5rem); position: absolute; left: 0.1875rem; top: 0.5625rem; }
.module-course01-list li .time:before{ content: ''; background: var(--color-999); width: 0.5625rem; height: 0.5625rem; position: absolute; left: 5.875rem; bottom: 0; border-radius: 50%;}
.module-course01-list .slick-current .time{ color: var(--color-blue);}
.module-course01-list .slick-current .time:before{ background: var(--color-blue);}

@media screen and (max-width: 1200px) {
    .module-course01-list li .time:before{ left: 3.5rem;}
}

@media screen and (max-width: 769px) {
    .module-course01-list li .time:before{ width: 0.25rem; height: 0.25rem; left:1rem;}
}


/**资质荣誉**/



/**高德地图**/
.amap-marker-label {  background-color: transparent; border: 0; }
.amap-icon img { width: 1.5625rem; height: 2.125rem; }


/**验证码**/
.cerify-code-panel { display: flex; align-items: center; }
.verify-code {  text-align: center; cursor: pointer; margin: 0 0.9375rem; border:0.0625rem solid #ddd; }
.verify-input-area .varify-input-code { background: var(--color-fff); width: 15rem; height: 2.75rem; padding-left: 0.625rem;}
.verify-change-code { color: #337AB7; cursor: pointer; }

@media screen and (max-width: 768px) {
    .verify-input-area .varify-input-code{ width: 8.75rem;}
}