html,
body{height: 100%;}
/* wrap*/.wrap{width: 100%;height: 100%;}
/* m-header*/.m-header{display: none;}
.main-box{height: 100%;}
.main-box .h-btn{height: 100%;width: 1px;position: fixed;bottom: 0;left: 3%;z-index: 5;padding-top: 1rem;}
.main-box .h-btn::before{content: '';width: 1px;height: 100%;position: absolute;top: 1rem;background-color: rgba(255, 255, 255, 0.3);}
.main-box .h-btn .swiper-pagination-bullet{width: 1px;height: 18%;display: block;background-color: #fff;border-radius: 0;opacity: 1;margin-top: 5vh;}
.main-box .h-btn .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #00AEEF;width: 2px;}
/* home-page*/.home-page{height: 100%;}
.home-page .swiper-slide{height: 100%;}
.home-page .swiper-slide.sec-1 .fix-top{background-color: transparent;}
.home-page .focus,
.home-page .img{height: 100%;}
.home-page .focus .img{width: 100%;transform: scale(1.2) translate(0.5rem, 0);background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 7s linear;}
.home-page .focus .swiper-slide-active .img{transform: scale(1) translate(0, 0);}
.home-page .focus .swiper-pagination-bullets{bottom: .3rem;}
.home-page .focus .swiper-pagination-bullets .swiper-pagination-bullet{width: .16rem;height: .16rem;background-color: #fff;opacity: 1;margin: 0 .1rem;}
.home-page .focus .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #00AEEF;}
/* sec-1*/.sec-1 .b-nav{width: 100%;height: 65%;position: absolute;left: 0;bottom: 0;z-index: 100;overflow: hidden;background-color: rgba(38, 37, 36, 0.8);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.sec-1 .b-nav:hover{opacity: 1;}
.sec-1 .b-nav .item{width: 20%;height: 100%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 1;position: relative;}
.sec-1 .b-nav .item:hover{background-color: rgba(0,174,239, 0.7);}
.sec-1 .b-nav .item:hover .sub-nav{opacity: 1;}
.sec-1 .b-nav .item.on .link{top: 20%;}
.sec-1 .b-nav .item a{font-size: .36rem;color: #fff;display: block;position: relative;}
.sec-1 .b-nav .item .des{font-size: .18rem;margin-top: .37rem;line-height: .4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec-1 .b-nav .item .link{width: 100%;position: relative;top: 50%;transform: translateY(-50%);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0 15.6%;}
.sec-1 .b-nav .sub-nav{position: absolute;bottom: 12%;opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 15.6%;margin-right: -12%;}
.sec-1 .b-nav .sub-nav .more{font-size: .2rem;float: left;margin: 0 12% .5rem 0;position: relative;padding-bottom: .15rem;}
.sec-1 .b-nav .sub-nav .more:before{content: '';position: absolute;width: 0;height: 1px;background-color: #fff;bottom: 0;left: 50%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.sec-1 .b-nav .sub-nav .more:hover:before{width: 100%;left: 0;}
/* sec-4*/.sec-4 .footer-bg{width: 100%;height: 65vh;background-repeat: no-repeat;background-position: center;background-size: cover;}
.sec-4 .com-text{top: 2rem;}
.sec-4 .info{width: 100%;height: 35vh;background-color: #262524;padding: .4rem 0;}
.sec-4 .form{width: 18%;margin-left: 26%;}
.sec-4 .form .inp,
.sec-4 .form .f-area{width: 100%;background-color: transparent;border: 0;border-bottom: 1px solid #5e5e5e;font-size: .16rem;color: #999;}
.sec-4 .form .inp{height: .5rem;line-height: .5rem;}
.sec-4 .form .f-area{min-height: 1rem;line-height: .5rem;}
.sec-4 .form .submit{width: 100%;border: 0;font-size: .16rem;color: #fff;cursor: pointer; line-height: .4rem;height: .4rem;background-color: #00AEEF;text-align: center;margin-top: .4rem;}
.sec-4 .text{max-width: 25%;margin-left: 3%;font-size: .18rem;color: #fff;margin-top: .95rem;line-height: .4rem;}
.sec-4 .text .tel,.sec-4 .text .phone{font-size: .3rem;font-weight: bold;}
.sec-4 .text .phone{margin-bottom: .2rem;}
.sec-4 .text a{color: #fff;}
.sec-4 .text a:hover{color: #dfd7d7;}
.sec-4 .qr-code{margin-left: 4.3%;float: left;overflow: hidden;margin-top: .9rem;}
.sec-4 .qr-code .item{width: 1.8rem;margin-right: .3rem;float: left;text-align: center;font-size: .2rem;}
.sec-4 .qr-code .item img{width: 100%;height: 1.8rem;}
.sec-4 .qr-code .item .txt{margin-top: .2rem;color: #eee;}
/* fix-top*/.fix-top{font-size: .18rem;width: 100%;position: absolute;top: 0;left: 0;z-index: 10;line-height: 1rem;height: 1rem;background-color: #00AEEF;}
.fix-top .logo{display: block;height: 1rem;line-height: 1rem;position: absolute;left: 3%;}
.fix-top .logo img{height: .44rem;}
.fix-top a{color: #fff;}
.fix-top a:hover{color: #fecd23;}
.fix-top .nav{width: 100%;height: 1rem;line-height: 1rem;text-align: right;font-size: 0;padding-right: 3%;}
.fix-top .nav .item{display: inline-block;margin-left: .45rem;font-size: .18rem;color: #fff;position: relative;}
.fix-top .nav .item > a{display: inline-block;}
.fix-top .sub-nav{width: auto;display: none;position: absolute;white-space: nowrap;top: 1rem;left: 50%;z-index: 2;font-size: 0;line-height: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.fix-top .sub-nav .sub-item{display: inline-block;line-height: .5rem;margin: 0 .22rem;font-size: .16rem;color: #fff;}
.fix-top .sub-nav .sub-item:hover{color: #fecd23;}
.fix-top .nav-bg{position: absolute;width: 100%;height: .5rem;line-height: .5rem;top: 1rem;background-color: rgba(0,174,239, 0.5);display: none;}
/* com-text*/.com-text{position: absolute;top: 3.44rem;right: 14.76%;z-index: 2;color: #fff;pointer-events: none;display: none;}
.com-text .t-txt{writing-mode: tb-rl;width: auto;}
.com-text .t-txt .big{font-size: .6rem;}
.com-text .t-txt .small{font-size: .3rem;margin-right: .55rem;animation-delay: .2s;}
.com-text .b-txt{font-family: Arial;margin-top: .5rem;}
.com-text .b-txt .big{font-size: .3rem;margin-bottom: .1rem;}
.com-text .b-txt .small{font-size: .24rem;line-height: .38rem;}
/* fix-left*/.fix-left{position: fixed;height: 100%;padding-top: 1rem;bottom: 0;left: 3%;z-index: 10;pointer-events: none;}
.fix-left .item{height: 18%;visibility: hidden;margin-top: 5vh;position: relative;line-height: 1;color: #fff;font-size: .3rem;}
.fix-left .item.on{visibility: visible;}
.fix-left .item.on .num{opacity: 1;left: -0.55rem;}
.fix-left .text{width: auto;padding-left: .2rem;white-space: nowrap;line-height: 1;position: relative;z-index: 2;display: inline-block;
  padding-top: 5vh;
}
.fix-left .text p{text-shadow: 0 0 0.1rem rgba(0,0,0,.6);}
.fix-left .num{height: .43rem;overflow: hidden;color: #00AEEF;font-size: .6rem;position: absolute;top: 50%;left: 0;transform: translateY(-50%) rotate(-90deg);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.fix-left .samll-en{font-size: .18rem;font-family: Arial;opacity: .4;filter: alpha(opacity=40);display: none;}
.fix-left .big-en{font-family: Arial;opacity: .4;filter: alpha(opacity=40);text-transform: uppercase;margin-top: 3.3vh;display: none;}
.fix-left .samll-cn{font-size: .18rem;opacity: .4;filter: alpha(opacity=40);margin: 4vh 0 2vh;display: none;}
.fix-left p.big-cn{margin-top: 1.8vh;}
/* in-page*/.in-page{height: 100%;background-color: #fff;}
.in-page .fix-top{position: relative;}
.in-page .fix-top .nav-bg{background-color: rgba(0,174,239, 0.8);color: #fff;}
/* m-con*/.m-con{overflow: hidden;min-height: 90vh;}
/* in-com-box*/.in-com-box{margin: 1.55rem 0 .9rem;}
.in-com-box .title{font-size: .3rem;color: #333;margin-bottom: .2rem;font-weight: bold;}
.in-com-box .info{font-size: .2rem;color: #00AEEF;font-family: Arial;text-transform: uppercase;margin-bottom: .2rem;}
.in-com-box .des{font-size: .18rem;color: #000;font-family: Arial;background-color: #c7c7c7;padding: 0 .1rem;}
.in-com-box .in-nav{font-size: .18rem;}
.in-com-box .in-nav .item{writing-mode: tb-rl;}
.in-com-box .in-nav .swiper-wrapper{width: auto;}
.in-com-box .in-nav .swiper-slide{width: auto;height: auto;margin-left: .7rem;text-transform: uppercase;font-size: .2rem;color: #000;}
.in-com-box .in-nav .swiper-slide.on,
.in-com-box .in-nav .swiper-slide:hover{color: #00AEEF;}
.in-com-box .in-nav .swiper-slide .en{font-family: Arial;font-size: .16rem;margin-left: .15rem;}
/* m-news-list*/.m-news-list .l-focus{width: 8.2rem;max-width: 100%;}
.m-news-list .l-focus .swiper-slide,
.m-news-list .l-focus img{width: 100%;}
.m-news-list .l-focus .text{position: absolute;bottom: 0;left: 0;width: 100%;height: .5rem;line-height: .5rem;background-color: rgba(38, 37, 36, 0.5);z-index: 2;color: #fff;padding: 0 1.5rem 0 .2rem;}
.m-news-list .l-focus .swiper-pagination{text-align: right;padding: 0 .2rem;bottom: .15rem;}
.m-news-list .l-focus .swiper-pagination .swiper-pagination-bullet{width: .16rem;height: .16rem;opacity: 1;background-color: #fff;margin-left: .2rem;}
.m-news-list .l-focus .swiper-pagination .swiper-pagination-bullet-active{background-color: #00AEEF;}
.m-news-list .list{width: 100%;padding-left: 9rem;}
.m-news-list .list .item{line-height: .6rem;height: .6rem;border-bottom: 1px dashed #c7c7c7;display: block;position: relative;font-size: .18rem;color: #333;padding-left: .37rem;}
.m-news-list .list .item:hover{color: #00AEEF;}
.m-news-list .list .item:before{content: '';position: absolute;top: 50%;left: 0;margin-top: -0.05rem;width: .1rem;height: .1rem;background-color: #c7c7c7;-webkit-border-radius: 50%;border-radius: 50%;}
.m-news-list .list .item .des{width: 80%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
/* m-news-deatail*/.m-news-deatail{font-size: .24rem;color: #666;padding-bottom: .5rem;}
.m-news-deatail .title{text-align: center;font-size: .3rem;color: #333;margin-bottom: .4rem;}
.m-news-deatail .time{text-align: center;color: #999;margin-bottom: .2rem;}
.m-news-deatail .img-box{max-width: 100%;margin: .2rem auto;text-align: center;}
.m-news-deatail img{max-width: 100%;}
.m-news-deatail .des{line-height: .4rem;font-size: .22rem;color: #666;}
/* m-product-list*/.m-product-list,
.m-env-list{padding-bottom: 1rem;}
.m-product-list .list-focus .swiper-wrapper,
.m-env-list .list-focus .swiper-wrapper{padding-bottom: 1.2rem;}
.m-product-list .list-focus .swiper-slide,
.m-env-list .list-focus .swiper-slide{width: 21%;text-align: center;}
.m-product-list .list-focus .swiper-slide img,
.m-env-list .list-focus .swiper-slide img{width: 100%;}
.m-product-list .list-focus .swiper-slide .text,
.m-env-list .list-focus .swiper-slide .text{line-height: .77rem;font-size: .2rem;}
.m-product-list .list-focus .p-btn .swiper-pagination-bullet,
.m-env-list .list-focus .p-btn .swiper-pagination-bullet{width: .16rem;height: .16rem;background-color: #262524;opacity: 1;margin: 0 .1rem;-webkit-border-radius: 100%;border-radius: 100%;}
.m-product-list .list-focus .p-btn .swiper-pagination-bullet-active,
.m-env-list .list-focus .p-btn .swiper-pagination-bullet-active{background-color: #00AEEF;}
/* m-com-popup*/.m-com-popup{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 20;visibility: hidden;}
.m-com-popup.on{visibility: visible;}
.m-com-popup .mask{width: 100%;height: 100%;position: absolute;background-color: rgba(0, 0, 0, 0.6);}
.m-com-popup img{width: 100%;height: 100%;}
.m-com-popup .con-popup-box{width: 10.6rem;height: 8.2rem;background-color: #fff;position: absolute;left: 50%;top: 50%;margin-top: -4.1rem;margin-left: -5.3rem;}
.m-com-popup .con-popup-box .swiper-slide{/* width: 100% !important;*/padding: .62rem;}
.m-com-popup .con-popup-box .box{width: 100%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.m-com-popup .con-popup-box .p-prev,
.m-com-popup .con-popup-box .p-next{margin-top: -0.19rem;outline: none;}
.m-com-popup .con-popup-box .p-prev{width: .38rem;height: .38rem;background: #434343 url(../images/p-prev.png) no-repeat center;background-size: .1rem;-webkit-border-radius: 50%;border-radius: 50%;left: .1rem;}
.m-com-popup .con-popup-box .p-prev:hover{background-color: #00AEEF;}
.m-com-popup .con-popup-box .p-next{width: .38rem;height: .38rem;background: #434343 url(../images/p-next.png) no-repeat center;background-size: .1rem;-webkit-border-radius: 50%;border-radius: 50%;right: .1rem;}
.m-com-popup .con-popup-box .p-next:hover{background-color: #00AEEF;}
.m-com-popup .p-popup-focus{font-size: .24rem;line-height: 1;}
.m-com-popup .p-popup-focus .title{color: #000;margin: .3rem 0 .2rem;}
.m-com-popup .p-popup-focus .des{color: #666;line-height: .4rem;}
.m-com-popup .p-popup-focus .img-box{width: 100%;height: auto;overflow: hidden;}
.m-com-popup .close{width: .5rem;height: .5rem;background: #00AEEF url(../images/close.png) no-repeat center;background-size: .2rem;position: absolute;right: -0.5rem;top: 0;cursor: pointer;z-index: 10;}
.m-com-popup .env-popup-focus{font-size: .18rem;color: #666;}
.m-com-popup .env-popup-focus .img-box{width: 5.8rem;margin-right: .35rem;}
.m-com-popup .env-popup-focus .title{font-size: .24rem;color: #000;margin-bottom: .5rem;}
.m-com-popup .env-popup-focus .des{line-height: .46rem;}
/* m-change*/.m-change{width: 100%;margin: .3rem 0;border-top: 1px solid #ccc;}
.m-change a{width: 50%;float: left;line-height: .6rem;font-size: .2rem;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-change a:hover{color: #00AEEF;}
.m-change a.next{text-align: right;}
/* in-online*/.in-online{margin-bottom: 2rem;font-size: .24rem;}
.in-online .tit{font-size: .28rem;color: #666;margin-bottom: .2rem;}
.in-online .des{font-size: .2rem;color: #999;margin-bottom: .4rem;}
.in-online .inp-box{margin-left: -2%;}
.in-online .inp{line-height: .4rem;height: .4rem;width: 31%;border: 0;border-bottom: 1px solid #ccc;outline: none;background-color: #fff;margin-left: 2%;margin-bottom: .4rem;}
.in-online .con{width: 100%;height: 1.5rem;outline: none;background-color: #fff;border: 0;border-bottom: 1px solid #ccc;}
.in-online .bot{margin-top: .3rem;}
.in-online .bot .label{display: inline-block;vertical-align: middle;font-size: .24rem;color: #666;}
.in-online .bot .label .text{line-height: .4rem;height: .4rem;border: 1px solid #ccc;background-color: #fff;}
.in-online .bot .code{display: inline-block;vertical-align: middle;}
.in-online .bot .code img{height: .4rem;}
.in-online .r-con .btn{line-height: .6rem;height: .6rem;width: 2.5rem;border: 1px solid #ccc;background-color: #fff;margin-left: .2rem;cursor: pointer;}
.in-online .r-con .btn.submit{background-color: #262524;color: #fff;border-color: #262524;}
/* m-single*/.m-single{padding-bottom: 1rem;}
.m-single .title{text-align: center;font-size: .3rem;color: #333;margin-bottom: .4rem;}
.m-single img{max-width: 100%;margin: 0 auto;}
.m-single .img-box{max-width: 100%;margin: .2rem auto;text-align: center;}
.m-single .des{font-size: .22rem;color: #666;line-height: .4rem;}
.m-single .des center>div,
.m-news-deatail .des center>div{max-width: 100% !important;height: 7rem !important;}
/* in-footer*/.in-footer{text-align: center;font-size: 0;line-height: 0;width: 100%;background-color: #262524;color: #fff;}
.in-footer p{display: inline-block;font-size: .16rem;margin: 0 .24rem;line-height: .5rem;}
.in-footer a{color: #fff;}
/* fix-tel*/
.fix-tel{display: none;}
/* right-fix */
.right-fix {
    position: fixed;
    top: 50%;
    margin-top: -1rem;
    right: 0;
    z-index: 20;
  }
  .right-fix .item {
    width: .5rem;
    height: .5rem;
    position: relative;
    margin-bottom: 1px;
  }
  .right-fix .item:hover a {
    background: #00AEEF url(../images/right-icon-s.png) no-repeat;
    background-size: .5rem;
  }
  .right-fix .item a {
    width: 0;
    height: 100%;
    background: #ddd url(../images/right-icon.png) no-repeat;
    background-size: .5rem;
    margin-bottom: 1px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-left: .5rem;
    overflow: hidden;
  }
  .right-fix .item .num {
    white-space: nowrap;
    line-height: .5rem;
    font-size: .2rem;
    color: #fff;
  }
  .right-fix .item.qq a {
    background-position: 0 -0.5rem;
  }
  .right-fix .item.wx a {
    background-position: 0 -1rem;
  }
  .right-fix .item.top a {
    background-position: 0 -1.5rem;
  }
  .right-fix .item.tel:hover a {
    width: 2rem;
  }
  .right-fix .item.wx .img {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    right: .5rem;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
  }
  .right-fix .item.wx .img span{font-size: .18rem;margin-top: .2rem;}
  .right-fix .item.wx .img img {
    width: 1rem;
  }
  .right-fix .item.wx:hover a {
    overflow: inherit;
  }
  .right-fix .item.wx:hover a .img {
    opacity: 1;
  }
  #dituContent{width: 100% !important;height: 5rem !important;}
  #dituContent img{max-width: none;}
/* mobile*/@media screen and (min-width: 1400px) and (max-width: 1600px){.m-news-list .list .item{font-size: .2rem;}}
@media screen and (min-width: 768px) and (max-width: 1400px){.sec-4 .text{margin-left: 3% !important;}
.fix-top, .fix-top .nav, .fix-top .logo{height: 1.2rem;line-height: 1.2rem;}
.fix-top .nav-bg, .fix-top .sub-nav{top: 1.2rem;}
.fix-top .sub-nav .sub-item, .fix-top .nav-bg{line-height: .8rem;height: .8rem !important;}
.in-footer p{line-height: .8rem;font-size: .2rem;}
.m-news-list .list .item{font-size: .26rem;line-height: .7rem;height: .7rem;}}
@media screen and (min-width: 768px) and (max-width: 1200px){.sec-4 .form{margin-top: .4rem;}
.sec-4 .form .inp, .sec-4 .form .submit{line-height: .6rem;height: .6rem;}
.sec-4 .text{line-height: .6rem;margin-left: 5%;}}
@media screen and (min-width: 768px) and (max-width: 1000px){.m-single .des{line-height: .6rem;font-size: .24rem;}
.in-footer p{line-height: 1rem;}}
@media screen and (max-width: 768px){.home-page .fix-top{display: none;}
.m-com-popup .con-popup-box .box{padding: .3rem;}
.m-product-list .list-focus .swiper-slide .text,
.m-env-list .list-focus .swiper-slide .text{font-size: .24rem;}
.m-header{width: 100%;position: fixed;top: 0;height: 1rem;line-height: .1rem;background-color: #00b0ff;display: block;z-index: 10;}
.m-header .m-logo{height: 1rem;line-height: 1rem;display: block;margin-left: .2rem;}
.m-header .m-logo img{height: .44rem;vertical-align: middle;}
.m-header a{color: #666;}
.m-header .m-icon{width: .5rem;height: .4rem;margin-top: .3rem;margin-right: .2rem;}
.m-header .m-icon img{width: 100%;}
.m-header .m-nav{width: 100%;position: absolute;top: 1rem;background-color: #fff;display: none;}
.m-header .m-nav .item{line-height: 1rem;font-size: .28rem;padding: 0 .5rem;border-bottom: 1px solid #ccc;}
.m-header .m-nav .item:last-child{border: 0;}
.m-header .m-nav .item .link{display: block;font-size: .24rem;}
.m-header .m-sub{display: none;padding-bottom: .3rem;}
.m-header .m-sub .sub-item{display: block;line-height: .8rem;font-size: .24rem;padding-left: .5rem;}
.m-header .m-sub .sub-item.on, .m-header .m-sub .sub-item:hover{color: #cc0001;}
.h-btn, .fix-top{display: none;}
/* home-page*/.main-box{padding-top: 1rem;padding-bottom: 1rem;}
.wrap, .main-box{height: 100% !important;}
.home-page{height: 100% !important;overflow: hidden;}
.home-page > .swiper-wrapper{display: block;}
.home-page .focus{height: 100% !important;}
.home-page .focus .img{transform: scale(1) translate(0, 0);transition: none;}
.home-page .swiper-slide{height:100% !important;}
.home-page .img img{height: 100% ;}
/* sec-1*/.sec-1 .b-nav{display: none;}
/* fix-left*/.fix-left{display: none;}
/* com-text*/.com-text{top: 1.5rem;right: .4rem;}
.com-text .b-txt{display: none;}
.com-text .t-txt .big{font-size: .4rem;}
.com-text .t-txt .small{font-size: .26rem;}
/* sec-4*/.sec-4 .com-text{top: .6rem;}
.sec-4 .footer-bg{height: 3.5rem;}
.sec-4 .info{height: auto;padding: .2rem 1rem .5rem;}
.sec-4 .text{line-height: .4rem;font-size: .24rem;}
.sec-4 .form, .sec-4 .text, .sec-4 .qr-code{width: 100%;margin-left: 0;max-width: 100%;}
.sec-4 .form .submit{height: .5rem;line-height: .5rem;font-size: .24rem;}
.sec-4 .form .inp{font-size: .24rem;}
/* in-footer*/.in-footer{padding: .2rem 0;margin-bottom: 1rem;}
.in-footer p{display: block;font-size: .24rem;}
/* in-com-box*/.in-com-box .text{float: none;margin-bottom: .4rem;}
.in-com-box .des{display: none;}
.in-com-box .in-nav{float: none;}
.in-com-box .in-nav .swiper-slide{margin-left: 0;margin-right: .5rem;font-size: .28rem;}
.in-com-box .in-nav .swiper-slide .en{display: none;}
.in-com-box .in-nav .item{writing-mode: horizontal-tb;}
/* m-news-list*/.m-news-list .l-focus{float: none;margin-bottom: .2rem;}
.m-news-list .l-focus .text{font-size: .24rem;padding-right: 1.5rem;}
.m-news-list .list{padding-left: 0;}
.m-news-list .list .item{font-size: .24rem;}
.m-news-list .list .item .des{width: 70%;}
/* m-news-deatail*/.m-news-deatail{padding-bottom: .2rem;}
/* m-env-list*/.m-env-list .list-focus .swiper-slide{width: 5rem;}
/* m-change*/.m-change a{width: 100%;margin-top: .2rem;}
.m-change a.next{text-align: left;}
/* m-product-list*/.m-product-list .list-focus .swiper-slide{width: 5.4rem;}
/* m-com-popup*/.m-com-popup .con-popup-box{width: 100%;height: 50vh;left: 0;margin-left: 0;margin-top: -25vh;}
.m-com-popup .img-box{height: auto;}
.m-com-popup .p-prev, .m-com-popup .p-next{display: none;}
.m-com-popup .env-popup-focus .img-box{width: 100%;float: none;}
.m-com-popup .env-popup-focus .title{margin: .2rem 0;}
/* in-online*/.in-online .inp{width: 100%;line-height: .6rem;font-size: .24rem;}
.in-online .bot .l-con{float: none;margin-bottom: .2rem;line-height: .4rem;}
.in-online .bot .code img{height: .5rem;}
.in-online .bot .label .text{line-height: .5rem;height: .5rem;}
.in-online .bot .r-con{float: none;}
.in-online .bot .r-con .btn{margin-left: 0;margin-right: .2rem;}
.home-page .sec-4 .swiper-container-scrollbar{height: 100%;}
.home-page .sec-4 .swiper-container-scrollbar .swiper-slide{height: auto !important;overflow-y: scroll;}
.fix-tel{width: 100%;display: block;position: fixed;bottom: 0;left: 0;z-index: 100;height: 1rem;line-height: 1rem;background-color: #00b0ff;color: #fff;text-align: center;}
.fix-tel .f-tel{display: block;color: #fff;font-size: .3rem;}
.fix-tel .f-tel .icon{width: .5rem;height: .5rem;background: url(../images/tel.png) no-repeat;background-size: cover;vertical-align: middle;
    margin-right: .2rem;display: inline-block;}
    .right-fix{display: none;}
}

.home-page .swiper-slide.sec-4{background-color: #262524;}