﻿@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(lrtk3.css);
@import url(product2.css);
/*首页*/
@keyframes scaleAnim{
  0%{         
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100%{
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
}
/*轮显*/
.banner_page{ position:absolute; width:100%; text-align:left; left:0%; height:0px;  color:#fff; font-size:16px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic; font-weight:bold;*/}
.banner_page .wrap{ height:0; text-align:right;}
.banner_page span{ color:#fff;}
.banner_page label{ color:#fff;}
.banner_page em{ font-style:normal; color:#fff;}
/* .main .banner .btn .boxs{ margin-left:240px;} */
.swiper-container-autoheight .swiper-slide{ cursor:default;}
.banner .c-dot-page {position: absolute; z-index: 10;bottom: 60px; right:0; width:100%;}
.banner .c-dot-box { float:right; /*right: 5.8%;*/ display: flex; align-items: center; width: 200px;color: #fff; font-size: 18px;}
.banner .c-dot-box .c-text1 {width: 50px; line-height: 1;}
.banner .c-dot-box .c-text2 { width: 50px; line-height: 1; text-align: right;}
.banner .c-dot-box .c-line-box { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); height: 2px;  background: rgba(255, 255, 255, .2);}
.banner .c-dot-box .c-line-box .c-line {  width: 0; height: 2px;  background: #fff; transition: 1s;}
.main .banner .down {
  width: 90px;
  height: 52px;
  position: absolute;
  left: 50%;
  bottom:5.4%;
  z-index: 10;
  cursor: pointer;
  margin-left: -45px; font-size:14px; color:rgba(255,255,255,0.4); text-align:center;
}
.main .banner .down span {
  height: 24px;
  background: url(../images/i_pic1.png) no-repeat center;
  background-size: auto 100%;
  display: block; 
  animation: banner-down 0.6s infinite alternate;
  -o-animation: banner-down 0.6s infinite alternate;
  -moz-animation: banner-down 0.6s infinite alternate;
  -webkit-animation: banner-down 0.6s infinite alternate; margin-bottom:12px;
}
.main .banner .swiper-pagination{ position: relative;display: none;}
.swiper-other{position: absolute; left: 0; bottom: 51px; width: 100%; z-index: 2;}
.swiper-other .swiper-number .swiper-pagination .swiper-pagination-bullet{
  opacity: 1;
}
.swiper-other .swiper-number .swiper-pagination .swiper-pagination-bullet-active{}
.main .banner .swiper-other .number {
  margin-left: 15px;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 1); float: right;
}
.main .banner.swiper-other .number .current {
  margin-right: 4px;
  font-size: 20px;
  color: #ffffff;
}
.main .banner .swiper-other .number .all {
  margin-left: 3px;
}
.main .banner .table .pic{ width: 374px;}
.swiper-slide-active .lzpic1{/* -webkit-animation:scaleAnim 3s ease forwards; animation: scaleAnim 3s ease forwards; */}
/*轮播圆圈动画*/
.ban-yuan[data-v-353c5f20]{right:-1px;bottom:-1px;z-index:-1;border:2px solid transparent;border-radius:50%}
.ban-yuan .wrapper[data-v-353c5f20],.ban-yuan[data-v-353c5f20]{position:absolute;width:50px;height:50px}
.ban-yuan .wrapper[data-v-353c5f20]{
  top:-1px;left:-1px;z-index:2;clip:rect(0,50px,50px,25px)}
.ban-yuan .circle[data-v-353c5f20]{
  width:50px;height:50px;border:2px solid #ffffff;border-radius:50%;position:absolute;clip:rect(0,25px,50px,0)}
.ban-yuan .box[data-v-353c5f20]{opacity:0}
.ban-yuan .box.base[data-v-353c5f20]{opacity:1}
.ban-yuan .box.base .left[data-v-353c5f20],.ban-yuan .box.base .right[data-v-353c5f20],
.ban-yuan .box.base .wrapper[data-v-353c5f20]{
  -webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:linear
}
.ban-yuan .box.base .wrapper[data-v-353c5f20]{
  -webkit-animation-duration:10ms;-webkit-animation-delay:2s;-webkit-animation-name:close-wrapper-data-v-353c5f20
}
.ban-yuan .box.base .left[data-v-353c5f20]{
  -webkit-animation-duration:4s;-webkit-animation-name:left-spin-data-v-353c5f20;
}
.ban-yuan .box.base .right[data-v-353c5f20]{
  -webkit-animation-duration:2s;-webkit-animation-name:right-spin-data-v-353c5f20;
}
.main .banner .btn .boxs{position: relative;}
.main .banner .swiper-button-prev .wrapper{padding-top: 0;}
.main .banner .swiper-button-prev .ban-yuan[data-v-353c5f20]{left: -1px;right: auto;top: -1px;bottom: auto;}
.main .banner .swiper-button-next .wrapper{padding-top: 0;}
.main .banner .swiper-button-next .ban-yuan[data-v-353c5f20]{right: 0; top: -1px;bottom: auto;}
@-webkit-keyframes right-spin-data-v-353c5f20{
  0%{-webkit-transform:rotate(0)；}
  to{-webkit-transform:rotate(180deg)}
}
@-webkit-keyframes left-spin-data-v-353c5f20{
  0%{-webkit-transform:rotate(0)；}
  to{-webkit-transform:rotate(1turn)}
}
@-webkit-keyframes close-wrapper-data-v-353c5f20{
  to{clip:rect(auto,auto,auto,auto)}
}

@media screen and (max-width: 1500px) {
  /*轮显*/
  .main .banner .table .pic{ width: 292px;}
}
@media screen and (max-width: 1400px) {
  /*轮显*/
  .main .banner .swiper-slide .table .imgs{ width: 530px;}
  .main .banner .table .pic{ width: 272px;}

}
@media screen and (max-width: 1260px) {
/*轮显*/
  .main .banner .table .pic{ width: 245px;}
}
@media screen and (max-width: 1200px) {
/*轮显*/
.banner_page{ bottom:76px;}
.main .banner .btn{ bottom:40px;}
.main .banner .swiper-slide .rbtn{ bottom:52px;}
.banner .c-dot-page { bottom:50px;}
.main .banner .swiper-pagination{ margin-top:15px; text-align: center;}
.main .banner .swiper-slide .table .imgs{ width: 460px;}
.down{ display: none;}
.main .banner .table .pic{ display: none;}
}
@media screen and (max-width: 960px) {
/*轮显*/
.main .banner .swiper-slide .table .imgs{ width: 360px;}

}

@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; */ bottom:42px;}
.main .banner .swiper-slide .rbtn span{ height:25px; line-height:16px; padding:0;}
.banner .c-dot-page { bottom:40px; }
.banner .c-dot-box {width:160px; margin-right:-16px;}
.banner .c-dot-box .c-text1{ width:30px;}
.banner .c-dot-box .c-text2{ width:30px;}
.main .banner .swiper-pagination{ margin-top:5px;}
.main .banner .swiper-slide .table .imgs{ width: 300px;}
.swiper-other{bottom: 43px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .btn{bottom:22px;}
.banner_page{ bottom:58px;}

.main .banner .swiper-slide .txt{ line-height:1; font-size:32px;}
.main .banner .swiper-slide .rbtn{ /*min-width:110px;*/ bottom:34px;  margin-top:4%;}
.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}
.main .banner .swiper-slide .rbtn{ margin-top:1%;}
.banner .c-dot-page { bottom:30px; }
.main .banner .swiper-slide .table .imgs{ width: 260px;}
.swiper-other{bottom: 38px;}
.main .banner .btn .boxs{width: 90px;}
.main .banner .swiper-button-prev, .main .banner .swiper-button-next, .main .banner .swiper_button_play{width: 40px;height: 40px;}
.ban-yuan .wrapper[data-v-353c5f20], .ban-yuan[data-v-353c5f20]{width: 40px;height: 40px;}
.ban-yuan .wrapper[data-v-353c5f20]{clip: rect(0,40px,40px,20px);}
.ban-yuan .circle[data-v-353c5f20]{width: 40px;height: 40px;clip: rect(0,20px,40px,0);}
}


@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;}
.main .banner .swiper-slide .txt{ font-size:28px;}
.main .banner .swiper-slide .table .imgs{ width: 220px;}
.swiper-other{bottom: 35px;}
}
@media screen and (max-width: 360px) {


}

/*关于我们*/
.i_about_bg{overflow: hidden;background: url(../img/i_img2.jpg) center center no-repeat;background-size: cover;position: relative;z-index: 0;}
.i_title{overflow:hidden;text-align: left; margin-top: 6%;line-height: 56px;}
.i_title .h3{font-weight: bold;color:var(--main-color);overflow: hidden;padding-bottom: 40px;background: url(../images/i_pic1.png) left bottom no-repeat;background-size:70px auto;}
.i_title .p{color: #333333;overflow: hidden;}
.i_more{overflow: hidden;display: inline-block;vertical-align: top;padding-right: 28px;line-height: 44px;position: relative;/* background: url(../images/i_pic2.png) right center no-repeat;background-size: 12px 12px; */transition:all 0.3s;float: right;color: #333;margin-top: 80px;z-index: 0;}
/* .i_more:hover{background-position: right top;background-image: url(../images/i_pic2_on.png);} */
.i_more::after{ background:#000000; position:absolute; left:0; bottom: 0; height:1px; width:100%;transition:all 0.3s; content:""; z-index:-1;}
/* .i_more:hover::after{width: 0;} */
.i_more::before{ background:var(--main-color); position:absolute; left:0; bottom: 0; height:1px; width:0%;transition:all 0.3s; content:""; z-index:1;}
.i_more:hover:before{width: 100%;}
.i_more:hover{color: var(--main-color);}
.i_more .span{width: 12px;height: 12px;top: 50%;right: 0;position: absolute;background: url(../images/i_pic2.png) no-repeat;background-size: 100% 100%;margin-top: -6px;transition:all 0.3s;}
.i_more:hover .span{ transform: rotate(45deg);right: 3px;background-image: url(../images/i_pic2_on.png);}
.i_about{overflow: hidden;margin-bottom: 223px;}
.i_about_l{overflow: hidden;}
.i_about_l .i_more{float: left;margin-top: 67px;}
.i_about_l .desc{line-height: 28px;overflow: hidden;margin-top: 49px;color: #666666;max-width: 570px;}
.i_about_l .ul{width: 70%;overflow: hidden;clear: both;margin-top: 134px;}
.i_about_l .ul li{float: left;padding-left: 115px;width: 32%;margin-right: 2%;position: relative;overflow: hidden;}
.i_about_l .ul li:last-child{margin-right: 0;}
.i_about_l .ul li .h4{font-weight: normal;overflow: hidden;line-height: 32px;height: 32px;color: #333333;margin-top: 33px;}
.i_about_l .ul li .p{overflow: hidden;line-height: 28px; color: #666666;margin-bottom: 31px;max-width: 180px;}
.i_about_l .ul li .i{  position:absolute; left:0; top:0; height:124px; width:124px;transition:all 0.3s; content:""; z-index:-1;background-repeat: no-repeat;background-position: left center;background-size: auto 100%;display: block;}
/* .i_about_l .ul li .i.bgs1{background-image: url(../images/i_pic3.png);}
.i_about_l .ul li .i.bgs2{background-image: url(../images/i_pic4.png);}
.i_about_l .ul li .i.bgs3{background-image: url(../images/i_pic5.png);}
.i_about_l .ul li:hover .i.bgs1{background-image: url(../images/i_pic3_on.png);}
.i_about_l .ul li:hover .i.bgs2{background-image: url(../images/i_pic4_on.png);}
.i_about_l .ul li:hover .i.bgs3{background-image: url(../images/i_pic5_on.png);} */
.i_about_l .ul li .i img{height: 100%;display: block;position: absolute;left: 0;top: 0;width: 100%;transition:all 0.3s;}
.i_about_l .ul li .i img.img2{opacity:0;filter:Alpha(opacity=0);}
.i_about_l .ul li:hover .i img.img2{opacity:1.0;filter:Alpha(opacity=100);}
.i_about_l .ul li:hover .i img.img1{opacity:0;filter:Alpha(opacity=0);}
.i_about_r{position: absolute;right: 0;bottom: 0;height: 100%;width: auto;z-index: -1;}
@media screen and (max-width: 1660px) {
  /*关于我们*/
  .i_about_l .desc{margin-top: 5%;}
  .i_about_l .i_more{margin-top: 5%;}
  .i_about_l .ul{margin-top: 9%;}
  .i_about_l .ul li{padding-left: 100px;}
  .i_about_l .ul li .i{width: 110px;height: 110px;}
  .i_about_l .ul li .h4{margin-top: 28px;}
  .i_about_r{height: 90%;}
  }
@media screen and (max-width: 1440px) {
/*关于我们*/
.i_more{margin-top: 70px;}
.i_about{margin-bottom: 10%;}
.i_about_l .desc{margin-top: 4%;}
.i_about_l .ul{margin-top: 6%;}
.i_about_l .ul li .h4{margin-top: 25px;}
.i_about_r{height: 88%;}
}
@media screen and (max-width: 1260px) {
  /*关于我们*/
  .i_more{margin-top: 60px;}
  }
@media screen and (max-width: 1200px) {
  /*关于我们*/
  .i_title{line-height: 46px;}
  .i_title .h3{background-size: 60px auto;padding-bottom: 30px;}
  .i_more{margin-top: 50px;}
  .i_about_l .ul li{padding-left: 90px;}
  .i_about_l .ul li .p{line-height: 22px;margin-bottom: 20px;}
  .i_about_l .ul li .i{width: 100px;height: 100px;}
  .i_about_l .ul li .h4{margin-top: 22px;}
  .i_about_r{height: 76%;}

}
@media screen and (max-width: 992px) {
/*关于我们*/
.i_more{margin-top: 40px;}
.i_about_r{height: auto;width: 35%;}
}
@media screen and (max-width: 780px) {
  /*关于我们*/
  .i_title{line-height: 36px;}
  .i_title .h3{padding-bottom: 25px;background-size: 50px auto;}
  .i_more{margin-top: 30px;}
  .i_about_l .ul li{padding-left: 0;text-align: center;}
  .i_about_l .ul li .i{position: relative;margin: 0 auto;}
}
@media screen and (max-width: 640px) {
    /*关于我们*/
    .i_more{line-height: 36px;margin-top: 0px;}
    .i_about{margin-bottom: 100px;}
    .i_about_l .ul{width: 75%;}
    .i_about_l .desc{margin-top: 6%;}
}
@media screen and (max-width: 480px) {
  /*关于我们*/
  .i_title .h3{line-height: 30px;margin-top: 5px;}
  .i_about{margin-bottom: 5%;}
  .i_about_l .ul{margin-top: 8%;width: 100%;}
  .i_about_l .ul li .h4{margin-top: 15px;}
  .i_about_l .desc{line-height: 24px;}
  .i_about_r{width: 100%;position: static;}
}
@media screen and (max-width: 420px) {
    /*关于我们*/
    .i_title .h3{line-height: 26px;margin-top: 8px;}
}

/*产品中心*/
#i_product .i_title{margin-top: 0;}
#i_product .i_title .p{color: #fff;}
#i_product .i_title .h3{background-image: url(../images/i_pic6.png);}
#i_product .i_more{float: left;color: #c6c6c6;pointer-events: initial;margin-top: 24%;}
#i_product .i_more::after{background: #c6c6c6;}
#i_product .i_more:hover{color: var(--main-color);}
#i_product .i_more .span{background-image: url(../images/i_pic7.png);}
#i_product .i_more:hover .span{background-image: url(../images/i_pic2_on.png);}
.idx_product .single_box .single_main .single_info .icon .block a span{position: absolute;right: 50px;top: 0;font-weight: bold;color: var(--main-color);width: 80px;line-height: 50px;height: 50px;}
.idx_product .single_box .single_main .single_info:hover .icon .block a span{display: none;}
@media screen and (max-width: 1200px) {
/*产品中心*/

}

@media screen and (max-width: 992px) {
/*产品中心*/
}
@media screen and (max-width: 990px) {
  /*产品中心*/
  #i_product .i_title .p{color: #333;}
  #i_product .i_title .h3{background-image: url(../images/i_pic1.png);}
  #i_product .i_more{float: right;margin-top: -60px;color: #333;}
  #i_product .i_more:hover{color: var(--main-color);}
  #i_product .i_more .span{background-image: url(../images/i_pic2.png);}
  #i_product .i_more:hover .span{background-image: url(../images/i_pic2_on.png);}
  #i_product .i_more::after{background: #000000;}
  .idx_product .single_box .single_main .single_info .icon .block a span{width: 70px;}
  .idx_product .single_box .single_main .single_info:hover .icon .block a span{display: block;}
}
@media screen and (max-width: 640px) {
  /*产品中心*/
  #i_product .i_more{margin-top: -95px;}
  .idx_product .single_box .single_main .single_info .icon .block a span{width: 60px;}

}
@media screen and (max-width: 480px) {
  /*产品中心*/
  #i_product .i_more{margin-top: -100px;}
  .idx_product .single_box .single_main .single_info .icon .block a span{width: 50px;}
}
@media screen and (max-width: 420px) {
  /*产品中心*/
  .idx_product .single_box .single_main .single_info .icon .block a span{right: 40px;}
}



/*应用场景*/
.i_application_bg{overflow: hidden;margin-top:2%;}
.i_application{overflow: hidden;}
.i_application ul{overflow: hidden;min-width: 1200px;}
.i_application li{margin-right: 0.78125%;float: left;width: 19.375%;margin-bottom: 0.78125%;height: 632px;position: relative;transition:all 0.6s;}
.i_application li:last-child{margin-right: 0;}
.i_application li .divs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;transition:all 0.6s;}
.i_application li .imgs{overflow: hidden;height: 100%;background-repeat: no-repeat;background-position: 20% center;background-size: auto 100%;transition:all 0.6s;}
.i_application li:hover .imgs{background-size: cover;}
.i_application li .bgs{background: rgba(0,0,0,0.5);overflow: hidden;width: 100%; height: 100%;position: absolute;left: 0;top: 0;}
.i_application li .bgs .boxs{margin-left: 45px;margin-right: 45px;overflow: hidden;position: relative;height: 100%;}
.i_application li .bgs .boxs .i_application_t{overflow: hidden;top: 40px;left: 0;position: absolute;transition:all 0.6s;}
.i_application li .bgs .boxs .i_application_t img{height: 61px;display: block;transition:all 0.6s;}
.i_application li .bgs .boxs .i_application_t .cons{overflow: hidden;transition:all 0.6s;}
.i_application li .bgs .boxs .i_application_t .h4{font-weight: normal;overflow: hidden;line-height: 42px;height: 42px;white-space:nowrap;text-overflow:ellipsis;margin-top: 20px;color: #fff;}
.i_application li .bgs .boxs .i_application_t .p{overflow: hidden;line-height: 30px;height: 30px;white-space:nowrap;text-overflow:ellipsis;color: #fff;}
.i_application li .bgs .boxs .i_more{position: absolute;left: 0;bottom: 20px;color: #fff;}
.i_application li .bgs .boxs .i_more:hover{color: var(--main-color);}
.i_application li .bgs .boxs .i_more .span{background-image: url(../images/i_pic8.png);}
.i_application li .bgs .boxs .i_more:hover .span{background-image: url(../images/i_pic2_on.png);}
.i_application li .bgs .boxs .i_more::after{display: none;}
.i_application li:hover .bgs .boxs .i_application_t{top:420px;}
@media screen and (min-width: 1200px) {
  /*应用场景*/
.i_application li:hover{z-index: 1;}
.i_application li:hover .divs{width: 204%;}
.i_application li:hover .bgs .boxs .i_application_t img{float: left;margin-right: 12px;margin-top: 25px;}
.i_application li:last-child:hover .divs{left: auto;right: 0;}
}
@media screen and (max-width: 1600px) {
    /*应用场景*/
    .i_application li{height: 527px;}
    .i_application li .bgs .boxs{margin-left: 25px;margin-right: 25px;}
    .i_application li .bgs .boxs .i_application_t{top: 35px;}
    .i_application li:hover .bgs .boxs .i_application_t{top:340px;}
}
@media screen and (max-width: 1440px) {
  /*应用场景*/
  .i_application li{height: 474px;}
  .i_application li:hover .bgs .boxs .i_application_t{top:280px;}
}
@media screen and (max-width: 1200px) {
  /*应用场景*/
  .i_application{overflow-x: scroll;}
  .i_application li{height: 395px;}
  .i_application li .bgs .boxs .i_application_t img{height: 51px;}
  .i_application li .bgs .boxs{margin-left: 20px;margin-right: 20px;}
  .i_application li .bgs .boxs .i_application_t{top: 30px;}
  .i_application li .bgs .boxs .i_application_t .h4{margin-top: 15px;height: 36px;line-height: 36px;}
  .i_application li .bgs .boxs .i_application_t .p{line-height: 26px;height: 26px;}
  .i_application li:hover .bgs .boxs .i_application_t{top:30px;}

}
@media screen and (max-width: 992px) {
/*应用场景*/
.i_application li{height: 329px;}
}
@media screen and (max-width: 640px) {
/*应用场景*/
.i_application ul{min-width: 1000px;}
.i_application li .bgs .boxs{margin-left: 15px;margin-right: 15px;}
.i_application li .bgs .boxs .i_application_t .h4{height: 30px;line-height: 30px;margin-top: 12px;}
.i_application li .bgs .boxs .i_application_t img{height: 46px;}
}
@media screen and (max-width: 480px) {
/*应用场景*/
.i_application ul{min-width: 900px;}
.i_application li{height: 296px;}
.i_application li .bgs .boxs .i_application_t img{height: 42px;}
}
@media screen and (max-width: 420px) {
/*应用场景*/
}


/*新闻动态*/
.i_news_bg{overflow: hidden;background: url(../img/i_img14.jpg) center center no-repeat;background-size: cover;}
.i_news{

  margin-top: 3%;
  
}
.i_news_one{ 
  overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
border-radius: 10px;
}
.i_news_one::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
background: #fff;
 
  transition:all 0.3s;
  z-index: -1;
}
.i_news_one:hover{box-shadow: 0px 5px 5px 0px rgba(225,225,225,0.75);}
.i_news_one .imgs{ width: 448px; overflow: hidden; float: right;}
.i_news_one .imgs img{ display: block;width: 100%; height: auto;  -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.i_news_one: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);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.i_news_one .boxs{ width: 94%; margin: 0 auto; max-width: 870px;}
.i_news_one .i_more{float: left;margin-top: 6%;}
.i_news_one .txts{
  float: left;
  width:calc(100% - 448px);width:-webkit-calc(100% - 448px);width:-moz-calc(100% - 448px);
  overflow: hidden;
  padding-top: 35px;
}
.i_news_one .bnts{float: left;}
.i_news .h3{ 
  font-weight:bold;
  color: #333;
  overflow: hidden;
  transition:all 0.3s;
}
.i_news_one .h3{white-space:nowrap;text-overflow:ellipsis;line-height: 32px;height: 32px; margin-top: 13px;font-weight: bold;color: #333333;}
.i_news .date{
  color: #666666;
overflow: hidden;
line-height: 24px;
height: 24px;
background: url(../images/i_pic9.png) left center no-repeat;
background-size: 18px 17px;
padding-left: 24px;
font-size: 14px;
}
.i_news .date .label{float: right;font-size: 16px;color: #333333;font-size: 16px;font-weight: bold;}
.i_news_one .p{
  color: #666666;
  line-height: 28px;
  height: 56px;
  overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  margin-top: 9px;
}
.i_news_bg .imore{ 
  overflow: hidden;
  margin-top: 38px;
  float: left;
color: #333333;
transition:all 0.3s;
line-height: 32px;font-weight: bold;font-size: 13px;
}
.i_news_bg .imore span{margin-left: 9px;background: url(../images/i_pic10.png) center center no-repeat;
  background-size: 100% auto; width: 9px; height: 32px;transition:all 0.3s;
  display: inline-block;vertical-align: top;
}
.i_news_two li:hover .imore{
  color: #99c145;
}
.i_news_two li:hover .imore span{background-image: url(../images/i_pic10_on.png);}
.i_news_two{ margin-top: 3%; overflow: hidden; clear: both; margin-bottom: 3%;}
.i_news_two li{float: left; width:32%; overflow: hidden; margin-top: 35px; margin-bottom: 35px;position: relative;margin-right: 2%;padding-right: 2%;}
.i_news_two li::after{content: "";position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #dddddd;}
.i_news_two li:nth-child(3n){margin-right: 0;padding-right: 0;}
.i_news_two li:nth-child(3n)::after{display: none;}
.i_news_two li .h3{ 
  line-height: 26px;
  height: 26px;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
  margin-top: 28px;clear: both;
}
.i_news_one:hover .h3,.i_news_two li:hover .h3{color: var(--main-color);}
.i_news_two li .p{color: #666666;font-size: 16px;line-height: 22px;height: 44px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top: 8px;}
.i_news_two li .imore{ margin-top: 38px;}
@media screen and (max-width: 1200px) {
  /*新闻动态*/
  .i_news_two li .p{font-size: 15px;}
}
@media screen and (max-width: 992px) {
/*新闻动态*/
.i_news_one .imgs{float: none; width: 100%;}
.i_news_one .txts{ 
  float: none;
  width: calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
padding-bottom: 30px;
padding-top: 20px;
}
.i_news_bg .imore{ margin-top: 20px}
.i_news_two li .imore{ margin-top: 20px;}
.i_news_two ul{ display: block;}
.i_news_two li{ width: 100%; max-width: none; margin-bottom: 0px; margin-top: 20px;padding-bottom: 20px;padding-right: 0;}
.i_news_two li::after{bottom: 0;top: auto;width: 100%;height: 1px;}
.i_news_two li .p{height: auto;font-size: 14px;}
.i_news_two li .h3{margin-top: 18px;}
}
@media screen and (max-width: 640px) {
/*新闻动态*/
.i_news{margin-top: 4%;}
.i_news .h3{font-size: 16px;}
.i_news .date{ line-height: 20px; height: 20px;font-size: 13px;}
.i_news_bg .imore{ margin-top: 10px;}
.i_news_one .h3{ height: 26px; line-height: 26px;}
.i_news_two li .imore{ margin-top: 10px;}
.i_news_two li{ margin-top: 15px;}
.i_news_two li .h3{margin-top: 18px;}

}
@media screen and (max-width: 480px) {
/*新闻动态*/
.i_news .date{ font-size: 12px;}
.i_news_bg .imore{margin-top: 5px;}
.i_news_one .txts{ padding-top: 15px; padding-bottom: 20px;}
.i_news_two li{ margin-top: 5px;}
.i_news_two li .imore{margin-top: 5px;}
.i_news_two li .h3{margin-top: 12px;}
.i_news .date .label{font-size: 14px;}
.i_news_two li .p{font-size: 14px;}

}
@media screen and (max-width: 420px) {
/*新闻动态*/
}

/*联系*/
.i_contact_bg{overflow: hidden;background: url(../images/i_img16.jpg) center center no-repeat;background-size: cover;}
.i_contact_bg .wrap{margin-top: 4%;margin-bottom: 4%;}
.i_contact_bg .txts{overflow: hidden;width:calc(100% - 190px);width:-webkit-calc(100% - 190px);width:-moz-calc(100% - 190px);float: left;}
.i_contact_bg .txts .h3{font-weight: bold;color: #fff;overflow: hidden;line-height: 1.3;}
.i_contact_bg .txts .p{overflow: hidden;line-height: 1.6;color: #fff;margin-top: 8px;}
.i_contact_bg .a{float: right;width: 181px;border: 1px solid #FFFFFF; border-radius: 25px;line-height: 52px;height: 52px;color: #fff;text-indent: 71px;margin-top: 2%;transition:all 0.5s;position: relative;overflow: hidden;z-index: 0;}
.i_contact_bg .a::after{
  content: "";
	display: block;
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	/* background-image: linear-gradient(90deg,var(--main-color2) 0,var(--main-color)); */
	/*background-color: var(--main-color);*/
  background-color:var(--main-color);
	transition: 0.5s;
  z-index: -2;
}
.i_contact_bg .a:hover{border-color: var(--main-color);}
.i_contact_bg .a:hover::after{left: 0;width: 100%;}
.i_contact_bg .a::before{content: "";position: absolute;left: 0;top: 0;width: 100%; height: 100%;background: url(../images/i_pic11.png) left 30px center no-repeat;background-size: 30px auto;z-index: -1;}
@media screen and (max-width: 1200px) {
  /*联系*/
  .i_contact_bg .a{width: 160px;text-indent: 61px;line-height: 46px;height: 46px;}
  .i_contact_bg .a::before{background-size: 26px auto;background-position: left 20px center;}
}
@media screen and (max-width: 992px) {
  /*联系*/
  .i_contact_bg .wrap{margin-top: 5%;margin-bottom: 5%;}
  .i_contact_bg .txts{width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);float: none;}
  .i_contact_bg .a{float: none;display: inline-block;margin-top: 3%;}
}
@media screen and (max-width: 640px) {
  /*联系*/
  .i_contact_bg .a{width: 132px;text-indent: 49px;line-height: 40px;height: 40px;}
  .i_contact_bg .a::before{background-size: 20px auto;background-position: left 18px center;}
}
@media screen and (max-width: 480px) {
  /*联系*/
  .i_contact_bg .wrap{margin-top: 6%;margin-bottom: 6%;}
  .i_contact_bg .a{line-height: 36px;height: 36px;background-size: 18px auto;text-indent: 47px;margin-top: 4%;}
}

@keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
   transform: translate(0%, 10px);
  }
}
@-o-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    transform: translate(0%, 10px);
  }
}
@-moz-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    transform: translate(0%, 10px);
  }
}
@-webkit-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
   transform: translate(0%, 10px);
  }
}
@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);}
}

@keyframes map-point {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.15;
    transform: scale(5);
  }
}

@-webkit-keyframes fadeInRight2 {
  from {
    opacity: 1.0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight2 {
  from {
    opacity: 1.0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}