@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"微软雅黑"; letter-spacing:0.005rem}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}

.c-nav .show{display:inline-block}
.c-nav .hiden{display:none}
.c-nav{width:100%; z-index: 9999;}
.c-nav .navFlex{display:flex;display:-webkit-flex;align-items:center; -webkit-align-content:center;color:#fff; 
    justify-content:space-between;-webkit-justify-content:space-between;}
.c-nav .logo{}
.c-nav ul{}
.c-nav ul li{display: inline-block; line-height:1rem; font-size: 0.16rem; margin-right: 0.3rem; position: relative;}
.c-nav ul li a{color:#333;text-decoration:none;width:100%}
.c-nav ul li::before{width: 0; height: 0.04rem; background: #009ce0; content: ''; position: absolute;
  bottom: 0; left: 0;}
  .c-nav ul li.active::before{width: 100%; height: 0.04rem; background: #009ce0; content: ''; position: absolute;
bottom: 0; left: 0;}
.c-nav ul li:hover:before{width: 100%; height: 0.04rem; background: #009ce0; content: ''; position: absolute;
  bottom: 0; left: 0; transition: all 0.5s;}
.c-nav ul li.active a{ font-weight: bold; color: #009ce0; transition: all 0.5s;}
.c-nav ul li:hover a{font-weight: bold; color: #009ce0; transition: all 0.5s;}
.c-nav .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right: 0.1rem; margin-top: 0.1rem;}
.c-nav .header-btn{display:flex;display:-webkit-flex;align-items:center; -webkit-align-content:center;color:#fff; 
    justify-content:space-between;-webkit-justify-content:space-between;}
#wechat{width: 0.42rem; height: 1rem; background: url(../images/wechat.png) no-repeat center; background-size: contain; margin-right: 0.2rem;}
#wechat:hover{cursor: pointer;}
#search{width: 0.42rem; height: 1rem; background: url(../images/search.png) no-repeat center; background-size: contain; margin-right: 0.2rem;}
#search:hover{cursor: pointer;}
#tel{height: 1rem; line-height: 1rem; background: url(../images/tel.png) no-repeat left center; padding-left: 0.6rem; 
  font-size: 0.24rem; color: #009ce0;}


.hamburger {
    display: none;
  }
  
  .bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #009ce0;
  }

#search-inp{width: 0; height: 50px; position: absolute; right: 0%; bottom: -50px; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#search-inp-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}
#search-inp-text{width: 300px; float: left;}
#search-inp-text input{width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 12px; outline: none; border: none;}
#search-inp-btn{width: 40px; height: 50px; box-sizing: border-box; float: left;  background: #f3f3f3 url(../images/sea.png) no-repeat center; cursor: pointer;}

.shrink {
  background: rgba(0, 0, 0, 0.7);
}

.shrink .navFlex{border-bottom: none;}

@media screen and (max-width: 1420px) and (min-width:1200px){
}
@media screen and (max-width: 1238px) and (min-width:1200px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:992px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:576px){
  .mobile-nav-h{height: 1rem;}
.c-nav{opacity:.9; margin: 0; box-sizing: border-box; background: #fff;}
.c-nav .container{padding: 0;  position: relative;}
.c-nav .navFlex{font-size:0.2rem; justify-content:space-between; flex-wrap:wrap; min-height: 1rem; background: #fff;}
.c-nav .logo{margin-left:.2rem;width:50%; margin-right: 0; }
.c-nav .logo img{height: 100%;}
.c-nav ul{margin-top:0.1rem}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:0.8rem;background:#000; border-bottom: none; margin-right: 0;
font-size: 0.25rem;}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav .hiden{display:block; position: absolute; right: 0; top: 0.1rem;}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav .header-btn{display: none;}

.hamburger {
    display: block;
    cursor: pointer;
  }
  
  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger.active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  
  .hamburger.active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
}


.responsive-ban{position: relative;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 35%;}
.responsive-banner-tit{font-size: 0.48rem; color: #f5f5f5; margin-bottom: 0.4rem; font-weight: bold; line-height: 0.6rem;}
.responsive-banner-dis{font-size: 0.26rem; color: #fff; line-height: 0.5rem;}

@media screen and (max-width:576px){
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 30%;}
  .responsive-banner-tit{font-size: 0.35rem; color: #fff; margin-bottom: 0.3rem; font-weight: bold; }
  .responsive-banner-dis{font-size: 0.25rem; color: #fff; line-height: 0.4rem;}
}

.index-products{background: url(../images/index-products-bg.jpg) no-repeat center; padding: 0.7rem 0 0.4rem;}
.index-products-tit{font-size: 0.36rem; color: #fff; text-align: center; margin-bottom: 0.4rem;}
.index-products-content{display: flex; flex-wrap: wrap;}
.index-products-list{width: 23.5%; box-sizing: border-box; margin-right: 2%; margin-bottom: 0.3rem;}
.index-products-list:nth-child(4n){margin-right: 0;}
.index-products-list-top{position: relative;}
.index-products-list-txt{width: 0%; height: 0%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; bottom: 0;}
.index-products-list-tit{font-size: 0.18rem; color: #fff; font-weight: bold; margin-top: 0.15rem; }
.index-products-list-tit a{color: #fff;}
.index-products-list-tit:hover a{border-bottom: 0.02rem solid #fff; padding-bottom: 0.1rem;}
.index-products-list-txt{display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 0.35rem;
font-size: 0.16rem; color: #fff; opacity: 0;}
.index-products-list-txt a{color: #fff;}
.index-products-list-top:hover .index-products-list-txt{opacity: 1; width: 100%; height: 100%; transition: 0.5s;}

@media screen and (max-width:576px){
  .index-products{padding: 0.3rem 0;}
  .index-products-content{justify-content: space-between;}
  .index-products-list{width: 48%; margin-right: 0; }
  .index-products-list-tit{font-size: 0.25rem;}
  .index-products-list-txt{font-size: 0.2rem;}
  }

.index-introduce{padding-top: 0.6rem;}
.index-introduce-tit{font-size: 0.36rem; color: #222; text-align: center; margin-bottom: 0.35rem;}
.index-introduce-line{height: 0.01rem; background: #dedede;}
.index-introduce-content{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0.7rem 0;}
.index-introduce-pic{width: 45%; border-radius: 0.5rem; overflow: hidden;}
.index-introduce-info{width: 50%; padding-top: 0.5rem;}
.index-introduce-info-top{color: #222;}
.index-introduce-info-top a{color: #222; font-size: 0.2rem; font-weight: bold; margin-right: 0.2rem; padding-right: 0.2rem; position: relative;}
.index-introduce-info-top a::after{width: 0.01rem; height: 0.19rem; background: #222; content: ""; position: absolute; top: 0.05rem;
right: 0;}
.index-introduce-info-top a:last-child::after{display: none;}
.index-introduce-info-tit{margin: 0.35rem 0; font-size: 0.36rem; line-height: 0.55rem; color: #222;}
.index-introduce-info-txt{font-size: 0.16rem; color: #666; line-height: 0.28rem;}
.index-introduce-info-more{width: 2.4rem; height: 0.5rem; line-height: 0.5rem; text-align: center; border: 0.01rem solid #9ea1a7;
border-radius: 0.1rem; color: #333; margin-top: 0.5rem; font-size: 0.16rem;}
.index-introduce-gray{background: #f5f5f5;}


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

  .index-introduce{padding-top: 0.3rem;}
  .index-introduce-tit{font-size: 0.36rem; color: #222; text-align: center; margin-bottom: 0.35rem;}
  .index-introduce-line{height: 0.01rem; background: #dedede;}
  .index-introduce-content{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0.3rem;}
  .index-introduce-pic{width: 100%; border-radius: 0.5rem; overflow: hidden; margin-bottom: 0.3rem;}
  .index-introduce-info{width: 100%; padding-top: 0.3rem; margin-bottom: 0.3rem;}
  .index-introduce-info-top{color: #222;}
  .index-introduce-info-top a{color: #222; font-size: 0.25rem; font-weight: bold; margin-right: 0.2rem; padding-right: 0.2rem; position: relative;}
  .index-introduce-info-top a::after{width: 0.01rem; height: 0.19rem; background: #222; content: ""; position: absolute; top: 0.05rem;
  right: 0;}
  .index-introduce-info-top a:last-child::after{display: none;}
  .index-introduce-info-tit{margin: 0.2rem 0; font-size: 0.3rem; line-height: 0.55rem; color: #222;}
  .index-introduce-info-txt{font-size: 0.22rem; color: #666; line-height: 0.35rem;}
  .index-introduce-info-more{width: 2.4rem; height: 0.5rem; line-height: 0.5rem; text-align: center; border: 0.01rem solid #9ea1a7;
  border-radius: 0.1rem; color: #333; margin-top: 0.3rem; font-size: 0.22rem;}
  .index-introduce-gray{background: #f5f5f5;}
  
}

.index-news{padding: 0.9rem 0; background: url(../images/index-news-bg.jpg) no-repeat center; overflow: hidden;}
.index-news-tit{font-size: 0.36rem; color: #fff; text-align: center; margin-bottom: 0.6rem;}
.index-news-main{background: #fff; padding: 0;}
.index-news-main .swiper{width: 100%;}
.index-news-main .swiper-slide{padding:.7rem 1rem;background:#fff;box-sizing:border-box}
.index-news-main .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.index-news-main .swiper-slide{width:72%;border-right:.02rem solid #128abf}
.index-news-main-tit{font-size:.24rem;color:#222}
.index-news-main-time{font-size:.16rem;color:#666;margin:.5rem 0 .15rem}
.index-news-main-content{display:flex; flex-wrap: wrap; justify-content:space-between;padding-bottom:1rem}
.index-news-main-content-info{width:50%}
.index-news-main-content-info-tit{font-size:.3rem;color:#222;line-height:.45rem;height:.9rem;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.2rem}
.index-news-main-content-info-txt{font-size:.16rem;color:#666;line-height:.28rem;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.index-news-main-content-info-more{width:2.4rem;height:.5rem;line-height:.5rem;text-align:center;border:.01rem solid #9ea1a7;border-radius:.1rem;color:#333;margin-top:.5rem; font-size: 0.16rem;}
.index-news-main-content-pic{width:40%;overflow:hidden;border-radius:.3rem}
.index-news-main .swiper-pagination{position:absolute;text-align:left;-webkit-transition:.3s;
  -moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.index-news-main .swiper-container-horizontal>.swiper-pagination-bullets{bottom:1rem;left:1rem;width:100%}
.index-news-main .swiper-button-next,.index-news-main .swiper-button-prev{position:absolute;bottom:5%;top:auto;width:.45rem;height:.45rem;border:.01rem solid #bbb;border-radius:100%;display:flex;align-items:center;justify-content:center;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.index-news-main .swiper-button-next:hover,.index-news-main .swiper-button-prev:hover{border-color:#009ce0}
.index-news-main svg{width:.18rem;height:.14rem}
.index-news-main svg path{fill:#bbb}
.index-news-main .swiper-button-next{background:#fff;left:11%}
.index-news-main .swiper-button-prev{background:#fff;left:7%}
.index-news-main .swiper-button-prev svg{transform:rotate(180deg)}
.index-news-main .swiper-button-next:hover,.index-news-main .swiper-button-prev:hover{background:#009ce0}
.index-news-main .swiper-button-next:hover svg path,.index-news-main .swiper-button-prev:hover svg path{fill:#fff}

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

  .index-news{padding: 0.5rem 0;}
  .index-news-tit{margin-bottom: 0.3rem;}
  .index-news-main .swiper-slide{padding:.5rem;background:#fff;box-sizing:border-box}
.index-news-main .swiper-slide {width: 80%; border-right: 0.02rem solid #128abf;}
.index-news-main-tit{font-size:.28rem;color:#222}
.index-news-main-time{font-size:.2rem;color:#666;margin:.3rem 0}
.index-news-main-content{padding-bottom: 1.5rem;}
.index-news-main-content-info{width: 100%; margin-bottom: 0.3rem;}
.index-news-main-content-info-tit{font-size:.3rem;color:#222;line-height:.45rem;height:.9rem;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.2rem}
.index-news-main-content-info-txt{font-size:.22rem;color:#666;line-height:.35rem;}
.index-news-main-content-info-more{font-size: 0.22rem; margin-top: 0.3rem; line-height: 0.6rem; height: 0.6rem;}
.index-news-main-content-pic{width:100%;overflow:hidden;border-radius:.3rem}
.index-news-main .swiper-container-horizontal>.swiper-pagination-bullets{bottom:1.3rem;left:0.5rem;width:100%}
.index-news-main .swiper-button-next,.index-news-main .swiper-button-prev{width: 0.8rem; height: 0.8rem; bottom: 2%;}
.index-news-main svg{width:.3rem;height:0.26rem}
.index-news-main .swiper-button-next{background:#fff;left:25%}
.index-news-main .swiper-button-prev{background:#fff;left:7%}

  }

.index-qualifications{padding: 0.9rem 0;}
.index-qualifications-tit,
.index-customers-tit{font-size: 0.36rem; color: #292929; text-align: center; margin-bottom: 0.5rem;}
.index-qualifications-content{ display: -webkit-flex; display: flex; position: relative;}
.index-qualifications-content {  flex-wrap: wrap;}
.index-qualifications-content .item { flex: 0 0 25%; padding: 1% 3%; text-align: center;  overflow: hidden;  box-sizing: border-box;}
.index-qualifications-content .item .img { position: relative; height: 250px;}
.index-qualifications-content .item .img img { max-height: 100%; padding-right:20px; background: url('../images/txbg3.jpg') right bottom no-repeat;  position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.index-qualifications-content .item h3 { height: 70px;line-height: 60px;  background: url('../images/txbg2.jpg') right no-repeat, url('../images/txbg1.jpg') left no-repeat, url('../images/txbg0.jpg') repeat-x; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.slick-next,.slick-prev{z-index:1;position:absolute;display:block;height:40px;width:40px;line-height:0;font-size:0;cursor:pointer;
  color:transparent;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:0;border:0;
  background-color:#fff; box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); border-radius: 100%;}
.slick-next:focus,.slick-prev:focus{background-color:#009ce0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{opacity:1;color:#009ce0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled,.slick-prev.slick-disabled{background-color: transparent; box-shadow: none;}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:0}
.slick-next:before,.slick-prev:before{font-family:tiffany-icons;font-size:16px;line-height:1;color:#000;opacity:.75;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.slick-prev{left:10px}
[dir=rtl] .slick-prev{left:auto;right:0}
.slick-next{right:10px}
[dir=rtl] .slick-next{left:0;right:auto}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{opacity:1;color:#000}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}


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

  .index-qualifications{padding: 0.5rem 0 0;}
  .index-qualifications-tit,
  .index-customers-tit{font-size: 0.36rem; color: #292929; text-align: center; margin-bottom: 0.5rem;}
  .index-qualifications-content{ display: -webkit-flex; display: flex; padding: 0 1rem;}
  .index-qualifications-content {  flex-wrap: wrap;}
  .index-qualifications-content .item { flex: 0 0 100%; padding:2% 5%;  box-sizing: border-box; text-align: center;  overflow: hidden;}
  .index-qualifications-content .item .img { position: relative; height: 200px;}
  .index-qualifications-content .item .img img { max-height: 100%; padding-right:20px; background: url('../images/txbg3.jpg') right bottom no-repeat;  position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
  .index-qualifications-content .item h3 { height: 70px;line-height: 60px;   background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .index-qualifications-content .item:nth-of-type(4n) h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
  .index-qualifications-content .item:first-of-type h3,
  .index-qualifications-content .item:nth-of-type(4n+1) h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
  .index-qualifications-content .item:last-child h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
  
  .index-qualifications .slick-next,
  .index-qualifications .slick-prev{top: 40%;}
}

.index-customers{padding-bottom: 0.7rem;}
.index-customers-content {  flex-wrap: wrap;}
.index-customers-content .index-customers-content-list { text-align: center; border: 0.01rem solid #dedede;
margin: 0 0.1rem; box-sizing: border-box;}
.index-customers-content .index-customers-content-list img{max-width: 100%;}

@media screen and (max-width:576px){
  .index-customers-content{padding: 0 1rem;}
  .index-customers-content .index-customers-content-list{}


}

.footer{background: #009ce0;}
.footer-link{height: 0.7rem; line-height: 0.7rem; display: flex; color: #fff;}
.footer-link-tit{font-weight: bold; margin-right: 0.2rem; font-size: 0.14rem;}
.footer-link a{color: #fff; margin-right: 0.2rem; font-size: 0.14rem;}

.footer-main{padding: 0.3rem 0; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.3);  border-top: 0.01rem solid rgba(255, 255, 255, 0.3);}
.footer-main-contact{width: 20%;}
.footer-main-contact-tel{display: flex; margin-bottom: 0.4rem;}
.footer-main-contact-tel-icon{margin-top: 0.1rem; margin-right: 0.2rem;}
.footer-main-contact-tel-txt{font-size: 0.18rem; color: #fff; line-height: 0.35rem;}
.footer-main-contact-tel-txt span{font-size: 0.24rem;}
.footer-main-contact-tel-adress{font-size: 0.14rem; line-height: 0.26rem; color: #fff;}
.footer-main-ul{display: flex; width: 60%; justify-content: space-around; flex-wrap: wrap;}

.footer-main-ul-list-tit{font-size: 0.16rem; font-weight: bold; color: #fff; margin-bottom: 0.3rem;}
.footer-main-ul-list-a{font-size: 0.14rem; color: #fff; margin-bottom: 0.15rem;}
.footer-main-ul-list-a a{color: #fff;}
.footer-main-code-txt{margin: 0.1rem 0; text-align: center; color: #fff; font-size: 0.14rem;}

.footer-copy{line-height: 0.6rem; color: rgba(255, 255, 255, 0.5); text-align: center; font-size: 0.14rem;}

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

  .footer-link{height: auto; line-height: 0.6rem; display: flex; flex-wrap: wrap; color: #fff; padding: 0.2rem;}
  .footer-link-tit{font-weight: bold; margin-right: 0rem; font-size: 0.22rem; width: 100%;}
  .footer-link a{color: #fff; margin-right: 0.2rem; font-size: 0.22rem;}


  .footer-main{padding: 0.3rem; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.3);  border-top: 0.01rem solid rgba(255, 255, 255, 0.3);}
  .footer-main-contact{width: 100%; margin-bottom: 0.3rem;}
  .footer-main-contact-tel{display: flex; margin-bottom: 0.4rem;}
  .footer-main-contact-tel-icon{margin-top: 0.1rem; margin-right: 0.2rem;}
  .footer-main-contact-tel-txt{font-size: 0.25rem; color: #fff; line-height: 0.45rem;}
  .footer-main-contact-tel-txt span{font-size: 0.28rem;}
  .footer-main-contact-tel-adress{font-size: 0.25rem; line-height: 0.4rem; color: #fff;}
  .footer-main-ul{display: flex; width: 100%; justify-content: left; flex-wrap: wrap;}
  .footer-main-ul-list{width: 33.3%; margin-bottom: 0.3rem;}
  .footer-main-ul-list-tit{font-size: 0.25rem; font-weight: bold; color: #fff; margin-bottom: 0.3rem;}
  .footer-main-ul-list-a{font-size: 0.22rem; color: #fff; margin-bottom: 0.15rem;}
  .footer-main-ul-list-a a{color: #fff;}
  .footer-main-code-txt{margin: 0.1rem 0; text-align: center; color: #fff; font-size: 0.25rem;}
  
  .footer-copy{line-height: 0.6rem; color: rgba(255, 255, 255, 0.5); text-align: center; font-size: 0.22rem; padding: 0.2rem 0.4rem;}
}


/*资讯*/
.news-tab{background: #f5f5f5;}
.news-tab ul li{font-size: 0.16rem; color: #333; line-height: 0.6rem; margin-right: 0.54rem; display: inline-block; transition: 0.5s;
position: relative;}
.news-tab ul li a{display: inline-block;}
.news-tab ul li.active a,.news-tab ul li:hover a{font-weight: bold; color: #009ce0;}
.news-tab ul li::before{width: 0; height: 0.04rem; background: #009ce0; content: ''; position: absolute;
  bottom: 0; left: 0;}
  .news-tab ul li.active::before{width: 100%; height: 0.04rem; background: #009ce0; content: ''; position: absolute;
bottom: 0; left: 0;}
.news-tab ul li:hover:before{width: 100%; height: 0.04rem; background: #009ce0; content: ''; position: absolute;
  bottom: 0; left: 0; transition: all 0.5s;}

.news{padding: 0.4rem 0; display: flex;}
.news-list{width: 71%; padding-right: 3%;}
.news-list ul li{display: flex; background: #fff; margin-bottom: 0.3rem; border-bottom: 1px solid #dedede; padding-bottom: 0.3rem;}
.news-list ul li .news-list-pic{}
.news-list ul li .news-list-information{padding: 0.1rem 0.3rem;  overflow: hidden;}
.news-list ul li .news-list-information-tit{font-size: 0.2rem; color: #202020; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-list ul li .news-list-information-time{font-size: 0.14rem; color: #999999; line-height: 0.28rem; margin: 0.15rem 0;}
.news-list ul li .news-list-information-dis{font-size: 0.14rem; color: #666; line-height: 0.28rem; height: 0.56rem;}
.news-list ul li .news-list-information-more{font-size: 0.14rem; color: #009ce0; margin-top: 0.2rem;}

.news-recommend{width: 26%;}
.news-recommend-tit{font-size: 0.24rem; color: #333; margin-bottom: 0.2rem;}
.news-recommend ul li{background: #f5f5f5; margin-bottom: 0.2rem;}
.news-recommend ul li:hover{background: linear-gradient(to right, #13aebc, #009ce0); margin-bottom: 0.2rem; }
.news-recommend ul li .news-recommend-list-info{padding: 0.3rem;}
.news-recommend ul li .news-recommend-list-tit{font-size: 0.2rem; color: #333; line-height: 0.35rem; margin-bottom: 0.2rem;}
.news-recommend ul li .news-recommend-list-tit a{color: #333;}
.news-recommend ul li:hover .news-recommend-list-tit{font-size: 0.2rem; color: #fff; line-height: 0.35rem; margin-bottom: 0.2rem;}
.news-recommend ul li:hover .news-recommend-list-tit a{color: #fff;}
.news-recommend ul li .news-recommend-list-dis{font-size: 0.16rem; color: #999; line-height: 0.28rem;}
.news-recommend ul li:hover .news-recommend-list-dis{font-size: 0.16rem; color: #fff; line-height: 0.28rem;}

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

  .news-tab{background: #f5f5f5; padding: 0 0.2rem;}
  .news-tab ul li{width: 30%; text-align: center; font-size: 0.25rem; color: #333; line-height: 0.8rem; margin-right: 0;
     display: inline-block; transition: 0.5s;}

  .news{padding: 0.3rem; display: flex; flex-wrap: wrap; box-sizing: border-box;}
  .news-list{width: 100%; margin: 0 auto; padding-right: 0%;}
  .news-list ul li{display: flex; flex-wrap: wrap; background: #fff; margin-bottom: 0.3rem; border-bottom: 1px solid #dedede; padding-bottom: 0.3rem;}
  .news-list ul li .news-list-pic{width: 100%;}
  .news-list ul li .news-list-pic img{width: 100%;}
  .news-list ul li .news-list-information{padding: 0.2rem 0;  overflow: hidden;}
  .news-list ul li .news-list-information-tit{font-size: 0.3rem; color: #202020; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .news-list ul li .news-list-information-time{font-size: 0.25rem; color: #999999; line-height: 0.45rem; margin: 0.15rem 0;}
  .news-list ul li .news-list-information-dis{font-size: 0.25rem; color: #666; line-height: 0.45rem; height: auto;}
  .news-list ul li .news-list-information-more{font-size: 0.25rem; color: #009ce0; margin-top: 0.2rem;}
  
  .news-recommend{width: 100%; margin: 0 auto;}
  .news-recommend-tit{font-size: 0.3rem; color: #333; margin-bottom: 0.2rem;}
  .news-recommend ul li{background: #f5f5f5; margin-bottom: 0.2rem;}
  .news-recommend ul li:hover{ margin-bottom: 0.2rem; }
  .news-recommend ul li .news-recommend-list-info{padding: 0.3rem;}
  .news-recommend ul li .news-recommend-list-tit{font-size: 0.25rem; color: #333; line-height: 0.45rem; margin-bottom: 0.2rem;}
  .news-recommend ul li:hover .news-recommend-list-tit{font-size: 0.25rem; color: #fff; line-height: 0.45rem; margin-bottom: 0.2rem;}
  .news-recommend ul li .news-recommend-list-dis{font-size: 0.25rem; color: #999; line-height: 0.35rem;}
  .news-recommend ul li:hover .news-recommend-list-dis{font-size: 0.25rem; color: #fff; line-height: 0.35rem;}
  
}
/*资讯*/


/*资讯详细*/
.news-route{font-size: 0.16rem; color: #666666; height: 0.6rem; line-height: 0.6rem;}
.news-route span{ color: #496b86;}
.newsview-l{width: 68%; padding-right: 6%;}
.newsview-ltit{font-size: 0.3rem; color: #022020;}
.newsview-ltime{font-size: 0.14rem; color: #999; margin: 0.2rem 0 0.4rem;}
.newsview-ltime span{margin-right: 0.5rem;}
.newsview-ltime img{margin: 0 0.1rem;}
.newsview-linfo{font-size: 0.16rem; color: #444; line-height: 0.3rem;}
.newsview-linfo b{font-weight: bold;}
.newsview-pan{margin: 0.5rem 0; }
.newsview-pan ul{display: flex; justify-content:space-between;}
.newsview-pan ul li{flex: 1; ; height: 0.6rem; line-height: 0.6rem; text-align: center; border: 1px solid #dddddd; font-size: 0.16rem; color: #666;}
.newsview-pan ul li:nth-child(2){margin: 0 0.2rem;}
.newsview-pan ul li a{display: inline-block; width: 100%;}
.newsview-pan ul li:hover{color: #fff; border-color: #009ce0; background: #009ce0;}
.newsview-pan ul li:hover a{color: #fff;}
.newsview-pan ul li.prev{background: url(../images/newsview-pan-l1.png) no-repeat 30% 50%;}
.newsview-pan ul li.prev:hover{background: #009ce0 url(../images/newsview-pan-l2.png) no-repeat 30% 50%;}
.newsview-pan ul li.list{background: url(../images/newsview-pan-m1.png) no-repeat 30% 50%;}
.newsview-pan ul li.list:hover{background: #009ce0 url(../images/newsview-pan-m2.png) no-repeat 30% 50%;}
.newsview-pan ul li.next{background: url(../images/newsview-pan-r1.png) no-repeat 70% 50%;}
.newsview-pan ul li.next:hover{background: #009ce0 url(../images/newsview-pan-r2.png) no-repeat 70% 50%;}


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

	.news-route{width: 100%; margin: 0 auto; font-size: 0.25rem; color: #666666; height: 0.8rem; line-height: 0.8rem;}
	.news-route span{ color: #496b86;}
	.newsview-l{width: 100%; margin: 0 auto; box-sizing: border-box; padding-right: 0%;}
	.newsview-ltit{font-size: 0.35rem; color: #022020;}
	.newsview-ltime{font-size: 0.25rem; color: #999; margin: 0.2rem 0 0.4rem;}
	.newsview-ltime span{margin-right: 0.3rem;}
	.newsview-ltime img{margin: 0 0.1rem;}
	.newsview-linfo{font-size: 0.25rem; color: #444; line-height: 0.45rem;}
	.newsview-linfo b{font-weight: bold;}
	.newsview-pan{margin: 0.3rem 0; }
	.newsview-pan ul{display: flex; flex-wrap: wrap; justify-content:space-between;}
	.newsview-pan ul li{flex: auto; margin: 0.3rem 0; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; border: 1px solid #dddddd; font-size: 0.3rem; color: #666;}
	.newsview-pan ul li:nth-child(2){margin: 0 ;}
	.newsview-pan ul li a{display: inline-block; width: 100%;}
	.newsview-pan ul li:hover{color: #fff; border-color: #009ce0; background: #009ce0;}
	.newsview-pan ul li:hover a{color: #fff;}
	.newsview-pan ul li.prev{background: url(../images/newsview-pan-l1.png) no-repeat 30% 50%;}
	.newsview-pan ul li.prev:hover{background: #009ce0 url(../images/newsview-pan-l2.png) no-repeat 30% 50%;}
	.newsview-pan ul li.list{background: url(../images/newsview-pan-m1.png) no-repeat 30% 50%;}
	.newsview-pan ul li.list:hover{background: #009ce0 url(../images/newsview-pan-m2.png) no-repeat 30% 50%;}
	.newsview-pan ul li.next{background: url(../images/newsview-pan-r1.png) no-repeat 70% 50%;}
	.newsview-pan ul li.next:hover{background: #009ce0 url(../images/newsview-pan-r2.png) no-repeat 70% 50%;}
	
  }

/*资讯详细*/

/*联系我们*/
.contact{padding: 0.6rem 0;}
.contact-main{display: flex; flex-wrap: wrap; margin-bottom: 0.5rem;}
.contact-main-info{width: 36%; background: #009ce0; box-sizing: border-box; padding: 0.4rem;}
.contact-main-info-tit{font-size: 0.3rem; color: #fff; margin-bottom: 0.4rem;}
.contact-main-info-list{display: flex; align-items: center; margin-bottom: 0.3rem;}
.contact-main-info-list-icon{margin-right: 0.2rem;}
.contact-main-info-list-txt{font-size: 0.18rem; color: #fff; line-height: 0.28rem;}
.contact-main-info-code{display: flex;}
.contact-main-map{width: 64%;}

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

  .contact{padding: 0.3rem;}
  .contact-main{display: flex; flex-wrap: wrap; margin-bottom: 0.5rem;}
  .contact-main-info{width: 100%; background: #009ce0; box-sizing: border-box; padding: 0.4rem; margin-bottom: 0.3rem;}
  .contact-main-info-tit{font-size: 0.3rem; color: #fff; margin-bottom: 0.4rem;}
  .contact-main-info-list{display: flex; align-items: center; margin-bottom: 0.3rem;}
  .contact-main-info-list-icon{margin-right: 0.2rem;}
  .contact-main-info-list-icon img{transform: scale(0.8);}
  .contact-main-info-list-txt{font-size: 0.25rem; color: #fff; line-height: 0.4rem;}
  .contact-main-info-code{display: flex;}
  .contact-main-map{width: 100%; min-height: 5rem;}

}
/*联系我们*/

/*人力资源*/
.resources-personnel{padding: 0.8rem 0; background: url(../images/resources-personnel-bg.jpg) no-repeat center;}
.resources-personnel-tit{font-size: 0.36rem; color: #000; text-align: center; margin-bottom: 0.3rem;}
.resources-personnel-content{background: #fff; padding: 0.4rem 0.5rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.resources-personnel-txt{font-size: 0.16rem; line-height: 0.3rem; width: 65%;}
.resources-personnel-pic{width: 33%;}

.resources-recruit{padding: 0.8rem 0;}
.resources-tab{display: flex; justify-content: center; margin-bottom: 0.4rem;}
.resources-tab li{width: 2.4rem; height: 0.6rem; line-height: 0.6rem; text-align: center; border: 0.01rem solid #eeeeee;
margin: 0 0.1rem; font-size: 0.24rem; color: #666; border-radius: 0.1rem;}
.resources-tab li:hover,
.resources-tab li.current{background: #009ce0; border-color: #009ce0; color: #fff; cursor: pointer;}
.resources-recruit-content-list{display: none; color: #333;}
.resources-recruit-content-list .title{width: 20%; color: #009ce0;}
.resources-recruit-content-list .release{width: 10%;}
.resources-recruit-content-list .validity{width: 10%;}
.resources-recruit-content-list .requirement{width: 50%;}
.resources-recruit-content-list .join{width: 10%; font-size: 0.36rem; color: #009ce0; text-align: center;}

table{width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;margin:0 auto}
table tr{border-bottom:1px solid #ddd;padding:5px}
table td,table th{padding:10px; text-align: left; line-height: 0.28rem; font-size: 0.14rem;}
table th{text-transform:uppercase;font-size: 0.16rem; color: #333; font-weight: normal;}

.resources-activities{background: #f5f5f5; padding: 0.7rem 0;}
.resources-activities-tit{font-size: 0.36rem; color: #000; margin-bottom: 0.5rem; text-align: center;}
.resources-activities-content-list{margin: 0 0.2rem;}
.resources-activities-content-list-tit{font-size: 0.2rem; color: #000; line-height: 0.3rem; margin-top: 0.1rem;}

@media screen and (max-width:576px){
  
.resources-personnel{padding: 0.3rem; background: url(../images/resources-personnel-bg.jpg) repeat center;}
.resources-personnel-tit{font-size: 0.36rem; color: #000; text-align: center; margin-bottom: 0.3rem;}
.resources-personnel-content{background: #fff; padding: 0.4rem 0.5rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.resources-personnel-txt{font-size: 0.25rem; line-height: 0.4rem; width: 100%; margin-bottom: 0.4rem;}
.resources-personnel-pic{width: 100%;}

.resources-tab li{border-width: 0.02rem;}
  .resources-recruit{padding: 0.3rem;}  
  table{border:0}
  table thead{display:none}
  table tr{display:block; border-bottom-color: #009ce0; margin-bottom: 0.3rem;}
  table td{display:block; font-size: 0.25rem; line-height: 0.4rem; border-bottom:1px dotted #ccc; position: relative; padding-left: 20%;
  text-align: right; box-sizing: border-box;}
  table td:last-child{border-bottom:0}
  table td:before{content:attr(data-label);text-transform:uppercase;font-weight:700; position: absolute; left: 0; top: 0.1rem;}
  
  .resources-recruit-content-list .title{width: 100%;}
  .resources-recruit-content-list .release{width: 100%;}
  .resources-recruit-content-list .validity{width: 100%;}
  .resources-recruit-content-list .requirement{width: 100%; text-align: left;}
  .resources-recruit-content-list .join{width: 100%; font-size: 0.4rem; color: #009ce0; text-align: right;}
  
.resources-activities{padding: 0.5rem 0.3rem;}
.resources-activities-tit{margin-bottom: 0.3rem;}
.resources-activities-content{padding: 0 1rem;}
.resources-activities-content-list-tit{font-size: 0.25rem; line-height: 0.45rem;}
  }

/*公司介绍*/
.company-tab{background: #f5f5f5;}
.company-tab ul{display: flex; flex-wrap: wrap; justify-content: center;}
.company-tab ul li{line-height: 0.6rem; height: 0.6rem; padding: 0 0.3rem; font-size: 0.16rem; color: #333; position: relative;}
.company-tab ul li a{color: #333; z-index: 999; position: relative; }
.company-tab ul li.active{background: #009ce0; color: #fff;}
.company-tab ul li:hover a,
.company-tab ul li.active a{color: #fff;}
.company-tab ul li::before{width: 0; height: 100%; background: #009ce0; content: ''; position: absolute;
  bottom: 0; left: 0; cursor: pointer;}
.company-tab ul li.active::before{width: 100%; height: 100%; background: #009ce0; content: ''; position: absolute;
bottom: 0; left: 0; cursor: pointer;}
.company-tab ul li:hover:before{width: 100%; height: 100%; background: #009ce0; content: ''; position: absolute;
  bottom: 0; left: 0; transition: all 0.5s; cursor: pointer; z-index: 1;}

.company,.company-history{padding: 0.8rem 0;}
.company-tit{font-size: 0.36rem; color: #000; margin-bottom: 0.2rem; text-align: center;}
.company-line{width: 0.4rem; height: 0.04rem; background: #009ce0; margin: 0 auto;}
.company-number{display: flex; justify-content: center; flex-wrap: wrap; margin: 0.5rem 0;}
.company-number-list{padding: 0 0.8rem; border-right: 0.01rem solid #e7e7e7;}
.company-number-list:last-child{border-right: none;}
.company-number-list-num{font-size: 0.4rem; color: #009ce0; text-align: center; margin-bottom: 0.25rem;}
.company-number-list-txt{font-size: 0.16rem; color: #333;}
.company-information{font-size: 0.16rem; color: #333; line-height: 0.28rem;}
.company-information img{max-width: 100%;}

.company-culture{padding: 0.8rem 0 ; background: #f5f5f5;}
.company-culture-content{margin-top: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.company-culture-content-list{width: 49%; display: flex; flex-wrap: wrap; background: #fff; box-sizing: border-box;
padding: 0.3rem; margin-bottom: 0.2rem;}
.company-culture-content-list-pic{width: 40%; margin-right:4%;}
.company-culture-content-list-info{width: 55%;}
.company-culture-content-list-info-tit{font-size: 0.24rem; color: #333; margin-bottom: 0.15rem; margin-top: 0.15rem;}
.company-culture-content-list-info-txt{font-size: 0.16rem; color: #666; line-height: 0.28rem;}

.company-history-box{position: relative;}
.company-history-line{width: 100%; height: 0.01rem; background: #ccc; position: absolute; left: 0; top: 50%;}
.company-history-main{display: flex; padding: 0 0.5rem; padding-top: 0.7rem;}
.company-history-list{padding: 0.3rem 0.45rem; text-align: center; margin: 0.1rem;}
.company-history-list-year{font-size: 0.24rem; color: #666; margin-bottom: 0.35rem;}
.company-history-list-circular{width: 0.2rem; height: 0.2rem; background: #fff; border-radius: 100%; position: relative;  margin: 0 auto;}
.company-history-list-circular::before{content: ''; width: 0.1rem; height: 0.1rem; background: #cccccc; border-radius: 100%;
position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto;}
.company-history-list-line{width: 0.01rem; height: 0.31rem; background: #ccc; margin: 0 auto; margin-bottom: 0.2rem;}
.company-history-list-txt{font-size: 0.14rem; color: #666; line-height: 0.28rem; 
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  height: 0.84rem;}

.company-history-list:hover{box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); transition: 0.5s;}
.company-history-list:hover .company-history-list-year{color: #009ce0; transform: translateY(-0.1rem); transition: 0.5s;}
.company-history-list:hover .company-history-list-circular::before{background: none; border: 0.01rem solid #009ce0;}

.company-history-main .slick-next,.company-history-main .slick-prev{top: 50%;}

.company-honor{}
.company-honor .index-qualifications-content{padding:0.5rem;}

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

    .company-tab ul li{line-height: 0.8rem; height: 0.8rem; padding: 0 0.3rem; font-size: 0.25rem; color: #333; position: relative;}

    
.company,.company-history{padding: 0.3rem;}
.company-tit{font-size: 0.36rem; color: #000; margin-bottom: 0.2rem; text-align: center;}
.company-line{width: 0.4rem; height: 0.04rem; background: #009ce0; margin: 0 auto;}
.company-number{display: flex; justify-content: center; flex-wrap: wrap; margin: 0.3rem 0;}
.company-number-list{padding: 0.3rem; border-right: 0.01rem solid #e7e7e7;}
.company-number-list:last-child{border-right: none;}
.company-number-list-num{font-size: 0.4rem; color: #009ce0; text-align: center; margin-bottom: 0.25rem;}
.company-number-list-txt{font-size: 0.25rem; color: #333;}
.company-information{font-size: 0.25rem; color: #333; line-height: 0.4rem;}

.company-culture{padding: 0.3rem 0; background: #f5f5f5;}
.company-culture-content{margin-top: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.company-culture-content-list{width: 49%; display: flex; background: #fff; box-sizing: border-box;
padding: 0.3rem; margin-bottom: 0.2rem; align-content: flex-start;}
.company-culture-content-list-pic{width: 100%; margin-right:0%; margin-bottom: 0.2rem;}
.company-culture-content-list-info{width: 100%;}
.company-culture-content-list-info-tit{font-size: 0.25rem; color: #333; margin-bottom: 0.15rem; margin-top: 0.15rem;}
.company-culture-content-list-info-txt{font-size: 0.22rem; color: #666; line-height: 0.4rem;}

.company-history-box{position: relative;}
.company-history-line{width: 100%; height: 0.01rem; background: #ccc; position: absolute; left: 0; top: 50%;}
.company-history-main{display: flex; padding: 0 0.5rem; padding-top: 0.3rem;}
.company-history-list{padding: 0.3rem 0.45rem; text-align: center; margin: 0.1rem;}
.company-history-list-year{font-size: 0.28rem; color: #666; margin-bottom: 0.55rem;}
.company-history-list-circular{width: 0.2rem; height: 0.2rem; background: #fff; border-radius: 100%; position: relative;  margin: 0 auto;}
.company-history-list-circular::before{content: ''; width: 0.1rem; height: 0.1rem; background: #cccccc; border-radius: 100%;
position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto;}
.company-history-list-line{width: 0.01rem; height: 0.31rem; background: #ccc; margin: 0 auto; margin-bottom: 0.2rem;}
.company-history-list-txt{font-size: 0.25rem; color: #666; line-height: 0.4rem; 
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  height: auto;}

.company-history-list:hover{box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); transition: 0.5s;}
.company-history-list:hover .company-history-list-year{color: #009ce0; transform: translateY(-0.1rem); transition: 0.5s;}
.company-history-list:hover .company-history-list-circular::before{background: none; border: 0.01rem solid #009ce0;}

.company-history-main .slick-next,.company-history-main .slick-prev{top: 50%;}

.company-honor{}
.company-honor .index-qualifications-content{padding:0.5rem;}

    }


/*公司介绍*/

/*公司介绍_公司优势*/
.company-advantage{padding-top: 0.6rem;}
.company-advantage-list{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
padding-bottom: 0.3rem; margin-bottom: 0.3rem; border-bottom: 0.01rem solid #eee;}
.company-advantage-list:last-child{border-bottom: none; margin-bottom: 0;}
.company-advantage-pic{width: 40%;}
.company-advantage-info{width: 57%;}
.company-advantage-info-tit{font-size: 0.24rem; color: #000;}
.company-advantage-info-line{width: 0.44rem; height: 0.03rem; background: #009ce0; margin: 0.3rem 0;}
.company-advantage-info-txt{font-size: 0.16rem; color: #000; line-height: 0.28rem;}

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

  .company-advantage{padding-top: 0.6rem;}
  .company-advantage-list{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  padding-bottom: 0.3rem; margin-bottom: 0.3rem; border-bottom: 0.02rem solid #eee;}
  .company-advantage-list:last-child{border-bottom: none; margin-bottom: 0;}
  .company-advantage-pic{width: 100%; margin-bottom: 0.3rem;}
  .company-advantage-info{width: 100%;}
  .company-advantage-info-tit{font-size: 0.28rem; color: #000;}
  .company-advantage-info-line{width: 0.44rem; height: 0.03rem; background: #009ce0; margin: 0.3rem 0;}
  .company-advantage-info-txt{font-size: 0.25rem; color: #000; line-height: 0.4rem;}
  
  }

/*公司介绍_公司优势*/

/*公司介绍_上海分公司*/

.company-branch{font-size: 0.16rem; color: #333; line-height: 0.28rem; margin: 0.6rem 0;}
.company-branch img{max-width: 100%;}
@media screen and (max-width:576px){
  .company-branch{font-size: 0.25rem; color: #333; line-height: 0.4rem; margin: 0.6rem 0;}
  }
/*公司介绍_上海分公司*/



/*产品详细页*/
.productsview-top{position: relative; height: 0.4rem;}
.productsview-top-blue{height: 1.2rem; line-height: 1.2rem; color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; top: -0.9rem; 
background: linear-gradient( to right, #13aebc,#009ce0); display: flex; padding: 0 0.5rem; justify-content: space-between;
align-items: center;}
.productsview-top-tit{font-size: 0.36rem; font-weight: bold; letter-spacing: 0.01rem;}
.productsview-top-return{font-size: 0.18rem; border-radius: 0.2rem; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; 
  border: 0.01rem solid #dedede; text-align: center;}
.productsview-top-return a{color: #fff; display: block;}

.productsview-information{font-size: 0.16rem; line-height: 2; padding: 0.5rem; color: #333;}

.productsview{position: relative; padding-bottom: 0.8rem;}
.productsview-blue{width: 66%; background: linear-gradient( to right,#009ce0, #13aebc); box-sizing: border-box;
 padding: 0.6rem 0; padding-left: 12%;}
.productsview-blue-btit{font-size: 0.4rem; color: #fff;}
.productsview-blue-stit{font-size: 0.24rem; color: #fff; margin: 0.2rem 0 0.3rem;}
.productsview-blue-line{width: 0.32rem; height: 0.02rem; background: #fff;}
.productsview-img{width: 40%; position: absolute; top: 0.6rem; right: 0;}
.productsview-img img{width: 100%; height: auto;}
.productsview-txt{width: 55%; padding: 0.35rem 0; padding-left: 12%; box-sizing: border-box; font-size: 0.16rem; color: #333; 
  line-height: 2; height: 4rem;}

.productsview-reverse .productsview-blue{float: right;}
.productsview-reverse .productsview-img{width: 40%; position: absolute; top: 0.6rem; left: 0;}
.productsview-reverse .productsview-txt{float: right; padding-left: 2%; padding-right: 10%;}

@media screen and (max-width:576px){
  .productsview-information img{ width:100%}
  .productsview-top{position: relative; height: 0.4rem; margin: 0 0.2rem;}
  .productsview-top-blue{height: 1.2rem; line-height: 1.2rem; color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; top: -0.9rem; 
  background: linear-gradient( to right, #13aebc,#009ce0); display: flex; padding: 0 0.3rem; justify-content: space-between;
  align-items: center;}
  .productsview-top-tit{font-size: 0.3rem; font-weight: bold; letter-spacing: 0.01rem;}
  .productsview-top-return{font-size: 0.22rem; border-radius: 0.2rem; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; 
    border: 0.01rem solid #dedede; text-align: center;}
  .productsview-top-return a{color: #fff; display: block;}
  
  .productsview-information{font-size: 0.22rem; line-height: 2; padding: 0.5rem; color: #333;}
  
  .productsview{position: relative; padding-bottom: 0.8rem;}
  .productsview-blue{width: 80%; background: linear-gradient( to right,#009ce0, #13aebc); box-sizing: border-box;
   padding: 0.3rem 0 0.8rem; padding-left: 12%;}
  .productsview-blue-btit{font-size: 0.4rem; color: #fff;}
  .productsview-blue-stit{font-size: 0.24rem; color: #fff; margin: 0.2rem 0 0.3rem;}
  .productsview-blue-line{width: 0.32rem; height: 0.02rem; background: #fff;}
  .productsview-img{width: 80%; position: relative; top: -0.3rem; right: 0; float: right;}
  .productsview-img img{width: 100%; height: auto;}
  .productsview-txt{width: 100%; padding: 0.35rem; box-sizing: border-box; font-size: 0.22rem; color: #333; 
    line-height: 2; height: 4rem; clear: both;}
  
  .productsview-reverse .productsview-blue{float: right;}
  .productsview-reverse .productsview-img{width: 80%; position: relative; top: -0.3rem; right: 0; float: none;}
  .productsview-reverse .productsview-txt{float: none; padding: 0.35rem;}
  

}