@import url(style.css);

@import url(mobile.css);

@import url(custom.css);

@import url(pscroll.css);

@import url(animate.min.css);

/*首页*/

.header .nav > ul > li.on > a{ color: #fff;}

.header:hover .nav > ul > li.on > a{ color:#008cd6;}

/*轮显*/

.banner_page{ position:absolute; width:100%; text-align:left; left:0%; height:0px;  color:#aaaaaa; font-size:16px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic;*/ font-weight:bold;}

.banner_page .wrap2{ height:0;}

.banner_page span{ color:#fff;}

.banner_page label{ color:#fff;opacity:0.2;filter:Alpha(opacity=20);}

.banner_page em{ font-style:normal; color:#fff;}

.main .banner .swiper-pagination{float: left;}

.main .banner .swiper-pagination-clickable .swiper-pagination-bullet{width: 36px;height: 3px;background: rgba(153,153,153,0.7);border-radius: 0;opacity: 1;margin-right: 5px;}

.main .banner .swiper-pagination-clickable .swiper-pagination-bullet-active{background: #ffffff;}

.banner img {height: 100vh;object-fit: cover;}



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

/*轮显*/

.banner_page{ bottom:76px;}

.main .banner .btn{ bottom:40px;}



}

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

  /*轮显*/

  .banner img {height: auto;}

}

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

/*轮显*/

.main .banner .btn{bottom:30px;}

.main .banner .btn .boxs{ margin-left:140px;}

.banner_page{ bottom:66px; font-size:15px;}

.banner_page label{ /*display:none;*/ display:inline-block; width:40px; vertical-align:top; overflow:hidden;}

.banner_page em{  display:inline-block; width:40px; vertical-align:top; overflow:hidden;}

.main .banner .swiper-slide .rbtn{ min-width:130px; padding:0 30px; font-size:15px;}

.main .banner .swiper-slide .rbtn span{ height:42px; line-height:42px; padding:0;}



}



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

/*轮显*/

.main .banner .btn{bottom:42px;}

.banner_page{ bottom:58px;}



.main .banner .swiper-slide .rbtn{ min-width:110px; padding:0 20px; font-size:13px; margin-top:4%;}

.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}

.main .banner .swiper-slide .rbtn{ margin-top:1%;}

.main .banner .swiper-pagination{margin-top: 10px;}

}





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

/*轮显*/

.main .banner .swiper-slide .rbtn{ min-width:100px;}

.main .banner .swiper-slide .rbtn span{ height:32px; line-height:32px;}



}



/*品牌*/

.i_business{ background-repeat:no-repeat; background-position:center top; overflow:hidden; background-size:cover;background: url(../img/i_img1.jpg) #ffffff right top no-repeat;background-size: 100% auto;}

.i_title{ text-align:left; margin-top:6%;}

.i_title .h3{ font-weight:bold; color:#222222; line-height:1;font-style: italic;}

.i_title .p{ display:block; overflow:hidden;  color:#222222; font-size:18px;line-height:1.3; margin-top:1.3%;}

.i_title .h3 sup{font-weight: normal;}

.business-page{ position:relative;margin-bottom:7%;overflow: hidden;}

.business-page .business_div{}

.business-page .business_div .top {

  position: relative; margin-top:50px;float: right;width: 41.57%;max-width: 592px;

}

.business-page .business_div .top .swiper-button-prev,

.business-page .business_div .top .swiper-button-next {

  width: 25px;

  height: 45px;

  background-size: 25px auto;

  margin-top: -21%;

}

.business-page .business_div .top .swiper-button-prev {

  left: -90px;

  background-image: url(../images/i_left.png);

}

.business-page .business_div .top .swiper-button-prev:hover {

  background-image: url(../images/i_left_on.png);

}

.business-page .business_div .top .swiper-button-next {

  right: -90px;

  background-image: url(../images/i_right.png);

}

.business-page .business_div .top .swiper-button-next:hover {

  background-image: url(../images/i_right_on.png);

}

.business-page .business_div .top .swiper-slide {

  text-align: left;

  font-size: 18px;

  color: #222222;

  position: relative;

  padding-bottom: 40px;

  padding-top:10px;

  cursor: pointer; margin-bottom: 13px;height: auto!important;

}

.business-page .business_div .top .swiper-slide::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #f0f0f0;}

.business-page .business_div .top .swiper-slide-thumb-active {

  color: #222222; background:url(../images/i_bg2.jpg) no-repeat; background-size:cover; background-position:center center;

}

.business-page .business_div .top .swiper-slide-thumb-active::before{background: #008cd6;}

.business-page .business_div .top .swiper-slide i{ display:inline-block; vertical-align:top; width:116px; height:78px; margin-top:5px; position:absolute;right: 22px;top: 0;}

.business-page .business_div .top .swiper-slide i img{ display:block; height:100%; position:absolute; top:0; left:0;transition:all 0.6s;}

.business-page .business_div .top .swiper-slide i img.bgs1{opacity:0;filter:Alpha(opacity=0);}

 .business-page .business_div .top .swiper-slide-thumb-active i img.bgs1{opacity:0.2;filter:Alpha(opacity=20);}

.business-page .business_div .top .swiper-slide .bb{ overflow:hidden; display:inline-block; vertical-align:top; text-align:left;}

.business-page .business_div .top .swiper-slide .bb .h5{ font-weight:bold; color:#222222;  height:44px; line-height:44px; }

.business-page .business_div .top .swiper-slide .bb .p{ line-height:30px; height:30px; overflow:hidden;font-size:16px;margin-top: 7px;color: #222222;white-space:nowrap;text-overflow:ellipsis}

.business-page .business_div .top .swiper-slide .bb .h5 sup{font-weight: normal;}

.business-page .business_div .top .swiper-slide-thumb-active .bb .h5{color:#008cd6;}

/*.business-page .business_div .top .swiper-slide-thumb-active::after {

  background-image: url(../images/history_year2.png);

}*/

.business-page .business_div .top .swiper-slide a{display: inline-block;}

.business-page .business_div .top .swiper-wrapper{height: auto!important;}

.business-page .business_div .gallery-top {

  margin-top: 50px;float: left;width: 56.43%;overflow: hidden;

}

.business-page .business_div .gallery-top .swiper-slide {

  max-width: 1400px; width:100%;

}

.business-page .business_div .gallery-top .swiper-slide dd{ overflow:hidden;/* transition:all 0.3s; */ text-align:left;/* padding-bottom:145px;*/ position:relative; z-index:0; width:100%; margin:0 auto;}

.business-page .business_div .gallery-top .swiper-slide .boxs{  overflow:hidden;/*opacity:0;filter:Alpha(opacity=0);*/}

.business-page .business_div .gallery-top .swiper-slide .imgs{ overflow:hidden; position:relative; padding-top:60.68%;border-radius: 60px;}

.business-page .business_div .gallery-top .swiper-slide .imgs img{display:block;width: 100%; height:100%; position:absolute; top:0; left:0;object-fit: cover; }

.business-page .business_div .gallery-top .swiper-slide .imgs img{ overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s;}

.business-page .business_div .gallery-top .swiper-slide dd:hover .imgs img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}

.business-page .business_div .gallery-top .swiper-slide .txts{margin-left: 9%;background: #ffffff;border-radius: 60px 0px 0 0;  overflow:hidden;text-align:left;  color:#222222;  padding-top:4%;margin-top: -88px;position: relative;}

.business-page .business_div .gallery-top .swiper-slide .txts .h4{ font-weight:bold; color:#222222; line-height:46px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top:2%;}

.business-page .business_div .gallery-top .swiper-slide .cons{ overflow:hidden;font-size:16px; line-height:32px; margin-top:20px; max-height:96px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.business-page .business_div .gallery-top .swiper-slide-active .boxs{opacity: 1;filter: alpha(opacity=100);}

.business-page .business_div .gallery-top .swiper-slide .txts .divs{width: 94%;margin: 0 auto;max-width: 700px;}

.a_bnt{ font-style:normal; width:200px; height:58px; line-height:58px; text-align:left; background:#f1f1f1; color:#000000; font-size:18px; display:block; margin-top:50px; position:relative;z-index:0;border-radius: 35px;overflow:hidden;text-indent: 35px;}

.a_bnt:after{ background:#008cd6; position:absolute; left:0; top:0; height:100%; width:0%;transition:all 0.3s; content:""; z-index:-1;}

.a_bnt:hover:after{ width:100%;}

.a_bnt::before{content: "";position: absolute;right: 12px;width: 42px;height: 42px;top: 50%;margin-top: -21px;background: url(../images/i_pic2.png) #008cd6 center center no-repeat;background-size:15px 14px;border-radius: 50%;}

.a_bnt:hover{color: #fff;}

/*.business-page .business_div .gallery-top .swiper-slide-active .desc { color:#b7b7ec; }*/

/*.business-page .business_div .gallery-top .swiper-slide-active dd{ width:100%;}*/

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

  /*品牌*/

  .business-page .business_div .gallery-top{width: 55%;}

  .business-page .business_div .top{width: 41%;}

  .business-page .business_div .gallery-top .swiper-slide .imgs{padding-top: 58%;}

}

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

/*品牌*/

.a_bnt{margin-top: 40px;}

.business-page .business_div .gallery-top{margin-top: 40px;width: 54%;}

.business-page .business_div .top{margin-top: 40px;}

.business-page .business_div .top .swiper-slide{padding-top: 0;padding-bottom: 25px;}

.business-page .business_div .gallery-top .swiper-slide .cons{font-size: 15px;margin-top: 15px;line-height: 30px;}

.business-page .business_div .top .swiper-slide .bb .p{font-size: 15px;}

.business-page .business_div .top .swiper-slide .bb .h5{line-height: 40px;height: 40px;}

.business-page .business_div .top .swiper-slide i{height: 52px;width: 90px;margin-top: 0;}

.business-page .business_div .gallery-top .swiper-slide .txts .h4{line-height: 40px;}

.business-page .business_div .gallery-top .swiper-slide .txts{margin-top: -110px;padding-top: 2%;}

.business-page .business_div .gallery-top .swiper-slide .imgs{padding-top: 57%;}

}

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

/*品牌*/

.i_title .p{ font-size:16px;}

.business-page .business_div .top .swiper-slide{margin-bottom: 8px;}

.business-page .business_div .top .swiper-slide i{height: 45px;width: 70px;margin-top: 5px;}

}

  

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

/*品牌*/

.i_title{text-align: center;margin-top: 7%;}

.i_title .p{ font-size:15px;}

.business-page .business_div .gallery-top{float: none;width: 100%;}

.business-page .business_div .gallery-top .swiper-slide {/*max-width: 350px;*/width: 100%;}

.business-page .business_div .gallery-top .swiper-slide .imgs{ float:none; width:100%; padding-top:60%;}

.business-page .business_div .gallery-top .swiper-slide .cons{ font-size:14px; line-height:28px;min-height:inherit;}

.business-page .business_div .gallery-top .swiper-slide .txts{margin-top: -88px;}

.a_bnt{width: 210px;font-size: 16px;margin-top:30px;}

.business-page .business_div .top{float: none;width: 100%;max-width: none;}

.business-page .business_div .top .swiper-slide {font-size: 14px;width: auto!important;padding-right: 20px;padding-bottom: 0;}

.business-page .business_div .top .swiper-slide .bb .p{  font-size:15px;max-width: 320px;display: none;}

.business-page .business_div .top .swiper-slide i{display: none;}

.business-page .business_div .top .swiper-slide::before{right: 0;width: 1px;height: 50%;left: auto;bottom: 15%;}



}

  

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

/*品牌*/

.i_title .p{ font-size:14px;}

  

}

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

/*品牌*/

.i_title{margin-top: 8%;}

.i_title .p{ font-size:13px; margin-top:2%;}

.business-page .business_div .gallery-top .swiper-slide .cons{  font-size:14px; line-height:26px;}

.business-page .business_div .gallery-top{ margin-top:5%;}

.business-page .business_div .gallery-top .swiper-slide .txts{border-radius: 40px 0 0 0 ;}

.business-page .business_div .gallery-top .swiper-slide .txts .h4{ height:36px; line-height:36px;}

.business-page .business_div .gallery-top .swiper-slide .imgs{border-radius: 40px;}

.a_bnt{width: 180px;height: 50px;line-height: 50px;font-size: 15px;margin-top: 20px;}

.a_bnt::before{width: 36px;height: 36px;margin-top: -18px;right: 7px;}

.business-page .business_div .top{margin-top: 4%;}

.business-page .business_div .top .swiper-slide .bb .p{margin-top: 0;max-width: 300px;}

.business-page .business_div .top .swiper-slide::before{bottom: 8%;}

}

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

/*品牌*/

.i_title .p{ font-size:12px; }

.business-page .business_div .gallery-top{margin-top: 0%;}

.business-page .business_div .gallery-top .swiper-slide .cons{ line-height:24px; font-size:13px;}

.business-page .business_div .gallery-top .swiper-slide .imgs{border-radius: 30px;}

.business-page .business_div .gallery-top .swiper-slide .txts{border-radius: 30px 0 0 0;margin-left: 5%;}

.a_bnt{width: 150px;height: 40px;line-height: 40px;font-size: 14px;text-indent: 20px;margin-top: 8%;}

.a_bnt::before{width: 30px;height: 30px;margin-top: -15px;right: 5px;}

.business-page .business_div .gallery-top .swiper-slide .txts .h4{margin-top: 0;}

.business-page .business_div .top .swiper-slide i{ width:50px; }

.business-page .business_div .top .swiper-slide{ padding-top:0px; padding-bottom:20px;}

.business-page .business_div .top .swiper-slide .bb .p{ font-size:14px;max-width: 250px;}

.business-page .business_div .top .swiper-slide{ font-size:13px;}

.business-page .business_div .top .swiper-slide::before{bottom: 25%;}



}

  

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

/*品牌*/

.business-page .business_div .gallery-top .swiper-slide .cons{ line-height:22px; font-size:12px;}

.business-page .business_div .top .swiper-slide i{ width:40px; height:36px;margin-top:6px;}

.business-page .business_div .top .swiper-slide .bb .p{ font-size:13px;}

.business-page .business_div .top .swiper-slide{ font-size:12px; padding-top:15px; padding-bottom:15px;}

.business-page .business_div .top .swiper-slide::before{bottom: 15%;}

}

/*解决方案*/

.case_title{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;}

.case_title .i_title .h3{color: #fff;font-style: normal;}

.case_title .i_title .p{color: #fff;}

.case-list{position: relative;overflow: hidden;}

.case-list .case-top .swiper-slide{height: 0; /* padding-bottom: 51.1%; */overflow: hidden;min-height: 700px;position: relative;padding-top: 51.1%;}

.case-list .case-top .swiper-slide img{width: 100%;height: 100%; object-fit: cover;position: absolute;left: 0;top: 0;

  opacity: 0.8;

  transform: scale(1.04);

  -webkit-transform: scale(1.04);

  -moz-transform: scale(1.04);

  -ms-transform: scale(1.04);

  transition: all 2s;

  -webkit-transition: all 2s;

  -moz-transition: all 2s;

  -ms-transition: all 2s;}

.case-list .case-top .swiper-slide .text{position: absolute;

    width: 100%;

    top: 40%;

    left: 0;}

.case-list .case-top .swiper-slide .text .con{max-width: 785px;float: right;width: 100%;}

.case-list .case-top .swiper-slide .text .con h2{

      font-weight:bold;font-style: italic;

      color: #fff;

      position: relative;

      top: 1rem;

      opacity: 0;

      transition: all 0.5s ease 0.5s;

      -webkit-transition: all 0.5s ease 0.5s;

      -moz-transition: all 0.5s ease 0.5s;

      -ms-transition: all 0.5s ease 0.5s;}

.case-list .case-top .swiper-slide .text .con p{

        font-size: 14px;

        line-height: 26px;

    color: #fff;

    margin: 2% 0 7rem;

    position: relative;

    top: 1rem;

    opacity: 0;

    transition: all 0.5s ease 0.8s;

    -webkit-transition: all 0.5s ease 0.8s;

    -moz-transition: all 0.5s ease 0.8s;

    -ms-transition: all 0.5s ease 0.8s;

    /* width: 40%; */

    max-width: 530px;

      }

.case-list .case-top .swiper-slide .text .con .more{

        position: relative;

    top: 1rem;

    opacity: 0;

    transition: all 0.5s ease 1.1s;

    -webkit-transition: all 0.5s ease 1.1s;

    -moz-transition: all 0.5s ease 1.1s;

    -ms-transition: all 0.5s ease 1.1s;

      }

.case-list .case-top .swiper-slide .text .con .more a{

        font-size: 0.8rem;

    color: #fff;

    padding: 0.6rem 0;

    border-radius: 4px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

      }

.case-list .case-top .swiper-slide .text .con .more a span{

        margin-left: 0.6rem;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

      }

.case-list .case-top .swiper-slide.active .text .con h2{opacity: 1;top: 0;}

.case-list .case-top .swiper-slide.active img{opacity: 1;

      transform: scale(1);

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);}

.case-list .case-top .swiper-slide.active .text .con p{opacity: 1;

      top: 0;}

      .case-list .case-top .swiper-slide.active .text .con .more{opacity: 1;

        top: 0;}

.animated.slow{-webkit-animation-duration: 2s;animation-duration: 2s;}

.case-list .case-bottom{position: absolute;width: 100%; bottom: 15%; left: 0px;}

.case-list .case-bottom .con{max-width: 785px;float: right;width: 100%;}

.case-list .case-bottom .con .swiper-slide{

  padding-bottom: 1.4rem;

    cursor: pointer;

    /* border-bottom: 13px solid rgba(0,170,255,0.3);

    background-image: url(../images/i_bg2.png);

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover; */

    border-radius: 20px;

border: 1px solid #FFFFFF;height: 190px;

}

.case-list .case-bottom .con .swiper-slide .boxs{width: 90%;max-width: 220px;margin: 0 auto;position: relative;margin-top: 25px;margin-bottom: 25px;height: 100%;}

.case-list .case-bottom .con .swiper-slide .icon{

  width: 59px;

    height: 45px;

    overflow: hidden;

    margin: 26px 0 17px 0;position: absolute;right: 0;bottom: 20px;

}

.case-list .case-bottom .con .swiper-slide .icon img{width: 100%;}

.case-list .case-bottom .con .swiper-slide h2{



    color: rgb(255, 255, 255);

    font-weight: bold;

    line-height: 30px;

    /* height: 30px; 

    white-space:nowrap;text-overflow:ellipsis;*/

}

.case-list .case-bottom .con .swiper-slide::before{content: "";

  width: 100%;

  height: 100%;

  background: url(../img/icon_bg.png) left bottom / cover no-repeat;

  position: absolute;

  left: 0px;

  top: 0px;

  opacity: 0;

  z-index: -1;

  transition: all 0.5s ease 0s;

}

/* .case-list .case-bottom .con .swiper-slide .p{overflow: hidden;margin-top: 12px;font-size: 12px;margin-bottom: 16px;height: 96px; }

.case-list .case-bottom .con .swiper-slide .p span{overflow: hidden;display: block;line-height: 24px;height: 24px;white-space:nowrap;text-overflow:ellipsis;}

.case-list .case-bottom .con .swiper-slide .p a{overflow: hidden;color: #fff;} */

.case-list .case-bottom .con .swiper-slide.active{border: 1px solid rgba(0,140,214,0.87);/* background-image: url(../images/i_bg2_on.png); */background: #008cd6;}

/* .case-list .case-bottom .con .swiper-slide .p a:hover{color: var(--main-color);} */

.case-list .case-bottom .con .swiper-slide.active::before{opacity: 0.871;}



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

/*解决方案*/

.case-list .case-top .swiper-slide .text{top: 35%;}

      

  }

    

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

  /*解决方案*/

  .case-list .case-top .swiper-slide{min-height: 660px;}

  .case-list .case-top .swiper-slide .text{top: 32%;}

  .case-list .case-bottom .con .swiper-slide{height: 160px;}

  .case-list .case-bottom .con .swiper-slide .icon{width: 49px;height: 37px;margin-bottom: 0;}

  .case-list .case-bottom .con .swiper-slide .boxs{margin-top: 15px;margin-bottom: 15px;}

  }

    

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

/*解决方案*/

.case-list .case-top .swiper-slide{min-height: 600px;}

.case-list .case-top .swiper-slide .text{top: 35%;}

.case-list .case-bottom .con .swiper-slide{height: 130px;}

.case-list .case-bottom .con .swiper-slide .icon{width: 40px;height: 31px;}

  }

    

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

/*解决方案*/

.case-list .case-top .swiper-slide{min-height: 500px;}

.case-list .case-top .swiper-slide .text{top: 32%;}

.case-list .case-top .swiper-slide .text .con p{font-size: 13px;}

.case-list .case-bottom .con .swiper-slide h2{font-size: 15px;}

/* .case-list .case-bottom .con .swiper-slide .p{height: 80px;margin-bottom: 5px;}

.case-list .case-bottom .con .swiper-slide .p span{line-height: 20px;height: 20px;} */

.case-list .case-bottom .con .swiper-slide .icon{width: 32px;height: 24px;}

  }

    

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

/*解决方案*/

.case-list .case-top .swiper-slide .text{top: 33%;}

.case-list .case-top .swiper-slide .text .con p{font-size: 12px;}

  

  }



/*产品介绍*/

.i_product{overflow: hidden;border-radius: 40px;background-repeat: no-repeat;background-position: center center;background-size: cover;margin-top: 7%;}

.i_product .boxs{width: 94%;margin: 0 auto;max-width: 1444px;margin-top: 6%;margin-bottom: 20%;}

.i_product .boxs .label{background: #ffffff;display: inline-block;vertical-align: top;line-height: 1;padding: 15px;padding-right: 20px;padding-top: 10px; border-radius: 16px 16px 16px 0;font-style: italic;font-weight: bold;}

.i_product .boxs .label.bgs2{border-radius: 0 0 16px 16px;clear: both;padding-top: 0;position: relative;display: none;}

.i_product .boxs .label.bgs2::after{content: "“";position: absolute;right: -20px;bottom: -25px;transform: rotate(-180deg);font-size: 100px;font-style: normal;}

.i_product_txts{margin-left: 37%;background: #ffffff;border-radius: 60px 0px 0 0;  overflow:hidden;text-align:left;  color:#222222;  padding-top:4%;margin-top: -112px;position: relative;}

.i_product_txts .h4{ font-weight:bold; color:#222222; line-height:46px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top:2%;}

.i_product_txts .cons{ overflow:hidden;font-size:18px; line-height:32px; margin-top:20px; max-height:64px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.i_product_txts .divs{margin-left: 8%;}

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

/*产品介绍*/

  

    

}

  

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

/*产品介绍*/

.i_product_txts .cons{font-size: 15px;line-height: 28px; min-height: inherit}



}

  

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

/*产品介绍*/

.i_product{border-radius: 30px;}

.i_product_txts{margin-left: 9%;margin-top: -80px;border-radius: 40px 0 0 0;}

.i_product_txts .h4{line-height: 36px;}

.i_product_txts .cons{ font-size: 14px;line-height: 26px;}

.i_product .boxs .label{padding-bottom: 10px;}

.i_product .boxs .label.bgs2{padding-bottom: 13px;}

.i_product .boxs .label.bgs2::after{font-size: 90px;right: -17px;bottom: -22px;}



}

  

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

/*产品介绍*/

.i_product{border-radius: 20px;}

.i_product_txts{margin-left: 5%;margin-top: -50px;border-radius: 30px 0 0 0;}

.i_product_txts .h4{margin-top: 0;}

.i_product_txts .cons{ font-size: 13px;line-height: 24px;} 

.i_product_txts .divs{margin-left: 3%;margin-right: 3%;}

}

  

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

/*产品介绍*/

.i_product_txts .cons{ font-size: 12px;line-height: 22px;} 



}

  





/*新闻*/

.i_news_bg{overflow: hidden;background:url(../images/i_bg1.jpg) #ffffff center bottom no-repeat;background-size: 100% auto;}

.i_news_bg .swiper-box{margin-bottom: 8%;margin-top: 4%;height: 460px;}

.i_news_bg .swiper-box .swiper-slide .boxs{overflow: hidden;background: #ffffff;-ms-transform-origin-x: 50%; -webkit-transform-origin-x: 50%;transform: scale(0.8);border-radius: 20px;box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.07);margin-top: 30px;-webkit-transition:all 1s ease-out 0s; -moz-transition:all 1s ease-out 0s; -o-transition:all 1s ease-out 0s; transition:all 1s ease-out 0s;}

.i_news_bg .swiper-box .swiper-slide-prev .boxs{-ms-transform-origin-x: 25%; -webkit-transform-origin-x: 25%;}

.i_news_bg .swiper-box .swiper-slide-next .boxs{-ms-transform-origin-x: 75%; -webkit-transform-origin-x: 75%;}

.i_news_bg .swiper-box .swiper-slide-active .boxs{transform: scale(1);background: url(../images/i_bg2.png)center center no-repeat;background-size: cover;margin-top: 0;}

.i_news_bg .swiper-box .swiper-slide .boxs .cons{padding-left: 30px;padding-right: 30px;}

.i_news_bg .swiper-box .swiper-slide .boxs .cons .date{line-height: 34px;height: 34px;overflow: hidden;color: #008cd6;margin-top: 30px;}

.i_news_bg .swiper-box .swiper-slide .boxs .cons .title{color: #222222;line-height: 34px;height: 34px;overflow: hidden;margin-top: 75px;clear: both;font-weight: bold;}

.i_news_bg .swiper-box .swiper-slide .boxs .cons .ul{color: #999999;line-height: 30px;margin-top: 12px;margin-bottom: 40px;overflow: hidden;}

.i_news_bg .swiper-box .swiper-slide .boxs .cons .ul li{display: block;overflow: hidden;background-repeat: no-repeat;background-size: 18px 21px;background-position: left center;}

.i_news_bg .swiper-box .swiper-slide-active .boxs .cons .ul li{padding-left: 25px;}

.i_news_bg .swiper-box .swiper-slide-active .boxs .cons .ul li.bgs1{background-image: url(../images/i_pic4.png);}

.i_news_bg .swiper-box .swiper-slide-active .boxs .cons .ul li.bgs2{background-image: url(../images/i_pic5.png);}

.i_news_bg .swiper-box .swiper-slide .boxs .cons .imgs{width: 50%;max-width: 257px;overflow: hidden;float: right;display: none;}

.i_news_bg .swiper-box .swiper-slide .boxs .cons .imgs img{display: block;}

.i_news_bg .swiper-box .swiper-slide-active .boxs .cons{padding-left: 35px;padding-right: 35px;}

.i_news_bg .swiper-box .swiper-slide-active .boxs .cons .title{margin-top: 41px;color: #ffffff;}

.i_news_bg .swiper-box .swiper-slide-active .boxs .cons .date{color: #ffffff;}

.i_news_bg .swiper-box .swiper-slide-active .boxs .cons .ul{color: #ffffff;}

.i_news_bg .swiper-box .swiper-slide-active .boxs .cons .imgs{display: block;}

.i_news_bg .swiper-box .swiper-btns{text-align: center;margin-top: 3%;}

.i_news_bg .swiper-box .swiper-btns .swiper-btn{border-radius: 50%;width: 45px;height: 45px;border: 1px solid #008cd6;background: url(../images/left2.png) center center no-repeat;background-size: 15px 14px;transition:all 0.3s;display: inline-block;vertical-align: top;margin-left: 5px;margin-right: 5px;}

.i_news_bg .swiper-box .swiper-btns .swiper-btn:hover{background-color: #008cd6;}

.i_news_bg .swiper-box .swiper-btns .swiper-btn.prev{background-image: url(../images/left2.png);}

.i_news_bg .swiper-box .swiper-btns .swiper-btn.next{background-image: url(../images/right2.png);}

.i_news_bg .swiper-box .swiper-btns .swiper-btn.prev:hover{background-image: url(../images/left2_on.png);}

.i_news_bg .swiper-box .swiper-btns .swiper-btn.next:hover{background-image: url(../images/right2_on.png);}

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

/*新闻*/

.i_news_bg .swiper-box .swiper-slide .boxs{margin-top: 20px;}

    

}

  

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

/*新闻*/

.i_news_bg .swiper-box .swiper-slide .boxs{margin-top: 10px;}

.i_news_bg .swiper-box .swiper-slide .boxs .cons{padding-left: 15px;padding-right: 15px;}

.i_news_bg .swiper-box .swiper-slide-active .boxs .cons{padding-left: 20px;padding-right: 20px;}

}

  

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

/*新闻*/
.i_news_bg .swiper-box{height: 360px;}
.i_news_bg .swiper-box .swiper-slide .boxs{margin-top: 20px;}

.i_news_bg .swiper-box .swiper-slide .boxs .cons .ul{line-height: 24px;margin-bottom: 20px;margin-top: 8px;}

.i_news_bg .swiper-box .swiper-slide .boxs .cons .date{margin-top: 20px;}

}

  

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

/*新闻*/



}

  

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

/*新闻*/





}



/*关于我们*/

.i_about{overflow: hidden;margin-bottom: 12%;display: flex;width: 100%;justify-content: space-between;align-items: center;}

.i_about .i_about_l{width: 41.5%;max-width: 626px;overflow: hidden;}

.i_about .i_about_l .h3{line-height: 1;text-transform: uppercase;font-weight: bold;color: #222222;font-style: italic;}

.i_about .i_about_l .h4{line-height: 1;font-weight: bold;color: #222222;margin-top: 10px;font-style: italic;}

.i_about .i_about_l .p{line-height:1.8; overflow:hidden;margin-top:7%;}

.i_about .i_about_r{width: 56.5%;overflow: hidden;border-radius: 30px;}

.i_about .i_about_r img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.i_about .i_about_r:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

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

/*关于我们*/

.i_about .i_about_l .p{line-height:1.6; }

    

}

  

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

/*关于我们*/

.i_about{display: block;}

.i_about .i_about_l{width: 100%;max-width: none;}

.i_about .i_about_l .p{margin-top: 4%;}

.i_about .i_about_r{width: 100%;margin-top: 4%;}

}

  

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

/*关于我们*/



  

}

  

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

/*关于我们*/

  

}

  

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

/*关于我们*/





}



/*尾部弹窗*/

.no-angree  .f_bg{margin-bottom: 225px;}

.no-angree .angree-block{display: block;}

.tank-block-a{display: none; position: fixed;left: 0;bottom: 0;z-index: 99999; width: 100%;background:#191919;padding-top: 50px;padding-bottom: 50px;height: 225px;}

.tank-block-a .flex-box {

  height: 100%;

  width: 100%; align-items: center; justify-content: center;display: flex;

}

.tank-block-a .tank-a-cont{

display: flex;justify-content: space-between;align-items: center;

}

.tank-block-a .tank-a-cont .txts{float: left;width: 83%;max-width: 1260px;overflow: hidden;}

.tank-block-a .tank-a-cont .txts .h4{font-weight: bold;line-height: 22px;color: #ffffff;}

.tank-block-a .tank-a-cont .txts .p{font-size: 16px;color: rgb(255, 255, 255,0.62);overflow: hidden;line-height: 24px;margin-top: 12px;}

.tank-block-a .tank-a-cont .more-box-a{max-width: 218px;float: right;width: 15%;}

.tank-block-a .tank-a-cont .more-box{line-height: 44px;border-radius: 6px;width: 100%;cursor: pointer;border: 2px solid #008cd6;color: #ffffff;position: relative;z-index: 0;display: block;text-align: center;font-weight: bold;font-size: 16px}

.tank-block-a .tank-a-cont .more-box.bgs2{background: #008cd6;margin-bottom: 8px;}

.tank-block-a .tank-a-cont .more-box::before{content: "";z-index: -1;position: absolute;left: 0;top:0;width: 0;height: 100%;background: #008cd6;transition:all 0.3s;}

.tank-block-a .tank-a-cont .more-box:hover::before{width: 100%;}

.tank-block-a .tank-a-cont .more-box.bgs2::before{background: rgba(255,255,255,0.1);}

.tank-block-a .exit-btn {

  position: absolute;

  right: 8px;

  top: 8px;

  width: 24px;

  font-size: 29px;

  line-height: 25px;

  text-align: center;

  text-decoration: none;

  font-weight: 700;

  cursor: pointer;

  color: #666;

}

.tank-block-a .exit-btn:hover {

  color: var(--main-color);

}



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

  /*尾部弹窗*/

  .no-angree .angree-block{

    display: none;

   }

   .no-angree  .f_bg{margin-bottom: 0px;}



      

  }

    

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

  /*尾部弹窗*/

  

  

  }

    

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

  /*尾部弹窗*/

  

    

  }

    

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

  /*尾部弹窗*/

    

  }

    

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

  /*尾部弹窗*/

  

  

  }

/*鼠标跟随*/

  .follow-icon {  

    position: fixed;  

    font-size: 20px;  

    color: #007bff;  

    pointer-events: none;  

    user-select: none;  

    display: none; 

    width: 45px;transition:all 0.3s;z-index: 1000;

}

.follow-icon img{width: 45px;display: block;}



@keyframes mymove6

{

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);

  -moz-transform: translateY(-100px) translateX(0);

  transform: translateY(-100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}



@-webkit-keyframes mymove6

{

	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);

  -moz-transform: translateY(-100px) translateX(0);

  transform: translateY(-100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}




/*品牌列表*/
.product_bg{background: #f8f8f8;overflow: hidden;}
.product_ul{ overflow:hidden; margin-top:6%;margin-bottom:4%;}
.product_ul ul li{ float:left; width:23.5%; margin-bottom:2%;margin-right: 2%; overflow:hidden;  position:relative; z-index:0;transition:all 0.3s;background: #ffffff;border-radius: 10px; }
.product_ul ul li:nth-child(4n+0){margin-right: 0;}
.product_ul ul li .imgs{ overflow:hidden;  position:relative; padding-top:100%; }
.product_ul ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_ul ul li .txts{ overflow:hidden;width:94%;max-width: 316px;margin: 0 auto;margin-top: 27px;height:39px;}
.product_ul ul li .txts .h3{ line-height:30px; max-height:60px; font-weight:bold; overflow:hidden;color:#222222;transition:all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.product_ul ul li .txts .p{line-height:30px; overflow:hidden; color:#333333; font-size:14px;margin-top:9px;font-size: 15px;}
.product_ul ul li .ends{width:94%;max-width: 316px;margin: 0 auto;border-top: 1px solid #e7e7e7;overflow: hidden;margin-top: 21px;padding-top: 21px;height: 71px;}
.product_ul ul li .ends .scrollable-container{width: 100%;overflow-x: auto; white-space: nowrap;height: auto;}
.product_ul ul li .ends .scrollable-container::-webkit-scrollbar { -webkit-appearance: none;}
.product_ul ul li .ends .scrollable-container::-webkit-scrollbar:vertical { width: 1px;}
.product_ul ul li .ends .scrollable-container::-webkit-scrollbar-thumb { border-radius: 1px; border:0; background-color:#ffffff;}
.product_ul ul li .ends .scrollable-container .categories{list-style: none;margin: 0;   padding: 0;}
.product_ul ul li .ends .scrollable-container .categories dd{display: inline-block;margin-right: 6px;color: #222222;font-size: 15px;user-select: none;background: #f3f3f3;padding-left: 16px;padding-right: 16px;height: 32px;line-height: 32px;border-radius: 4px;vertical-align: top;}
@media screen and (max-width: 1560px) {
/*品牌列表*/
.product_ul ul li .txts .h3{line-height: 26px;max-height: 39px;}
.product_ul ul li .txts{width: 90%;}
.product_ul ul li .ends .scrollable-container .categories dd{font-size: 14px;}
.product_ul ul li .txts .p{font-size: 14px;}
}
@media screen and (max-width: 992px) {
/*品牌列表*/
.product_ul ul li{width: 32%;}
.product_ul ul li:nth-child(4n+0){margin-right: 2%;}
.product_ul ul li:nth-child(3n+0){margin-right: 0;}
}
@media screen and (max-width: 780px) {
/*品牌列表*/
.product_ul ul li{width: 49%;}
.product_ul ul li:nth-child(3n+0){margin-right: 2%;}
.product_ul ul li:nth-child(2n+0){margin-right: 0;}
.product_ul ul li .txts{margin-top: 15px;height: 39px;}
.product_ul ul li .txts .p{ line-height: 26px;margin-top: 5px;}
.product_ul ul li .ends{padding-top: 15px;margin-top: 15px;height: 65px;}

}
@media screen and (max-width: 480px) {
/*品牌列表*/
.product_ul ul li .txts{height: 39px;}
.product_ul ul li .txts .p{font-size: 13px;line-height: 22px;}
.product_ul ul li .ends{height: 56px;}
.product_ul ul li .ends .scrollable-container .categories dd{font-size: 13px;padding-left: 10px;padding-right: 10px;margin-right: 3px;height: 26px;line-height: 26px;}
}
@media screen and (max-width: 420px) {
/*品牌列表*/
.product_ul ul li .ends{padding-top: 12px;margin-top: 12px;height: 52px;}
.product_ul ul li .ends .scrollable-container .categories dd{font-size: 12px;}
}