﻿@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.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; }
.swiper-other{position: absolute; left: 0; bottom: 4%; 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; */}

@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;}

}

@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;}

}


@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;}

}
@media screen and (max-width: 360px) {


}

/*产品中心*/
.i_title{overflow:hidden;text-align: center; margin-top: 6%;}
.i_title .h3{font-weight: bold;color: #333333;overflow: hidden;line-height: 1.3;}
.i_title .p{color: #474646;line-height: 1.6;overflow: hidden;margin-top: 2%;font-size: 14px;}
.i_product_bg{overflow: hidden;background: #e8f7ff;}
.i_product{margin-top: 5%;}
.i_product li{float: left;width: 23.2%;margin-right: 2%; margin-bottom: 2%;text-align: center;overflow: hidden;background: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  border-radius: 6px;position: relative;}
.i_product li:nth-child(4n){margin-right: 0;}
.i_product li::after{content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;background: #29b2e6;transition:all 0.3s;}
.i_product li:hover:after{width: 100%;left: 0;}
.i_product li .imgs{overflow: hidden;position: relative;padding-top: 100%;}
.i_product li .imgs img{display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute; -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 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);}
.i_product li .txts{width: 96%;margin: 0 auto;overflow: hidden;}
.i_product li .h3{font-weight: bold;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;height: 32px;line-height: 32px;transition:all 0.3s;}
.i_product li .p{overflow: hidden;height: 30px;line-height: 30px;color: #454545;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 24px;}
.i_product li:hover .h3{color: #29b2e6;}
.i_product li:hover .p{color: #29b2e6;}
.i_product li .xinghao{position:absolute;left: 0;width: 100%;top:5%;text-align: center;color: #29b2e6;font-weight: bold;text-transform: uppercase;z-index: 1;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.i_product li:hover .xinghao{opacity:1.0;filter:Alpha(opacity=100);}
@media screen and (max-width: 1200px) {
/*产品中心*/
.i_product li{width: 32%;}
.i_product li:nth-child(4n){margin-right: 2%;}
.i_product li:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 992px) {
/*产品中心*/
}
@media screen and (max-width: 640px) {
  /*产品中心*/
  .i_title .p{font-size: 13px;}
  .i_product li{width: 49%;}
  .i_product li:nth-child(3n){margin-right: 2%;}
  .i_product li:nth-child(2n){margin-right: 0;}
  .i_product li .xinghao{top: 6%;}
}
@media screen and (max-width: 480px) {
  /*产品中心*/
  .i_title .p{font-size: 12px;}
  .i_product li .p{margin-bottom: 15px;height: 26px;line-height: 26px;}
  .i_product li .h3{height: 26px;line-height: 26px;}
}
@media screen and (max-width: 420px) {

}

/*我们支持定制*/
.i_dingzhi_bg{overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.i_dingzhi_bg .i_title .h3{color: #fff;}
.i_dingzhi_bg .i_dingzhi_box{overflow: hidden;margin-top: 5%;}
.i_dingzhi_bg .i_dingzhi{background-color: #FCFCFC;background-repeat: no-repeat;background-position: right bottom;background-size:auto 242px; border-radius: 10px;overflow: hidden;width: 49%;max-width: 675px;margin-bottom: 98px;}
.i_dingzhi_bg .i_dingzhi.l{background-image: url(../images/i_pic1.png);float: left;}
.i_dingzhi_bg .i_dingzhi.r{background-image: url(../images/i_pic2.png);float: right;}
.i_dingzhi_bg .i_dingzhi .boxs{width: 92%;max-width: 624px;margin: 0 auto;overflow: hidden;height: 288px;margin-bottom: 3%;}
.i_dingzhi_bg .i_dingzhi .boxs #srcolls{ overflow:hidden; overflow-y:auto;height: 91%;margin-top: 3%;}
.i_dingzhi_bg .i_dingzhi .boxs #srcolls::-webkit-scrollbar {width: 3px;height: 10px;}
.i_dingzhi_bg .i_dingzhi .boxs #srcolls::-webkit-scrollbar-thumb { /*background-image:url(../images/product_bg1.png); background-position:center center; background-repeat:no-repeat; background-size:10px 6px;*/background-color: rgba(0, 117, 193, 1.0);}
/* .i_dingzhi_bg .i_dingzhi .boxs #srcolls:hover::-webkit-scrollbar-thumb {background-color: rgba(0, 117, 193, 0.7);}
.i_dingzhi_bg .i_dingzhi .boxs #srcolls::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 117, 193, 1.0);-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1); } */
.i_dingzhi_bg .i_dingzhi .boxs #srcolls::-webkit-scrollbar-track {  background-color:#e6e6e6;}
.i_dingzhi_bg .i_dingzhi .h4{overflow: hidden;color: #333;line-height: 1.3;text-align: center;font-weight: bold;margin-top: 45px;margin-bottom: 30px;transition:all 0.3s;}
.i_dingzhi_bg .i_dingzhi .txt{display: block;overflow: hidden;padding-left: 47px;background-repeat: no-repeat;background-position: left top;background-size: 36px 36px;margin-bottom: 13px;position: relative;}
/* .i_dingzhi_bg .i_dingzhi .txt.bg1{background-image: url(../images/i_ico1.png);}
.i_dingzhi_bg .i_dingzhi .txt.bg2{background-image: url(../images/i_ico2.png);}
.i_dingzhi_bg .i_dingzhi .txt.bg3{background-image: url(../images/i_ico3.png);}
.i_dingzhi_bg .i_dingzhi .txt.bg4{background-image: url(../images/i_ico4.png);}
.i_dingzhi_bg .i_dingzhi .txt.bg5{background-image: url(../images/i_ico5.png);}
.i_dingzhi_bg .i_dingzhi .txt.bg6{background-image: url(../images/i_ico6.png);}
.i_dingzhi_bg .i_dingzhi .txt.bg7{background-image: url(../images/i_ico7.png);}
.i_dingzhi_bg .i_dingzhi .txt.bg8{background-image: url(../images/i_ico8.png);}
.i_dingzhi_bg .i_dingzhi .txt.bg9{background-image: url(../images/i_ico9.png);} */
.i_dingzhi_bg .i_dingzhi .txt .h5{font-weight: bold;color: #333333;font-size: 16px;line-height: 22px;transition:all 0.3s;}
.i_dingzhi_bg .i_dingzhi .txt .p{font-size: 14px;color: #666666;line-height: 22px;transition:all 0.3s;letter-spacing: -0.3px;}
.i_dingzhi_bg .i_dingzhi.l .txt:nth-child(2) .p{min-height: 44px;}
.i_dingzhi_bg .i_dingzhi .txt i{position: absolute;left: 0;width: 36px;height: 36px;top: 0;display: block;overflow: hidden;}
.i_dingzhi_bg .i_dingzhi .txt i img{display: block;width: 100%;height: 100%;transition:all 0.3s;position: absolute;top: 0;left: 0;}
.i_dingzhi_bg .i_dingzhi .txt i img.imgs2{opacity:0;filter:Alpha(opacity=0);}


/* .i_dingzhi_bg .i_dingzhi .bnts{margin-top: 19px;} */
@media screen and (min-width: 993px) {
    /*我们支持定制*/
    /* .i_dingzhi_bg .i_dingzhi:hover{ background-color: #29b2e6;}
    .i_dingzhi_bg .i_dingzhi .boxs:hover .h4{display: none;}
    .i_dingzhi_bg .i_dingzhi:hover .h4{color: #fff}
    .i_dingzhi_bg .i_dingzhi .txt.non{transition:all 0.3s;height: 0;margin-bottom: 0px;}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt.non{opacity:1.0;height: auto;margin-bottom: 13px;}
  .i_dingzhi_bg .i_dingzhi:hover .txt .h5{color: #fff;}
  .i_dingzhi_bg .i_dingzhi:hover .txt .p{color: #fff;}
  .i_dingzhi_bg .i_dingzhi:hover .bnts{background: #fff;color: #333;} */
  /* .i_dingzhi_bg .i_dingzhi .boxs:hover .txt.bg1{background-image: url(../images/i_ico1_on.png);}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt.bg2{background-image: url(../images/i_ico2_on.png);}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt.bg3{background-image: url(../images/i_ico3_on.png);}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt.bg4{background-image: url(../images/i_ico4_on.png);}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt.bg5{background-image: url(../images/i_ico5_on.png);}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt.bg6{background-image: url(../images/i_ico6_on.png);}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt.bg7{background-image: url(../images/i_ico7_on.png);}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt.bg8{background-image: url(../images/i_ico8_on.png);}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt.bg9{background-image: url(../images/i_ico9_on.png);} */
/* .i_dingzhi_bg .i_dingzhi .boxs:hover .txt i img.imgs2{opacity:1.0;filter:Alpha(opacity=100);}
.i_dingzhi_bg .i_dingzhi .boxs:hover .txt i img.imgs1{opacity:0;filter:Alpha(opacity=0);} */

}
@media screen and (max-width: 1200px) {
  /*我们支持定制*/
  .i_dingzhi_bg .i_dingzhi .txt{padding-left: 40px;}
  .i_dingzhi_bg .i_dingzhi .h4{margin-top: 35px;margin-bottom: 20px;}
}
@media screen and (max-width: 992px) {
  /*我们支持定制*/
  .i_dingzhi_bg .i_dingzhi_box{display: block;}
  .i_dingzhi_bg .i_dingzhi{margin-bottom: 2%;background-size: auto 200px;}
  .i_dingzhi_bg .i_dingzhi .boxs{max-width: 820px;height: auto;}
  .i_dingzhi_bg .i_dingzhi.l{float: none;width: 100%;max-width: none;}
  .i_dingzhi_bg .i_dingzhi.r{float: none;width: 100%;max-width: none;margin-bottom: 8%;}
  .i_dingzhi_bg .i_dingzhi .boxs #srcolls{position: static;}
  .i_dingzhi_bg .i_dingzhi .boxs #srcolls{height: auto;margin-top: 0%;}
  .i_dingzhi_bg .i_dingzhi .bnts{margin-top: 12px;}
}
@media screen and (max-width: 640px) {
/*我们支持定制*/
.i_dingzhi_bg .i_dingzhi{background-size: auto 150px;}
.i_dingzhi_bg .i_dingzhi .h4{font-size: 16px;}
}
@media screen and (max-width: 480px) {
/*我们支持定制*/
.i_dingzhi_bg .i_dingzhi .h4{margin-top: 30px;margin-bottom: 15px;}
.i_dingzhi_bg .i_dingzhi .txt .h5{font-size: 15px;}
.i_dingzhi_bg .i_dingzhi .txt .p{font-size: 13px;}
}
@media screen and (max-width: 420px) {
/*我们支持定制*/
}


/*我们的优势*/
.i_advantage_bg{ overflow: hidden; background: url(../img/i_img11.jpg) center center no-repeat; background-size: cover;}
.i_advantage{ margin-top: 6%; margin-bottom: 6%;}
.i_advantage .i_advantage_l{/*  float: left;  */width: 47%; max-width: 606px; }
.i_advantage .i_advantage_l .i_title{ text-align: left; margin-top: 0;}
.i_advantage .i_advantage_l .desc{
  line-height: 1.8;
  overflow: hidden;
  color: #666666;
  margin-top: 7%;
}
.i_advantage .i_advantage_l .desc li{overflow: hidden;display: block;padding-left: 17px;position: relative;}
.i_advantage .i_advantage_l .desc li::after{content:"";position: absolute;left: 0;top: 12px;border-radius: 50%;background:#29b2e6;width: 6px;height: 6px;}
.i_advantage .i_advantage_l .bnts{ float: left; margin-top: 8%;}
.i_advantage .i_advantage_r{width: 51%; max-width: 704px; overflow: hidden;}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 992px) {
  /*我们的优势*/
  .i_advantage .i_advantage_l .desc{font-size: 15px;}
}
@media screen and (max-width: 640px) {
/*我们的优势*/
.i_advantage{ display: block; margin-bottom:7%; margin-top: 0%;}
.i_advantage .i_advantage_l{ width: 100%; max-width: none;}
.i_advantage .i_advantage_l .i_title{ text-align: center; margin-top: 9%;}
.i_advantage .i_advantage_l .bnts{ float: none;}
.i_advantage .i_advantage_l .desc{font-size: 14px;}
.i_advantage .i_advantage_r{ width: 100%; max-width: none; margin-top: 3%;}
}
@media screen and (max-width: 480px) {
  /*我们的优势*/
  .i_advantage .i_advantage_l .desc{font-size: 13px;}
}
@media screen and (max-width: 420px) {

}


/*关于我们*/
.i_about_bg{overflow: hidden;background: url(../img/i_img13.jpg) center bottom no-repeat;background-size: cover;}
.i_about{ margin-top: 6%; margin-bottom: 6%; position: relative;}
.i_about .i_about_l{width: 49%; max-width: 680px; }
.i_about .i_about_l .i_title{ text-align: left; margin-top: 0;}
.i_about .i_about_l .desc{
  line-height: 1.8;
  overflow: hidden;
  color: #666666;
  margin-top: 5%;
}
.i_about .i_about_l .bnts{ float: left; margin-top: 8%;}
.i_about .i_about_r{width: 49%; max-width: 849px;display: none;}
.i_about .i_about_r .img1{ position: absolute; width: 39.14%; top: 0; right: -4.28%; z-index: 0;}
.i_about .i_about_r .img2{ position: absolute; width: 12.285%; top: 175px; right: 27.14%; z-index: 0;}
.i_about .i_about_r .img3{ position: absolute; width: 33.857%; top: 0; right: 4%; z-index: 1;}
.fadeInRight2{-webkit-animation-name: fadeInRight2;animation-name: fadeInRight2;}
.i_about .i_about_l .num{ overflow: hidden; margin-top: 14%;}
.i_about .i_about_l .num .one{  width: 49%; max-width: 320px; overflow: hidden; padding-right: 1%; color: #fff; margin-bottom: 5%; padding-bottom: 5%; position: relative; z-index: 0;}
.i_about .i_about_l .num .one::before{ z-index: -1; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5;}
.i_about .i_about_l .num .one::after{
   z-index: 1; content: ""; position: absolute; bottom: 0; left: 0; width: 21px; height: 2px;/* background-image: linear-gradient(90deg, 
  #00a4e2 0%, 
  #48ccbf 100%), 
linear-gradient(
  #000000, 
  #000000);
background-blend-mode: normal,normal; */background: #29b2e6;}
.i_about .i_about_l .num .top{ /* background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;-webkit-text-fill-color: transparent; */ color: #29b2e6; font-size: 16px;line-height: 1;display: inline-block;}
.i_about .i_about_l .num .top span{font-family: 'Open-Sans'; line-height: 1; font-weight: bold;  margin-right: 3px; font-style: normal;}
.i_about .i_about_l .num .top label{ overflow: hidden; display: inline-block; vertical-align:bottom; margin-top: 10px;font-style: normal;}
.i_about .i_about_l .num .bot{ color: #666;line-height: 1;margin-top: 14px; clear: both;}
@media screen and (max-width: 1400px) {
/*关于我们*/
.i_about .i_about_l .num .top{ font-size: 15px;}
}
@media screen and (max-width: 1260px) {
  /*关于我们*/
  .i_about .i_about_l .num .top{ font-size: 14px;}
  }
@media screen and (max-width: 1200px) {
  /*关于我们*/
  .i_about .i_about_l .num{ margin-top: 12%;}
.i_about .i_about_l .num .one{ margin-bottom: 6%;}
}
@media screen and (max-width: 992px) {
/*关于我们*/
.i_about .i_about_l .i_title{ text-align: center;}
.i_about .i_about_l .num{ margin-top: 7%;}
.i_about .i_about_l .num .bot{ margin-top: 10px;}
}
@media screen and (max-width: 780px) {
  /*关于我们*/
  .i_about_bg{background: #e8f7ff;}
  .i_about{ display: block; position: static; overflow: hidden;margin-bottom: 0;}
  .i_about .i_about_l{ width: 100%; max-width: none;}
  .i_about .i_about_r{ width: 100%; max-width: none; position: relative; margin-top: 3%;display: block;}
  .i_about .i_about_r .img2{ width: 25%; right: 54%;}
  .i_about .i_about_r .img3{ width: 67%; right: 8%; float: right; position: relative;margin-bottom: -15px;}
  .i_about .i_about_r .img1{ width: 80%; right: -8%;}
}
@media screen and (max-width: 640px) {
    /*关于我们*/
  .i_about .i_about_l .num .top{ font-size: 13px;}
}
@media screen and (max-width: 480px) {
  /*关于我们*/
  .i_about .i_about_l .num .top{ font-size: 12px;}
  .i_about .i_about_r .img3{margin-bottom: -10px;}
}
@media screen and (max-width: 420px) {
    /*关于我们*/
  .i_about .i_about_r .img3{margin-bottom: -7px;}
}


/*新闻动态*/
.i_news_bg{ 
  
  overflow: hidden;
}
.i_news_bg .i_title{ text-align: left;}
.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: #e8f7ff;
 
  transition:all 0.3s;
  z-index: -1;
}
.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 .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;
margin-top: 10px;
background: url(../images/i_pic6.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: 8px;
}
.i_news_bg .imore{ 
  overflow: hidden;
  margin-top: 38px;
  float: left;
color: #666666;
transition:all 0.3s;
line-height: 32px;
}
.i_news_bg .imore span{margin-left: 9px;background: url(../images/i_pic7.png) center center no-repeat;
  background-size: 100% auto; width: 18px; height: 32px;transition:all 0.3s;
  display: inline-block;vertical-align: middle;
}
.i_news_one:hover .imore,.i_news_two li:hover .imore{
  background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.i_news_two li:hover .imore{color: #29b2e6;}
.i_news_one:hover .imore span,.i_news_two li:hover .imore span{background-image: url(../images/i_pic7_on.png);}
.i_news_two{ margin-top: 2%; overflow: hidden; clear: both; margin-bottom: 2%;}
.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;
}
.i_news_one:hover .h3,.i_news_two li:hover .h3{color: #29b2e6;}
.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_bg .i_title{ text-align:center;}
.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{margin-bottom: 60px;}
.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 .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) {

}

@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);
  }
}