﻿@import url(style.css);

@import url(mobile.css);

@import url(custom.css);

@import url(lrtk3.css);

/*首页*/

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

.header:hover .nav > ul > li.on > a{ color:var(--main-color);}

/*轮显*/

.banner .swiper-pagination{ bottom:47px;width: 100%;text-align: left;display: none;}

.banner .swiper-pagination .swiper-pagination-bullet { width:13px; height: 13px;border-radius: 50%;overflow: hidden;  margin: 0 5px; border-radius:50%; position:relative; z-index:0; overflow:hidden; background:none;opacity: 1;}

.banner .swiper-pagination .swiper-pagination-bullet:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0;background:#ffffff;border-radius: 50%;}

.banner .swiper-pagination .swiper-pagination-bullet-active{ background:none; /* width:60px; */}

.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; width:0; height:100%; position:absolute; left:0; top:0; background:#009241; z-index:1;border-radius: 0%;}

.banner .swiper-pagination .swiper-pagination-bullet-active:after{ width:100%;/* transition:all 5s; */}

.main .banner .swiper-slide .ends{ text-align:center;}

.main .banner .swiper-slide .ends .rbtn{ /*display:inline-block; */vertical-align:top; margin-left:0.6%; margin-right:0.6%;}

/* .main .banner .btn{display: none;} */

.main .banner .swiper-slide .table .videos{width:100%; height:100%;object-fit: fill;overflow:hidden; border:0; margin:0; padding:0; position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);}

.video-auto-b.controls .video-play{    opacity: 0; pointer-events: none;}

.video-auto-b .video-play{display: block; position: absolute; left: 0; top: 0; height: 100%;  width: 100%; background: rgba(0, 0, 0, 0.2); transition: all 0.3s;  cursor: pointer; z-index: 3;}

.video-auto-b .video-play .icon{display: block; position: absolute; left: 50%;top: 50%; transform: translate(-50%, -50%) rotate(0deg);  border-radius: 50%; width: 76px;   height: 76px;  background: #ababab;  transition: all 0.8s; opacity: 0.5;}

.video-auto-b .video-play .icon::before{content: "";display: block; position: absolute; left: 50%; top: 50%; transform: translate(-30%, -50%); border-left: 34px solid #ffffff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; transition: all 0.8s;}

.main .banner .moreBtn{margin-top: 5%;margin-bottom: 6%;}
.main .banner .swiper-slide-active .moreBtn.anim-1{animation-delay: 1.2s;  -webkit-animation-delay: 1.2s;}

.main .banner .text-scroll {

  position: absolute;

  z-index: 2;

  left: 0%;

  bottom: 50px;font-weight: lighter;

  color: #ffffff;

  will-change: opacity;

  transform-origin: left bottom;line-height: 32px;cursor: pointer;

}

.main .banner .text-scroll .line {

  display: block;

  position: relative;

  width: 1px;

  height: 25px;

}

.main .banner .text-scroll .line::before {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #ffffff;

  animation: line-animate 3s ease infinite;

}
.main .banner .swiper-button-prev,.main .banner .swiper-button-next{border: 0;position: relative;z-index: 0;left: 0;right: 0;}
.main .banner .swiper-button-prev::after,.main .banner .swiper-button-next::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px solid #ffffff;border-radius: 50%;z-index: -1;}
.main .banner .btn .bns .he_sysvg{width: 42px;height: 42px;transform: rotate(-90deg); position: relative;}

.main .banner .btn .bns .he_sysvgny{width: 42px; height: 42px; border-radius: 50%;position: relative;margin-bottom: 40px; transition: all .36s;position: relative;}

.main .banner .btn .bns .he_sysvgny svg{position: absolute;top: 0; left: 0; width: 100%;height: 100%;}
.main .banner .btn .bns .he_sysvgny circle{stroke-dasharray: 220;stroke-dashoffset: 220;stroke:#ffffff;
}
.main .banner .btn .bns:hover .he_sysvgny circle{stroke-dasharray: 220;stroke-dashoffset: 220; -webkit-animation: 2s svgcircle1 linear; animation: 2s svgcircle1 linear;}
 @-webkit-keyframes svgcircle1 {

    0% {
        stroke-dashoffset: 220;
    }
    100% {
        stroke-dashoffset: 0;
    }
  }

  @keyframes svgcircle1 {
    0% {
        stroke-dashoffset: 220;
    }
    100% {
        stroke-dashoffset: 0;
    }
  }

@keyframes line-animate {

  0% {

    height: 0;

  }

  100% {

    height: 100%;

  }

}

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

/*轮显*/

/*.main .banner:hover .btn .boxs{width:97%;}

.main .banner .btn .boxs{ width:98%;}*/

.main .banner .down{font-size: 13px;}

.main .banner .down span{height: 30px;}

.main .banner .swiper-slide .txt span:first-child{letter-spacing: 8px;}

.main .banner .text-scroll {left: 20px;}

}

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

/*轮显*/

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

.main .banner .down{ bottom:100px;}

.banner .swiper-pagination{ bottom:36px;}

.main .banner .swiper-slide .txt span:first-child{letter-spacing: 6px;}

.main .banner .text-scroll{bottom: 40px;}

}

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

/*轮显*/

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

.main .banner .btn .boxs{ margin-top:-40px; width:92px; margin-left:-41px;}

.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:40px; height:40px;/* background-size:10px auto; */}

.banner .swiper-pagination{ bottom:32px;}

/*.main .banner .swiper-other { bottom: 20px;}*/

.main .banner .down{ bottom:80px;}

.main .banner .swiper-slide .txt .font72{font-size: 30px;}

.main .banner .swiper-slide .txt span:first-child{letter-spacing: 4px;}

.main .banner .swiper-slide .txt span:nth-child(2){font-size: 18px;}

.main .banner .text-scroll{bottom: 30px;}

.main .banner .moreBtn{margin-bottom: 8%;}
.main .banner .btn .bns .he_sysvg{display: none;}
.main .banner .text-scroll{display: none;}

}

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

/*轮显*/

.banner .swiper-pagination{ bottom:20px;}

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

.main .banner .btn .boxs{ margin-top:-20px; width:72px; margin-left:-31px;}

.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:30px; height:30px;/* background-size:8px auto; */}

.main .banner .swiper-slide .desc{ font-size:18px;}

.main .banner .down{ display:none;}

.banner .swiper-pagination{ bottom:20px;width: 100%;}

.main .banner .swiper-slide .txt .font72{font-size: 28px;}

.main .banner .swiper-slide .txt span:first-child{letter-spacing: 2px;}

.main .banner .swiper-slide .txt span:nth-child(2){font-size: 16px;margin-top: 3%;}

.main .banner .text-scroll{bottom: 20px;}

.main .banner .moreBtn{margin-bottom:9%;}

.main .banner .text-scroll{line-height: 26px;}

.main .banner .text-scroll .line{height: 20px;}

}

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

/*轮显*/

.main .banner .swiper-slide .desc{ font-size:16px;}

.main .banner .moreBtn{margin-bottom:12%;}

.main .banner .swiper-slide .txt .font72{font-size: 26px;}

.main .banner .swiper-slide .txt span:nth-child(2){font-size: 14px;}

}

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

/*轮显*/

.main .banner .swiper-slide .desc{ font-size:14px;}

}

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

/*轮显*/

/* .main .banner .swiper-container{ height:100%!important;}

.main .banner .swiper-slide {position: relative; height:100%;} */

}

/*新闻*/

.newsPart { padding:13px 0 55px 0; background:url(../images/i_bg1.jpg) left bottom no-repeat;background-size: cover;}

.newsPart .dn{display: none;}

.homeNews { margin-top: 70px; position: relative;  display: flex; justify-content: space-between;}

.newsBd { width: calc(100% - 318px); flex: 1;}

.newsSlide li { margin-bottom: 18px;}

.newsSlide li a{ position: relative; align-items: center; display: flex; justify-content: space-between; background: #ffffff; border-radius: 16px; border: 2px solid #ffffff; transition: all .4s; padding: 32px 28px;}

.newsSlide .newsDesc {width: calc(100% - 365px); display: flex; justify-content: space-between; align-items: center;}

.newsSlide .descIcon { transition: all .4s; display:block; background: url(../images/newsMore.png) center no-repeat; width: 41px; height: 41px; border-radius: 50%; background-size: 100% auto;

margin-left: 17px;}

.newsSlide .newsDate p {/*  font-size: 16px; */ color: #666666;}

.newsSlide .descTit p { line-height: 1; margin-bottom: 18px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  /* font-size: 18px;  */color: #666666; background: url(../images/leftDoint.png) left center no-repeat; padding-left: 25px;background-size: 15px auto;}

.newsSlide .descTit span { transition: all .4s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; background: url(../images/rightDoint.png) right bottom no-repeat; line-height: 32px; /* font-size: 24px; */color: #333333; padding-right: 30px; display: block;}

.newsSlide li.act .descTit p{background-image: url(../images/leftDoint_on.png);}

.newsSlide li.act .descTit span{background-image: url(../images/rightDoint_on.png);}

.newsSlide .descText { flex: 1; width: calc(100% - 75px);}

.newsSlide .descInfor{ display: none; margin-top: 23px; padding-top: 18px; border-top: 1px solid var(--main-color);}

.newsSlide .descInfor p { font-size: 18px; color: #333333; line-height: 28px; height: 56px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.newsSlide .descInfor span{ color: #666666; font-size: 16px; padding-left: 29px; background: url(../images/date.png) left center no-repeat; line-height: 22px; margin-top: 25px;

display: block;background-size: 22px auto;}

.news .fpage { margin-top: 60px;}

.newsSlide .newsPic { visibility: hidden; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 312px; height: 0; overflow: hidden; border-radius: 17px;}

.newsSlide .newsPic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .8s;}

.newsSlide .newsPic:hover img { transform: scale(1.1);}

.newsSlide li:hover a{ border: 2px solid var(--main-color);}

.newsSlide li:hover .descIcon { transform: rotate(360deg); background: url(../images/moreIcon.png) center no-repeat; background-size: 100% auto;}

.newsSlide li:hover .descTit span { color: var(--main-color);}

.newsSlide li.act .newsDate{ visibility:hidden; width: 0; margin: 0;}

.newsSlide li.act .newsPic { visibility: visible; transition: all .4s; height: 212px; display: block;}

.newsSlide li.act .descIcon { transform: rotate(360deg); background: url(../images/moreIcon.png) center no-repeat; background-size: 100% auto;}

.newsSlide li.act .descInfor { display: block;}

.newsSlide li.act .descTit span { color: var(--main-color);}

.newsSlide li.act a {border: 2px solid var(--main-color);}

.downloadList.newsSlide li .descIcon { background: url(../images/downIcon.png) center no-repeat; background-size: 100% auto;}

.downloadList.newsSlide li.act .descIcon { background: url(../images/downIconon.png) center no-repeat; background-size: 100% auto;}

.newsMenu {margin-right: 316px; position: relative; width: 290px;}

.i_news_t{padding-left: 108px;position: relative;overflow: hidden;line-height: 1.3;color: #134E9B;background: linear-gradient(0deg, #134E9B 0%, #78C820 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: 100%;}

.i_news_t::after{content: "";position: absolute;width: 89px;height: 4px;left: 0;top: 50%;margin-top: -2px;background: url(../images/i_pic1.png) no-repeat;background-size: 100% 100%;}

/* .newsMenu .span.cur::after { content: ''; background: url(../images/titleIcon2.png) center no-repeat; width: 13px; height: 19px;

position: absolute; display: block;right: 0; top: -9px;} */

.newsMenu .i_news_t{margin-bottom: 45px;}

.newsMenu .span { position: relative; color: #333333; cursor: pointer; display: block; margin-bottom: 14px;color: #333333;line-height: 40px;}

.newsMenu .span.cur { color: var(--main-color);}

.newsMenu .moreBtn{margin-top: 35px;}

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

  /*新闻*/

.newsMenu { margin-right: 280px;}

}

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

  /*新闻*/

.newsMenu { margin-right: 180px;}

}

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

  /*新闻*/

.newsMenu { margin-right: 130px;}
.newsSlide li { margin-bottom: 15px;}
.newsSlide li a{padding:25px 20px;}
.newsSlide .descTit p{margin-bottom: 15px;}
}

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

  /*新闻*/

.newsMenu { margin-right: 80px;}
.newsSlide .newsPic {width: 290px;}
.newsSlide li.act .newsPic {height: 197px;}
.newsSlide .newsDesc{width: calc(100% - 328px);}
.newsSlide .descInfor span{margin-top: 15px;}
.newsSlide .descInfor p{height: 48px;line-height: 24px;}
}

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

  /*新闻*/

/* .newsSlide .newsDesc{width: calc(100% - 350px);} */
.newsSlide li a{padding: 20px 20px;}
}

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

    /*新闻*/

.i_news_t{padding-left: 98px;}

.i_news_t::after{width: 80px;}

.newsMenu{width: 250px;margin-right: 60px;}
.newsSlide li { margin-bottom: 12px;}
.newsSlide li a{padding: 15px 20px;}

.newsSlide .newsPic{left: 25px;}

.newsSlide .newsDesc{width: calc(100% - 340px);}

}

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

      /*新闻*/

.newsMenu { margin-right: 60px;}

.newsMenu{width: 230px;margin-right: 50px;}

}

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

  /*新闻*/

.newsPart { padding: 30px 0;}

.homeNews { flex-direction: column;}

.newsMenu { align-items: center; display: flex; justify-content: space-between; margin: 0 0 20px; width: 100%;display: block;} 

.newsMenu .i_a{display: flex;justify-content: left;gap: 20px;}

.newsMenu .i_news_t{margin-bottom: 25px;}

.newsMenu .moreBtn{margin-top: 0;}

.newsMenu .span { margin: 0;}

.newsBd { width: 100%;}

.newsSlide .newsPic { visibility: visible; width: 100%; position: static; transform: translate(0);}

.newsSlide .newsDesc { width: 100%;}

.homeNews { margin-top: 20px;}

/* .newsMenu .span.cur::after { background-size: 100% auto; right: -6px; top:-4px; width: 6.5px;} */

.newsSlide .newsDate { display: none;}

.newsSlide li .descIcon { display: none; width: 32px;}

.newsSlide li a { padding: 15px;}

.newsSlide .descTit p { margin: 15px 0 10px 0;/*  font-size: 14px; */ background-size:13px auto;}
/* .newsSlide .descTit span { font-size: 16px;} */
.newsSlide .descTit span {line-height: 26px;}
.newsSlide .descInfor { margin-top: 10px; padding-top: 10px; font-size: 14px;}

.newsSlide .descInfor p { font-size: 14px;height: auto;}

.newsSlide .descInfor span{ margin-top: 10px;}

/* .newsSlide li .newsPic, */
.newsSlide li.act .newsPic { height: 20%; border-radius: 10px;}

.newsSlide li a {flex-direction: column; }

.newsSlide li { margin-bottom: 10px;}

.newsSlide li a { border: 2px solid var(--main-color);border-radius: 12px;}

.newsSlide li .descInfor { display: block;}

}

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

    /*新闻*/

  .newsMenu .i_a{position: relative;}

.newsMenu .moreBtn{position: absolute;right: 0;top: -54px;}

}

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

    /*新闻*/

.newsMenu{font-size: 18px;}

.i_news_t{padding-left: 70px;}

.i_news_t::after{width: 60px;}
.newsSlide .descInfor span{ margin-top: 5px;}
}

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

    /*新闻*/
.i_news_t{padding-left: 60px;}

.i_news_t::after{width: 50px;}
  .homeNews{margin-top: 0;}

  .newsMenu .i_news_t{margin-bottom: 10px;}

.newsMenu{font-size: 16px;}

.newsMenu .moreBtn{top: -40px;}

.newsSlide li a { padding: 10px;}

.newsSlide .descInfor span{background-size: 15px auto;padding-left: 24px;}




}

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

    /*新闻*/

.newsMenu{font-size: 14px;}



}

/*关于我们*/

.i_about_bg{overflow: hidden;background: url(../images/i_bg2.jpg) center center no-repeat;background-size: cover;}

.i_about{overflow: hidden;margin-top: 82px;display: flex;justify-content: space-between;margin-bottom: 150px;}

.i_about .i_about_l{width: 583px;padding-left: 200px;background: url(../images/i_pic2.png) left bottom no-repeat;background-size: 100% 100%;position: relative;display: flex;align-items: flex-end;justify-content: right;height: 753px;order: 0;}

.i_about .i_about_l .imgs{position:absolute;left:200px;width: 481px;top: 0;}

.i_about .i_about_l .imgs img{display: block;height: 613px;width: 100%;}

.i_about .i_about_l .imgs .divhidden{opacity: 0; filter: Alpha(opacity = 0);  transition: all 1.5s; height: 0; overflow: hidden; display: block;}

.i_about .i_about_l .imgs .divhidden.on{opacity:1.0;filter:Alpha(opacity=100);/* height:auto;*//*display:block;*/height: auto; overflow:visible;}

.i_about .i_about_l .desc{overflow: hidden;width: 376px;height: 110px;border: 5px solid #ffffff;margin-right: 6px;margin-bottom: 10px;color: #ffffff;}

.i_about .i_about_l .desc .divhidden{width: 100%; opacity: 0; filter: Alpha(opacity = 0);  transition: all 1.5s; height: 0; overflow: hidden; display: flex;padding-left: 15px;padding-right: 15px;align-items: center;justify-content: center;}

.i_about .i_about_l .desc .divhidden.on{opacity:1.0;filter:Alpha(opacity=100);/* height:auto;*//*display:block;*/height: auto; overflow:visible;}

.i_about .i_about_l .desc label{vertical-align: top;}

.i_about .i_about_l .desc .nums{color: #ffffff;overflow: hidden;line-height: 100px;height: 100px;}

.i_about .i_about_l .desc .p{overflow: hidden;line-height: 30px;margin-left: 4%;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;max-width: 190px;}

.i_about .i_about_r{width: 718px;overflow: hidden;order: 1;}

.i_about .i_about_r .i_news_t{margin-top: 40px;}

.i_about .i_about_r .i_about_a{overflow: hidden;margin-top: 8%;margin-top: 80px;}

.i_about .i_about_r .i_about_a ul{display: flex;}

.i_about .i_about_r .i_about_a ul li{padding-right: 28px;margin-right: 16px;position: relative;overflow: hidden;line-height: 40px;cursor: pointer;}

.i_about .i_about_r .i_about_a ul li::after{content:"";position: absolute;right: 0;top: 50%;width: 7px;height: 7px;margin-top: -3.5px;background: url(../images/i_pic7.png) no-repeat;background-size: 100% 100%;color: #333333;}

.i_about .i_about_r .i_about_a ul li:last-child:after{display: none;}

.i_about .i_about_r .i_about_a ul li.on{color: var(--main-color);}

.i_about .i_about_r .i_about_r_box{overflow: hidden;margin-top: 40px;}

.i_about .i_about_r .i_about_r_box .divhidden{opacity: 0; filter: Alpha(opacity = 0);  transition: all 1.5s; height: 0; overflow: hidden; display: block;}

.i_about .i_about_r .i_about_r_box .divhidden.on{opacity:1.0;filter:Alpha(opacity=100);/* height:auto;*//*display:block;*/height: auto; overflow:visible;}

.i_about .i_about_r .i_about_r_box .p{overflow: hidden;line-height: 30px;color: #333333;}

.i_about .i_about_r .dl{display: flex;margin-top: 75px;}

.i_about .i_about_r .dl dd{overflow: hidden;margin-right: 8%;line-height: 1.3;}

.i_about .i_about_r .dl dd img{display: block;margin: 0 auto;margin-bottom: 10px;height: 50px;}

.i_about .i_about_r .dl dd a{color: #333333;}

.i_about .i_about_r .dl dd a:hover{color: var(--main-color);}

.i_about .i_about_r .moreBtn{margin-top: 75px;}



.i_product_bg .counter{ text-align:left; margin-top:-109px;background: linear-gradient(-83deg, #134E9B, #78C820);border-radius: 20px;padding-top: 70px;padding-bottom: 70px;position: absolute;width: 100%;}

.i_product_bg .counter ul{display: flex;justify-content: space-between;width: 100%;align-items: center;}

.i_product_bg .counter ul li{ display:flex; vertical-align:top;transition:all 0.4s; position:relative;width: 20%;justify-content: center;}

.i_product_bg .counter ul li .txts2{display: inline-block;vertical-align: top;}

.i_product_bg .counter ul li .nums{  line-height:0.8; color:#ffffff;position: relative;text-align: center;}

.i_product_bg .counter span{display:inline-block; vertical-align:middle;  letter-spacing:1px;  font-weight:bold; font-family:Arial;padding-right: 6px; }

.i_product_bg .counter label{display:inline-block;vertical-align:middle;font-weight:lighter;color: #ffffff; }

.i_product_bg .counter i{font-family:Arial;font-style: normal;position: absolute;right: -30px;top: 5px;color: #ffffff;}

.i_product_bg .counter .h6{ font-weight: normal; overflow:hidden; line-height:24px;  /*  white-space:nowrap;text-overflow:ellipsis; */ margin-top:12px;  color:#ffffff;text-align: center;}

/* .i_product_bg .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} */

.i_product_bg .counter ul li .imgs{overflow: hidden;position: relative;padding-top:60.765%;width: 100%;border-radius: 10px;}

.i_product_bg .counter ul li .imgs .bgs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.i_product_bg .counter ul li .imgs img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.i_product_bg .counter ul li .bgs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;background: rgba(0,0,0,.8);transition:all 0.3s}

.i_product_bg .counter ul li .cons{color: #ffffff;text-align: center;}

.i_product_bg .counter ul li .cons .i{display: block;width: 69px;height: 69px;margin: 0 auto;margin-bottom: 13px;background: url(../images/I_PIC3.png) no-repeat;background-size: 100% 100%;transition:all 0.4s;}

.i_product_bg .counter ul li .bgs:hover{background: rgba(0,0,0,.7);}

.i_product_bg .counter ul li::after{content: "";position: absolute;right: 0;top: 50%;height: 130px;width: 1px;margin-top: -65px;background: #ffffff;}

.i_product_bg .counter ul li::before{content: "";position: absolute;right: -5px;top: 50%;height: 10px;width: 10px;margin-top: -5px;background: #ffffff;border-radius: 50%;}

.i_product_bg .counter ul li:nth-child(5)::after{display: none;}

.i_product_bg .counter ul li:nth-child(5)::before{display: none;}

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

/*关于我们*/

.i_about .i_about_l{width: 503px;padding-left: 120px;}

.i_about .i_about_l .imgs{left: 120px;}

.i_about .i_about_r{width:calc(100% - 631px);width:-webkit-calc(100% - 631px);width:-moz-calc(100% - 631px);max-width: 718px;}

}

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

/*关于我们*/

.i_about .i_about_l{width: 453px;height: 640px;}

.i_about .i_about_l .imgs{width: 401px;}

.i_about .i_about_l .imgs img{height: 511px;}

.i_about .i_about_r{width:calc(100% - 581px);width:-webkit-calc(100% - 581px);width:-moz-calc(100% - 581px);}

.i_about .i_about_r .i_about_a{margin-top: 50px;}

.i_about .i_about_r .i_about_r_box{margin-top: 20px;}

.i_about .i_about_r .dl{margin-top: 55px;}

.i_product_bg .counter{padding-top: 50px;padding-bottom: 50px;}
.i_product_bg .counter ul li::after{height: 110px;margin-top: -55px;}
.i_product_bg .counter ul li .cons .i{width: 56px;height: 56px;}

}

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

/*关于我们*/

.i_product_bg .counter ul li .cons .i{width: 50px;height: 50px;}

}

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

/*关于我们*/

.i_about{margin-top: 72px;margin-bottom: 120px;}

.i_about .i_about_r{width:calc(100% - 551px);width:-webkit-calc(100% - 551px);width:-moz-calc(100% - 551px);}

.i_about .i_about_r .i_about_a{margin-top: 30px;}

.i_about .i_about_r .i_about_r_box{margin-top: 15px;}

.i_about .i_about_r .dl{margin-top: 45px;}

 .i_product_bg .counter{padding-left: 0;padding-right: 0;padding-top: 50px;padding-bottom: 50px;margin-top: -89px;}

  .i_product_bg .counter ul li .cons .i{width: 46px;height: 46px;}

  .i_product_bg .counter ul li::after{height: 100px;margin-top: -50px;}
.i_product_bg .counter i{right: -25px;}


}

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

/*关于我们*/

.i_about{display: block;margin-top: 0%;margin-bottom: 7%;}

.i_about .i_about_l{height: auto;display: block;padding-left:150px;padding-bottom: 10px;width:calc(100% - 150px);width:-webkit-calc(100% - 150px);width:-moz-calc(100% - 150px);margin-top: 7%;}

.i_about .i_about_l .imgs{width: auto;position: static;margin-right: -150px;}

.i_about .i_about_l .imgs img{height: auto;}

.i_about .i_about_l .desc{width: auto;margin-top: 10px;margin-bottom: 0;margin-right: 10px;}

.i_about .i_about_r{width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);max-width: none;}

.i_about .i_about_r .i_news_t{margin-top: 7%;}

.i_about .i_about_r .moreBtn{margin-top: 6%;}

.i_about .i_about_r .i_about_a{margin-top: 5%;}

.i_about .i_about_r .dl{margin-top: 5%;}

.i_product_bg .counter{padding-top: 40px;padding-bottom: 40px;margin-top: 6%;position: static;}

 .i_product_bg .counter ul{flex-wrap: wrap;}

.i_product_bg .counter ul li{width: 33.33%;align-items: center;}

.i_product_bg .counter ul li:nth-child(4),.i_product_bg .counter ul li:nth-child(5){width:50%;margin-top: 5%;}

.i_product_bg .counter ul li:nth-child(3)::after{display: none;}

.i_product_bg .counter ul li:nth-child(3)::before{display: none;}

.i_product_bg .counter ul li .imgs{padding-top: 50%;}

  .i_product_bg .counter ul li::after{height: 70px;margin-top: -35px;}
.i_product_bg .counter i{top: 0px;}
}

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

/*关于我们*/





}

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

/*关于我们*/

.i_product_bg .counter ul{gap: 0;}

/* .i_product_bg .counter ul li:nth-child(5){width:100%;} */

.i_product_bg .counter ul li:nth-child(2)::after{display: none;}

.i_product_bg .counter ul li:nth-child(2)::before{display: none;}

.i_product_bg .counter ul li:nth-child(4)::after{display: none;}

.i_product_bg .counter ul li:nth-child(4)::before{display: none;}

.i_product_bg .counter ul li:nth-child(3)::after{display: block;}

.i_product_bg .counter ul li:nth-child(3)::before{display: block;}

.i_product_bg .counter ul li:nth-child(4),.i_product_bg .counter ul li:nth-child(5),.i_product_bg .counter ul li:nth-child(3){margin-top: 30px;}

  .i_product_bg .counter ul li::after{height: 50px;margin-top: -25px;}

.i_product_bg .counter ul li{width: 50%;}

.i_product_bg .counter ul li .cons .i{width: 40px;height: 40px;}

.i_about .i_about_l{width:calc(100% - 110px);width:-webkit-calc(100% - 110px);width:-moz-calc(100% - 110px);padding-left:110px;}

.i_about .i_about_l .imgs{margin-right: -110px;}

}

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

/*关于我们*/

.i_about .i_about_l .desc{height: 90px;}

.i_about .i_about_l .desc .nums{height: 80px;line-height: 80px;}

.i_about .i_about_l .desc .p{line-height: 24px;max-width: 120px;padding-left: 10px;padding-right: 10px;}

.i_about .i_about_l{width:calc(100% - 70px);width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);padding-left:70px;}

.i_about .i_about_l .imgs{margin-right: -70px;}

.i_about .i_about_r .dl dd img{height: 40px;}

.i_about .i_about_r .dl{justify-content: space-between;}

.i_about .i_about_r .dl dd{margin-right: 0;}

.i_about .i_about_r .i_about_a{font-size: 16px;}

.i_about .i_about_r .i_about_a ul li{padding-right: 20px;margin-right: 12px;line-height: 32px;}

.i_about .i_about_r .i_about_r_box .p{line-height: 26px;}



.i_product_bg .counter{margin-top: 30px;}

  .i_product_bg .counter ul{flex-wrap: wrap;}

  .i_product_bg .counter ul li{width: 50%;}

  .i_product_bg .counter ul li .txts2{display: inline-block;vertical-align:top;}

.i_product_bg .counter ul li::before,.i_product_bg .counter ul li::after{display: none;}

.i_product_bg .counter ul li:nth-child(3)::before,.i_product_bg .counter ul li:nth-child(3)::after{display: none;}

}

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

/*关于我们*/

.i_about .i_about_l{width:calc(100% - 50px);width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);padding-left:50px;}

.i_about .i_about_l .imgs{margin-right: -50px;}

.i_about .i_about_r .i_news_t{margin-top: 8%;}

.i_about .i_about_r .i_about_a{font-size: 15px;}

.i_about .i_about_r .i_about_r_box .p{line-height: 24px;}

}



/*产品*/

.i_product_bg{background: url(../images/i_bg3.jpg) left bottom no-repeat;background-size: cover;}

.i_product_bg .wrap{position: relative;}

.i_product_bg .i_news_t{margin-top: 220px;}

.i_product_bg .i_product_desc{margin-top: 2%;overflow: hidden;line-height: 1.3;}

.i_product{padding-top: 55px;position: relative;}

.i_product .btns{margin-top: -26px;float: right;width: 130px;position: absolute;right: 0;top: 0;z-index: 9;}

.i_product .btns .swiper-button-prev,.i_product .btns .swiper-button-next{width: 56px;height: 56px;background-size: 100% 100%;}

.i_product .btns .swiper-button-prev{background-image: url(../images/left.png);left: 0;}

.i_product .btns .swiper-button-next{background-image: url(../images/right.png);right: 0;}

.i_product .btns .swiper-button-prev:hover{background-image: url(../images/left_on.png);left: 0;}

.i_product .btns .swiper-button-next:hover{background-image: url(../images/right_on.png);right: 0;}

.i_product .swiper-slide{padding-bottom: 200px;}

.i_product .boxs{position: relative;}

.i_product .boxs .imgs{overflow: hidden;position: relative;padding-top: 107.63%;border-radius: 20px;}

.i_product .boxs .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;}

.i_product .boxs: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);}

.i_product .txts{padding: 15px;position: absolute;bottom: 0;left: 0;width: 100%;transition:all 0.3s;}

.i_product .cons{border-radius: 20px;background: rgba(0, 0, 0, 0.5) center center no-repeat;background-size: cover; overflow: hidden;color: #ffffff;text-align: center;width: 100%;height: 174px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-left: 2%;padding-right: 2%;}

.i_product .cons .h3{font-weight: normal;color: #ffffff;line-height: 1.3;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;width: 100%;}

.i_product .cons .p{color: #ffffff;margin-top: 15px;line-height: 1.4;overflow: hidden;width: 100%;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.i_product .cons .ico{display: block;margin: 0 auto;height: 17px;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}

.i_product .boxs:hover .cons .ico{margin-top: 20px;opacity:1.0;filter:Alpha(opacity=100);}

.i_product .boxs:hover .cons{background-image: url(../images/i_bg4.jpg);}

.i_product .boxs:hover .txts{bottom: -80px;}

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

/*产品*/

.i_product_bg .i_news_t{margin-top: 190px;}
.i_product{padding-top: 40px;}
.i_product .swiper-slide{padding-bottom: 130px;}

.i_product .cons{height: 160px;}

}

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

/*产品*/

.i_product_bg .i_news_t{margin-top: 170px;}

.i_product .swiper-slide{padding-bottom: 120px;}

.i_product .cons{height: 150px;}

.i_product .btns{width: 110px;}

.i_product .btns .swiper-button-prev,.i_product .btns .swiper-button-next{width: 50px;height: 50px;}

}

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

/*产品*/

.i_product .cons{height: 130px;}

}

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

/*产品*/

.i_product_bg .i_news_t{margin-top: 160px;}

.i_product .cons{height: 126px;}

.i_product .boxs:hover .cons .ico{margin-top: 15px;}

}

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

  /*产品*/
.i_product{padding-top:35px;}
.i_product_bg{overflow: hidden;}

.i_product_bg .i_news_t{margin-top: 6%;}

}

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

/*产品*/

.i_product{padding-top: 30px;}

.i_product .btns{width: 100px;margin-top: -20px;}

.i_product .btns .swiper-button-prev,.i_product .btns .swiper-button-next{width: 46px;height: 46px;}

}

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

/*产品*/

.i_product_bg .i_news_t{margin-top: 7%;}

.i_product{padding-top: 50px;}

.i_product .boxs .imgs{border-radius: 12px;}

.i_product .txts{padding: 10px;}

.i_product .cons{border-radius: 12px;height: 120px;}

.i_product .boxs:hover .txts{bottom: -60px;}

.i_product .cons .p{margin-top: 10px;}

.i_product .swiper-slide{padding-bottom: 100px;}

.i_product .btns{margin-top: 20px;width: 90px;}

.i_product .btns .swiper-button-prev,.i_product .btns .swiper-button-next{width: 40px;height: 40px;}

}

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

/*产品*/

.i_product_bg .i_news_t{margin-top: 8%;}

.i_product .cons{height: 90px;}

.i_product .cons .ico{height: 12px;}

.i_product .swiper-slide{padding-bottom: 90px;}

.i_product .btns{margin-top: 25px;}

.i_product .boxs:hover .cons .ico{margin-top: 8px;}

.i_product .cons .p{margin-top: 6px;}
.i_product .btns{width: 70px;}
.i_product .btns .swiper-button-prev,.i_product .btns .swiper-button-next{width: 30px;height: 30px;}
.i_product .cons .h3{font-size: 18px;}
.i_product .cons .p{font-size: 14px;}
}

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

/*产品*/
.i_product .swiper-slide{padding-bottom: 80px;}
.i_product .cons{height: 86px;}
.i_product .cons .h3{font-size: 16px;}
.i_product .cons .p{font-size: 13px;}
}









/*人才与发展*/

.i_job_bg{overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;}

.i_job_bg .wrap{margin-bottom: 33%;}

.i_job_bg .i_news_t{color: #ffffff !important;  background: none !important;  -webkit-background-clip: initial !important;  -webkit-text-fill-color: initial !important;margin-top: 6%;}

.i_job_bg .i_news_t::after{background-image: url(../images/i_pic9.png);}

.i_job_bg .i_job_t{overflow: hidden;margin-top: 4%;color: #ffffff;}

.i_job_bg .i_job_t .h3{font-weight: normal;color: #ffffff;line-height: 1.3;}

.i_job_bg .i_job_t .p{overflow: hidden;line-height: 1.6;margin-top: 1%;position: relative;padding-left: 67px;}

.i_job_bg .i_job_t .p::after{content: "";width: 53px;height: 3px;background: #ffffff;position: absolute;left: 0;top: 50%;margin-top: -1.5px;}

.i_job_bg .i_job_desc{text-align: right;overflow: hidden;line-height: 1.6;color: #333333;font-weight: lighter;max-width: 430px;float: right;margin-top: -4.5%;}



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

/*人才与发展*/

}

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

/*人才与发展*/

}

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

/*人才与发展*/

}

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

/*人才与发展*/
.i_job_bg{background-attachment: unset;}
.i_job_bg .i_job_t .p{margin-top: 2%;}

.i_job_bg .i_news_t{margin-top: 7%;}
.i_job_bg .i_job_desc{margin-top: -6%;}
}

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

/*人才与发展*/

.i_job_bg .i_job_desc{float: left;margin-top: 3%;text-align: left;}

}

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

/*人才与发展*/

.i_job_bg .i_news_t{margin-top: 8%;}

}

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

/*人才与发展*/

.i_job_bg .i_news_t{margin-top: 9%;}

.i_job_bg .i_job_t .p{padding-left: 50px;}

.i_job_bg .i_job_t .p::after{width: 40px;height: 2px;margin-top: -1px;}

}



@keyframes mymove6

{

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

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

  transform: translateY(60px) 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(60px) translateX(0);

  transform: translateY(60px) 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);}

}



