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

.more{display:flex; align-items: center; justify-content: center; margin-top:2rem; border: 1px var(--gray) solid; max-width: 120px;}
.more::after{content:"\e620"; font-family: "iconfont"; margin-left:.5rem; font-size:.75em;transition: all .5s ease-in-out; line-height: 30px;text-align: center;}
.more:hover{color:var(--bluehover);}
.more:hover{color:var(--white); background: var(--bluehover); border: 1px var(--white) solid;}
.more:hover::after{margin-left:1rem;}

.swiper-button-next,.swiper-button-prev{ color:var(--white); background: rgba(0,0,0,.5); width: 40px; height: 40px;}
.swiper-button-next:after,.swiper-button-prev:after{font-size: 24px;}
.swiper-button-next:hover,.swiper-button-prev:hover{ background:var(--bluehover);}
.swiper-pagination-bullet{width:6px; height:6px; background:var(--gray); transition:all .5s ease-in-out; margin: 0 2px;}
.swiper-pagination-bullet-active{width:60px; height:6px; border-radius:8px; background:var(--bluehover);}
.swiper-pagination{bottom: 0; position: static;}

.pc_web{display:block !important;}
.m_web{display:none !important;}
@media screen and (max-width:996px){
    .more{margin-top:1rem;}
    .pc_web{display:none !important;}
    .m_web{display:block !important;}
    .swiper-button-next,.swiper-button-prev{width:30px; height: 30px;}
    .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right: 10px;}
    .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left: 10px;}
    .swiper-button-next:after,.swiper-button-prev:after{ font-size:18px;}
    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
    .swiper-pagination-bullet{width:4px; height:4px; transition:all .5s ease-in-out;}
    .swiper-pagination-bullet-active{width:30px; height:4px; border-radius:4px;}
}



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

.navbar{padding:0; height:100%; justify-content: space-between;}
.navbar-brand{display:flex; align-items:center;}
.navbar .navbar-brand img{max-width:220px;}
.navbar .navbar-brand span{margin-top:8px;}
.navbar-collapse{flex-grow:0; margin-top: .4rem; justify-content: flex-end;}
.navbar-expand-lg .navbar-nav .nav-item{ padding: 0 1.5rem;}
.navbar-expand-lg .navbar-nav .nav-link{padding:0;font-size:16px; }

.navbar-expand-lg .navbar-nav .nav-link.active,.navbar-expand-lg .navbar-nav .nav-link:hover{color:var(--bluehover);border-bottom:1.5px var(--bluehover) solid; padding-bottom:1px;}
.close,#navbarNav .navbar-brand{display: none;}

/*导航搜索css*/
.header_en{display: flex; justify-content:center; font-size:1.375em; margin-top: -5px;}
.header_en:hover{border: none; padding: 0; color: #353535;}
.header_en span{margin:0 .9rem; font-size: .8em;}
header .search_btn.hidden{opacity: 0;}
header .search_box{ position:absolute; z-index:99; top:25%; right:0; width:70%;height:50%; z-index:1000; opacity:0;transform:scale(0); transition: all .5s ease-in-out;right: auto; background: var(--white); display: flex; align-items: center; justify-content: flex-end;}
header .search_box.open{opacity:1; transform:scale(1); right:0; transform-origin: 100% center;}
header .search_box form{display: flex; justify-content:flex-end; align-items: center; width: 100%; border: 1px #ccc solid; padding: 0 15px; background: var(--white);}
header .search_box div{width:90%;font-size:16px; line-height:41px; border:1px solid #d4d4d4; background:#fff; display: flex; justify-content: space-between;padding:0 10px;}
header .search_box button{background:transparent; border:none; font-size:24px; color:#595757; opacity: 0.6;}
header .search_box input{width:100%; color:#86807f; border: none; font-size: 0.75em;}
header .search_box .search_close{font-size:20px; margin-left:10px; cursor:pointer;}

@media screen and (max-width:1440px){
    .navbar-expand-lg .navbar-nav .nav-item{ padding: 0 1.2rem;}
}

@media screen and (max-width:1368px){
  header{height:85px;}
  .navbar-expand-lg .navbar-nav .nav-link{font-size:1em;}
}

@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 .navbar-brand img{max-width:220px;}
    .navbar-collapse{position:fixed; z-index: 9999; width:100%; max-width:100%; height:100vh; background:#f2f2f2; padding:1rem 2rem; top:0px; left:0; margin: 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:var(--white); 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 .nav-link{padding:1.5rem 1rem !important; font-size: 1.25em;}
    .nav-item-none{display:none;}
    .close{opacity: 1; font-size:1.4rem; display: flex; cursor: pointer; margin: 1rem .2rem .5rem 0;}
    .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:200px;}
    .header_en{display: none;}
    .navbar-toggler{font-size: 1.7rem;}
    .nav-item.search_btn input{padding:5px 10px; border-radius: 0; border: 1px;}
    .nav-item.search_btn button{border: 0;}
}

@media screen and (max-width:576px){
    .fixed-top {position:relative;top: 0;right: 0;left: 0;z-index: 1030;}
    header{max-width:100%; height:60px; margin: 0;}
    .navbar-collapse{ padding:0 1rem; margin: 0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1.25em;padding-right:0;padding-left:0;}
    .navbar{padding:0rem 1rem;}
    .navbar .navbar-brand{font-size:20px;}
    .navbar .navbar-brand img{max-width:160px; margin: 0;}
    .navbar-toggler {padding:0;}
    .site_nav{padding-right:0rem;}
    .navbar-toggler-icon {height: 1em; }
    .navbar-expand-lg .navbar-nav .nav-link.last{display: none;}

    header .m_web form{display: flex; justify-content:flex-end; align-items: center; width: 100%; border: 1px #ccc solid; background: var(--white); padding: 0 15px;}
    header .m_web input{width:100%; color:#86807f; border: none;}
    header .m_web button{background:transparent; border:none; font-size:24px; color:#595757; opacity: 0.6;}
}


/*************************************地球特效css*******************************************/
.earth_bg{display: flex; align-items: center; padding: 50px 0 0 0; position: relative; }
.earth_bg .video{width: 100%; height:300px; position: absolute; z-index: -2; bottom: 0; left: 0; overflow:hidden; }
.earth_bg .video video{height:auto; height:100%; left:50%; min-height:100%; min-width:100%; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; object-fit:cover; position:absolute; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: auto; width: 100%;}
.product_banner{ flex-direction: column; }
.product_banner .video{position: relative; margin-top:3%;}

.earth_bg h2{padding:40px 0 10px 0;}
.earth_bg h2 img{max-width:62%;}
/*.earth_bg h2 svg #svg_6{-webkit-animation: shakeY 3s linear infinite;animation: shakeY 3s linear infinite;}*/
.earth_bg h3{text-transform: uppercase; color: var(--green); font-size:1.25em !important; line-height:1.25;} 
.earth_bg h6{color:var(--gray); padding-top:70px; font-size:1em; text-transform: capitalize;}
.product_banner h2{ padding-top:70px;}
.earth_bg .earth{position: relative; z-index: 99; padding-bottom: 50px; }
.earth_bg .earth img{max-width:90%;-webkit-animation: rotating-left 40s linear infinite;animation: rotating-left 40s linear infinite;}

.earth_bg .about_banner_img{position: absolute; z-index: 99; bottom:0; right:0; text-align: right;}
.earth_bg .product_banner_img{position: absolute; z-index: 99; max-width:70%; bottom:10%; right:5%;}
.earth_bg .application_banner_img{position: absolute; z-index: 99; bottom:0; right:8%; text-align: right;}
.earth_bg .application_banner_img img{max-width:55%;}
.earth_bg .news_banner_img{position: absolute; z-index: 99; bottom:0; right:0; text-align: right;}
.earth_bg .news_banner_img img{max-width:85%;}
.earth_bg .contact_banner_img{position: absolute; z-index: 99; bottom:0; right:0; text-align: right;}
.earth_bg .contact_banner_img img{max-width:60%;}

@media screen and (max-width:1440px) {
  .earth_bg h3{font-size:1.25em !important;}
}

@media screen and (max-width:1280px) {
  .earth_bg{padding: 30px 0 0 0;}
  .earth_bg .video{height:260px;}
  .earth_bg .about_banner_img img{max-width:75%;}
  .earth_bg .product_banner_img{bottom:6.5%; right:2%;}
}

@media screen and (max-width:996px) {
  .earth_bg .video{height:220px;}
  .earth_bg h2{padding:30px 0 10px 0;}
  .earth_bg h2 svg{transform: scale(.65);}
  .earth_bg h3{font-size:1.125em !important;}
  .earth_bg .news_banner_img img{max-width:70%;}
}

@media screen and (max-width:576px) {
  .earth_bg{padding:0px 0 0 0;}
  .earth_bg .video{height:150px; background: url(../images/video1.mp4.jpg) center no-repeat; background-size:cover}
  .earth_bg .about_videobg{background: url(../images/about.mp4.jpg) center no-repeat;}
  .earth_bg .contact_videobg{background: url(../images/contact1.mp4.jpg) center no-repeat;}
  .earth_bg h2{padding:10px 0; margin: 0;}
  .earth_bg h6{padding-top:20px; font-size:1em;}
  .earth_bg .earth{text-align: right; padding-bottom:20px;}
  .earth_bg h3{font-size:1.125em !important;}
  .earth_bg .earth img{max-width:60%;}
  .product_banner{padding-top:30px;}
  .earth_bg .about_banner_img img{max-width:90%;}
  .earth_bg .product_banner_img{ max-width:100%; right: 0; bottom:35px; text-align: right;}
  .earth_bg .product_banner_img img{max-width:80%;}
  .earth_bg .application_banner_img,.earth_bg .contact_banner_img{right:-5%}
  .earth_bg .application_banner_img img{max-width:68%;}
  .earth_bg .contact_banner_img img{max-width:75%;}
}

.ti-container {display: block;font-size: inherit;}
.ti-text-container {position: relative;display: inline;font-size: inherit;}
.ti-text-container:before {content: '';display: inline-block;width: 1px;height: 1em;position: relative;}
.ti-text-container.active-container.ti-cursor:after {display: inline;}
.earth_bg h3::after {display: none;content: '|';bottom: .05em;right: -.25em;position: absolute;line-height: normal;font-size: inherit;-webkit-animation: blink 1s infinite;
    animation: blink 1s infinite;}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rotating-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes rotating-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.slideshow{position:absolute; top:0; left:0; height:100%;}
.slide{position:absolute; width:100vw; height:300px; bottom:0; left:0; display:flex; align-content:center; justify-content:center; pointer-events:none; opacity:0; z-index:1}
.slide--current{opacity:1; pointer-events:auto; z-index:10;}
.word{color:rgba(240,240,240,.4); text-transform: uppercase; position:relative; display:flex; flex-direction:row; align-items:center; justify-content:center; flex-wrap:wrap; cursor:default; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); grid-area:title; font-size:11vw; font-weight:900; line-height: 1;}
.word span{display:block; position:relative; flex:none; white-space:pre; font-weight:900;}
.shapes{position:fixed; top:0;left:0; display: none;}


@media screen and (max-width:1280px) {
  .slide{height:260px;}
}

@media screen and (max-width:996px) {
  .slide{height:220px;}
}
@media screen and (max-width:576px) {
  .slide{height:150px;}
}

@media screen and (max-width:40em){
  .slide .word{font-size:3.75em}
}


/*首页公司简介css*/
.inabout_bg{padding:80px 0;background:url(../images/inabout_bg.png) var(--white);}
.inabout_bg h4{text-transform: capitalize; padding-top: 2.5rem;}
.inabout_bg h5{padding-top:.2rem;font-size:18px; font-weight: bold;}
.inabout_bg h6{color:var(--bluehover);}
.inabout_bg h4 em{font-size:18px; padding-left:8px; font-style: normal;}
.inabout_bg p{padding:5px 0;}
.inabout_bg ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin:0px;}
.inabout_bg ul li{display: flex; flex: 0 0 33.3333%; max-width: 33.3333%; flex-direction: column; margin-top: 30px;}

@media screen and (max-width:1440px) {
  .inabout_bg{padding:80px 0}
}

@media screen and (max-width:576px) {
  .inabout_bg{padding:50px 0}
  .inabout_bg ul{ flex-wrap: wrap;}
  .inabout_bg ul li{display: flex; flex: 0 0 50%; max-width: 50%; margin-bottom:0px; margin-top: 20px;}
  .inabout_bg h5{font-size:14px;}
}


/*首页高端品牌css*/
.inbrand_bg{background:url(../images/inproduct_bg.png) fixed; background-size:cover; text-align: center; padding-top:30px;}
.inbrand_bg img{max-width: 800px;}
.inbrand_bg .col-lg-6{padding: 0;}

@media screen and (max-width:996px) {
  .inbrand_bg img{max-width:500px;}
}
@media screen and (max-width:576px) {
  .inbrand_bg{padding-bottom: 20px;}
}


/*首页产品分类css*/
.inproduct_bg{padding:110px 0;background:url(../images/inproduct_bg.png) fixed; background-size:cover; height: 660px; position: relative; display: flex; align-items: center;}
.inproduct_bg::before{content: "";background: var(--white); width: 92%; height:calc(100% - 160px); border-bottom: 8px var(--dark) solid; box-shadow: 0 0 20px rgba(0,0,0,.08); position: absolute;left: 0; -webkit-animation: slideInLeft .5s ease-in-out;animation: slideInLeft .5s ease-in-out;}
.inproduct_bg h4{ text-transform: capitalize;padding-top:2.5rem;}
.inproduct_bg h6{color:var(--bluehover);}
.inproduct_bg h4 em{font-size:18px; padding-left:8px; font-style: normal;}
.inproduct_bg p{padding:5px 30px 5px 0;}

.inproduct_bg .swiper-slide{padding:20px 0 10px 10px;}
.inproduct_bg .swiper-slide {width: 96%;}
.inproduct_box{background:var(--white); box-shadow: 0 0 10px rgba(0,0,0,.1); margin: 0; display: flex; align-items: center; height:300px}
.inproduct_text h5{font-weight: 900;}
.inproduct_text h6{padding-bottom: 15px;}
/**tabs**/
.inproduct_list{position: absolute; z-index: 2; right: 0; width: 66%; overflow-x: hidden;}
.inproduct_list ul{display: flex; justify-content:center; margin-bottom:.5rem;}
.inproduct_list ul li{cursor:pointer; background: var(--dark); color: var(--white); margin: 0 .5rem; padding:.35rem 1.5rem;}
.inproduct_list .hit{cursor:pointer; background: var(--bluehover); color: var(--white); transition: all .5s ease-in-out;}
.pane{display:none;}
.mySwiper1{padding-left:20px;}
.inproduct_list .swiper-button-prev{left:0px;}
.inproduct_list .swiper-button-next{right:27.5%;}

@media screen and (max-width:1280px) {
  .inproduct_list .swiper-button-next{right:26%;}
}

@media screen and (max-width:996px) {
  .inproduct_bg{padding:30px 0 80px;}
  .inproduct_bg::before{width:90%; height:calc(100% - 120px);}
  .inproduct_box{height:auto;}
  .inproduct_text{padding: 30px;}
  .inproduct_list ul li{margin: 0 .25rem; padding:.35rem .5rem;}
}

@media screen and (max-width:576px) {
  .inproduct_bg{padding:50px 0; flex-wrap: wrap; height: auto;}
  .inproduct_bg::before{width:100%; height: 100%; padding-bottom: 30px;}
  .inproduct_bg h4{padding-top:1.5rem;}
  .inproduct_list{width:100%; position: relative;}
  .inproduct_list ul{flex-wrap: wrap;margin-top: 20px;}
  .inproduct_list ul li{margin:.35rem .25rem; padding:.35rem 1rem;}
  .inproduct_bg .swiper-slide {width:95%;}
  .inproduct_bg .more{display: none;}
}


/*首页三块内容css*/
.inthree_box{background: var(--white);}
.inthree_box .row{height: 100%;}
.inthree_box h5{font-size: 2em; margin:40px 0;}
.inthree_box h6{ position: relative;width: 60px; height: 60px;}
.inthree_box h6::before{content: ""; display: inline-block; position:absolute;}
.inthree_box h6::after{content: ""; display: inline-block; position:absolute;}
.inthree_box p{font-size: 0.875em; color: var(--7b7b7b);}
.inthree_box em{font-size: 1.125em; font-style: normal; display: block;}
.inthree_box em span{color: var(--bluehover);}
.inthree_box .col-lg-3{display:flex; justify-content: center; align-items: center; position: relative;}

.grid figure{position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.grid svg.svg_bg {position: absolute; z-index:10;width:100%; height:100%; opacity: 0;}
.grid svg.svg_bg path {fill:var(--bluehover);}
.grid figure img {position: relative; display: block; width: 100%; opacity:0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.grid figcaption{position:absolute; z-index:11; width:80%; height: 100%; display:flex; flex-direction: column;}
.grid figcaption svg,.grid figcaption h5,.grid figcaption p{-webkit-transition:-webkit-transform 1.2s; transition:transform 1.2s;}
.grid figcaption svg{-webkit-transform: translateY(110px); transform: translateY(110px);}
.grid figcaption h5{-webkit-transform: translateY(120px); transform: translateY(120px);}
.grid figcaption p{-webkit-transform: translateY(120px); transform: translateY(120px); font-size: 1.125em; line-height: 1.6;}
.grid figcaption h5,.grid figcaption p {-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.250, 1); -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.250, 1); timing-function: cubic-bezier(0.250, 0.250, 0.250, 1);}
.grid em{position: absolute; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s; bottom:10%; padding: 15px 0; width: 70%;}

.grid a:hover figcaption svg{opacity: 0;}
.grid a:hover svg.svg_bg,.grid a:hover figure img{opacity: 1;}
.grid a:hover figure em {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transform: translateY(0);transform: translateY(0);color:var(--dark); text-align: center; bottom: 0; width: 100%;}
.grid a:hover figure em span{color: var(--bluehover);}
.grid a:hover figcaption{width:80%;}
.grid a:hover figcaption h5{-webkit-transform: translateY(-60px); transform: translateY(-60px); font-size: 1.625em;}
.grid a:hover figcaption p{color: var(--dark);-webkit-transform: translateY(-90px); transform: translateY(-90px); font-size: 1em;}
.grid svg #svg_1,.grid svg #svg_3,.grid svg #svg_5,.grid svg #svg_7{fill: var(--green); -webkit-animation:flipInY 1s linear;animation:flipInY 1s linear;}
.grid svg #svg_2,.grid svg #svg_4,.grid svg #svg_6,.grid svg #svg_8{stroke: #1d2088; stroke-width:3px; -webkit-animation:jackInTheBox 1s linear;animation: jackInTheBox 1s linear;}
.grid a:hover svg #svg_1,.grid a:hover svg #svg_3,.grid a:hover svg #svg_5,.grid a:hover svg #svg_7{fill: #e7e7e7;}
.grid a:hover svg #svg_2,.grid a:hover svg #svg_4,.grid a:hover svg #svg_6,.grid a:hover svg #svg_8{stroke: var(--green); stroke-width:3px;}

@media screen and (max-width:1680px) {
  .grid figcaption svg{-webkit-transform: translateY(140px); transform: translateY(140px);}
  .grid figcaption h5{-webkit-transform: translateY(140px); transform: translateY(140px);}
  .grid figcaption p{-webkit-transform: translateY(120px); transform: translateY(120px);}
}

@media screen and (max-width:1440px) {
  .grid figcaption svg{-webkit-transform: translateY(80px); transform: translateY(80px);}
  .grid figcaption h5{-webkit-transform: translateY(70px); transform: translateY(70px); font-size: 1.625em;}
  .grid figcaption p{-webkit-transform: translateY(50px); transform: translateY(50px); font-size: 1em;}
}

@media screen and (max-width:996px) {
  .grid figure{height:55vh;}
  .grid figure img {object-fit: cover; height: 100%;}
}

@media screen and (max-width:576px) {
  .inthree_box{padding-top:30px;}
  .inthree_box .col-lg-3{padding: 0 5px; display: block;}
  .grid figure{height:40vh;}
  .grid em{display: none;}
  .inthree_box .grid figcaption svg{-webkit-transform: translateY(10px) scale(.8); transform: translateY(10px) scale(.8);}
  .inthree_box .grid:nth-child(4) figcaption svg{-webkit-transform: translateY(-2px) scale(.8); transform: translateY(-2px) scale(.8);}
  .grid figcaption h5,.grid a:hover figcaption h5{-webkit-transform: translateY(-22px); transform: translateY(-22px); font-size: 1.125em;}
  .grid figcaption p,.grid a:hover figcaption p{font-size:.85em; -webkit-transform: translateY(-45px); transform: translateY(-45px);}
  .grid a:hover figcaption svg{opacity: 1;}
  .grid figure img,.grid a:hover figure img{opacity: 0;}
}



/*首页新闻资讯css*/
.innews_bg{position: relative;background:url(../images/inproduct_bg.png) fixed; background-size:cover; padding-top:60px;}
.innews_bg::before{content: "Information"; color:rgba(255,255,255,.5); text-transform: uppercase; position:absolute; top:80px; right:2rem; font-size:10em; font-weight: 900; line-height:.65;}
.innews_text h6{padding:20px 0 10px; color: var(--dark);}
.innews_text p{color: var(--7b7b7b);}
.innews_bg .innews_img{overflow:hidden; border: 1px var(--light) solid; padding: 1px;}
.innews_bg .innews_img img{transform: scale(1); transition: all .5s ease-in-out;}
.innews_bg .swiper{width:86%; overflow: hidden; margin: 0 0 0 auto;}
.innews_bg .swiper-slide{padding:20px 0 10px 10px;}
.innews_bg .swiper-slide {width: 29%;}
.innews_bg .swiper-slide:hover .innews_img img{transform: scale(1.1);}
.innews_bg .swiper-button-prev{left:0px;}
.innews_bg .mySwiper2{padding-left: 35px;}

.underline {margin:30px 0; display: flex; align-items: center;text-decoration: none; position: relative;text-transform: uppercase; }
.underline em{font-style: normal; font-size:12px; line-height:3.5; 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:var(--bluehover);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:var(--bluehover);}
.underline:hover em{margin-right:20px;}

@media screen and (max-width:1680px) {
  .innews_bg .swiper{width:94%;}
}

@media screen and (max-width:1440px) {
  .innews_bg .swiper{width:100%;}
  .underline {margin:0px;}
}
@media screen and (max-width:996px) {
  .innews_bg::before{font-size:5.5em;}
}
@media screen and (max-width:576px) {
  .innews_bg{padding-top:30px;}
  .innews_bg::before{top:120px; right:0;}
  .innews_bg .swiper-button-next, .innews_bg .swiper-button-prev{top: 40%;}
  .innews_bg .swiper-button-prev{left:10px;}
  .innews_bg .swiper-button-next{right: 0;}
  .innews_bg .swiper{margin: 0 auto;}
  .innews_text p{padding-right: 10px;}
  .underline {margin:10px 10px 5px 0; display: none;}
}


/*首页应用领域css*/
.inapp_bg{padding:40px 0 60px;background:url(../images/inproduct_bg.png) fixed; background-size: cover;}
.inapp_bg .row{ display: flex; align-items: center;}
.inapp_bg h4{text-transform: uppercase;padding-top:2.5rem;}
.inapp_bg h6{color:var(--bluehover);}
.inapp_bg h4 em{font-size:18px; padding-left:8px; font-style: normal;}
.inapp_bg p{padding:5px 50px 5px 0;}
.inapp_bg ul li{position: relative; display: flex; align-items: center;}
.inapp_bg ul li a{width: 100%; padding:3rem 0;}
.inapp_bg ul li img{position: absolute; z-index: 2; border-radius:100%; max-width:195px; top:0; right:0px; transform:translate(-15%,-17%) scale(0);transition:all 0.5s ease-in-out;}
.inapp_bg li span.num{padding-right:10px; display: inline-block;}
.inapp_bg li span.name{ font-size: 1.5em; text-transform: capitalize;}
.inapp_bg li span.icon{width: 50px; height: 50px; position:absolute; right: 0; z-index: 3;}
.inapp_bg li span.icon::before,.inapp_bg li span.icon::after{content: ""; position: absolute; top: 50%; left: 50%; display: inline-block; width:100%;height:100%; background: rgba(71,50,33,.08); border-radius: 100%; transform: translate(-50%,-50%) scale(.7); transition: transform .4s ease-out, background-color .4s ease-out;}
.inapp_bg li span.icon::after{background-color: #168352; transform: translate(-50%,-50%) scale(.16);}
.inapp_bg li span.icon i{position: absolute; z-index: 4; top:25%; right: -100%; opacity: 0; color: var(--white); transition:all .4s ease-out}
.inapp_bg li:hover span.icon i{right:30%; opacity: 1;}

.inapp_bg ul li::before,.inapp_bg ul li::after{content: ""; position: absolute;bottom: 0; display: block; height:2px; transition: all 0.5s ease-in-out;}
.inapp_bg ul li::before{left: 0;width:22px;background:var(--bluehover);}
.inapp_bg ul li::after{right:0; width:calc(100% - 25px); background:var(--7b7b7b); opacity: 0.2;}
.inapp_bg ul li:hover span.icon::before{transform: translate(-50%,-50%) scale(0);}
.inapp_bg ul li:hover span.icon::after{transform: translate(-50%,-50%) scale(1);}
.inapp_bg ul li:hover::before{width:100%;}
.inapp_bg ul li:hover img{transform: translate(-15%,-17%) scale(1);}

@media screen and (max-width:1440px) {
  .inapp_bg li span.name{ font-size: 1.125em;}
}

@media screen and (max-width:576px) {
  .inapp_bg{padding:40px 0;}
  .inapp_bg h4{padding-top:1rem;}
  .inapp_bg ul li a{width: 100%; padding:1.8rem 0;}
  .inapp_bg li span.name{ font-size: 1.25em;}
  .inapp_bg ul li img{max-width:160px;transform:translate(-15%,-17%) scale(0);}
}


/*首页全球地图css*/
.global_bg{background:url(../images/global_bg.jpg) center fixed; background-size: cover; position: relative;}
.global_nation{position: absolute; z-index: 99; width: 350px; left:8%; bottom:20%; color: var(--white);}
.global_nation h4{margin-bottom:40px;}

@media screen and (max-width:1680px) {
  .global_nation h4{margin-bottom:20px;}
}

@media screen and (max-width:1440px) {
  .global_nation{width: 300px;}
}

@media screen and (max-width:1280px) {
  .global_nation{left:5%; bottom: 15%;}
}

@media screen and (max-width:996px) {
  .global_nation{width:240px; left:5%; bottom: 10%;}
  .global_bg .m_web{display: none !important;}
}
@media screen and (max-width:576px) {
  .global_bg .m_web{color: var(--white); text-align: center; display:block !important;}
  .global_bg h4{padding: 30px 0 10px 0px;}
  .global_bg p{padding: 0 20px 10px;}
}


/*首页合作伙伴css*/
.incooperation_bg{padding:60px 0;background:url(../images/incooperation_bg.jpg) center fixed; background-size:cover; text-align: center; position: relative;}
.incooperation_bg .container-fluid{max-width: 92%;}
.incooperation_bg .swiper{overflow: hidden;}
.incooperation_bg h6{color:var(--bluehover);}
.incooperation_bg h4 em{font-size:18px; padding-left:8px; font-style: normal;}
.incooperation_bg p{padding:5px 0;}
.incooperation_bg .more{margin:-60px auto 0; position: relative; z-index: 3;}

.incooperation_bg .container{display: flex; justify-content: space-between; position: relative;}
.incooperation_bg .container:after { content: ""; width: 626px; height: 313px; background: url("../images/cooperation/friend-box-icon.png") center no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 15px; right: 0; margin: auto; }

.incooperation_bg ul{width: 670px;height: auto;transform: rotate(45deg); position: relative; z-index: 1;}
.incooperation_bg ul li{width:205px; height:205px; overflow: hidden; opacity: .4; float: left; transform: rotate(-45deg); position: relative; margin:-50px -50px 0 0; border-radius: 50%;transition: all .4s ease;}
.incooperation_bg ul li.active, .incooperation_bg ul li:hover { opacity: 1; }
.incooperation_bg ul li:hover img { transform: scale(1.03); }
.incooperation_bg ul li:nth-child(4n) { margin-right: 0; }
.incooperation_bg ul li:nth-child(-n+4) { margin-top: 0; }
ul.one{margin-left: -90px;}
ul.two{width: 205px; position:absolute; top:122px; left:0; right:0; margin: auto; }
ul.two li {margin:0; }
ul.three{margin-right: -90px;}

@media screen and (max-width:1440px) {
  .incooperation_bg .container:after{width: 489px;height: 245px;bottom: 12px;}
  .incooperation_bg ul{width: 526px;}
  .incooperation_bg ul li{width:160px; height:160px; margin:-38px -38px 0 0;}
  ul.one{margin-left: 75px;}
  ul.two{width:160px;top:100px;}
  ul.three{margin-right:75px;}
}

@media screen and (max-width:1280px) {
  .incooperation_bg ul li{ margin:-40px -40px 0 0;}
  ul.one{margin-left: -45px;}
  ul.two{width:160px;top:95px;}
  ul.three{margin-right:-50px;}
  .incooperation_bg ul li:nth-child(4n) { margin-right:auto; }
  .incooperation_bg ul li:nth-child(-n+4) { margin-top:auto; }
}

@media screen and (max-width:996px) {
  .incooperation_bg .m_web{display: none !important;}
  .incooperation_bg .container:after{width:392px; height:196px; bottom:10px;}
  .incooperation_bg ul{width:425px;}
  .incooperation_bg ul li{width:128px; height:128px;margin:-29px -29px 0 0;}
  ul.one{margin-left: -30px;}
  ul.two{width:128px;top:81px;}
  ul.three{margin-right:-30px;}
  .incooperation_bg ul li:nth-child(4n) { margin-right:auto; }
  .incooperation_bg ul li:nth-child(-n+4) { margin-top:0; }
}

@media screen and (max-width:576px) {
  .incooperation_bg .m_web{display:block !important;}
  .pc_incooperation{display: none !important;}
  .incooperation_bg{padding:40px 0; display: flex; flex-wrap: wrap; justify-content: center;}
  .incooperation_bg p{padding:5px 30px;}
  .incooperation_bg ul{ width:100%; transform: rotate(0deg); display: flex; flex-wrap: wrap; margin-top:20px;}
  .incooperation_bg ul li{ display: flex; justify-content: center;transform: rotate(0deg); align-items: center; max-width:calc(25% - 12px);border: 1px #d7d7d7 solid; height:65px; margin:5px 5px; position: relative; overflow: hidden;background: var(--white); border-radius: 0; opacity: 1;}
  .incooperation_bg .more{width: 120px;margin:20px auto 0; position: relative; z-index: 3;}
}

/*首页业务合作css*/
.incontact_bg{background: url(../images/incontact_bg.jpg) top center no-repeat; background-size: 100%; padding:40px 0; color: var(--white); position: relative; z-index: 4;}
.incontact_bg .container{display: flex; justify-content: space-between; align-items: center;}
.incontact_bg h5{font-weight: bold;}
.incontact_bg a{background:var(--white); display:block; width: 150px; height: 42px; line-height: 42px; text-align: center;}
.incontact_bg a:hover{background: var(--green); color: var(--white);}

@media screen and (max-width:576px) {
  .incontact_bg{ background-size:cover;}
  .incontact_bg a{width:200px; padding:0 5px;}
  .incontact_bg p{padding-right:20px;}
}


/********************************************底部信息css****************************************/
footer{background:#333; color:var(--light);}
footer a{color: var(--light);}
footer a:hover{color: var(--green); border-bottom: 1px var(--green) solid;}
footer img{max-width: 175px; margin-bottom: 25px;}
footer .col-lg-2{padding-bottom:30px;}
footer .col-lg-2:nth-child(5) p{ text-align: center; }
footer .col-lg-2:nth-child(5) img{max-width: 125px;}
footer h6{position: relative; padding-bottom: 15px; margin-bottom: 20px; font-size: 1.125em;}
footer h6::before{content: ""; width:25%; height: 1px; background: var(--light); position:absolute; z-index: 3; left: 0; bottom: 0}
footer h6::after{content: ""; width: 100%; height: 1px; background: var(--dark); position:absolute; z-index: 2; left: 0; bottom: 0}
footer p{font-size: 0.875em; line-height: 2.2; text-transform: capitalize;}

.copyright{padding:15px 0; text-align:center;background:#3e3a39; font-size:0.875em;}
.copyright span{margin-right:20px;}
.copyright img{max-width:20px; margin:1px 8px 0 0;}
.top{width:60px; height:60px; background:#f3f3f3; border-radius:5px; border:2px var(--bluehover) solid; position: fixed; z-index: 9999;right:20px; bottom:3%; display: flex; justify-content: center; align-items: center; color:var(--bluehover); font-size:40px; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.top:hover{ background:var(--bluehover); color:var(--white);}

@media screen and (max-width:576px) {
  footer img{max-width: 125px; margin-bottom:15px;}
  .copyright{margin-top:10px; padding:20px 15px; text-align:left;}

  footer .footer_nav {padding:5px 0 20px 0;}
  footer .footer_nav h6{font-size:1em; font-weight:bold; margin-bottom:0px; border-bottom: 1px solid rgba(255,255,255,0.05); padding:14px 20px 13px 0; position: relative;}
  footer .footer_nav h6:before,footer .footer_nav h6:after{content: '';position: absolute; border-radius:2px; background:#7f7f7f;}
  footer .footer_nav h6:before{width: 12px;height: 2px; left:auto; bottom:auto; top: 23px;right: 6px; -webkit-transition: .3s ease-out;transition: .3s ease-out;}
  footer .footer_nav h6:after{width: 2px;height: 12px; left:auto; bottom:auto; top: 18px; right: 11px; -webkit-transition: .3s ease-out;transition: .3s ease-out;}
  footer .footer_nav .selected h6{color:var(--bluehover); margin-bottom:15px;}
  footer .footer_nav .selected h6:before{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
  footer .footer_nav .selected h6:after{-webkit-transform: rotate(360deg);transform: rotate(360deg); opacity: 0;}
  footer .footer_nav ul{padding:15px 0 20px 0;}
  footer .footer_nav ul li{font-size:1em; border-bottom:1px solid rgba(0,0,0,0.05); padding:5px 0;}
  footer .footer_nav .list-item {position:relative; overflow:hidden;zoom: 1; display:none; padding-bottom:30px;}
  footer .footer_nav .list-item a{display:block; font-size:1em; margin-bottom:7px;}
  footer .col-lg-2{padding-bottom:0px;}
  footer .footer_nav .col-12:nth-child(1){margin-top: 30px; order: 2;}
  
}

/*在线客服悬浮链接*/
.suspension{position:fixed;z-index:155;right:0;bottom:20%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:68px;height:68px;background:rgba(0,0,0,.4);margin-bottom:8px;cursor:pointer;outline:none;}
.suspension .a.active,.suspension .a:hover{background:var(--bluehover);}
.suspension .a .i{display:flex; align-items:center; flex-direction: column; justify-content: center; width:68px;height:68px; font-style: normal; color:var(--white); border:1px var(--darkgreen) solid; font-family: "iconfont"; text-align:center; font-size:26px; line-height: 1.3;}
.suspension .a .i span{font-size:12px;}
.suspension .a-top{background:rgba(0,0,0,.4);display:none;}
.suspension .a-top:hover{background:#c0c1c3;}

.suspension .d{display:none;width:160px; background:var(--bluehover);position:absolute;right:68px; color:var(--white); box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px; font-family: "iconfont"; font-size:24px; font-style: normal; color:var(--bluehover);right:0px;top:15px;}
.suspension .d-qrcode{top:0px;}
.suspension .d-service-phone{top:76px;}
.suspension .d-service{top:152px;}
.suspension .d-service-bj{top:228px;}
.suspension .d .inner-box{padding:5px 10px 5px; min-height:68px;}
.suspension .d-service-item{display:flex; align-items:center; width:100%;}
.suspension .d-service-item a{display: block; width:100%;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .text{line-height: 56px; font-size:18px; text-align:center; display: block;}
.suspension .d-service-item a .text{color:var(--white); font-size:14px;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px;}
.suspension .d-qrcode p{font-size:14px;}
.inner_erweima{display: flex; justify-content:center; flex-direction: column;}
.inner_erweima img{max-width:130px;}


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


/*公司简介css*/
.about_bg{padding:100px 0;}
.about_bg h4{font-weight: 900; margin:20px 0;}
.about_bg h4::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 40px 0;}
.about_bg h5{padding-top:.2rem;font-size:18px; font-weight: bold;}
.about_bg h6{color: var(--bluehover);}
.about_bg p{padding:10px 0; color: var(--7b7b7b);}
.about_bg img{box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius:4px;}
.about_bg .row{position: relative;}
.about_bg .row::before{content: ""; width:1px; height:100%; background:#aaa; position: absolute;}
.about_left{writing-mode: tb-rl; padding-left:15px; font-size:18px; color:#aaa; text-transform:uppercase; display: flex; justify-content: flex-start;}
.about_bg ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin:0px;}
.about_bg ul li{display: flex; flex: 0 0 33.3333%; max-width: 33.3333%; flex-direction: column; margin-top: 30px;}
.about_bg li p{padding-bottom: 0;}

/*我们的优势css*/
.advantage_bg{position: relative;padding:80px 0;}
.advantage_bg::before{content: ""; position: absolute; top: 0; right: 0; height:100%; width: calc(100% - ((100% - 1410px ) / 2));background: #f2f3f5;-webkit-animation: slideInRight .5s ease-in-out;animation: slideInRight .5s ease-in-out;}
.advantage_bg h4{padding: 20px 0 0px;}
.advantage_bg h4::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 40px 0;}
.advantage_bg h6{margin: 0;display: flex; align-items: center;color: var(--bluehover);}
.advantage_bg img{max-width: 96%;}
.advantage_bg ul{margin-top: 10px;}
.advantage_bg ul li{padding:60px 0; display: flex; align-items: center; border-bottom: 1px dotted #ccc;}
.advantage_bg li h6{color: var(--dark);}
.advantage_bg .swiper{overflow: hidden;}

/*企业文化css*/
.culture_bg{background: url(../images/culture_bg.jpg) top center no-repeat fixed; background-size:cover; color: var(--white); text-align: center; position: relative;}
.culture_bg::before{content: ""; width: 1px; height: 100%; background: rgba(255,255,255,.3); position: absolute; top: 0; left: 50%;}
.culture_bg::after{content: ""; width:100%; height: 1px; background: rgba(255,255,255,.3); position: absolute; top:50%; left: 0;}
.culture_bg .row{ height: 85vh;}
.culture_bg .col-lg-6{height: calc(100% / 2); display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
.culture_bg .col-lg-6:hover{background: rgba(18,140,207,.7); transition: all .5s ease-in-out;}
.culture_bg .col-lg-6 p{-webkit-transform: translateY(300px); transform: translateY(300px);}
.culture_bg .col-lg-6:hover p{transition: all .5s ease-in-out; -webkit-transform: translateY(0px); transform: translateY(0px);}
.culture_bg h4{ display: flex;  flex-direction: column; justify-content: center; align-items: center; text-transform: uppercase;}
.culture_bg h4::after{content: ""; display: block; width:40px; height: 2px; background: var(--white); margin: 40px 0;}
.culture_bg h5{margin-bottom: 5%; display: none;}

/*企业荣誉css*/
.honor_bg{ position: relative; padding: 80px 0 50px;}
.honor_bg::after{content: ""; width: 100%; height:32%; background: var(--dark); position: absolute; left: 0; bottom: 0;}
.honor_bg .container{max-width:25%; position: absolute; z-index: 2; top:10%; left: calc((100% - 1410px)/2);}
.honor_bg .swiper{width: 57%; margin: 0 1% 0 auto; padding-bottom: 10px; overflow: hidden; position: relative; z-index: 2; }
.honor_bg .swiper-slide {transition: 300ms; transform: scale(0.8);  }
.honor_bg .swiper-slide-active,.honor_bg .swiper-slide-duplicate-active{transform: scale(1);}
.honor_bg img{max-width:600px;}
.honor_bg h4{padding: 20px 0 0px;}
.honor_bg h4::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 40px 0;}
.honor_bg h6{color: var(--bluehover); text-transform: uppercase;}
.honor_bg P{ padding:20px 0; border-bottom: 1px dotted #ccc;}


/*合作伙伴css*/
.cooperation_bg{padding:80px 0; background:url(../images/incooperation_bg.jpg) center fixed; background-size:cover;}
.cooperation_bg .container{ text-align: center;}
.cooperation_bg ul{ display: flex; flex-wrap: wrap; margin-top: 20px;}
.cooperation_bg ul li{ display: flex; justify-content: center; align-items: center; width: calc((100% / 7) - 20px);border: 1px #d7d7d7 solid; height:80px; margin:15px 10px 0 10px; position: relative; overflow: hidden;background: var(--white);}
.cooperation_bg ul li img{width: auto;max-height:150px; position: absolute; top: -45%;}
.cooperation_bg li:last-child{font-size:62px; font-weight:900; color: #eff4f2;}
.cooperation_bg h4{padding: 20px 0 0px; display: flex; justify-content: center; flex-direction: column; align-items: center; text-transform: uppercase;}
.cooperation_bg h4::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 20px 0 10px;}
.cooperation_bg h6{color: var(--bluehover); text-transform: uppercase;}

@media screen and (max-width:1680px) {
  .advantage_bg ul li{padding:40px 0;}
  .honor_bg .container{max-width:30%;}
  .honor_bg P{ padding:15px 0;}
  .about_bg h4::after,.advantage_bg h4::after,.culture_bg h4::after,.honor_bg h4::after{margin: 30px 0;}
}

@media screen and (max-width:1440px) {
  .honor_bg .container{max-width:35%;}
  .advantage_bg ul li{padding:20px 0;}
  .advantage_bg li h6{font-size: 1.125em;}
}

@media screen and (max-width:1280px) {
  .advantage_bg ul li{padding:20px 0;}
  .honor_bg .container{max-width:35%; left: calc((100% - 1200px)/2);}
  .honor_bg::after{height:28%;}
  .cooperation_bg{padding:50px 0;}
}

@media screen and (max-width:996px) {
  .about_bg ul{flex-wrap: wrap;}
  .about_bg ul li{flex: 0 0 33.3333%; max-width: 33.3333%; margin-bottom: 20px;}
  .advantage_bg{padding:50px 0;}
  .advantage_bg::before{width:90%;}
  .advantage_bg ul li{padding:35px 0;}
  .advantage_bg li h6{ line-height: 1.7;}
  .advantage_bg img{max-width:auto; max-width:100%; object-fit: cover;}
  .advantage_bg .col-xl-12{padding-left: 16.666667%;}
  .advantage_bg .col-xl-12 p{ padding-right: 20px; margin-bottom: 20px;}
  .honor_bg .container{max-width:45%; top:15%; left:20px;}
  .honor_bg::after{display: none;}
  .cooperation_bg ul li{height:70px;}
  .cooperation_bg ul li img{max-height:110px;top:-32%;}
}

@media screen and (max-width:576px) {
  .about_bg {padding: 50px 0;}
  .about_bg .row::before{display: none;}
  .about_bg h4::after,.advantage_bg h4::after,.culture_bg h4::after,.honor_bg h4::after{margin:20px 0;}
  .about_bg .col-lg-1{display: none;}
  .about_bg ul{margin:0px;}
  .about_bg ul li{flex: 0 0 50%; max-width:50%; margin-bottom:0px; margin-top: 20px;}
  .about_bg h5{font-size:1em;}

  .advantage_bg{padding:50px 15px;}
  .advantage_bg::before{width:100%;}
  .advantage_bg ul li{padding:20px 0;}
  .advantage_bg li h6{color: var(--bluehover);}
  .advantage_bg img{max-width:auto; max-width:100%; object-fit: cover;}
  .advantage_bg .col-xl-12{padding:0 15px;}
  .advantage_bg .col-xl-12 p{ padding-right:0px; margin-bottom: 20px;}

  .culture_bg .row{height: auto;}
  .culture_bg::before,.culture_bg::after{display: none;}
  .culture_bg .col-lg-6{height:auto; padding: 50px 0; border-bottom: 1px rgba(255,255,255,.3) solid;}
  .culture_bg .col-lg-6 p{-webkit-transform: translateY(0px); transform: translateY(0px); padding: 0 10%;}
  .culture_bg .col-lg-6 p br{display: none;}

  .honor_bg{padding: 50px 0;}
  .honor_bg .swiper{width:96%; order: 2; margin: 5% 0 0 2%;}
  .honor_bg .container{ position: relative; max-width:100%; top:0; left:0; order: 1;}
  .honor_bg::after{display: none;}
  .cooperation_bg ul li{height:60px; width:calc(25% - 12px); margin:5px 5px;}
  .cooperation_bg ul li img{max-height:100px;top:-32%;}
  .cooperation_bg li:last-child{font-size:42px;}
}


/*++++++++++++++++++++++++++++++++++++++++++++++++产品中心css++++++++++++++++++++++++++++++++++++++++++++++++*/
.product_classlist{display: flex; justify-content: center; background:var(--green); height: 115px;}
.product_classlist .row{height: 100%;}
.product_classlist .col-xl-2{display: flex; align-items: center; justify-content: flex-end;}

/*搜索框css*/
.product_classlist .search_box{padding-right: 2rem;display: flex; align-items: center;}
.sb-search-input{border: none; background:none; padding: 0 10px;}
.sb-search-input::placeholder{text-align: right; color:#c7c7c7;}
.sb-search-input:hover{outline: 1px #ccc solid;}
.product_classlist .search_box button{background: none; border: none; font-size: 1.5em; color: #c7c7c7;}

@media screen and (max-width:1440px) {
  .product_classlist .search_box{padding-right:0;}
}

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


/*所有产品分类css*/
.product_classlist .col-xl-10{background:var(--bluehover); display: flex; align-items: center;}
.product_classlist .list a{margin: 0 5px; padding: 8px 25px; border-radius: 4px; color: var(--white); text-transform: capitalize;}
.product_classlist .list a.active{background: var(--white); color: var(--bluehover);}
.product_classlist .list a:hover{background: var(--white); color: var(--bluehover);}
.product_classlist .list a.active:hover{background: var(--white);}

/*左侧产品分类css*/
.product_bg .classlist_bg{background: #f8f8f8; padding: 0;}
.product_bg .classlist_bg .sticky-top{top:20%;}
.product_bg .classlist a{display: flex; align-items: center; max-width:100%; padding: 0 0 0 8%; height:80px; border-bottom: 1px solid #eaeaea; text-transform: capitalize;}
.product_bg .classlist a i{margin-left:8px; font-size: 1.125em; color: var(--7b7b7b); transition: all .5s ease-in-out;}
.product_bg .classlist a i.iconfont1{font-size: 1.9em;}
.product_bg .classlist a:hover{background: var(--bluehover); color: var(--white);}
.product_bg .classlist a:hover i{margin-left:15%; color: var(--white);}

@media screen and (max-width:996px){
  .product_classlist .col-xl-2,.classlist_bg{display: none;}
}

/*产品简介css*/
.product_bg .col-xl-10{padding: 0;}
.product_bg h4{padding:0; text-transform: capitalize;}
.product_bg h4::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 30px 0;}
.product_bg h5{margin:40px 0 15px; color: var(--bluehover);}

.product_info{padding: 5%; border-bottom: 1px #e3e3e3 solid;}
.product_info h4{padding:60px 0 0px; text-transform: capitalize;}
.product_info h6{font-size: 1em;}
.product_info h6 span{ color:#e3e3e3; margin: 0 15px;}
.product_info h6 a{border-bottom: 1px solid var(--bluehover); color: var(--bluehover);}
.product_info ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}
.product_info ul li{flex: 0 0 48%; max-width:48%; padding:25px 0; color: var(--7b7b7b); border-bottom: 1px #e3e3e3 solid; display: flex; align-items: center;}
.product_info ul li::before{content: "\eb08"; font-family: "iconfont"; color: var(--green); display: inline-block; margin-right: 20px;}
.product_info p a{color: var(--bluehover); border-bottom: 1px var(--bluehover) solid;}
.product_info p a:hover{color: var(--green); border-bottom: 1px var(--green) solid;}
.product_info p a i{margin-right: 5px;}


/**tabs**/
.details_list{width:100%; overflow-x: hidden; padding-top:4%;}
.details_list ol{display: flex; justify-content:center; margin-bottom:.5rem;}
.details_list ol li{cursor:pointer; background: var(--dark); color: var(--white); margin: 0 .35rem; padding:.35rem 2rem; text-transform: capitalize;}
.details_list .hit{cursor:pointer; background: var(--bluehover); color: var(--white); transition: all .5s ease-in-out;}
.pane{display:none;}
.pane ul{display: flex; flex-wrap: wrap; padding: 30px; box-shadow:0 0 15px rgba(0,0,0,.05); border-bottom:8px var(--dark) solid; background:var(--white);}
.pane ul li{flex: 0 0 100%; max-width:100%; padding:10px 0; color: var(--7b7b7b); display: flex; align-items: center;}
.pane ul li::before{content: "\eb08"; font-family: "iconfont"; color: var(--green); display: inline-block; margin-right: 10px;}

.mySwiper1{padding-left:20px;}
.details_list .swiper-button-prev{left:0px;}
.details_list .swiper-button-next{right:27.5%;}


/*锁模部分css*/
.suomo_info{padding:4%; border-bottom: 1px #e3e3e3 solid;}
.suomo_info .row{display: flex; flex-wrap: wrap;}
.suomo_info ul{ margin-top:30px;position: relative; z-index: 2; width:112%;}
.suomo_info ul li{padding:8px 0;}

/*射出单元css*/
.shechu_info{padding:4%; border-bottom: 1px #e3e3e3 solid;}
.shechu_info ul{ margin-top:50px; }
.shechu_info ul li::before{content: "\eb08"; font-family: "iconfont"; color: var(--green); display: inline-block; margin-right: 10px;}

/*液压单元css*/
.yeya_info{padding:4%; border-bottom: 1px #e3e3e3 solid;}
.yeya_info .row .row{ margin-top:50px; position: relative; z-index: 2; width:112%; left:-6%;}
.yeya_info ul{background:var(--dark); padding: 30px;}
.yeya_info ul li{color: var(--white);}
.yeya_info .product_img4{padding: 0;}
.yeya_info .product_img4 img{height: 100%;border: 1px var(--dark) solid;}

/*电控单元css*/
.diankong_info{padding:4%; border-bottom: 1px #e3e3e3 solid;}
.diankong_info ul{margin-top:30px;}
.diankong_info ul li{flex: 0 0 100%; max-width:100%;}
.diankong_info ul li:nth-child(1),.diankong_info ul li:nth-child(2),.diankong_info ul li:last-child{flex: 0 0 100%; max-width:100%;}

/*伺服节能单元css*/
.sfjn_info{padding:4%; border-bottom: 1px #e3e3e3 solid;}
.sfjn_info ul{flex: 0 0 90%; max-width:90%; margin-bottom: 30px;}
.sfjn_info li{flex-wrap: wrap;}
.sfjn_info li span{width:auto;display:block;}


/*功能列表css*/
.function_list{padding:4%; border-bottom: 1px #e3e3e3 solid;}
.function_list table{margin-bottom: 40px;}
.function_list table tr:nth-child(1){background:#399c67; color:#fff; font-weight:bold; line-height: 32px; text-align: center;}
.function_list table td{padding-left: 20px;}
.function_list td img{max-width: 120px;}

/*标配和选配css*/
.choose_list{padding:4% 0 4% 4%; border-bottom: 1px #e3e3e3 solid; background: url(../images/service_bg.jpg) top center fixed; background-size:cover;}
.choose_list .col-lg-3:nth-child(3) h5,.choose_list .col-lg-3:nth-child(4) h5{color: var(--green);}
.choose_list p{padding:3px 0;}

/*相关产品css*/
.product_box{padding:4%;}
.product_img_box{border: 1px var(--light) solid;height: 230px; display: flex; align-items: center; flex-direction: column; justify-content: center; position: relative;}
.product_img_box p{position: absolute; z-index: 2; left: 0; bottom: 8px; width: 100%; text-align: center;}
.product_img_box:hover{ border-bottom:8px var(--dark) solid; }
.product_img_box:hover .product_img img{transform: scale(1.1); transition: all .5s ease-in-out;}

/*产品详情css*/
.productview .container{max-width: 1200px;}
.productview h4{display: flex; justify-content: center; align-items: center; margin-bottom: 2rem;}
.productview h4 span{background: var(--bluehover); color: var(--white);border-radius:4px;padding:4px 10px; font-size: 16px; margin-left: 15px;}
.productview .gallery-top {width:55%; margin-bottom:5px;}
.productview .gallery-top img{border:1px #ccc solid;}
.productview .gallery-thumbs {width:30%; box-sizing: border-box; padding: 10px 0;}
.productview .gallery-thumbs .swiper-slide {opacity: 0.4; cursor: pointer;}
.productview .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:1px var(--bluehover) solid;}
.productview .swiper-button-next:after,.productview .swiper-button-prev:after{color:var(--white);}


@media screen and (max-width:1680px) {
  .product_bg h4::after{margin: 30px 0;}
  .function_list table td{padding-left:5px;}
  .function_list td img{max-width: 110px;}
  .suomo_info ul,.shechu_info ul,.yeya_info .row .row,.diankong_info ul{ margin-top:30px;}
  .pane ul li{padding:8px 0;}
  .product_img2{margin-top: 20%;}
  .product_img3,.product_img5,.product_img6{height: 100%; object-fit: cover;}
  .product_img8{margin-top: 40px;}
}

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

}

@media screen and (max-width:1280px) {
  .product_info ul li{padding:20px 0;}
  .function_list table td{padding-left:0; text-align: center;}
  .suomo_info ul,.shechu_info ul,.yeya_info .row .row,.diankong_info ul{ margin-top:20px;}
  .product_img_box{height:170px; margin-bottom: 25px;}
}


@media screen and (max-width:576px) {
  .pane ul li{display: block; line-height: 1.3;}
  .product_classlist{height: auto; padding: 20px 0 10px; background: var(--bluehover);}
  .product_classlist .col-xl-10{flex-wrap: wrap;}
  .product_classlist .list a{margin-bottom: 10px; padding: 8px 10px;}
  .product_bg{padding-top: 30px;}
  .product_info h4{padding:30px 0 0px;}
  .product_info ul li{flex: 0 0 100%; max-width:100%;}
  .pane ul{padding:20px 15px;}
  .sfjn_info ul li{display: flex;}
  .details_list{padding-top: 10%;}
  .details_list ol{ flex-wrap: wrap;}
  .details_list ol li{margin-bottom: 10px; padding:.5rem 2rem;}

  .diankong_info ul li{flex: 0 0 100%; max-width:100%;}

  .suomo_info{padding: 4% 4% 10%;}
  .suomo_info .row .col-12:nth-child(2){order:-1; display: flex;}
  .suomo_info ul{width: 100%;}
  .product_img2{margin-top: 0}
  .product_img2,.product_img3,.product_img5,.product_img6{height:auto; margin-bottom: 20px;}
  .yeya_info .row .row{width:100%; left: 15px;}
  .sfjn_info ul{max-width: 100%;}
  .sfjn_info li span{width: auto; margin-right: 5px; color: var(--bluehover);}

  .function_list{max-width: 100%; padding: 8% 4% 0; overflow-x: scroll;}

  .choose_list{padding:8% 4% 4%;}
  .choose_nav {padding:5px 0 20px 0;}
  .choose_nav h5{font-size:1.25em; font-weight:bold; margin:0px; border-bottom: 1px solid rgba(255,255,255,0.05); padding:14px 20px 13px 0; position: relative;}
  .choose_nav h5:before,.choose_nav h5:after{content: '';position: absolute; border-radius:2px; background:#7f7f7f;}
  .choose_nav h5:before{width: 12px;height: 2px; left:auto; bottom:auto; top: 23px;right: 6px; -webkit-transition: .3s ease-out;transition: .3s ease-out;}
  .choose_nav h5:after{width: 2px;height: 12px; left:auto; bottom:auto; top: 18px; right: 11px; -webkit-transition: .3s ease-out;transition: .3s ease-out;}
  .choose_nav .selected h5{color:var(--bluehover); margin-bottom:15px;}
  .choose_nav .selected h5:before{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
  .choose_nav .selected h5:after{-webkit-transform: rotate(360deg);transform: rotate(360deg); opacity: 0;}
  .choose_nav ul{padding:15px 0 20px 0;}
  .choose_nav ul li{font-size:1em; border-bottom:1px solid rgba(0,0,0,0.05); padding:5px 0;}
  .choose_nav .list-item {position:relative; overflow:hidden; zoom: 1; display:none; padding-bottom:30px; margin-bottom: 20px; border-bottom: 1px #ccc solid;}
  .choose_nav .list-item a{display:block; font-size:1em; margin-bottom:7px;}
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++应用领域css+++++++++++++++++++++++++++++++++++++++++++++++++*/

/*服务理念css*/
.service_bg{padding:80px 0; background: url(../images/service_bg.jpg) top center fixed; background-size:cover;}
.service_bg h4{padding: 20px 0 0px;}
.service_bg h4::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 40px 0;}
.service_bg h6{color: var(--bluehover);}

.page_talent_idea {padding:50px 0;}
.page_talent_idea .list {overflow:hidden}
.page_talent_idea .list>ul {margin:0 -10px;padding:0;display:flex;justify-content:space-between}
.page_talent_idea .list>ul>li {list-style-type:none;width:25%;padding:0 10px;transition:all .5s; cursor: pointer;}
.page_talent_idea .list>ul>li.m {width:15%}
.page_talent_idea .list>ul>li.on {width:55%}
.page_talent_idea .list>ul>li.on .before {opacity:0}
.page_talent_idea .list>ul>li.on .after {background:var(--bluehover);opacity:1;transition-delay:.3s}
.page_talent_idea .list_item-sub {width:100%;height:450px;position:relative;background:var(--white);}
.page_talent_idea .list_item-sub .before {display:block; width:100%; height:100%; padding:80px 40px 0; position:absolute; left:0;top:0; z-index:2;transition:all .5s}
.page_talent_idea .list_item-sub .before .icon {width:50px; height:50px; margin:0 auto 40px; color:var(--bluehover); font-size:3em;}
.page_talent_idea .list_item-sub .before h5{display:block; font-size:18px; line-height:30px; height:60px; text-align:center;/*word-break: break-all;
    word-wrap: break-word;*/}
.page_talent_idea .list_item-sub .before .more {width:20px; height:20px; margin:150px auto 0; border: none; font-size: 1.5em;}
.page_talent_idea .list_item-sub .before .more::after{ color: var(--dark); font-size: .6em;}
.page_talent_idea .list_item-sub .after {display:block;width:100%;height:100%;padding:80px 40px 0;position:absolute;left:0;top:0;z-index:3;opacity:0;transition:all .5s}
.page_talent_idea .list_item-sub .after .title {display:flex;justify-content:space-between;align-items:center}
.page_talent_idea .list_item-sub .after .title h5{color:var(--white); font-weight: bold;}
.page_talent_idea .list_item-sub .after .title .icon {width:50px;height:50px; line-height: 50px; color:var(--white); font-size:3em;}
.page_talent_idea .list_item-sub .after .txt {margin-top:50px;color:var(--white);font-weight:lighter}


@media (max-width:1440px) {
  .page_talent_idea {padding-top:80px;padding-bottom:80px}
}

@media (max-width:1280px) {
  .page_talent_idea .list_item-sub .before {padding:80px 20px 0;}
  .page_talent_idea .list_item-sub .before h5{font-size:16px;}
}
@media (max-width:996px) {
  .page_talent_idea {padding:50px 0;}
  .page_talent_idea .list>ul {margin:0 -10px;padding:0;display:flex; flex-wrap: wrap; flex-direction: column; justify-content:space-between}
  .page_talent_idea .list>ul>li {width:100%; margin:5px 0; height:120px;}
  .page_talent_idea .list>ul>li.m {width:100%;}
  .page_talent_idea .list>ul>li.on {width:100%; height:240px;}
  .page_talent_idea .list_item-sub {height:120px;}
  .page_talent_idea .list_item-sub .before {padding:0px 20px; display: flex; align-items: center;}
  .page_talent_idea .list_item-sub .after {padding:30px 50px 0; height:240px;}
  .page_talent_idea .list_item-sub .after .title b {font-weight:normal}
  .page_talent_idea .list_item-sub .after .txt {font-weight:normal; margin-top:20px;}

  .page_talent_idea .list_item-sub .before .more {width:20px; height:20px; margin:0px auto;}
  .page_talent_idea .list_item-sub .before h5{line-height:30px; height:auto;}
  .page_talent_idea .list_item-sub .before .icon {margin:0 auto; line-height: 1; font-size:4em;}
}
@media (max-width:576px) {
  .page_talent_idea .list>ul>li {height:100px;}
  .page_talent_idea .list>ul>li.on {height:400px;}
  .page_talent_idea .list_item-sub {height:100px;}
  .page_talent_idea .list_item-sub .after {height:400px; padding:10px 30px;}
  .page_talent_idea .list_item-sub .before .icon {font-size:2.85em;}
}


/*应用领域css*/
.application_bg{padding:60px 0 20px; position: relative;}
.application_bg::before{content: "APPLICATION"; color: var(--dark); font-size: 12em; line-height: 1; font-weight: 900; opacity:.05; position: absolute; bottom:0; left:2%; }
.application_bg .container{max-width:20%; position: absolute; z-index: 2; top:20%; left: calc((100% - 1410px)/2);}
.application_bg h4{padding: 20px 0 0px;}
.application_bg h4::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 40px 0;}
.application_bg h5{font-weight: bold; padding:25px 20px; border-top: 1px var(--light) solid;}
.application_bg h6{color: var(--bluehover);}
.application_bg .swiper{width:62%; margin: 0 2% 0 auto; padding:30px 15px; overflow: hidden; position: relative; z-index: 2;}
.application_bg .swiper-slide {margin-bottom:20px;}
.application_box{background: var(--white); border-bottom: 8px solid var(--dark); box-shadow: 0 0 15px rgba(0,0,0,.1);}

@media screen and (max-width:1440px){
  .application_bg h5{font-size: 18px; padding: 20px 15px;}
}

@media screen and (max-width:1280px){
  .service_bg{padding:50px 0;}
  .service_bg h4::after,.application_bg h4::after{margin:30px 0;}
  .application_bg .container{max-width: 25%; left:40px;}
  .application_bg .swiper{width:65%;}
  .application_bg h5{font-size: 16px;}
}

@media screen and (max-width:996px){
  .application_bg{overflow-x: hidden;}
  .application_bg::before{font-size:9em; }
  .application_bg .container{max-width:35%;}
  .application_bg .swiper{width:60%;}
  .application_bg h5{padding:15px 20px 10px; font-weight: normal;}
}
@media screen and (max-width:576px){
  .service_bg{padding:50px 0 0;}
  .application_bg .container{max-width:100%; position: relative; left: 0px;}
  .application_bg .swiper{width: 100%;}
  .application_bg::before{display: none;}
  .application_box{border-bottom: 4px solid var(--dark);}
}



/*新闻资讯css*/
.news_box1{padding:80px 0 30px; text-align: center;}
.news_box1 h1{font-weight:bold; font-size:54px; margin-bottom:60px;}
.news_box1 .row .col-lg-4{padding:0 20px;}
.news_box1 .news_img{width:100%; overflow:hidden;}
.news_box1 .news_img img{width:100%; transition: all .5s ease-in-out;}
.news_box1 .news_img img:hover{transform: scale(1.1);}
.news_box1 .news_text{background:#f5f5f5; padding:0px 30px 30px; text-align:left; margin-bottom:40px;}
.news_box1 .news_text h5{ line-height:1.6; display:flex; align-items:center; padding: 15px 0; font-size: 1.125em;}
.news_box1 .news_text p{min-height:108px;}
.news_box1 .news_text .time{font-size:14px; margin-top:30px; display: inline-block;}
.news_box1 .news_text a:hover{color:#333;}
.news_box1 .news_text h5 a:hover{color:#000; text-decoration:underline;}

.news_box1 .col-lg-12{ margin-bottom:40px; display:flex; align-items:center;}
.news_box1 .col-lg-12 .news_img{width:55%;overflow:hidden;}
.news_box1 .col-lg-12 .news_img img{width:100%; transition: all .5s ease-in-out;}
.news_box1 .col-lg-12 .news_text{max-width:45%;height:100%; margin-bottom:0;  padding:0px 50px; display:flex; align-items:center;}
.news_box1 .col-lg-12 .news_text h5{font-weight:bold;}

.newsview_tabs{width:100%; border-bottom:1px rgba(0,0,0,.1) solid; line-height: 73px; background:#fff; font-weight:bold;}
.newsview_tabs .container{max-width:91%;}
.caseview_box{ padding:60px 0 20px;}
.caseview_box h2{font-weight:bold;}
.caseview_box h6{font-weight:bold; color:#d72228; font-size:15px; padding:20px 0 30px 0;}
.caseview_box p{color:#666; margin:15px 0;}
.caseview_box img{width:100%; margin:10px 0;}

@media screen and (max-width: 1440px){
    .news_box1 h1{font-weight:bold; font-size:48px; margin-bottom:60px;}
    .news_box1 .col-lg-12 .news_text h5{font-size:1.75em;}
    .news_box1 .col-lg-12 .news_text p{font-size:1.125em;}
}

@media screen and (max-width: 1280px){
    .news_box1 .news_text .time{margin-top:20px;}
    .news_box1 .news_text h5{padding: 10px 0;}
}
@media screen and (max-width: 996px){
    .news_box1 h1{font-size:2.25em; margin-bottom:60px;}
    .news_box1 .news_text{padding:0px 30px 20px; margin-bottom:30px;}
    .news_box1 .col-lg-12 .news_text h5{font-size:1.125em;}
    .news_box1 .col-lg-12 .news_text p{font-size:1em;}
    .news_box1 .news_text h5{ display: flex; align-items: center; height:50px;}
    .news_box1 .news_text span{margin-top:20px;}
}


@media screen and (max-width: 576px){
    .news_box1{padding:40px 0 10px;}
    .news_box1 .col-6{padding: 0 10px;}
    .news_box1 h1{font-size:2.25em; margin-bottom:30px;}
    .news_box1 .news_text{padding:5px 15px; margin-bottom:20px;}
    .news_box1 .col-lg-12{ flex-direction: column; background:transparent; padding:0 10px; margin-bottom:20px;}
    .news_box1 .col-lg-12 .news_img{width:100%; overflow:hidden;}
    .news_box1 .col-lg-12 .news_text{ max-width:100%; width:100%; height:auto; padding:5px 15px; align-items: flex-start; order: 2;}
    .news_box1 .news_text h5,.news_box1 .col-lg-12 .news_text h5{font-size:1.125em; font-weight: normal; height: auto; padding: 5px 0;}
    .news_box1 .news_text p,.news_box1 .col-lg-12 .news_text p{min-height:auto;font-size:1em;  display: none;}
    .news_box1 .news_text .time{margin-top:15px; font-size:.85em;}
}



/*新闻详情css*/
.breadcrumb{background: var(--bluehover); color: var(--white); border-radius: 0;}
.breadcrumb a{color: var(--white); margin: 0 4px;}
.newsview .container{max-width: 1200px;}
.newsview .row{justify-content: center;}
.newsview h4{ padding:70px 0 20px; text-align: center; font-weight:bold;}
.newsview h6{display: flex; justify-content: center; align-items: center; padding-bottom:25px; font-size:14px; color:#949494;}
.newsview h6 span{margin-right: 15px;}
.newsview img{max-width:100%; margin:15px 0;}
.newsview p{margin:10px 0;}
.newsview i{margin-right: 5px;}

@media screen and (max-width:1280px) {
  .newsview.pt_20{padding-top: 0;}
  .newsview h4{ padding:50px 0 20px;}
}

@media screen and (max-width:576px) {
    .newsview{padding:3% 0 30px 0;}
    .newsview h4{ padding:20px 0 20px;}
    .newsview .row{padding:0;}
    .newsview h6 span:nth-child(1){display: none;}
}


/********************************************联系我们css****************************************/
.contact{padding:80px 0;}
.contact .row{justify-content: space-between;}
.contact .col-lg-4{padding: 0 40px;}
.contact h4{padding: 20px 0 0px;}
.contact h4::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 40px 0;}
.contact h6{color: var(--bluehover); text-transform: uppercase;}
.contact p{padding:25px 0; border-bottom: 1px #e3e3e3 solid; display: flex; align-items: center;}
.contact p span{ display: inline-block; width:80px; }
.contact i{margin-right:15px; transition: all .5s ease-in-out; font-size: 1.75em; width:24px;}
.contact i.iconfont1{ font-size: 1.35em;}
.contact i.iconfont2{ font-size: 1.5em;}
.contact a:hover i{margin-left: 15px;}

.contact #dituContent{width:92%;height:480px; border: 1px #e3e3e3 solid; margin-left:8%;}
.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}

@media screen and (max-width:1368px){
  .contact .container{ max-width: 1300px;}
}

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

@media screen and (max-width: 576px){
    .contact{padding:30px 0; width:100%;}
    .contact h4{margin-bottom: 0; padding: 0;}
    .contact h5{margin: 1.5rem 0 .5rem; padding-bottom: 10px;}
    .contact p{display: block; padding: 15px 0;}
    .contact p span{padding-right:0px; width:auto;}
    .contact p span::after{content: ":"; }
    .contact i{margin-right:8px; display:inline-block;}
    .contact i.iconfont1{font-size:16px;}
    .contact #dituContent{max-width:100%; margin:0px auto; height:300px;}
}

/*在线留言css*/
.message_bg{ position: relative; }
.message_info{max-width:1200px; background:var(--white); padding:4% 5%; position: relative; z-index: 2; margin: -8% auto 0;}
.message_info h4{padding:0;}
.message_info h4::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 40px 0;}
.message_info h6{color: var(--bluehover); text-transform: uppercase;}

.message_info li{width:100%;display: block;margin-bottom:15px;}
.message_info button, .message_info input {border: 0;outline: 0; padding:10px 16px; border:1px #e3e3e3 solid;}
.message_info textarea {border: 0;outline: 0; padding:16px;border:1px #e3e3e3 solid;}
.message_info input,.message_info textarea {margin-right:8px; width: 100%; box-sizing: border-box; transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;}
.message_info button {color:#61677C; transition: all 0.2s ease-in-out;cursor: pointer;}
.message_info .red {display: block;width:100%;color:var(--white); font-size:18px; margin:0 auto; background:var(--bluehover);}
.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_info{max-width:900px;}
}

@media screen and (max-width:996px){
  .message_bg.pb_60,.message_bg.pt_60{padding: 0;}
  .message_info h4::after{margin: 30px 0;}
}


@media screen and (max-width:576px){
  img.message_img{ height:200px; object-fit: cover; }
  .message_info{max-width:90%; padding:40px 20px;}
  .message_info li{margin-bottom:5px;}
}

/*********************分页css************************/
.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0; margin:30px auto !important;}
.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:var(--white)}
.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{color:var(--white); background:var(--bluehover)!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:var(--white);}
.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;}

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

@media screen and (max-width:1280px){
    .pagination {margin:0px auto !important;}
    *+.pagination-wrap {margin:0px auto;}
}

@media screen and (max-width: 576px){
  .pagination {margin:20px auto 0 !important;}
  .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:0;}
  .prev_next a:nth-child(2){display: none;}
  .prev_next span{padding:0;}
}