@charset "utf-8";
/* CSS Document */
body{overflow-x: hidden;}
body img{width:100%;}

.pc_web{display:block !important;}
.m_web{display:none !important;}
@media screen and (max-width:996px){
    .pc_web{display:none !important;}
    .m_web{display:block !important;}
}

/*************************************导航css*******************************************/
header{display: flex; flex-direction: column; box-shadow:0 0 15px rgba(0,0,0,.2); transition:all .5s ease-in-out; height:100px; background:#fff;}
header.sticky{max-width:100%;margin-left:0;}
header.sticky .site_nav{background:rgba(224,224,224,1);}
header.sticky .bg-light{background:rgba(255,255,255,1) !important; border-radius:0;}
header .language{background:#009679; color:#fff;height:100%; display: flex; align-items: center; padding:0 2rem;}

@media screen and (max-width:996px){
    header .language{display: none;}
}


.navbar{padding:0 0 0 2rem; height:100%;}
.navbar-brand{font-size:1.5rem; padding:0.9rem 0; display:flex; align-items:center; font-weight: bold;}
.navbar .navbar-brand img{max-width:145px; margin-right:15px; margin-top:-5px;}
.navbar .navbar-brand span{margin-top:8px;}
.navbar-collapse{flex-grow:0;}
.navbar-expand-lg .navbar-nav .nav-link{font-size:1.125em;}
.navbar-expand-lg .navbar-nav .nav-link:hover{background:#009679; color:#fff;}
.navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link{ padding:0.5rem 1.2rem; color:#fff; display: flex; align-items:center; background:#f0873a; border-radius:4px; margin-left:10px;}
.navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link i{margin-right:5px;}
.navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link:hover{background:#1c327e;}
.close,#navbarNav .navbar-brand{display: none;}



@media screen and (max-width:1440px){
    .navbar-brand{padding-top:0; padding-bottom:0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;padding-right: 1rem;padding-left: 1rem;}
    .navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link{ padding:0.4rem 1rem;}
}

@media screen and (max-width:1280px){
    .navbar-brand{font-size:1.125rem;}
    .navbar-light .navbar-nav .nav-link{font-size:1.25em;}
}

@media screen and (max-width:996px){
    body{position: relative;}
    .navbar-brand{padding:0; font-size:1rem; font-weight:bold;}
    .navbar-collapse{position:fixed; z-index: 9999; width:100%; max-width:100%; height:100vh; background:#f2f2f2; padding:1rem 2rem; top:0px; left:0;}
    .navbar-light .navbar-toggler{color: rgba(255, 255, 255, 0.5);border-color:rgba(255,255,255, 0.8); padding:0; line-height:1.25;}
    .navbar-light .navbar-toggler-icon{background-image:none; color:#fff; font-size:1.35em; height:1.25em; }
    .nav-link{padding:0.8rem 1rem; border-bottom:1px #e2e2e2 solid;}
    .dropdown-menu{margin:0;background:none; padding-bottom:30px;}
    .dropdown-item{border-bottom:1px #e2e2e2 solid; text-align:left; line-height:3;}
    .navbar-light .navbar-nav .nav-link{color:rgba(255,255,255,.9);}
    .navbar-expand-lg .navbar-nav .m_web .nav-link{background:#009679; color:#fff; padding-left:15px; text-transform: uppercase;}
    .navbar-expand-lg .navbar-nav .m_web .nav-link i{font-size:1.2em; margin-right:5px;}

    .nav-item-none{display:none;}
    .close{opacity: 1; font-size:1.5rem; display: flex; cursor: pointer;}
    .close:hover{color:#009679;}
    #navbarNav .navbar-brand{ display: flex; justify-content: center; align-items: center; margin:2rem 0; font-size:20px;}
    #navbarNav .navbar-brand img{max-width:120px;}
}

@media screen and (max-width:576px){
    .fixed-top {position:relative;top: 0;right: 0;left: 0;z-index: 1030;}
    header{max-width:100%; margin-left:0; box-shadow:none; height:80px;}

    .navbar-collapse{ padding:1rem 1rem;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;padding-right:0;padding-left:0;}
    .navbar{padding:0rem 1rem;}
    .navbar .navbar-brand{font-size:18px;}
    .navbar .navbar-brand img{max-width:80px;}
    .navbar-toggler {padding:0;}
    .site_nav{padding-right:0rem;}
    .navbar-toggler-icon {height: 1em; }

    .nav_tel{max-width:90%; text-align: center; margin:2rem auto; background:#f0873a; padding:12px 0; color:#fff;}
    .nav_tel i{margin-right:5px;}
    
}



/*************************************轮播图css*******************************************/
.slider_bg img{width:100%;}
.slider_bg .swiper-slide{display: flex; justify-content: center; align-items: center;}
.slider_bg .container{position: absolute; z-index:99; margin: 0 auto 5%; text-align: center; color:#fff; display: flex; justify-content: flex-end;}
.slider_bg .slider_img3 .container{display: flex; justify-content: flex-start;}
.slider_bg .title{font-size:60px; line-height: 1.5; font-weight:bold;}
.slider_bg .subtitle{font-size:30px;}
.slider_bg .subtitle b{font-weight: 900;}
.slider_bg b{padding:0 5px;}
.slider_bg .text a{width:50%; max-width:150px; background:#009679; margin:50px auto 0; display: block; color:#fff; line-height:3; transition:all .5s ease-in-out;}
.slider_bg .text a:hover{background:#f0873a;}
.slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{ color:#fff;}
.slider_bg .swiper-pagination-bullet{width:6px; height:6px; background:#fff; transition:all .5s ease-in-out;}
.slider_bg .swiper-pagination-bullet-active{width:30px; height:6px; border-radius:6px; background:#fff;}

@media screen and (max-width:1440px){
    .slider_bg .title{font-size:40px;}
    .slider_bg .subtitle{font-size:25px;}
    .slider_bg .text a{max-width:300px;}
}


@media screen and (max-width:576px){
    .slider_bg .container{margin: 0 auto;}
    .slider_bg .title{font-size:24px;}
    .slider_bg .subtitle{font-size:16px;}
    .slider_bg .text a{ margin:10px auto 30%;}
    .slider_bg .swiper-button-next:after, .slider_bg .swiper-button-prev:after{ font-size:20px;}
    
}


/*首页公司简介css*/
.inabout_bg{padding:0;}
.inabout_bg .row{margin:0;}
.inabout_bg .col-12{padding:0; overflow:hidden;}
.inabout_img{background:#f3f3f3;}
.inabout_bg h2 {height:12vw;font-weight:100; font-size: 8.5vw;line-height: 8.5vw;font-variation-settings: 'wght' 100, 'wdth' 85; font-family: "IBM Plex Sans Roman"; text-align:center; color:rgba(0,0,0,.05);}
.inabout_bg h2 .char {--delay: calc((var(--char-index) + 1) * 400ms);animation: breathe 5000ms infinite both;animation-delay: var(--delay);}
.inabout_bg h2:hover span {animation-play-state: paused;}
@keyframes breathe {
    0% {font-variation-settings: 'wght' 100, 'wdth' 85;font-size: 8.5vw;}
    60% {font-variation-settings: 'wght' 700, 'wdth' 100;font-size: 9.5vw;}
    100% {font-variation-settings: 'wght' 100, 'wdth' 85;font-size: 8.5vw;}
}

.inabout_bg .inabout_info{padding:0 5%; display: flex; flex-direction: column; justify-content:center; background:#fff;}
.inabout_bg .inabout_info h1{font-weight:bold; text-align:left;}
.inabout_bg .inabout_info p{padding:10px 0;}
.inabout_bg .more{max-width:180px; padding:10px 20px; position:relative; display:flex; justify-content:space-between; background:#009679; color:#fff;}
.inabout_bg .more:after{content:"→"; transition: all .5s ease-in-out;}
.inabout_bg .more:hover{background:#f46d01; color:#fff; max-width:260px; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.inabout_bg .more:hover:after{color:#fff;}


@media screen and (max-width:1440px){
    .inabout_bg .inabout_info{padding:0 4%;}
}

@media screen and (max-width:996px){
    .inabout_bg{padding:0 15px;}
    .inabout_bg h2{height:150px;}
    .inabout_bg .inabout_info{padding:4%;}
    .inabout_bg .inabout_info p{padding:0 0 10px 0;}
}

@media screen and (max-width:576px){
    .inabout_bg .inabout_info{padding:20px 5%;}
    .inabout_bg h2{height:60px;}
}



/*首页产品分类css*/
.inproduct_bg{width:100%; position: relative;}
.inproduct_bg:before{content:""; width:94%; background:#fff; height:82%; position:absolute; animation:fadeInLeft 1s linear 0s alternate 1; -webkit-animation:fadeInLeft 1s linear 0s alternate 1;}
.inproduct_bg .inproduct_box{width:94%; height:100%; margin:0 0 0 auto; position: relative; z-index: 2;}
.inproduct_bg h1{font-weight:bold; display: flex; align-items: center; justify-content: space-between;}

.underline {margin: 16px 0; display: flex; align-items: center;text-decoration: none;color: #2B3044;position: relative;}
.underline em{font-style: normal; font-size:12px; line-height:3.5; text-transform: uppercase; transition: all .5s ease-in-out;}
.underline span {width:100%; display: flex; justify-content: space-between; align-content: center;
background-image: linear-gradient(0deg, #646B8C 0%, #646B8C 100%);background-position: 100% 100%;background-repeat: no-repeat;background-size: var(--background-size, 100%) 1px;transition: background-size 0.2s linear var(--background-delay, 0.15s); line-height:2.5;transform: translateZ(0);}
.underline svg {vertical-align: top;display: inline;line-height: 1; width:35px; height:35px;position:absolute;right:0;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:#009679;stroke-dasharray: 7.95 30;
stroke-dashoffset: var(--stroke-dashoffset, 46);
transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);}
.underline:hover {--background-size: 0%;--background-delay: 0s;--stroke-dashoffset: 26;--stroke-duration: .3s;--stroke-easing: cubic-bezier(.3, 1.5, .5, 1);--stroke-delay: .195s; color:#009679;}
.underline:hover em{margin-right:20px;}

.inproduct_bg .inproduct_listimg{width:100%; overflow:hidden;}
.inproduct_bg .inproduct_listimg img{width:100%; transform: scale(1); transition: all .5s ease-in-out;}
.inproduct_bg .inproduct_listimg img:hover{transform: scale(1.2);}
.inproduct_bg .swiper-container{width:98%; margin-left:0;}
.swiper_btn{width:18%; height:80px; position: relative; z-index:2; top:0; right:8%; display: flex; justify-content: space-between; align-items: center;}
.swiper_btn a{font-size:20px; font-weight: normal;}
.swiper_btn .swiper-pagination-bullets,.swiper_btn .swiper-pagination-custom,.swiper_btn .swiper-pagination-fraction {right: 0; bottom:25%;}
.swiper_btn .swiper-pagination-bullet {border-radius: 0;width:12px; height:12px;}
.swiper_btn .swiper-pagination-bullet-active {opacity: 1;background:#f0873a;}
.swiper_btn .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.swiper_btn .swiper-button-next,.swiper_btn .swiper-button-prev{/*width:60px; height:60px; */margin:0; position: relative; top:0;}
.swiper_btn .swiper-button-prev,.swiper_btn .swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.swiper_btn .swiper-button-next,.swiper_btn .swiper-container-rtl .swiper-button-prev{right:auto;}
.swiper_btn .swiper-button-next:after,.swiper_btn .swiper-button-prev:after{font-size:24px; color:#000;}

@media screen and (max-width:1440px){
    .inproduct_bg:before{ width:96%; height:85%;}
    .swiper_btn{width:25%;}
}

@media screen and (max-width:996px){
    .inproduct_bg{max-width:100%; padding-right:15px; padding-left:15px;}
    .inproduct_bg:before{width:97%; height:90%;}
    .inproduct_bg .inproduct_box{width:100%; max-width:100%; padding:2% 4%;}
    .inproduct_bg .swiper-container{width:100%; margin-left:0;}
    .swiper_btn{right:0; height:60px;}
    .swiper_btn a{font-size:16px;}
    .swiper_btn .swiper-button-next:after,.swiper_btn .swiper-button-prev:after{font-size:20px;} 
}

@media screen and (max-width:576px){
    .inproduct_bg:before{max-width:93%;}
    .inproduct_bg .inproduct_box{padding:20px 5%;}
    .swiper_btn{width:50%;}
    .swiper_btn a{font-size:14px;}
    .swiper_btn .swiper-button-next:after,.swiper_btn .swiper-button-prev:after{font-size:16px;} 
}

/*首页新闻资讯css*/
.innews_bg{background:#292929; margin:0;}
.innews_bg .col-lg-2{display: flex; align-items: center; justify-content:center;}
.innews_bg .col-lg-10{padding:0;}
.innews_bg .innews_box{background:#fff; display: flex;}
.innews_bg h1{display: flex; align-items: center; color:#fff;}
.innews_bg h1 b{flex:0 0 20%; max-width:20%;}
.innews_bg h1 span{font-size:20px; font-weight: normal; color:#777;}
.innews_bg h3{display: flex; justify-content: flex-end; align-items: center;height:100%;}
.innews_bg h3 span{color:rgba(255,255,255,0.05); font-size:110px; margin:0 -50% 0 0; text-transform: uppercase; transform: rotate(90deg);}
.innews_info{flex:0 0 62.5%; max-width:62.5%; padding:5% 6% 2%; font-size:14px;}
.innews_info h6{color:#707070;}
.innews_bg .innews_img{flex:0 0 37.5%; max-width:37.5%; overflow:hidden;}
.innews_bg .innews_img img{transform: scale(1); transition: all .5s ease-in-out;}
.innews_bg .innews_img img:hover{transform: scale(1.1);}
.innews_bg .innews_cont{display: flex; justify-content: space-between;}
.innews_bg .innews_info1 p{ display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; white-space: wrap; }

/**tabs**/
.panes{flex:0 0 80%; max-width:80%;}
.tabPanel ul{flex:0 0 20%; max-width:20%;}
.tabPanel ul li{cursor:pointer; background:#4b4b4b; height:33.333%; border-bottom:1px #535353 solid; height:calc(33.333%-1px); color:#fff; font-size:22px; font-weight: bold; display: flex; align-items: center; justify-content: center; transition: all .5s ease-in-out;}
.tabPanel li:before{content: ""; width:7px; height:7px; border-radius:50%; background:#fff; display: inline-block; margin-right:30px;}
.tabPanel .hit{cursor:pointer; background:#009679;}
.pane{display:none;}

/*折叠新闻css*/
.innews_bg .innews_title{position: relative; border-top:1px #dedede solid; line-height:65px; display: flex; align-items: center; margin:0; transition: all .5s ease-in-out; cursor: pointer;}
.innews_bg .innews_title:before{content:""; width:15px; height:3px; background:#9a9a9a; border-radius:1.5px; position: absolute; right:2px;transition: all .5s ease-in-out;}
.innews_bg .innews_title:after{content:""; width:3px; height:15px; background:#9a9a9a; border-radius:1.5px; position: absolute; right:8px; transition: all .5s ease-in-out;}
.innews_bg .ui-accordion-header-active{color:#009679; font-weight:bold;}
.innews_bg .ui-accordion-header-active:before{transform: rotate(270deg); opacity:0;}
.innews_bg .ui-accordion-header-active:after{transform: rotate(270deg); opacity:1; background:#009679;}
.innews_bg .innews_info1{padding:0px 0 50px 0;}
.innews_bg .innews_more{ padding:5px 15px; background:#000; color:#fff; display: inline-block; margin-top:15px; transition: all .5s ease-in-out;}
.innews_bg .innews_more:after{content:"\e631"; font-family: "iconfont"; font-size:13px; color:#fff; display: inline-block; margin-left:5px;}
.innews_bg .innews_more:hover{background:#009679; color:#fff;}

@media screen and (max-width:1440px){
    .innews_info{padding:5% 6% 2%;}
    .innews_bg h3 span{font-size:90px; margin:50px 50px 0 0;}
}

@media screen and (max-width:1280px){
    .innews_bg h1 span{font-size:16px;}
    .tabPanel ul li{font-size:18px;}
    .tabPanel li:before{margin-right:10px;}
    .innews_bg h3 span{font-size:80px;}
}


@media screen and (max-width:996px){
    .innews_bg .col-lg-10{padding-right:15px; padding-left:15px;}
    .innews_bg h1{padding:30px 0;}

}

@media screen and (max-width:576px){
    .innews_bg h1{flex-direction: column; align-items: flex-start;}
    .innews_bg h1 b{flex:0 0 100%; max-width:100%;}
    .innews_bg h1 span{font-size:14px; padding-top:10px;}
    .innews_img{display: none;}

    .innews_bg .innews_box{flex-wrap: wrap;} 
    .innews_info{flex:0 0 100%; max-width:100%;}

    .panes{flex:0 0 100%; max-width:100%;}
    .tabPanel ul{flex:0 0 100%; max-width:100%; display: flex;}
    .tabPanel ul li{flex:0 0 33.333%; max-width:33.333%; height:40px; border-right:1px #535353 solid; border-bottom:none; font-size:16px;font-weight: normal;}

}

/*首页应用领域css*/
.inapplication_bg{position: relative;}
.inapplication_swiper{ box-shadow: 0 10px 20px rgba(0,0,0,.1);}
.inapplication_info{flex:0 0 45%; max-width:45%; height:50%; position:absolute; color:#fff; top:25%; background:#009679; padding:2.5% 4%;}
.inapplication_info:before{content: "application"; text-transform: uppercase; color:rgba(255,255,255,.1); position: absolute; top:0px; z-index:0; font-size:65px; font-weight:900; font-family: "Arial";}
.inapplication_info h2{font-size:40px; font-weight:bold;}
.inapplication_info h5{padding:10px 30px; display: inline-block; font-size:20px; background:#f46d01; position: relative; z-index: 2;}
.inapplication_info a{color:#fff; border:1px #fff solid; padding:5px 0px; margin:20px auto 0; display:flex; align-items: center; justify-content: center; max-width:200px; font-size:18px;}
.inapplication_info a i{margin-right:5px; font-size: 24px;}
.inapplication_info a:hover{background:#f46d01; border:1px #f46d01 solid;}
.inapplication_bg .swiper-slide{display: flex; align-items: center;}
.inapplication_bg .swiper-pagination-bullet{width:10px; height:10px; background:#000; transition:all .5s ease-in-out;}
.inapplication_bg .swiper-pagination-bullet-active{width:60px; height:10px; border-radius:10px; background:#009679;}
.inapplication_bg .swiper-button-next:after,.inapplication_bg .swiper-button-prev:after{font-size:40px; color:#fff;}


@media screen and (max-width:1280px){
    .inapplication_info{height:54%; padding:1.5% 4%;}
    .inapplication_info:before{font-size:50px;}
    .inapplication_info h2{font-size:24px;}
    .inapplication_info h5{padding:5px 15px; font-size:16px;}
    .inapplication_info a{margin:20px auto 0; padding:0; max-width:180px; font-size:14px;}
}

@media screen and (max-width:996px){
    .inapplication_bg.container{max-width:100%;}
    .inapplication_info{flex:0 0 50%; max-width:50%; height:38%; padding:2.5% 4%;}
}

@media screen and (max-width:576px){
    .inapplication_bg{padding:30px 15px;}
    .inapplication_info{flex:0 0 100%; max-width:100%; height:50%; padding:2.5% 4%; top:5%; background:none;}
    .inapplication_info:before{font-size:40px;}
    .inapplication_info p,.inapplication_info a{display: none;}
    .inapplication_bg .swiper-pagination-bullet{width:5px; height:5px;}
.inapplication_bg .swiper-pagination-bullet-active{height:5px;}
    .inapplication_bg .swiper-button-next:after,.inapplication_bg .swiper-button-prev:after{font-size:24px;}
}


/*首页合作伙伴css*/
.partners h1{text-align: center; font-weight: bold; color:#009679;}
.partners .partners_img{overflow:hidden; cursor: pointer; box-shadow: 0 5px 5px rgba(0,0,0,.02);}
.partners .partners_img img{transform: scale(1); transition: all .5s ease-in-out;}
.partners .partners_img img:hover{transform: scale(1.2);}

@media screen and (max-width:996px){
    .partners.container{max-width:100%;}
    .partners .partners_img{margin-bottom:25px;}
}

/*底部联系我们css*/
.bottom_bannerbg{background:url(../images/bottom_bannerbg.jpg) center center fixed; background-size:cover; height:500px; text-align: center; color:#fff; letter-spacing:1px;}
.bottom_bannerbg .container{display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top:7%;}
.bottom_bannerbg .more{padding:8px 6%; position: relative; display:flex; justify-content: space-between; align-items: center; margin-top:2rem; background:#009679; color:#fff;}
.bottom_bannerbg .more i{margin-right:15px; font-size:20px;}
.bottom_bannerbg .more:hover{background:#f0873a; color:#fff; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

@media screen and (max-width:1440px){
    .bottom_bannerbg{height:400px;}
}

@media screen and (max-width:996px){
    .bottom_bannerbg{height:300px;}
}

@media screen and (max-width:576px){
    .bottom_bannerbg p br{display: none;}
    .bottom_bannerbg .more{padding:5px 10%;}
}


/********************************************底部信息css****************************************/
footer{position:relative; z-index:2; background:#2b2b2e; display: flex; flex-direction: column; align-items: center; justify-content: center;}
footer .container{position: relative; margin:-110px auto 0; background:#fff; height:220px;}
footer .container .row{ display: flex; justify-content: center; align-items: center; height:100%;}
footer .container img{max-width:160px; margin-right:20px;}
footer .container .col-md-6.bg1{background:#f3f3f3; height:100%;}
footer .container .col-md-6 a{display: flex; justify-content: center; align-items: center;height:100%;}
footer .container .col-md-6 h5{ font-weight: bold;}
footer i{font-size:30px;}
footer a:hover{color:#009679;}

.copyright{padding:30px 0; text-align:center; color:#fff; font-size:14px; position: relative;}
.copyright span{margin-right:20px;}
.copyright a{color:#fff;}
.copyright a img{max-width:20px; margin-right:8px;}
.copyright a:hover{color:#009679;}

.top{background:#f3f3f3;width:60px; height:60px; border-radius:5px; border:2px #009679 solid; position: fixed; z-index: 9999;right:20px; bottom:3%; display: flex; justify-content: center; align-items: center; color: #009679; font-size:40px; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.top:hover{ background:#009679; color:#fff;}

@media screen and (max-width:1440px){
   footer .container{ margin:-90px auto 0;height:180px;}
}

@media screen and (max-width:996px){
   footer .container{max-width:90%;}
   footer .container img{max-width:120px;}
   footer .container h5{font-size:18px;}
   .copyright{font-size:12px; padding:20px 0;}
}

@media screen and (max-width:576px){
    footer .container .row{ display: flex; justify-content: center; flex-direction: column; align-items: center; height:auto;}
    footer .container img{max-width:80px;}
    footer .container h5{font-size:16px;}
    footer .container .col-md-6 a{height:90px;}
    .copyright{text-align:left;}
    .copyright span{display: block;}
}



/*************************************内页轮播图css*******************************************/
.product_slider_bg img{width:100%;}
.product_slider_bg .swiper-slide{display: flex; justify-content: center; align-items: center;}
.product_slider_bg .container{position: absolute; z-index:99; margin: 0 auto 5%; text-align: center; color:#fff; display: flex; justify-content: flex-end;}
.product_slider_bg .slider_img3 .container{display: flex; justify-content: flex-start;}
.product_slider_bg .title{font-size:50px; line-height: 1.5; font-weight:bold;}
.product_slider_bg .subtitle{font-size:24px;}
.product_slider_bg .subtitle b{font-weight: 900;}
.product_slider_bg b{padding:0 5px;}
.product_slider_bg .text a{width:50%; max-width:150px; background:#009679; margin:50px auto 0; display: block; color:#fff; line-height:3; transition:all .5s ease-in-out;}
.product_slider_bg .text a:hover{background:#f0873a;}
.product_slider_bg .swiper-button-next,.product_slider_bg .swiper-button-prev{ color:#fff;}
.product_slider_bg .swiper-pagination-bullet{width:6px; height:6px; background:#fff; transition:all .5s ease-in-out;}
.product_slider_bg .swiper-pagination-bullet-active{width:30px; height:6px; border-radius:6px; background:#fff;}

@media screen and (max-width:1440px){
    .product_slider_bg .title{font-size:40px;}
    .product_slider_bg .subtitle{font-size:24px;}
}


@media screen and (max-width:576px){
    .product_slider_bg .container{margin: 0 auto;}
    .product_slider_bg .title{font-size:20px;}
    .product_slider_bg .subtitle{font-size:14px;}
    .product_slider_bg .text a{width:60%; margin:10px auto 30%;}
    .product_slider_bg .swiper-button-next:after, .product_slider_bg .swiper-button-prev:after{ font-size:20px;}
}


/*公司简介css*/
.about_bg .about_img{padding:0; background:url(../images/about_img1.jpg) center center no-repeat; background-size:cover;}
.about_bg h1{font-weight:bold; margin-bottom:.5rem; text-align:center;}
.about_bg h5{line-height: 1.8; text-align:center;}
.about_bg p{padding:10px 5%;}
.about_bg .about_info{align-items: center; background:#fff; padding-bottom:50px;}


.honor_bg{background:#fff;}
.honor_bg img{padding:15px 0;}

@media screen and (max-width:996px){
    .about_bg,.faq_bg,.news_bg{padding:50px 0;}
    .about_bg .about_img{background:none;}
    .honor_bg h1{padding:20px 0; margin:0;}
}

@media screen and (max-width:576px){
    .about_bg,.faq_bg,.news_bg{padding:20px 0;}
}


/*产品中心css*/
.product_classlist{display: flex; justify-content: center;}
.product_classlist a{ padding:8px 25px; margin-right:20px; background:#d5d5d5; border-radius:2px; }
.product_classlist a:hover,.product_classlist a.active{background:#009679; color:#fff;}

.product_bg{background:#f9f9f9;}
.product_bg .col-lg-3{margin-bottom:2rem;}
.product_img{overflow: hidden;}
.product_img img{width:100%;-webkit-transform:scale(1); transform:scale(1); transition:all .5s ease-in-out;}
.product_img:hover img{-webkit-transform:scale(1.1); transform: scale(1.1);}

.product_bg .underline {margin: 16px 0; display: flex; align-items: center;text-decoration: none;color: #2B3044;position: relative;}
.product_bg .underline span {width:100%;
background-image: linear-gradient(0deg, #646B8C 0%, #646B8C 100%);background-position: 100% 100%;background-repeat: no-repeat;background-size: var(--background-size, 100%) 1px;transition: background-size 0.2s linear var(--background-delay, 0.15s); line-height:2.5;transform: translateZ(0);}
.product_bg .underline svg {vertical-align: top;display: inline;line-height: 1; width:35px; height:35px;position:absolute;right:0;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:#009679;stroke-dasharray: 7.95 30;
stroke-dashoffset: var(--stroke-dashoffset, 46);
transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);}
.product_bg .underline:hover {--background-size: 0%;--background-delay: 0s;--stroke-dashoffset: 26;--stroke-duration: .3s;--stroke-easing: cubic-bezier(.3, 1.5, .5, 1);--stroke-delay: .195s; color:#009679;}

@media screen and (max-width:1366px){
    .product_bg{padding:50px 0;}
    .product_bg .col-lg-3{margin-bottom:1rem;}
}

@media screen and (max-width:996px){
    .product_classlist a{ padding:8px 15px; margin-right:10px;}
}


@media screen and (max-width:576px){
    .product_classlist{display: flex; flex-wrap: wrap;}
    .product_classlist a{margin-bottom:10px; font-size:12px; padding:5px 10px;}
    .product_bg .underline {margin:6px 0;}
}

/*产品详情css*/
.productview{ margin:0 auto;}
.productview_img h2{text-align:center;}
.productview_img .gallery-top {width:60%; margin-bottom:5px;}
.productview_img .gallery-top img{border:1px #ccc solid;}
.productview_img .gallery-thumbs {width:30%; box-sizing: border-box; padding: 10px 0;}
.productview_img .gallery-thumbs .swiper-slide {opacity: 0.4; cursor: pointer;}
.productview_img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:1px #009679 solid;}
.productview_img .swiper-button-next:after,.productview_img .swiper-button-prev:after{color:#000;}

.productview_info{background:#f2f2f2;}
.productview_info p{line-height: 2;}
.productview h5{color:#009679; margin-bottom:2rem; padding-bottom:20px; border-bottom:1px solid #eaeaea;}
.productview .product_tel{display:flex; align-items:center;}
.productview .product_tel a{display:flex; align-items:center;}
.productview .product_tel a:nth-child(1){background:#000; border-radius:3px; border:1px solid #000; color:#fff; padding:0 20px;}
.productview .product_tel a:nth-child(2){border:1px solid #000; border-radius:3px; color:#000; padding:0 20px; margin-left:20px;}
.productview .product_tel a:nth-child(1):hover{border:1px solid #009679; background:#009679; color:#fff;}
.productview .product_tel a:nth-child(2):hover{border:1px solid #009679; color:#fff; background:#009679;}
.productview .iconfont{font-size:24px; line-height:42px; margin-right:5px;}
.productview a.back{max-width:140px; border:1px solid #ddd;height:45px; line-height:45px; text-align: center; border-radius:23px; color:#999; margin-top:2rem; display:block;}
.productview a.back:hover{background:#575757; color:#fff;}
.productview .product_tel1{display: none;}

.prev_next1{display: flex; justify-content: space-between; margin:10px auto 20px;}
.prev_next1 a{ display:block; position: relative;}
.prev_next1 .underline {display: flex; align-items: center;text-decoration: none; color: #2B3044;position: relative;}
.prev_next1 .underline span {
background-image: linear-gradient(0deg, #646B8C 0%, #646B8C 100%);background-position: 100% 100%;background-repeat: no-repeat;background-size: var(--background-size, 100%) 1px;transition: background-size 0.2s linear var(--background-delay, 0.15s); line-height:2.5;transform: translateZ(0);}
.prev_next1 .underline svg {vertical-align: top;display: inline;line-height: 1; width:25px; height:25px;position:absolute;right:-20px;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:#009679;stroke-dasharray: 7.95 30;
stroke-dashoffset: var(--stroke-dashoffset, 46);
transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);}
.prev_next1 .underline:hover {--background-size: 0%;--background-delay: 0s;--stroke-dashoffset: 26;--stroke-duration: .3s;--stroke-easing: cubic-bezier(.3, 1.5, .5, 1);--stroke-delay: .195s; color:#009679;}


@media screen and (max-width:1366px){
    .productview_img .gallery-top {width:90%;}
    .productview_img .gallery-thumbs {width:60%;}
}


@media screen and (max-width:996px) {
    .productview_img{padding:50px 0 20px 0;}
    .productview_info{padding-bottom:50px;}

}

@media screen and (max-width:576px) {
    .productview_img{border-top:1px #f2f2f2 solid; padding-top:15px;}
    .productview_img .gallery-top {width:90%;}
    .productview_img .gallery-thumbs {width:90%;}
    .prev_next1{margin:20px auto; width:100%; display:flex; flex-direction:column;}

    .productview h3{margin-bottom:1rem; font-weight: bold;}
    .productview h3 .product_tel{display: none;}

    .productview h4{margin-bottom:1rem; padding-bottom:20px;}
    .productview_info{overflow:visible;}
    .productview_info table{font-size:10px; padding:10% 4% 5% 5%;}
    .productview .product_tel{margin-top:20px;}

    .productview .product_tel1{display:flex; justify-content: center; align-items:center; font-size:16px; margin-top:2rem;}
    .productview .product_tel1 a{display:flex; align-items:center;}
    .productview .product_tel1 a:nth-child(1){background:#000; border-radius:3px; border:1px solid #000; color:#fff; padding:0 20px;}
    .productview .product_tel1 a:nth-child(2){border:1px solid #000; border-radius:3px; color:#000; padding:0 20px; margin-left:20px;}
    .productview .product_tel1 a:nth-child(1):hover{border:1px solid #f0873a; background:#f0873a; color:#fff;}
    .productview .product_tel1 a:nth-child(2):hover{border:1px solid #f0873a; color:#fff; background:#f0873a;}

    .prev_next1 .underline{margin:2px 0;}
    .prev_next1 .underline span{width:auto; display: inline-block;}
    .productview_img .swiper-button-next:after,.productview_img .swiper-button-prev:after{font-size:16px;}
    .productview a.back{margin:20px auto 0;}

}


/*设备展示css*/
.equipment_info{margin:0 auto;}
.equipment_info img{margin:15px 0; cursor: pointer;}

.photo-mask{position: fixed;z-index: 1023;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;display: none;}
.photo-panel{position: fixed; z-index: 1024; display: none;clear: both;top: 0;left: 0;bottom: 0;right: 0;height:100vh;}
.photo-panel .photo-div,.photo-panel .photo-bar {width: 100%;}
.photo-panel .photo-div {width:60%; z-index: 11; margin:0 auto;position: relative; display: flex; justify-content: space-between; align-items: center;}
.photo-panel .photo-close {position: absolute;top:-25px; right:25px; color:#009679; font-size:40px; cursor: pointer;}
.photo-panel .photo-view-w {text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width:100%; border:10px #fff solid;}
.photo-panel .photo-left,.photo-panel .photo-right {color:#fff; font-size:60px; font-weight:normal; cursor: pointer; margin:0 15px;}

@media screen and (max-width:996px) {
    .equipment_info .col-lg-4{margin-bottom:2rem;}
}

@media screen and (max-width:576px) {
    .equipment_info img{margin:10px 0;}
    .photo-mask,.photo-panel{display: none !important;}
}


/*新闻资讯css*/
.news_bg,.faq_bg{background:#fff}
.news_bg h6{font-weight:bold; padding:20px 20px 10px 20px;}
.news_info{background:#f2f2f2; padding-bottom:30px; margin-bottom:30px;}
.news_info p{padding:0 20px; font-size:14px;}
.news_info .innews_more{padding:5px 20px; margin-right:20px; margin-top:15px; transition: all .5s ease-in-out; }
.news_info p{ display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; white-space: wrap; }
.news_img{width:100%; overflow:hidden;}
.news_img img{transform: scale(1);width:100%; transition: all .5s ease-in-out;}
.news_img img:hover{transform: scale(1.1);}

@media screen and (max-width:1366px){
    .news_bg h6{padding:20px 15px 10px 15px;}
}


/*常见问题折叠css*/
.faq_bg .row{justify-content: center;}
.faq_bg .innews_title{position: relative; border-top:1px #dedede solid; line-height:65px; display: flex; align-items: center; margin:0; transition: all .5s ease-in-out; cursor: pointer;}
.faq_bg .innews_title:before{content:""; width:15px; height:3px; background:#9a9a9a; border-radius:1.5px; position: absolute; right:2px;transition: all .5s ease-in-out;}
.faq_bg .innews_title:after{content:""; width:3px; height:15px; background:#9a9a9a; border-radius:1.5px; position: absolute; right:8px; transition: all .5s ease-in-out;}
.faq_bg .ui-accordion-header-active{color:#009679; font-weight:bold;}
.faq_bg .ui-accordion-header-active:before{transform: rotate(270deg); opacity:0;}
.faq_bg .ui-accordion-header-active:after{transform: rotate(270deg); opacity:1; background:#009679;}
.faq_bg .innews_info1{padding:0px 0 50px 0;}
.faq_bg .innews_more{ padding:5px 15px; background:#000; color:#fff; display: inline-block; margin-top:15px; transition: all .5s ease-in-out;}
.faq_bg .innews_more:after{content:"\e631"; font-family: "iconfont"; font-size:13px; color:#fff; display: inline-block; margin-left:5px;}
.faq_bg .innews_more:hover{background:#009679; color:#fff;}

/*新闻面包屑导航css*/
.breadcrumb{background-color:transparent; border-bottom:1px #ccc solid; padding-top:20px;}
.breadcrumb a{color:#009679;}

/*新闻详情css*/
.newsview{display:flex; justify-content:center;}
.newsview .row{justify-content: center;}
.newsview h5{ padding:25px 0 10px 0; color:#000; text-align: center; font-weight:bold;}
.newsview h6{font-size:12px; color:#ccc; text-align: center; padding-bottom:25px; }
.newsview img{max-width:100%; margin:15px 0;}
.newsview p{margin:5px 0; text-indent:0;}

@media screen and (max-width:576px) {
    .newsview{padding:3% 0 30px 0;}
    .newsview .row{padding:0;}
}


/********************************************联系我们css****************************************/
.contact .row{justify-content: space-between; align-items: center; margin:0;}
.contact h4{font-weight:bold; margin-bottom:1rem;}
.contact p{line-height:3.5; border-bottom:1px #dcdcdc solid;}
.contact i{margin-right:15px; font-size:20px;}
.contact_info{width:70%; margin:0 auto;}
.contact_info img{max-width:77px;}

.iw_poi_title{color:#CC5522;font-size:16px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:14px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:100%; height:85vh; border-left:#ccc solid 1px;}

@media screen and (max-width:996px){
    .contact{padding:50px 0;}
    #dituContent{max-width:100%; height:450px; margin:20px 0 0; border:#ccc solid 1px;}
}

@media screen and (max-width: 576px){
    .contact{padding:50px 0; width:100%;}
    .contact_info{width:100%;}
    .contact p{line-height:2.5;}
    .contact i{margin-right:8px;}
    .contact i.iconfont1{font-size:16px;}
    #dituContent{max-width:98%; margin:20px auto 0; height:500px;}
}

/*在线留言css*/
.message{background:#f2f2f2;}
.message .container-fluid{ width:70%; margin:0 auto;}
.message h5 span{color:#009679;}
.message h5 i{margin-right:10px;}
.message h5 a{color:#009679;}
.message h5 a:hover{text-decoration: underline;}
.message_info{width:90%; margin:30px auto 0;}
.message_info li{width:100%;display: block;margin-bottom:30px;}
.message_info button, .message_info input {border: 0;outline: 0; border-radius:30px; padding:16px; background-color:#f2f2f2; text-shadow: 1px 1px 0 #FFF;}
.message_info textarea {border: 0;outline: 0; border-radius:30px; padding:16px;background-color:#f2f2f2; text-shadow: 1px 1px 0 #FFF;}
.message_info input,.message_info textarea {margin-right:8px; box-shadow:inset 2px 2px 5px #BABECC, inset -5px -5px 10px #FFF; width: 100%; box-sizing: border-box; transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;}
.message_info input:focus,.message_info textarea:focus {box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;}
.message_info button {color:#61677C; font-weight:bold; box-shadow: -5px -5px 20px #FFF,  5px 5px 20px #BABECC;transition: all 0.2s ease-in-out;cursor: pointer;font-weight: 600;}
.message_info button:hover {box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC;}
.message_info button:active {box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;}

.message_info .red {display: block;width: 50%;color:#f0873a; font-size:20px; margin:0 auto;}
.message_info .input-group {display: flex;align-items: center;justify-content: flex-start;}
.message_info label {margin: 0;flex: 1;}
.message_info .yzm{position: relative;}
.message_info .yzm_img{position: absolute; right:4%; top:25%;}
.message_info .yzm img{width:15px;}

@media screen and (max-width:1440px){
  .message .container-fluid{ width:80%;}
}

@media screen and (max-width:996px){
    .message{padding:50px 0;}
    .message .container-fluid{ width:90%;}
}

@media screen and (max-width:576px){
    .message .container-fluid{ width:100%;}
    .message_info{width:100%; margin:10px auto 0;}
    .message_info li{margin-bottom:20px;}
    .message_info .red {width:100%;}
}

/*********************分页css************************/
.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0; margin:40px auto 0px;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin:0 5px 14px 4px;}
.pagination li {display:inline-block;vertical-align:middle;text-align:center}
.pagination li:first-child .pagination li a,
.pagination li:last-child .pagination li a {border-radius:50%}
.pagination li:first-child .pagination li a:hover,
.pagination li:first-child .pagination li a:focus,
.pagination li:first-child .pagination li a:active,
.pagination li:last-child .pagination li a:hover,
.pagination li:last-child .pagination li a:focus,
.pagination li:last-child .pagination li a:active {color:#fff}
.pagination li a,.pagination li span {display:inline-block;min-width:42px;padding:4px; font-size:14px; line-height:1.5; color:#333; border:1px #d9d9d9 solid;transition:all .3s ease-in-out}
.pagination li a.icon{font-size:22px}
.pagination li a:hover,.pagination li a:focus,.pagination li a:active,.pagination li.active span{color:#fff; background:#009679 !important;}
.pagination li.active>.pagination li a,.pagination li.active>.pagination li a:hover,.pagination li.active>.pagination li a:focus,.pagination li.active>.pagination li a:active {color:#fff;}
.pagination li.disabled span>.pagination li a,.pagination li.disabled span>.pagination li a:hover,.pagination li.disabled span>.pagination li a:focus,.pagination li.disabled span>.pagination li a:active {color:#333;}
.pagination li.disabled span{min-width:75px; color:#ccc !important;}
.pagination li:last-child a{min-width:75px;}

.page-item-control .icon::before {font-family:fontawesome;line-height:25px}
.page-item-control:first-child .icon::before {content:'';margin-left:-1px}
.page-item-control:last-child .icon::before {content:'';margin-right:-1px}

.prev_next{display: flex; justify-content: space-between; margin:40px 0 20px; }
.prev_next a{ display: inline-block; position: relative;}
.prev_next a:after{content: ""; width:100%; height: 1px; background:#333; position: absolute; bottom:0; left: 0; transition:all .5s ease-in-out;}
.prev_next a:hover:after{background:#005eb8;}

@media screen and (max-width:1440px){
    *+.pagination-wrap {margin:20px auto 0}
}

@media screen and (max-width:1280px){
    .pagination {margin:20px auto 0px;}
}

@media screen and (max-width: 576px){
    .pagination-wrap {margin:20px auto 0px;}
    .pagination>* {display:inline-block;margin:0 2px 14px 2px;}
    .pagination li.disabled span{min-width:65px;}
    .pagination li:last-child a{min-width:65px;}
    .prev_next{justify-content:flex-start; flex-direction: column; margin:0; padding-top:15px;}
    .prev_next a{ padding:10px 0;}
    .prev_next span{padding:5px 0;}
}