.common-more{ display: block;width: 1.55rem ; height: .52rem; line-height: .52rem; position: relative;border: 1px solid transparent; padding-left: .24rem;  box-sizing: border-box;transition: all .3s; z-index: 10;
  }
.common-more i{position: relative; z-index: 5; color: #666666; font-style: normal;transition: all .3s;font-size: 16px;}
.more-box{position: absolute; left: 0; right: 0; top: 0; bottom: 0; transform: skew(-10deg); border: 1px solid rgba(102,102,102,0.5); border-radius: .03rem; transition: all .3s ; box-sizing: border-box;}
.more-box-right{position: absolute; right: -.06rem; width: .12rem; height: 100%; top: -.06rem;transform: skew(-10deg); border-radius: 0.02rem; background: #2F5597;transition: all .3s ;}
.common-more:hover .more-box{border: 1px solid rgba(102,102,102,1);}
.common-more:hover .more-box-right{right: -.1rem; }

.news-more-box{ position: relative;width: .36rem; height: .36rem;   display: inline-block; opacity: 1;border-radius: 50%; border: 1px solid rgba(136, 136, 136, 1);}
.news-more-box::before{position: absolute; content: '';  left: 50%;top:50% ; width: .1rem; height: .1rem; border-top: 1px solid rgba(136, 136, 136, 1);  transform: rotate(45deg);  margin-top: -.05rem;margin-left: -.1rem;z-index: 99;}
.news-more-box::after{position: absolute; content: ''; top: 50%; width: .36rem; height: 1px; background:  rgba(136, 136, 136, 1);  left: -.18rem; }

.ind-title h5{ font-size: .6rem;font-weight: bold;color: #CCCCCC;line-height: .73rem;font-family: "TrumpGothicEastBold";text-transform: uppercase;}
.ind-title p{ font-size: .3rem;font-weight: 400;color: #111111;line-height: .42rem;}
.cor666{color: #666666 !important;}
.bor2F5597{border: 1px solid #2F5597 !important;}
.borwhite{border: 1px solid rgba(255,255,255,0.5) !important;}
.common-more:hover .more-box.borwhite{border: 1px solid rgba(47, 85, 151, 1) !important;}
.common-more .more-box::after,.common-more .more-box.borwhite::after{ position: absolute; content: ''; left: 0; width: 0; top: 0; bottom: 0;background: #2F5597 ;  transition: all .3s;} 
.common-more:hover .more-box::after,.common-more:hover .more-box.borwhite::after{  width: 100%;  } 
.common-more:hover i{color: #fff;}
.bg-2F5597{background: #2F5597;}
.bg-829ECE{background: #829ECE;}

.martop31{margin-top: .31rem;}
.martop8{margin-top: .08rem;}
.weui-flex-warp{display: flex; }







#section1{background: url(../image/bgimg1.jpg) no-repeat; background-size: 100%  100%;  background-position:  left center; height: 9rem; position: relative; }
#section1 .container{justify-content: flex-end;}
#section1 .section1-left{width: 45%; padding-right: .5rem; }
.section1-left {padding-top: 1.27rem; }
.section1-left .section1-txt{ margin-top: .45rem; display: block; margin-bottom: .52rem; max-width: 95%; }
.section1-left .section1-txt p{font-size: 18px;color: #333333;line-height: 34px; margin-bottom: .1rem;}
.section1-left .section1-txt p span{ color: rgba(47, 85, 151, 1);font-size: 18px;line-height: 34px; }
#section1 .section1-txt .common-more{margin-top: .85rem;}
.section1-list-box{ bottom: -.9rem; left: 0; right: 0; z-index: 2; height: 1.8rem; background: rgba(255,255,255,0.98);box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1); }
.section1-list{ height: 100%;align-items: center; }
.section1-list-item{width: 33.333%; display: flex; align-items: center;justify-content: center; position: relative;}
.section1-list-item:not(:last-child)::after{position: absolute; right: 0; top: 0.08rem; width: 2px ; height: .64rem; background: #EBEBEB; content: ''; z-index: 2;}
.section1-list-item img{width: .64rem; margin-right: .2rem; transform: translateY(0);transition: all .3s;}
.section1-list-item p{font-size: 20px;color: #2F5597;line-height: 34px;  max-width: 50%;}




#section4 {background: url(../image/bgimg4.jpg) no-repeat;  background-size: 100% auto; background-position: left top; padding-top: 1.38rem; padding-bottom: 1.3rem;}
.section4-p2{ margin-top: .37rem;font-size: 18px !important;color: #FFFFFF !important;line-height: 25px;}
.quality-list{ margin-top: .68rem; justify-content: space-between;}
.quality-list .quality-list-item{width: 23.5%;  height: 4rem; overflow: hidden;}
.ql-item-img{left: 0; top: 0; right: 0; bottom: 0; overflow: hidden;z-index: 2;}
.item-mask{left: 0; top: 0; right: 0; bottom: 0; overflow: hidden;z-index: 3; background: rgba(0,0,0,0.49); opacity: 0; visibility: hidden;  transition: all .1.0s ease 0s;}
.ql-item-img img{object-fit: cover; width: 100%; height: 100%;transform: scale(1); transition: all 1.0s ease 0s;}
.ql-item-txt{ left: 0; top: 16px; right: 0; bottom: 0; overflow: hidden;z-index: 4; color: #fff; padding: .9rem .4rem ; opacity: 0; visibility: hidden;  transition: all 1.0s ease 0s;}
.ql-item-txt p{font-size: 18px;color: #FFFFFF;line-height: 38px;}
.ql-item-txt .sec3-plus{margin: .4rem auto;}
.ql-item-txt .sec3-plus::after{background: transparent; border: 1px solid #fff; }
.ql-item-title{background: rgba(0,0,0,0.3); left: 0;  right: 0; bottom: 0; overflow: hidden;z-index: 5; padding: .34rem ; display: flex; align-items: center; justify-content: center;}
.ql-item-title img{ width: .32rem; height: .32rem ; margin-right: .28rem;}
.ql-item-title p{ font-size: .24rem;color: #FFFFFF;line-height: 33px; transition: all .2s ease-in-out;}
.quality-list .quality-list-item:hover .item-mask,.quality-list .quality-list-item:hover .ql-item-txt{opacity: 1; visibility: visible; top: 0;}
.quality-list .quality-list-item:hover .ql-item-img img{transform: scale(1.3);}
/* .quality-list .quality-list-item:hover .ql-item-title p{color: #2F5597;} */

#section6{background: #f5f5f5; padding-top: 1.1rem; padding-bottom: 1.2rem;}
.section6-content{display: flex; justify-content: flex-end;}
.section6-content .section6-img{width: 80.3%; overflow: hidden;}
.section6-content .section6-img img{ object-fit: cover; width: 100%; height: 100%; transform: scale(1); transition: all .5s;}
.section6-txt{left: 0; top:.7rem ; width: 6.4rem; min-height: 3rem; background: rgba(255,255,255,0.97);box-shadow: 0px 4px 16px 0px rgba(95, 95, 95, 0.14); padding: .8rem; z-index: 5;}
.section6-txt .ind-title{margin-bottom: .45rem;}
.section6-txt .section6-p2{font-size: 18px;color: #666666;line-height: 30px; }
.section6-txt .common-more {margin-top: .63rem;}
/* footer */
/* .go-top{position: fixed; right: .3rem; bottom: 3.4rem; z-index: 20;width: 60px; height: 60px ; overflow: hidden; cursor: pointer; display: none;}
.go-top img{width: 60px; height: 60px;} */

@media (max-width: 990px){
  #section0{height: 100vh; overflow: hidden; }
  #section0 .swiper-container .swiper-slide img{height: 100%; width: 100%; object-fit: cover;}
  .weui-flex-warp{ flex-wrap: wrap;}
  .weui-flex-warp-item{ width: 100% !important;}
  .m-none{display: none !important; }
  .pad30-m{padding: 30px !important;}
  .more-box::after{width: .3rem; left: -.185rem; margin-top: -1px;}
  .common-more{width: 2rem;height: .65rem;line-height: .65rem;}
  .ind-title h5{font-size: .5rem; }
  .ind-title span,.section3-right-item-txt .section3-right-item-txt-p h6,.address-item-txt h6{font-size: 18px;}
  .ind-title p{font-size: 18px; line-height: .4rem;}
  header{height: 60px;padding: 0 .3rem;box-shadow: 0 4px 5px rgb(0 0 0 / 10%); }
  .logo{width: 2rem; height: 26px;}
  .header-nav{position: fixed; top: 60px;left: 0;right: 0; bottom: 0; background: #fff;box-sizing: border-box; display: none;  height: auto;margin-left: 0;  overflow-y: auto; overflow-x: hidden;}
  .header-nav ul li >a{color: #333;}
  .sub-nav{padding: 0 30px;}
  .sub-nav .sub-nav-right{padding: 0;}
  .sub-nav .nav-item a{margin-bottom: 0rem; width: 100%;}
  .header-nav ul{flex-wrap: wrap;  width: 100%; height: unset;}
  .header-nav ul li{border-bottom: 1px solid rgba(226, 226, 226, 1);width: 100%;height: unset; flex-wrap: wrap;}
  .header-nav ul li >a{width: 100%;text-align: center; line-height: 60px;}
  .sub-nav{position: relative; top: 0; height: 0;}
  .sub-nav.on{height: 100%;}
  .sub-nav .nav-item a{justify-content: center;}
  .sub-nav .nav-item .more-box{display: none;}
  .banner-txt{left: 30px; right: 30px;}
  #section1{background: none; height: 680px; display: block; }
  .section1-left .section1-txt,.pro3-sec2-con-left-txt{max-width: 100%;   clear: both;}
  .section1-left{padding-top: 30px; padding-right: 0;}
  .section1-list-box{  height: unset; bottom: -3.5rem;}
  .section1-list-item{margin-bottom: .1rem; padding: .2rem ;}
  .section1-list-item p{font-size: 16px; line-height: 26px; max-width: 60%;}
  .section1-list-item:not(:last-child)::after{background:transparent; }
  .section1-list-item:not(:last-child){border-bottom: 1px solid #EBEBEB;}
  #section2{height: unset; background: url(../image/m_bgimg2.jpg) no-repeat; background-size: 100% 100%; overflow: hidden;}
  #section2 .section2-txt{padding-top: 4rem; width: 100%;padding-right: 0;}
  #section2.pro_sec .section2-txt{padding-top: 30px; }
  #section2 .gif-box{width: 100%; padding-top: 15px;}
  .section2-p2,.section3-content .section3-content-left p,.section6-txt .section6-p2,.ql-item-title p,.pro2-sec1-con-right-up p,.pro4-sec3-con-left p,.ind-title p.quality-sec2-p,.quality-sec1-con-right-txt h4, .quality-sec1-con-right-txt p,.abrespon-sec2-item-txt p{font-size: 16px;}

 
  footer .footer-list ul{width: 100%;}
  footer .footer-list ul li .footer-sub{ display: none; margin-bottom: 30px;}
  footer .footer-list ul li >p{padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.3); position: relative;}
  footer .footer-list ul li >p::after{position: absolute; content: ''; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); margin-top: -5px; transition: all .5s ;}
  footer .footer-list ul li >p.on::after{ transform: rotate(135deg);right: 10px;}
  footer .footer .footer-content-top .footer-left,.footer-right{padding-top: 30px;}
  footer .footer-logo{width: 2.6rem;}
  .footer-right-code img{width: 2rem; height: 2rem;}
  footer .copyright p{font-size: 12px;}
  .inner-banner{height: 5rem;}
  #section1 .section1-left{padding-right: 0;}
  .section3-content .section3-content-right{padding-left: 0; margin-top: .3rem;}
  #section4{background-size: 100% 100%;}
  .sec3-list,.ind-title p.quality-sec2-p{max-width: 100%;}
  .sec3-plus{margin-left: .5rem;}
  .section4-p2{font-size: 16px !important; margin-bottom: .5rem;}
  #section5{background: url(../image/bgimg5.jpg) no-repeat ; background-size: 100% 100%;}
  #section5 .ind-title, #section5 .news-list{margin-left: 15px; margin-right: 15px;}
 #section0 .swiper-button-next, #section0 .swiper-button-prev{top: 95vh;}
 .banner-info{top: 91vh;}


    .aboutm-about2{flex-wrap: wrap;}
    .aboutm-about2 .ab1-sec1-con-left-list{width: 100%;}
    .aboutm-about2 .aboutm-img{width: 100%;}
    .aboutm-about2 .ab1-sec1-con-left-list{margin-bottom: 0;}
    .aboutm-cult-cont a{padding: 50px 2px 40px;}
    .aboutm-cult-cont a{width: 50%;}
    .abcul-sec1-con-right ul li{margin-right: 30px;height: 80px;width: 100%;}
  

 .quality-list .quality-list-item{margin-bottom: .3rem; height: unset;}
 .ql-item-img{position: relative;}
 .my-swiper-scrollbar{width: 1rem;    left: calc(5% + .4rem);}
 .banner-page-num{width: 1.9rem;top: 91.5vh;left: 5%;}
 .section1-left .section1-txt p,.section1-left .section1-txt p span,.contact-item-txt h6,.pro4-sec2-con-left-txt p{font-size: 16px;}
 .contact-sec1-right{position: relative; width: 100%; margin-top: .3rem;}
 .section6-txt{position: relative; top: 0;}
 .section6-content .section6-img,.ab1-sec1-con-left-list{width: 100%;}
 #section2 .section2-txt,.contact-sec1 .contact-txt,.ab1-sec1-con-left-txt,.ab1-sec3-con-txt,.pro4-sec2-con-left-txt,.pro4-sec3-con-left-txt{max-width: 100%;}
 .contact-sec4-item{padding: 0 15px; height: 120px;}
 .contact-sec4-item-con{padding: 30px;}
 .contact-sec4-item .item-tab1{width: 52%;}
.contact-sec4-item .item-tab2{width: 0%;}
.contact-sec4-item .item-tab3{width: 0%;}
.contact-sec4-item .item-tab4{width: 38%;}
.contact-sec4-item .item-tab5{width: 10%;}
.contact-sec4-item .item p{font-size: 14px;}

.news2-item{justify-content: flex-end; padding: 30px 15px; }
.news2-time{width: 2rem; margin-right:.2rem;padding-top: .2rem; }
.news2-txt { max-width: calc(100% - 2.2rem);}
.news2-more{margin-top: .3rem;}
.job-box-con,.map-box,.news1-list-item-img{height: unset;}
.job-form{width: 95%;}
.address-box,.pro2-sec1-img{position: relative;  width: 100%;height: unset;}
.pro1-item-txt{left: 15px; right: 15px;}
.pro1-item-txt div .pro1-item-txt-p2{opacity: 1; visibility: visible;}
.pro2-sec1-con-right{padding-top: 30px; padding-right: 15px; padding-left: 15px; padding-bottom: 30px; min-height: unset; height: unset;}
.pro2-sec1-con-right-up p{line-height: .45rem;}
.pro2-sec1-list{margin-top: 1rem; position: relative; left: unset; bottom: unset;}
/* .pro2-sec6-item{width: 48%;} */
.quality-sec1-2-item{width: 15%; margin-right: 10px;}
.quality-sec2-box{padding: 30px 60px;}
.quality-sec3-swiper .swiper-slide{width: 3rem;}
.quality-sec4-item{width: 100%; margin-bottom: .3rem;}
.about1-ban{height: 9rem;}
.ab1-honor-swiper .swiper-slide img{margin: auto;}
.ab1-honor-swiper .swiper-pagination.swiper-pagination-fraction{top: 81%; left: 0;}
.ab1-honor-swiper .swiper-scrollbar{top: 90%; width: 35vw; left: unset; right: 1rem;}
.sc-txt-right{left: -1rem;width: 2rem;top: unset;margin-top: unset;}
.sc-txt{line-height: 19px;font-size: 12px;}
.sc-txt-left{left: unset;width: 2rem;top: unset;margin-top: unset;direction: ltr;}
.ab1-sec3,.ab1-sec1{padding: .2rem 0 1rem;}
.ab1-sec1-con-left-list{margin-top: .5rem; margin-bottom: .5rem;}
.abcul-sec1-con-left{padding-left: 0; margin-bottom: .3rem;}
.abcul-sec1-con-right-txt{padding-right: 0;}
.abcul-sec1-con-left-img{display: none;}
.honor-img-box{max-width: 90%;}
.honor-img-box video{height: unset; }
.abrespon-sec1{padding: .5rem 0 0;}
.abrespon-sec3-item{padding: 15px;}
.abrespon-sec3-item span{margin-right: 10px;}
.abrespon-sec3-item p{padding: 0 0.1rem;}
.abrespon-sec2-swiper .swiper-container-horizontal>.swiper-scrollbar{ width: 3rem; top: 84%;}
.history-sec .swiper-slide-active .history-item .history-item-txt{left: 30px; top: 30px; right: 30px;}
/* .history-sec::before{left: 20vw;} */
.history-sec .swiper-slide-active .history-item .history-item-txt h6{font-size: .3rem;}
.history-sec .swiper-slide-active .history-item .history-item-txt p{font-size: 16px; line-height:26px ;}
.history-sec .swiper-slide-active{width: 100vw; margin-left: 0;}
.history-sec .swiper-button-next, .history-sec .swiper-button-prev{top: 65%;}
.video-con-box{margin-top: 0;padding-bottom: .8rem;}
.video-slide-box{height: unset;}
.video-slide-box .video-img{object-fit: contain;}
.history-sec .swiper-slide-active::before{left: 23vw;}
.quality-sec4-inner p{ opacity: 1; height: auto; visibility: visible;}
.pro1-sec1-con-right{padding-left: 0;}

.quality-sec3-swiper .swiper-slide,.quality-sec3-swiper .swiper-slide-active{transform: scale(1);}
.honor-img-box{width: 85vw;}
.quality-sec4-inner{height: auto;}
.item_3_pw90{width: 75%;}
.quality-sec1-list1-item h5{color: #2F5597; font-weight: 600;}
.abcul-sec3-item-txt span{font-size: 20px;}
.abcul-sec3-item-txt p{font-size: 16px;}

}
@media (max-width: 370px){
  .sc-pos5{left: -2%;}
  .sc-pos2{left: 80%;}
}
#section0 .swiper-slide .banner-txt{transform: translateY(40%); transition: all 1s ease; transition-delay: 0.3s; opacity: 0;}
#section0 .swiper-slide.active .banner-txt{transform: translateY(0); opacity: 1;}
@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
.delay600{
  -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -ms-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
}
.delay900{
  -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -ms-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -o-animation-delay: .9s;
}



@keyframes myfadeup{
  0%{
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);}
    100%{
      opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    }
}
.myfadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes point1 {
  0% {
    transform:scale(.8);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(.8);
  }
}

.point1 {
  -webkit-animation-name: point1;
  animation-name: point1;
}

@keyframes bigtosmall {
  0% { 
  opacity: 1;
  -webkit-transform: scale(1.2); 
  -ms-transform: scale(1.2); 
  transform: scale(1.2);
  }
  100% { 
  opacity: 1;
  -webkit-transform: scale(1); 
  -ms-transform: scale(1); 
  transform: scale(1);
  }
}
.bigtosmall{
  -webkit-animation-name: bigtosmall;
  animation-name: bigtosmall;
  transform-origin: 50% 50%;
}

.h-100 {
  height: 100%!important;
}
.w-100 {
  width: 100%!important;
}
.position-relative {
  position: relative!important;
}

.history-banner .container2{margin: auto;}
.history-banner .inner-banner-txt p{ margin-bottom: .3rem;}
.history-banner .play-box{width: .8rem; height: .8rem; margin: auto; cursor: pointer;}