@charset "utf-8";
/* CSS Document */
body{position: relative;height: 100%;}
body img{width:100%;}

.more{display:flex; justify-content: space-between; align-items: center; padding:8px 15px; border:1px var(--gray) solid; max-width:150px;}
.more::after{content:"\eca8"; font-family: "iconfont"; margin-left:1rem; font-size:1em; transition: all .5s ease-in-out; }
.more:hover{max-width:200px; background-image:var(--bg); color: var(--white);}
.more::after:hover{margin-left:.5rem;}

.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;}
    .more{padding:2px 6px; max-width:110px;}
    .more::after{margin-left:0.2rem;}
    .more:hover{max-width:125px;}
}

/*导航条css*/
header{display: flex; flex-direction: column;transition:all .5s ease-in-out; width:100%; position:fixed; z-index:99999;}
header.sticky{max-width:100%;margin-left:0; background:#fff; 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;}
header.sticky .navbar-light .navbar-nav .nav-link,header.sticky .navbar-light .navbar-brand,header.sticky .navbar-light .navbar-brand:hover{color: var(--dark);}
header.sticky .navbar-light .navbar-nav .active > .nav-link,header.sticky .navbar-light .navbar-nav .nav-link.active{color: var(--dark); border-bottom:1px var(--dark) solid;}
header img.sticky,header.sticky img.normal{display: none;}
header.sticky img.sticky{display: block;}


.navbar-brand {margin-right:4rem;}
a.navbar-brand{font-size:1.2rem; padding:0; display:flex; align-items:center; font-weight: bold; letter-spacing:6px;}
a.navbar-brand span em{ font-size:16px; font-weight: normal; font-style: normal; letter-spacing: 0}
.navbar .navbar-brand img{max-width:450px; margin-right:100px;}
.navbar-light .navbar-brand,.navbar-light .navbar-brand:hover{color: var(--white);}
.navbar-light .navbar-nav .nav-link{color: var(--white);}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:#0d83e8;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active{color: var(--white); border-bottom:1px var(--white) solid;}
.dropdown-toggle::after{margin-left:0.4em; transition: all .5s ease-in-out;}
.nav-item.show .dropdown-toggle::after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.dropdown-menu{min-width:9rem; top:100%;padding:0; margin:0.14rem 0 0;background:#f8f8f8; border:none; border-radius:2px;}
.dropdown-item {padding:0;text-align:center; line-height:2.2;}
.dropdown-item:hover{color: #fff;background-color:#0d83e8;}

/*网站语言版本切换css*/
.language{height:35px; position:relative;}
.language i{margin-left:5px;}
.current_lang{cursor:pointer; overflow:hidden; position:absolute; z-index:99; right:0px; top:3px; line-height:35px;}
.lang{padding:0 0px; width:110px;}
.lang .iconfont{font-size:18px; margin-right:5px;}
.lang .iconfont1{font-size:12px; margin-left:5px;}
.lang_f{display: flex; align-items: center; justify-content:center;color: var(--white);}
.lang.selected{display:none;}
.more_lang{transform:translateY(-20px);opacity:0;cursor:pointer;display:none; position:relative; z-index:100000; left:0px; top:35px;-webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
-moz-transition:    all .3s cubic-bezier(.25, 1.15, .35, 1.15);
-o-transition:      all .3s cubic-bezier(.25, 1.15, .35, 1.15);
-ms-transition:     all .3s cubic-bezier(.25, 1.15, .35, 1.15);
transition:         all .3s cubic-bezier(.25, 1.15, .35, 1.15);}
.translate_wrapper.active .more_lang{display:block; }
.more_lang.active{opacity:1;transform:translateY(-0px);}
.more_lang .lang{text-align:center; width:110px; line-height:2.4; background:#f7f7f7; border-bottom:1px #ccc solid;}
.more_lang .lang:hover{background:#0a63ce;}
.more_lang .lang a{color:#333;}
.more_lang .lang:hover a{color:#fff;}
.translate_wrapper:hover,.translate_wrapper.active,.content a:hover{position:absolute; z-index:100000; right:0px; top:0px;}
.translate_wrapper.active .lang-last{border-bottom:none;}

header.sticky .lang_f{color:var(--dark);}


@media screen and (max-width:1440px){
   .navbar .navbar-brand img{max-width:350px; margin-right:0;}
}

@media screen and (max-width:1366px){
   .navbar-expand-lg .navbar-nav .nav-link{padding-left:15px; padding-right:15px;}
   .dropdown-menu{font-size:14px;}

}

@media (min-width:996px){
  .navbar-expand-lg .navbar-nav .nav-link {margin:0 .5rem;}
  .navbar-expand-lg .navbar-collapse{position: relative;}
}

@media screen and (max-width:996px){
    .navbar{height:75px;}
    .navbar .navbar-brand img{max-width:250px; margin-right:20px;}
    .navbar-light .navbar-toggler{color:var(--white); border:1px var(--white) solid;}
    .navbar-light .navbar-toggler-icon{background-image:none; margin-bottom:-2px;}
    header.sticky .navbar-light .navbar-toggler{color:var(--dark); border:1px var(--dark) solid;}
    .navbar-toggler{padding: 0.25rem 0.5rem;}
    .navbar-collapse{position: fixed; z-index: 9999;width:100%; max-width:100%; height: 100%;padding:1rem 2rem; top:65px; left:0; background:#fff; border-top:1px #efefef solid;}
    .navbar-light .navbar-nav .nav-link{color:var(--dark); font-size:18px;}
    .navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active{color: var(--blue); border-bottom:1px var(--blue) solid;}
    .nav-link{padding:0.8rem 1rem; border-bottom:1px #efefef solid;}
    .dropdown-menu{margin:0;background:none; padding-bottom:30px;}
    .dropdown-item{border-bottom:1px #efefef solid; text-align:left; line-height:3; font-size:16px;}
}

@media screen and (max-width:576px){
  .navbar .navbar-brand img{max-width:200px; margin-right:0px;}
}

.swiper{width: 100%; overflow: hidden;}
.swiper .swiper-slide{display: flex; justify-content: center;align-items: center;}
.swiper .swiper-slide img {display: block;width:100%;}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{right:30px;}
.swiper-button-next:after,.swiper-button-prev:after {font-family: "iconfont" !important;}
.swiper-button-next:after{content: "\e621";}
.swiper-button-prev:after{content: "\e603";}
@media screen and (max-width:996px){
    .swiper-button-next:after,.swiper-button-prev:after{font-size:24px;}
}

/********************************************banner轮播css****************************************/
.slider{position:relative;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{width:95%; bottom:30px; display: flex; justify-content: flex-end;}
.slider .swiper-pagination-bullet{background:#fff; width:10px; height:10px; border-radius:10px; opacity:1; transition: all 0.4s ease;}
.slider .swiper-pagination-bullet-active{width:45px; background:#fff; opacity:1;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.slider .swiper-button-next,.slider .swiper-button-prev{width:64px; height:64px; color:#fff;}
.slider .swiper-slide{display: flex; justify-content:center;}
.slider .container{position:absolute; color:#fff; top:18%; margin:0 auto; text-align:center;}
.slider .container img{max-width:50%;}

@media screen and (max-width:996px){
    .slider .container{top:35%;}
    .slider .container br{display: none;}
}

@media screen and (max-width:576px){
    .slider{text-align:center;}
    .slider h6{margin:20px 10% 30px;}
    .slider .slider_more{max-width:150px; margin:0 auto;}
    .slider .swiper-pagination-bullet{width:8px; height:8px;}
    .slider .swiper-pagination-bullet-active{width:24px;}
    .slider .swiper-button-next,.slider .swiper-container-rtl .swiper-button-prev{right: 0px;}
    .slider .swiper-button-prev,.slider .swiper-container-rtl .swiper-button-next{left: 0px;}
}


/*首页公司简介css*/
.inabout_bg,.inabout_bg .col-12{padding:0;}
.inabout_bg .row{margin:0;}
.inabout_img{overflow: hidden; height:100%;}
.inabout_img img{width:100%; height:100%; transform: scale(1);transition: 0.5s all ease-in-out; object-fit: cover;}
.inabout_img img:hover{transform: scale(1.05);}
.inabout_main{background:#fafafa; height:100%; padding:7% 10% 0;}
.inhonor_main{padding:5% 10% 5%;}
.inabout_bg h1{line-height:1; margin-bottom:0; font-size:40px;}
.inabout_bg h1 i{font-style:normal;}
.inabout_bg h1 span{font-size:16px;}
.inabout_bg h2{color:var(--blue);font-weight: bold;}
.inabout_bg h4{font-weight: bold; margin-bottom:30px;}
.inabout_bg p{padding:10px 0;}
.inabout_bg .more{margin-top:50px;}

.inabout_bg .col-lg-2{text-align: center;padding-top:20px; padding-bottom:20px;}
.inabout_bg .col-lg-2 h1{font-weight: bold;}
.inabout_bg .col-lg-2 .iconfont{color:#cccccc; font-size:38px;}
.bg_blue{background:#fafafa;}
.bg_white{background:#fff;}

ul.inhonor_info{width:100%;}
ul.inhonor_info li{line-height:42px; margin-bottom:10px; padding-left:20px; background:#e4eaf6; transition: 0.5s all ease-in-out;}
ul.inhonor_info li:hover{background:var(--blue); color:var(--white); box-shadow: 0 10px 10px rgba(0,0,0,.2);}

@media screen and (max-width:1440px){
    .inabout_main{padding:7% 8% 5%;}
    .inabout_img img{width:100%; height:100%;}
}

@media screen and (max-width:1366px){
    .inabout_bg .more{margin-top:20px;}
}

@media screen and (max-width:1280px){
    .inabout_bg h1{font-size:32px;}
}

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

@media screen and (max-width:576px){
    .inabout_main{padding:0 20px 5%;}
    .inabout_bg h4{margin-bottom:10px;}
    .inabout_bg .more{margin:20px 0;}
    .inabout_img{padding:20px;background:#fafafa;}
    .bg_blue{background:#fff;}
    .inhonor_main{padding:5% 15px 5%;}
    ul.inhonor_info{width:100%; margin-top:20px;}
    ul.inhonor_info li{line-height:28px; padding:8px 20px;}
}


/*首页产品分类css*/
.inproduct_list{width: 100%; overflow:hidden; padding:50px 0; position:relative;}
.inporduct_title{text-align: center; margin:0 5% 50px 5%;}
.inproduct_list h5{font-weight:bold; text-align: center; padding-top:10px;}
.inproduct_list a.list{position: relative; display: flex; justify-content: center; overflow: hidden;}
.inproduct_list a.list h6{line-height:45px; position: absolute; z-index:2; top:40px; background:var(--blue); color:var(--white); padding:0 25px;}
.inproduct_list a.list img{transform: scale(1);transition: 0.5s all ease-in-out;}
.inproduct_list a.list:hover img{transform: scale(1.1);}
.inproduct_list .swiper-pagination{width:100%; display: flex; justify-content: center; margin-top:-30px;}
.inproduct_list .swiper-pagination-bullet{width:35px; height:8px; border-radius:0; margin:0 4px; background:var(--white);}
.inproduct_list .swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));}

@media screen and (max-width:576px) {
    .inporduct_title{width:90%; display:flex; justify-content:space-between; margin:0 2% 20px 3%;}
    .inproduct_list{padding:30px 0 15px 0;}
    .inproduct_list h5{text-align:center; font-weight:normal;}
    .inproduct_list a.list h6{ line-height: 24px; padding:10px; top:20px;}
}

/*首页企业实力css*/
.inshili_bg{max-width:1760px; position: relative; padding:20px 0 80px; display: flex; justify-content: center; align-items: center;}
.inshili_bg img{max-width: 100%;}
.inshili_bg .title{position:absolute; z-index: 2; margin-bottom:100px; text-align: center; color: var(--white);}
.inshili_bg .title i{font-size:5em;}
.inshili_bg h2{color:var(--white);}

@media screen and (max-width:576px) {
   .inshili_bg{max-width:92%; padding:20px 0 30px;}
   .inshili_bg img{max-width:auto; height:300px; object-fit: cover;}
   .inshili_bg .title{margin-bottom:50px;}
}


/*首页合作伙伴css*/
.incooperation_bg{padding:60px 0;background:url(../images/pater_bg.jpg) center fixed; background-size:cover; text-align: center; position: relative; width:100%; overflow: hidden;}
.incooperation_bg .container-fluid{max-width: 92%;}
.incooperation_bg .swiper{overflow: hidden;}
.incooperation_bg h4 em{font-size:18px; padding-left:8px; font-style: normal;}
.incooperation_bg h6{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; max-width:1410px;}
.incooperation_bg .container:after { content: ""; width: 626px; height: 313px; background: url("../images/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:1366px) {
  .incooperation_bg .container{max-width:1336px;}
  ul.one{margin-left: 48px;}
  ul.three{margin-right:48px;}
}

@media screen and (max-width:1280px) {
  .incooperation_bg .container{max-width:1140px;}
  .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{max-width:960px;}
  .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****************************************/
footer{background:#333333; padding:40px 0 20px; color:var(--white);}
.footer_menu{display: flex; justify-content: space-between; align-items: center; border-bottom:1px rgba(104,112,134,.2) solid; padding-bottom:20px;}
.footer_logo img{ max-width:350px;}
.footer_menu a{color:var(--white); line-height:2; margin:0 10px;}

.footer_contact{display: flex; justify-content: space-between; align-items: center; border-bottom:1px rgba(104,112,134,.2) solid; padding:40px 0;}
.footer_contact .img img{max-width:150px; margin-bottom:8px;}
.footer_contact .col-lg-2{text-align: center;}
.footer_contact i{width:50px; height:50px; line-height: 50px; display: block; text-align: center; border:1px rgba(255,255,255,0.5) solid; border-radius: 100%; font-size:24px; margin-bottom:10px;}
.footer_contact h3 span{font-weight: normal; font-size:18px;}

footer .copyright{font-size:13px; color:#687086; padding-top:20px; text-align: center;}
footer .copyright a{margin-left:15px; color:#687086;}
footer a:hover{color:#0a63ce;}
.top{width:50px; height:50px;line-height:50px; border-radius:4px; background:#0a63ce; color:#fff; text-align:center;  font-size:35px; position: fixed; z-index: 10001;right:5px; bottom:5%;}
.top:hover{color:#fff; background:#0d83e8;}

@media screen and (max-width:996px){
  .footer_logo{display: none;}
}
@media screen and (max-width:576px){
    footer{padding:0px 0 20px;}
    .footer_contact{ padding:20px 0;}
    .footer_contact .img img{max-width:100px;}
    footer .copyright{font-size:12px;}
    .footer_menu,.footer_tel{display: none;}
}



/*公司简介css*/
.about_bg,.envir_bg{padding:80px 0;}
.about_bg h2,.envir_bg h2,.product_box h2,.join_info h2{font-weight: 900; margin:20px 0;}
.about_bg h2::after,.envir_bg h2::after,.join_info h2::after{ content: ""; display: block; width: 60px; height: 1px; background: var(--dark); margin: 40px 0;}
.about_bg h3{padding-top:.2rem;}
.about_bg h3 i{ font-style: normal; font-weight: bold;}
.about_bg h3 span{font-size:16px; font-weight: normal; display: inline-block; margin-left:5px;}
.about_bg h6{color: var(--bluehover); text-transform: uppercase;}
.about_bg p{padding:10px 0; color: var(--7b7b7b);}
.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; justify-content: space-between; margin:50px 0px 0 0px;}
.about_bg ul li{display: flex; flex-direction: column;}


@media screen and (max-width:1440px){
  .about_bg h3 i{font-size:42px;}
}

@media screen and (max-width:1366px){
  .about_bg h3 i{font-size:32px;}
}


/*企业文化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 h2{ color: var(--white)}
.culture_bg h3{ text-transform: uppercase;}
.culture_bg h4{ display: flex;  flex-direction: column; justify-content: center; align-items: center;}
.culture_bg h4::after{content: ""; display: block; width:40px; height: 2px; background: var(--white); margin: 40px 0;}
.culture_bg h5{margin-bottom: 5%; text-transform: uppercase;}


/*荣誉资质css*/
.honor_bg{padding:50px 0; position: relative; text-align: center;}
.honor_bg h2{ font-weight:bold;}
.honor_bg .title{margin-bottom:50px; text-align: center;}
.honor_bg h6{padding:10px 0; background:#ededed;}
.honor_bg .swiper-button-next,.honor_bg .swiper-button-prev{color:var(--white); width:52px; height:52px; background: var(--blue); transition:all .5s ease-in-out;}
.honor_bg .swiper-button-next:after,.honor_bg .swiper-button-prev:after{ font-size:22px;}
.honor_bg .swiper-button-next:hover,.honor_bg .swiper-button-prev:hover{background:var(--hover_bg);}

@media screen and (max-width:996px) {
    .infengcai_bg .time{font-size:12px;}
}

@media screen and (max-width:576px) {
    .honor_bg{padding:30px 0 20px;}
    .honor_bg .title{margin-bottom:20px;}
}


/*合作伙伴css*/
.cooperation_bg{padding:60px 0; background:url(../images/pater_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 h2{padding: 20px 0 0px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.cooperation_bg h6{color: var(--bluehover); text-transform: uppercase;}

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

@media screen and (max-width:1440px) {
  .advantage_bg ul li{padding:30px 0;}
}

@media screen and (max-width:1280px) {
  .advantage_bg ul li{padding:20px 0;}
  .advantage_bg li h6{font-size: 1.125em;}
  .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;}
  .cooperation_bg ul li{height:60px;}
  .cooperation_bg ul li img{max-height:90px;top:-24%;}
}

@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:20px 0px 0 0px;}
  .about_bg ul li{flex: 0 0 50%; max-width:50%; margin-bottom: 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);}

  .honor_bg{padding: 50px 0;}
  .honor_bg .swiper{width:96%; order: 2; margin: 5% 0 0 2%;}
  .cooperation_bg ul li{height:60px; width:calc(25% - 12px); margin:5px 5px;}
  .cooperation_bg ul li img{max-height:100px;top:-36%;}
  .cooperation_bg li:last-child{font-size:42px;}
}


.envir_bg .mt_30{ margin-top:30px;}
.envir_bg p.title{ text-align: center; padding:8px 0; background: #1a4d8f; color: var(--white);}
@media screen and (max-width:576px){
  .envir_bg .m_bottom_30{margin-bottom:30px;}
}


/*************************************产品展示css*******************************************/
.products_menu {width:100%; padding:50px 0 0px; display: flex; justify-content: center;}
.products_menu a{line-height:48px; width:auto; padding:0 2%; margin:0 5px; background:var(--blue); font-size:1.125em; border-radius:3px; color:var(--white); transition: all .5s ease-in-out;}
.products_menu a:hover{background-image:var(--bg); color:var(--white);}

@media screen and (max-width:576px){
  .products_menu{flex-wrap: wrap; padding:20px 0 0px;}
  .products_menu a{ padding:0 4%; margin:5px 5px;}
}

.product_bg{padding:20px 0;}
.product_box p{ padding:5px 0;}
.product_bg h3{font-weight:900; margin:20px 0;}
.product_box h5{margin-top:10px; font-weight: bold; color: var(--blue);}
.product_img{overflow: hidden; border:1px #d5d5d5 solid;}
.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_box p.product_name{text-align: center; padding:10px 0;}
.product_box p.product_name1{text-align: center; padding:20px 0; font-size:20px; font-weight: bold;}

.productview_info1{padding:30px 0;}
.productview_info1 img{max-width:95%; border:1px #ccc solid;}

.productview_btn{display: flex; margin: 2rem 0;}
.productview_btn a{margin-right:15px; display: flex; align-items: center;padding:5px 25px; border-radius:4px; background: var(--blue); color:var(--white);}
.productview_btn a:hover{background-image: var(--bg);}
.productview_btn i{margin-right: 5px;}

.prev_next{display: flex; flex-direction: column; margin:20px 0;}
.underline {display: flex; align-items: center;text-decoration: none; position: relative;}
.underline span {width:100%;
background-image: linear-gradient(0deg, var(--gray-dark) 0%, var(--gray-dark) 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:3;transform: translateZ(0);}
.underline svg {vertical-align: top;display: inline;line-height: 1; width:35px; height:35px;position:absolute;right:0px;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:var(--blue);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(--blue);}
@media screen and (max-width:1680px){
    .product_list ul li{font-size:1em;}
    .product_list a:hover::after{margin-left:10px;}
}

@media screen and (max-width:1440px){
    .product_bg{padding:50px 0;}
    .product_list .title{height:80px;}
    .product_list .title h4{ line-height:80px;}
    .product_list ul li{height:50px; line-height:50px; font-size:1em;}
}

@media screen and (max-width:1366px){
    .product_list .title{height:60px;}
    .product_list .title h4{ line-height:60px;}
    .product_list ul{padding:10px 0 15px 10px;}
    .product_list a:hover{padding-left:10px;}
    .productview_info1 p img{max-width:1200px;}
}

@media screen and (max-width:996px){
    .product_bg{padding:30px 0;}
    .productview_btn{flex-direction: row;}
    .product_list{margin-bottom:15px;}
    .product_list .title{display:none;}
    .product_list ul{display:flex; flex-wrap:wrap; background:none;}
    .product_list ul li{flex:0 0 23%; max-width:23%;margin:0 1% 10px 1%; background:var(--white); text-align:center;}
    .product_list a:hover::after{display:none;}
    .product_bg h3{text-align:center;}
    .product_box p.product_name1{padding:10px 0; font-size:16px;}
    .productview_info1 p img{max-width:720px;}
}
@media screen and (max-width:576px){
    .product_bg{padding:15px 15px;}
    .product_list ul li{flex:0 0 30%; max-width:30%;}
    .productview_btn{margin:0;}
    .product_box p.product_name1{padding:5px 0; font-size:14px; font-weight:normal;}
    .productview_info1 p img{max-width:100%;}
}

/*产品详情css*/
.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:var(--blue);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:var(--blue);}
@media screen and (max-width:576px) {
    .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*/
.join_bg .row::before{ display: none; }
.join_info{padding:30px 0;}
.join_info .container{margin:0 auto;justify-content: center;}
.join_jobs{background:#fff; border-radius:4px; border:1px #ccc solid; padding:20px 30px; margin-bottom:15px; position: relative; overflow: hidden; cursor:pointer;}
.join_jobs:hover{ box-shadow: 0 0 20px rgba(0,0,0,.04);}
.join_jobs h5{font-weight:bold;}
.join_jobs h6{margin:25px 0 10px 0; color:#0a63ce;}
.join_jobs p{padding:4px 0;}
.join_jobs div span{padding:0 10px;}
.join_jobs div span:nth-child(1){padding-left:0;}
.join_jobs a.join_apply{background-image:linear-gradient(to right, #0d59c6, #297bf1);border-radius:30px; width:170px; padding:10px 0; display:flex; align-items:center; justify-content:center; flex:1; color:#fff; margin-top:50px;transition: all .5s ease-in-out; position:absolute;top:-40px; opacity:1;right:30px;}
.join_jobs a.join_apply:before{content:"\e622"; font-size:24px; line-height: 1; transition: all .5s ease-in-out; margin-top:0; margin-right:5px;}
.join_jobs a.join_apply:hover:before{margin-top:-8px;}

.join_jobs .join_position{border-bottom:1px #e9e9e9 solid; padding-bottom:20px;}
/*.join_jobs.selected .join_apply{opacity:1;right:30px;}*/
.join_jobs .list-item {position:relative; overflow:hidden; zoom: 1; padding:15px 0 30px 0;}
.join_jobs .list-item a{margin-bottom:7px;}
.join_jobs .list-item a:hover{color:#0d59c6;}

@media screen and (max-width:1366px){
   .join_bg .join_text{width:92%;}
}

@media screen and (max-width:996px){
   .join_info{padding:40px 0;}
}

@media screen and (max-width:576px){
   .join_bg{padding:30px 0;}
   .join_info .container{padding:0;}
   .join_jobs{padding:20px 15px;}
   .join_bg .join_text{width:100%; padding:20px 0;}
   .join_jobs a.join_apply{font-size:14px; padding:5px 0; margin-top:50px; top:-30px;}
   .join_jobs a.join_apply:before{font-size:20px;}
   .join_jobs.selected .join_apply{right:10px;}
}


/********************************************联系我们css****************************************/
.contact_info{padding:70px 0; text-align:center;}
.contact_info .container{margin:0 auto;}
.contact_info h2{padding-bottom:30px;}
.contact_info_text{background:#2759b1; height:100%; padding:20px 0px 40px;color:var(--white);}
.contact_info_text:hover{box-shadow: 0 0 20px rgba(89,170,244,.1);}
.contact_info_text i{font-size:50px; color:var(--white);}
.contact_info_text p,.contact_info_text a{color:var(--white);}
.contact_info_text a:hover{color:#fff45c;}
.contact_info .mt_30{margin-top:30px;}

.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:450px;border:#ccc solid 1px; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-top:40px;}

@media screen and (max-width:1440px){
    .contact_info{padding:30px 40px;}
}

@media screen and (max-width:1366px){
    .contact_info_text{padding:20px 0px;}
    .contact_info_text i{line-height: 1.5;}
}

@media screen and (max-width:996px){
    .contact_info{padding:40px 0 15px;}
    .contact_info .col-lg-3{ margin-bottom:25px; }
    .contact_info_text{margin-bottom:25px;}
    .contact_info_text{height:100%;}
    #dituContent{margin:20px 0 35px;}
}

@media screen and (max-width: 576px){
    .contact_info .container{margin:0 auto; padding:0;}
    .contact_info_text{padding:20px 0px 25px; margin-bottom:20px;}
    #dituContent{height:300px;}
}


/*在线留言css*/
.message_info{background:url(../images/pater_bg.jpg) top center no-repeat; background-size:cover; padding:80px 0;}
.message_info_title{position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; margin:50px 0;}
.message_info_title::before{content: "MESSAAGE"; color: var(--blue); opacity: .1; display: inline-block; font-size:120px; font-family: "AccidentalPresidency"; position: absolute; line-height: 1; top: -70%;}
.message_info h2{margin-bottom:.5rem;}
.message_info h5 span{color:var(--blue);}
.message_info h5 i{font-size:22px; margin-right:10px;}
.message_info h5 a{color:var(--blue);}
.message_info h5 a:hover{text-decoration: underline;}

.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 #ccc solid; background: none;}
.message_info textarea {border: 0;outline: 0; padding:16px;border:1px #ccc solid;background: none;}
.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; border: none; color:var(--white);}
.message_info .red {display: block;width:100%;color:var(--white); font-size:18px; margin:0 auto; background:var(--blue);}
.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:50%;}
.message_info .yzm img{width:15px;}
.message_info .submit{ background:var(--blue);color:var(--white);}
.message_info .submit input{color:var(--white); font-weight: bold; font-size: 18px;}

@media screen and (max-width:1366px){
  .message_info_title::before{font-size:140px;}
}
@media screen and (max-width:996px){
  .message_info{padding:50px 0 30px;}
  .message_info_title::before{font-size:100px;}
}
@media screen and (max-width:576px){
    .message_info_title::before{font-size:60px;top: -40%;}
  .message_info li{margin-bottom:5px;}
  .message_info button, .message_info input {padding:10px;}
  .message_info textarea {padding:10px;}
}


/*********************分页css************************/
.page{width:100%; text-align:center; margin:30px 0;}
.page a span,.page span{display:inline-block; background:#ccc; border-radius:2px; line-height:36px; padding:0 20px; margin:0 10px;}
.page a:hover span,.page span:hover{background:var(--blue); color:var(--white);}
.prev_next{width:100%; margin-top:30px; color:#00a49e; font-size:15px; line-height: 32px;}
.prev_next a{ color:#00a49e; margin-left: 10px;}
.page span a:hover,.prev_next a:hover{ color:var(--white); text-decoration:none;}


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

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

@media screen and (max-width: 576px){
    .pagination-wrap {margin:20px auto;}
    .pagination>* {display:inline-block;margin:0 2px 14px 2px;}
    .prev_next{justify-content:flex-start; flex-direction: column; margin:0; padding-top:15px;}
    .page a span,.page span{margin:0 3px;}
}