body{font-family:Microsoft YaHei;font-size:16px}
*{margin:0;padding:0;}
li{list-style:none}
img{border:0}
a{text-decoration:none;color:#333}
a:hover{color:#276ef9}
em,i{font-style:normal}
u{text-decoration:none}
.clear{clear:both}
.w1200{width:1200px;margin:0 auto}
.menu{display:none}
.fl{float:left}
.fr{float:right}
.header{z-index:10;width:100%;height:100px;}
.indexhead{background:url(../images/indexhead.jpg)  no-repeat   center top  ;}
.btn{color:#ffffff}
.logo{float:left}
.logo a{display:block;height:100px;line-height:100px;width:135px;background:url(../images/flogo.png)  no-repeat   center;background-size:135px;}
.indexhead .logo a{background:url(../images/logo.png)  no-repeat   center;}
 
.nav{float:right}
.nav>ul{float:left}
.nav>ul>li{    position: relative;float:left}
.nav>ul>li a{padding:0 15px;display:block;line-height:100px}
.nav>ul>li a:hover{color:#276ef9}
.nav>ul>li>ul{z-index:2;display:none;position:absolute;background:rgb(255 255 255 / 85%);width:190%;text-align:center;margin-left: -45%;}
.nav>ul>li:hover>ul{display:block}
.nav>ul>li>ul li a{display:block;line-height:40px}

.indexhead .nav>ul>li a{color:#fff;}
.indexhead .nav>ul>li>ul li a{color:#333;}


.tel{float:left;margin:0 20px 0 45px;line-height:100px;padding-left:40px;background:url(../images/tel2.png)  no-repeat  left  center;font-weight:bold;}
.tel a{color:#333;}
.indexhead .tel{background:url(../images/tel.png)  no-repeat  left  center;}
.indexhead .tel a{color:#fff;}
.banner{}
.banner_l{color:#fff;margin-top: 110px;margin-bottom:10px;}
.banner_l h3{font-size: 48px;}
.banner_l h3:after{    content: "";
    display: block;
    width: 63px;
    height: 8px;
    background: #fff;
    margin: 25px 0;}
.banner_l p{font-size: 24px;}
.banner_l a {
    display: block;width: 170px;line-height: 45px;
    border-radius: 45px;
    font-size: 18px;text-align: center;
    color: #276ef9;background:#fff;margin-top:30px;    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.banner_l a:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);}
.banner ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;border-radius:8px;justify-content: space-around;padding:30px  25px;    bottom: -60px;
    z-index: 2;
    position: relative;box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
    -o-box-shadow: 0 4px 8px rgb(0 0 0 / 8%);
    background:url(../images/zs.png) no-repeat  right top #fff ;
}
.banner ul li h3{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;margin-bottom:15px;font-size: 16px;}
.banner ul li h3 span{display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;border:1px #276ef9 solid;font-size: 24px;color:#276ef9;font-weight: bold;border-radius:100%;margin-right: 10px;position: relative;}
.banner ul li h3 span i{}
.banner ul li h3 span em{display: block;width: 41px;text-align: center;line-height: 14px;background:#276ef9;color:#fff;font-size: 10px;font-weight: normal;border-radius:14px;position: absolute;    bottom: -2px;
    left: 5px;}
.banner ul li p{color:#8c96a5;}

.bta{text-align:center;margin-bottom:60px}
.bta span{font-size:30px;color:#333;display:block;font-weight:700}
.bta em{margin-top:10px;color:#666;display:block;}
.casesbox{
    padding: 80px 0;
}
.container {
      display: flex;
      flex-wrap: wrap;
      row-gap: 60px;
  column-gap: 32px; 
      padding: 40px 0;
    }
    .card {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
      width: 276px;
      transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1);
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    .card:hover {
      transform: translateY(-8px) scale(1.03);
      box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    }
    .card-img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      background: #eee;
    }
    .card-content {
      flex: 1;
      display: flex;
      flex-direction: column;
      padding: 20px 20px 0 20px;
    }
    .card-title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 8px;
      color: #222;
    }
    .card-desc {
      font-size: 15px;
      color: #666;
      margin-bottom: 24px;
      line-height: 1.6;
      min-height: 48px;
    }
    .card-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px 20px 20px;
    }
    .card-link {
      color: #1976d2;
      text-decoration: none;
      font-size: 15px;
      transition: color 0.2s;
      display: flex;
      align-items: center;
    }
    .card-link:hover {
      color: #0d47a1;
    }
    .card-date {
      color: #999;
      font-size: 14px;
    }
  /* 生态合作 */
    .cpbg{background-color: #f2f6ff}
    .ryjcp {
          padding: 80px 0;
         
      }
      
     
      .hz-title {
          text-align: center;
          margin-bottom: 50px;
      }
      
      .hz-title h2 {
          font-size: 36px;
          color: #333;
          margin-bottom: 15px;
      }
      
      .hz-title p {
          color: #666;
          font-size: 16px;
      }
      
      .hz-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 30px;
      }
      
      .hz-card {
          background: white;
          padding: 30px;
          border-radius: 10px;
          box-shadow: 0 5px 15px rgba(0,0,0,0.05);
          text-align: center;
          transition: transform 0.3s ease, box-shadow 0.3s ease;
      }
      
      .hz-card:hover {
          transform: translateY(-10px);
          box-shadow: 0 15px 30px rgba(0,0,0,0.1);
      }
      
      .hz-icon {
          width: 80px;
          height: 80px;
          margin: 0 auto 20px;
          display: flex;
          align-items: center;
          justify-content: center;
       
      }
      .hz-icon i.zhongtai{background: url(../images/zhongtai.png) no-repeat center;}
	  .hz-icon i.yun{background: url(../images/yun.png) no-repeat center;}
	  .hz-icon i.bangong{background: url(../images/bangong.png) no-repeat center;}
	  .hz-icon i.xiunihua{background: url(../images/xiunihua.png) no-repeat center;}
	  
	  
      .hz-card h3 {
          color: #1f1f1f;
          font-size: 16px;
          margin-bottom: 24px;
      }
      
      .hz-card p {
          color: #8c96a5;
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 20px;
      }
      
     .yjpro{background:#f2f6ff;padding:80px 0;}
     .yjpro ul{border-radius: 20px;display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;justify-content: space-between;
     display: flex;flex-wrap: wrap;}
     .yjpro ul li{border-radius: 20px;display: -webkit-flex;
     display: -moz-flex;width:48%;margin-bottom:20px;box-sizing: border-box;
     display: -ms-flex;
     display: -o-flex;
     display: flex;border:1px #e0eaff solid;padding:20px;background:#fff;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:}
      
     .yjproul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
     
     .yjpro ul li i{display: block;width: 65px;height: 65px;margin-top: 30px;}
     .yjpro ul li.pro_ico1 i{background:url(../images/pro_ico1.png) no-repeat center;}
     .yjpro ul li.pro_ico2 i{background:url(../images/pro_ico2.png) no-repeat center;}
     .yjpro ul li.pro_ico3 i{background:url(../images/pro_ico3.png) no-repeat center;}
     .yjpro ul li.pro_ico4 i{background:url(../images/pro_ico4.png) no-repeat center;}
     .yjpro ul li.pro_ico5 i{background:url(../images/pro_ico5.png) no-repeat center;}
     .yjpro ul li.pro_ico6 i{background:url(../images/pro_ico6.png) no-repeat center;}
     
     .yjpro ul li div{    flex: 1;
         margin-left: 20px;}
     .yjpro ul li div h3{margin-bottom:15px;}
     .yjpro ul li div p{color:#8c96a5;line-height: 1.8}
 /*内容页面 */
 .postion {
    width: 1200px;
    margin: 30px auto 0;
    overflow: hidden;
    display: block;
}
.postion .weizhi{
    background: url(../images/icon_dizhi.png) no-repeat left -4px top;
    background-size: 20px;
    padding-left: 20px;
    font-size: 15px;
    color: #888;
}
.postion .weizhi a{ color: #888;}
.postion .weizhi a:hover {
   color:rgba(197, 0, 0, 1)
}
.title h1{   
    height: 48px;
    font-size: 24px;/*36px*/
    line-height: 36px;/*48px*/
    margin: 60px 0 40px;text-align:center;/*80px*/}
.news_info{text-align:center;font-size:18px/*20px*/;color:#666}	
.news_info span{padding:0 30px;}
.news_info span a{ color:rgb(225, 37, 27)}
.news_info span.ico1{background:url(../images/time.png)no-repeat left center; }	
.news_info span.ico2{background:url(../images/view.png)no-repeat left center; }
.news_nr{margin-top:40px;   line-height: 1.5;/*2*/
    font-size: 16px;/*24px*/margin-bottom:80px}
.news_nr img{max-width:100% !important;height:auto!important;}
.news_nr p{margin-bottom:16px;text-indent: 2em;line-height:24px}
.pagination{margin:50px 0}
.pagination ul{text-align:center;}
.pagination ul li{display:inline-block;    margin-right: 10px;}
.pagination ul li a{display:block;    border-radius: 6px;
    height: 32px;
    border: 1px solid rgba(217, 217, 217, 1);padding:0 12px;font-size:14px;line-height:32px;}
.pagination ul li.active a,.pagination ul li:hover a{
	border: 1px solid #276ef9;
	background:#276ef9;color:#fff;
}
.list_news {
    width: 1200px;
    margin: 0 auto;
    padding: 55px 0 55px;
    min-height: 300px;
}
.list_news .list {
    padding-bottom: 30px;
}
.list_news .item {
    height: 178px;
    transition: all .5s;
    border: 1px solid #f3f3f3;
    display: block;
    margin-bottom: 20px;
}
.list_news .item a {
    padding: 26px;
    display: block;
}
.list_news .item img {
    width: 168px;
    height: 126px;
    display: block;
    margin-right: 30px;
}
.list_news .item h3 {
    font-size: 20px;
    padding: 25px 0 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    color: #000;
}
.list_news .item .txt {
    color: #999;
    line-height: 24px;
    width: 640px;
    height: 48px;
    overflow: hidden;
}
.list_news .item .time {
    width: 130px;
    padding: 20px 0 20px 45px;
    border-left: 1px solid #eee;
    font-family: arial;
    font-size: 18px;
    color: #999;
    text-align: center;
}
.list_news .item .time .day {
    font-size: 30px;
    line-height: 45px;
    display: block;
}
.list_news .item:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin-left: 15px;
}
.list_news .item:hover h3 {
    color: #276ef9;
}
.list_news .item:hover .time .day span {
    background: #6d6d6d;
}
.list_news .item:hover .time .day strong {
    background: #ff0000;
    color: #fff;
}

.jjfa{padding:80px 0;background:url(../images/jjbg.jpg)  no-repeat   center top  ;}
.jjfa .tab{background:#dceeff;line-height: 55px;border-radius:10px;}
.jjfa .tab ul{display:flex;justify-content:space-between}
.jjfa .tab ul li{cursor:pointer;box-sizing:border-box;padding:0 35px}
.jjfa .tab ul li.on,.jjfa .tab ul li:hover{border-radius:10px;background:#fff;font-weight:bold;color:#276ef9}
.jjfa .tab_box{}
.jjfa .tab_box dl{display:none;padding:40px 0 0px;overflow:hidden;    align-items: center;
    justify-content: space-between;}
.jjfa .tab_box dl.on{display:flex}
.jjfa .tab_box dl dt{width:480px}
.jjfa .tab_box dl dt h3{font-weight: normal;font-size:30px;margin:25px 0 22px;display:flex}
.jjfa .tab_box dl dt i{display: block;width: 50px;height: 37px;background:url(../images/dh.png)  no-repeat}
.jjfa .tab_box dl dt span{display: block;font-size: 18px;font-weight: bold;}
.jjfa .tab_box dl dt em{display: block;margin-top: 10px;}
.jjfa .tab_box dl dt p{margin:30px  0 50px;color:#8c96a5;line-height: 2}
.jjfa .tab_box dl dt ul{display: flex;}
.jjfa .tab_box dl dt ul li{width:130px;line-height: 40px;text-align: center;margin-right:10px;}
.jjfa .tab_box dl dt ul li a{display: block;border-radius:40px;border:1px #276ef9 solid;color:#276ef9; -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.jjfa .tab_box dl dt ul li a.morea{background:#276ef9;color:#fff;}
.jjfa .tab_box dl dd{width:620px}
.jjfa .tab_box dl dd img{max-width:100%;border-radius:10px;}
.jjfa .tab_box dl dt ul li:hover a{-webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);
   }


.cgal{background:#f3f8ff;padding:80px 0;}
.casebox{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
 .caser{width: 50%;}
 .caselb{float: right;width: 580px;color:#fff;padding-top: 70px;margin-right: 20px;}
 

.caselb h3{font-size: 30px;border-left:7px #fff solid;padding-left: 20px;line-height: 32px;margin-bottom:20px;}
 
.caselb p{    text-align: justify;line-height: 1.8}
.caselb a {
    display: block;width: 130px;line-height: 40px;
    border-radius: 40px;text-align: center;
    color: #276ef9;background:#fff;margin-top:30px;    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.caselb a:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);}


 .casel{width: 50%;background:url(../images/casebg.jpg) no-repeat center right #276ef9;background-size:auto 100%;}
.casela img{width: 100%;display: block;}
.case_nav{position: absolute;bottom:0;right:0;    width: 200px;height: 40px;}

.case_nav .swiper-button-next{border-radius:100%;height: 40px;width: 40px;    background: rgb(255 255 255 / 48%);z-index: 11}
.case_nav .swiper-button-prev{border-radius:100%;height: 40px;width: 40px;    background: rgb(255 255 255 / 48%);z-index: 11}
.case_nav .swiper-button-next:after{font-size: 0;background:url(../images/jt2.png) no-repeat center;width: 100%;height: 100%;display: block;}
.case_nav  .swiper-button-prev:after{font-size: 0;background:url(../images/jt1.png) no-repeat center;width: 100%;height: 100%;display: block;}


.cpzx{padding:130px 0 72px 0;background:#f3f8ff }
 
.cpzx ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.cpzx ul li{width:32%;box-sizing:border-box;margin-bottom:2%;border-radius:20px;background:#fff;overflow: hidden;box-shadow:0 4px 10px rgb(0 0 0 / 8%);-webkit-box-shadow:0 4px 10px rgb(0 0 0 / 8%);-ms-box-shadow:0 4px 10px rgb(0 0 0 / 8%);-moz-box-shadow:0 4px 10px rgb(0 0 0 / 8%);-o-box-shadow:0 4px 8px rgb(0 0 0 / 8%);-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.cpzx ul li h3{font-size:16px;padding:20px;   display: flex
;
    justify-content: space-between;
    align-items: center;}
.cpzx ul li p{color:#8c96a5;    padding: 0 20px 20px;    text-align: justify;}
.cpzx ul li h3 i{display:block;height:20px;width: 20px;background:url(../images/jt3.png) no-repeat center;}
.cpzx ul li img{width:100%;display: block;}

 
.cpzx ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-ms-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-moz-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-o-box-shadow:0 8px 15px rgb(0 0 0 / 30%)}
.cpzx a.more{width: 220px;
    line-height: 50px;
    text-align: center;margin:20px auto 0;    background: #276ef9;
    color: #fff;
    display: block;
    border-radius: 50px;    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;} 
.cpzx a.more:hover{-webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 8px 15px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 8px 15px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 8px 15px rgb(0 0 0 / 30%);}


.zxzx{background:url(../images/zxbg.jpg)  no-repeat   center top  ;color:#fff;border-radius: 40px 40px 0px 0px;padding:70px 0 85px; }

.zxzx span{margin: 20px 0;display: block;}
.zxzx span a{color:#fff}
.zxzx span a:after{content:"";display:inline-block;width:1px;height:15px;background:#fff;margin:0 10px;vertical-align:middle}
.zxzx span a:last-child:after{display:none}
.zxzx h3{font-size:24px;}
.zxzx form{height:55px;position: relative;width: 420px;}
.zxzx form input{display:block;line-height:50px;width:100%;border:0;background:#fff;text-indent:20px;border-radius:50px;    font-size: 16px;
    color: #a6a6a6;}
.zxzx form button{border:0;background:#0076fe;width:100px;line-height:40px;font-size:16px;border-radius:40px;color:#fff;cursor:pointer;position: absolute;right:5px;top:5px;}
.zxzx form button:hover{background:#0562cd}



.hzhb ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;    flex-wrap: wrap;}
.hzhb ul li {width: 20%;margin-top:3%;}
.hzhb ul li img{border-radius:5px;
 -webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear; 
box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
    -ms-box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
    -o-box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
max-width: 100%;


}
  
.hzhb ul li img:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
}


.about{background:url(../images/gybg.jpg)  no-repeat   center top  ;padding:60px 0;}
.about .bta span ,.about .bta em{color:#fff;}
.jjbox{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;
    align-items: center;}

.jjl{line-height:0;width:470px;height:440px;background:url(../images/aboutbg.png)  no-repeat   left bottom  ;text-align:right;}
.jjl img{width: 446px;}

.jjr{width:690px}
.jjr h3{font-size:30px;margin-bottom:30px;color:#fff;border-left:8px #276ef9 solid;line-height: 34px;padding-left: 20px;}

.jjr p{color:#fff;line-height:2;margin-bottom:20px;text-align:justify}

.jjr  .more {
    
    border-radius: 40px;
    width: 130px;
    line-height: 40px;
    background: #276ef9;
  	display: block;
    color: #fff;
    text-align: center;-webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.jjr  .more:hover{-webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);
}


.zyfw{padding:20px 0;border-bottom: 1px #dbdde4   solid;margin-bottom:30px;}

.zyfw ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;     justify-content: space-evenly;}

.zyfw ul li{width: 20%;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
    align-items: center;}
.zyfw ul li i{display: block;width: 52px;height: 60px;margin-right: 20px;}
.zyfw ul li.ico1 i{background:url(../images/zy1.png) no-repeat center;}
.zyfw ul li.ico2 i{background:url(../images/zy2.png) no-repeat center;}
.zyfw ul li.ico3 i{background:url(../images/zy3.png) no-repeat center;}
.zyfw ul li.ico4 i{background:url(../images/zy4.png) no-repeat center;}



.news{padding:80px 0}
.newsbox{display:flex;justify-content:space-between;}
.newsbox .newsitem{width:380px;overflow:hidden;box-shadow:0 0px 7px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 0px 7px 2px rgba(0,0,0,.1);-ms-box-shadow:0 0px 7px 2px rgba(0,0,0,.1);-moz-box-shadow:0 0px 7px 2px rgba(0,0,0,.1);-o-box-shadow:0 0px 7px 2px rgba(0,0,0,.1);border-radius:10px}
.newsbox .newsitem dl  dt{height:200px;color:#fff}
.newsbox .newsitem dl  dt.ico1{background:url(../images/xw1.jpg) no-repeat center}
.newsbox .newsitem dl  dt.ico2{background:url(../images/xw2.jpg) no-repeat center}
.newsbox .newsitem dl  dt.ico3{background:url(../images/xw3.jpg) no-repeat center}
.newsbox .newsitem dl  dt span{display:block;font-weight:bold;font-size:24px;padding-top:80px;padding-left:30px}
.newsbox .newsitem dl  dt p{padding-top:10px;padding-left:30px}
.newsbox .newsitem dl dd{padding:20px;overflow:hidden}
.newsbox .newsitem dl dd ul{margin-bottom:10px}
.newsbox .newsitem dl dd ul li{line-height:40px}
.newsbox .newsitem dl dd ul li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.newsbox .newsitem dl dd ul li span{color:#71899c;padding-right:10px}
.newsbox .newsitem dl dd ul+a{color:#276ef9;float:right;display:block;line-height:25px;width:100px;text-align:center;font-size: 14px;}
.newsbox .newsitem dl dd ul+a:hover{opacity: 0.5}

.newsbox .newsitemb{width: 350px;}
.newsbox .newsitemb h3{font-size: 24px;}
.newsbox .newsitemb ul li{border-radius:10px;overflow: hidden;margin-top:20px;height: 220px;    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.newsbox .newsitemb ul li:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 8px 15px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 8px 15px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 8px 15px rgb(0 0 0 / 30%);}
.newsbox .newsitemb ul li a{display: block;position: relative;}
.newsbox .newsitemb ul li img{display: block;width:100%}
.newsbox .newsitemb ul li a span{   overflow: hidden; bottom: 0;
    line-height: 35px;
    background: rgb(51 51 51 / 58%);
    text-align: center;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;}

.newsbox .newsitemb ul+a{color: #276ef9;
    float: right;
    display: block;
    line-height: 25px;
    width: 100px;
    text-align: center;
    font-size: 14px;margin-top: 20px}


/*关于我们*/
.lmbanner_about{background:url(../images/banner_about.jpg) no-repeat  center;height: 600px;}
.lmbanner_hz{background:url(../images/banner_hz.jpg) no-repeat  center;height: 600px;}
.lmbanner_right{float: right;width: 400px;    margin-top: 200px;}
.lmbanner_right h3{font-size: 48px;}
.lmbanner_right h3:after{content: "";display: block;width:63px;height: 8px;background:#333;margin:25px 0;}
.lmbanner_right p{font-size: 24px;}

.btb{font-size: 40px;text-align: center;margin-bottom:60px;font-weight: bold;}
.btb:after{content: "";display: block;margin:20px auto;width: 68px;height: 2px;background:#276ef9;}
.bjlt{padding:80px 0;}
.bjlt dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;align-items: center;}

.bjlt dl dd{width: 580px;}
.bjlt dl dd h3{font-size: 24px;margin-bottom:25px;}
.bjlt dl dd p{color:#617086;line-height: 2;margin-bottom:20px;}
.bjlt dl dt{width: 550px;}
.bjlt dl dt img{width: 100%}

.jsht{padding:80px 0;}
.jsht dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;align-items: center;}

.jsht dl dd{width: 760px;}
.jsht dl dd h3{font-size: 24px;margin-bottom:25px;}
.jsht dl dd p{color:#617086;line-height: 2;margin-bottom:20px;}
.jsht dl dt{width: 360px;}
.jsht dl dt img{width: 100%}

.zgy{padding:80px 0;}
.zgy dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;align-items: center;}

.zgy dl dd{width: 880px;}
.zgy dl dd h3{font-size: 24px;margin-bottom:25px;}
.zgy dl dd p{color:#617086;line-height: 2;margin-bottom:20px;}
.zgy dl dt{width: 220px;}
.zgy dl dt img{width: 100%}

.fzlc{background:url(../images/fzlc.png) no-repeat  center #f2f6ff;padding:80px 0;}
.fzlc ul {background:url(../images/fzlc-b.png) no-repeat  center;height: 300px;position: relative;}
.fzlc ul li{position: absolute;width: 148px;height:100%;}

.fzlc ul li b{font-size: 24px;color:#276ef9;font-weight: bold;position: absolute;}
.fzlc ul li span{display: block;font-size: 15px;color:#303a48;position: absolute;}

.fzlc ul li.ico1{left:65px;}
.fzlc ul li.ico2{left:200px;}
.fzlc ul li.ico3{left:400px;}
.fzlc ul li.ico4{left:580px;}
.fzlc ul li.ico5{left:800px;}

.fzlc ul li.ico1 b{    top: 20px;} 
.fzlc ul li.ico1 span{bottom:20px;}

.fzlc ul li.ico2 span{    top: 20px;} 
.fzlc ul li.ico2 b{        bottom: 15px;
    left: 40px;} 

.fzlc ul li.ico3 b{       left: 20px; top: 20px;} 
.fzlc ul li.ico3 span{bottom:20px;}

 .fzlc ul li.ico4 b{      bottom: 15px;
    left: 40px;} 
.fzlc ul li.ico4 span{top:0px;}   

.fzlc ul li.ico5 b{      bottom: 15px;
    left: 40px;} 
.fzlc ul li.ico5 span{top:40px;}


.gsfc{padding:80px 0;}
.gsfc dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.gsfc dl.bkb{margin-top:40px;}

.gsfc dl dt{color:#fff;background:url(../images/gsbk1.png) no-repeat center;width: 260px;height: 270px;margin-right: 30px;padding:30px;box-sizing:border-box;}

.gsfc dl.bkb dt{background:url(../images/gsbk2.png) no-repeat center;}
.gsfc dl dt h3{font-size: 24px;}

.gsfc dl dt h3:after {
    content: "";
    display: block;
    margin: 20px 0;
    width: 40px;
    height: 5px;
    background: #fff;
}

.gsfc dl dt span{display: block;margin-bottom:20px;}
.gsfc dl dt p{line-height: 1.8}
.gsfc dl dd{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;    flex: 1;
display: flex;justify-content: space-between;}
.gsfc dl dd li{width:32%;text-align: center;}
.gsfc dl dd li img{width: 100%;}
.gsfc dl dd li span{display: block;line-height: 32px;}
/*产品中心*/
.lmbanner_cp{background:url(../images/banner_cp.jpg) no-repeat  center;height: 500px;}
.lmbanner_cp_left{color:#fff;width: 460px;float: left;margin-top: 130px;}
.lmbanner_cp_left h3{font-size: 48px;}
.lmbanner_cp_left h3:after{    content: "";
    display: block;
    width: 63px;
    height: 8px;
    background: #fff;
    margin: 25px 0;}
.lmbanner_cp_left p{font-size: 24px;}
.lmbanner_cp_left a {
    display: block;width: 170px;line-height: 45px;
    border-radius: 45px;
    font-size: 18px;text-align: center;
    color: #276ef9;background:#fff;margin-top:30px;
}

.xtjs{padding:80px 0;}
.xtjs ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin:40px 0;justify-content: space-between;}

.xtjs p{color:#617086;line-height: 2;margin-bottom:20px;}


.xtys{background:#f2f6ff;padding:80px 0;}
.xtys ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.xtys ul li{text-align:center;width:23%;background:#fff;padding:20px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;border:1px #e0eaff solid;}
.xtys ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}

.xtys ul li span{display:block;color:#8c96a5;}
.xtys ul li h3{margin:15px 0;}

.xtys ul li i{display:block;height:95px}
.xtys ul li.ico1 i{background:url(../images/ico_ys1.png) no-repeat center}
.xtys ul li.ico2 i{background:url(../images/ico_ys2.png) no-repeat center}
.xtys ul li.ico3 i{background:url(../images/ico_ys3.png) no-repeat center}
.xtys ul li.ico4 i{background:url(../images/ico_ys4.png) no-repeat center}

.xtys ul li.zcgl_ico1 i{background:url(../images/ico_ys1.png) no-repeat center}
.xtys ul li.zcgl_ico2 i{background:url(../images/ico_ys2.png) no-repeat center}
.xtys ul li.zcgl_ico3 i{background:url(../images/ico_ys3.png) no-repeat center}
.xtys ul li.zcgl_ico4 i{background:url(../images/ico_ys4.png) no-repeat center}

.xtys ul li.gzcsxt_ico1 i{background:url(../images/gzcsxt_ico_ys1.png) no-repeat center}
.xtys ul li.gzcsxt_ico2 i{background:url(../images/gzcsxt_ico_ys2.png) no-repeat center}
.xtys ul li.gzcsxt_ico3 i{background:url(../images/gzcsxt_ico_ys3.png) no-repeat center}
.xtys ul li.gzcsxt_ico4 i{background:url(../images/gzcsxt_ico_ys4.png) no-repeat center}

.xtys ul li.wyglxt_ico1 i{background:url(../images/wyglxt_ico_ys1.png) no-repeat center}
.xtys ul li.wyglxt_ico2 i{background:url(../images/wyglxt_ico_ys2.png) no-repeat center}
.xtys ul li.wyglxt_ico3 i{background:url(../images/wyglxt_ico_ys3.png) no-repeat center}
.xtys ul li.wyglxt_ico4 i{background:url(../images/wyglxt_ico_ys4.png) no-repeat center}

.xtys ul li.hyglxt_ico1 i{background:url(../images/hyglxt_ico_ys1.png) no-repeat center}
.xtys ul li.hyglxt_ico2 i{background:url(../images/hyglxt_ico_ys2.png) no-repeat center}
.xtys ul li.hyglxt_ico3 i{background:url(../images/hyglxt_ico_ys3.png) no-repeat center}
.xtys ul li.hyglxt_ico4 i{background:url(../images/hyglxt_ico_ys4.png) no-repeat center}


.xtys ul li.zsglxt_ico1 i{background:url(../images/zsglxt_ico_ys1.png) no-repeat center}
.xtys ul li.zsglxt_ico2 i{background:url(../images/zsglxt_ico_ys2.png) no-repeat center}
.xtys ul li.zsglxt_ico3 i{background:url(../images/zsglxt_ico_ys3.png) no-repeat center}
.xtys ul li.zsglxt_ico4 i{background:url(../images/zsglxt_ico_ys4.png) no-repeat center}

.xtys ul li.jyfxxt_ico1 i{background:url(../images/jyfxxt_ico_ys1.png) no-repeat center}
.xtys ul li.jyfxxt_ico2 i{background:url(../images/jyfxxt_ico_ys2.png) no-repeat center}
.xtys ul li.jyfxxt_ico3 i{background:url(../images/jyfxxt_ico_ys3.png) no-repeat center}
.xtys ul li.jyfxxt_ico4 i{background:url(../images/jyfxxt_ico_ys4.png) no-repeat center}

.xtys ul li.xmglxt_ico1 i{background:url(../images/ico_ys1.png) no-repeat center}
.xtys ul li.xmglxt_ico2 i{background:url(../images/ico_ys2.png) no-repeat center}
.xtys ul li.xmglxt_ico3 i{background:url(../images/ico_ys3.png) no-repeat center}
.xtys ul li.xmglxt_ico4 i{background:url(../images/ico_ys4.png) no-repeat center}

.hytd{background:#f2f6ff;padding:80px 0;}
.hytd  ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;justify-content: space-between;
display: flex;flex-wrap: wrap;}
.hytd  ul li{margin-bottom:20px;display: -webkit-flex;
display: -moz-flex;width:48%;margin-bottom:20px;box-sizing: border-box;
display: -ms-flex;
display: -o-flex;
display: flex;border:1px #e0eaff solid;padding:20px;background:#fff;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:}

 
.hytd ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}




.hytd  ul li i{display: block;width: 65px;height: 65px;}
.hytd  ul li.ico1 i{background:url(../images/ico_td1.png) no-repeat center;}
.hytd  ul li.ico2 i{background:url(../images/ico_td2.png) no-repeat center;}
.hytd  ul li.ico3 i{background:url(../images/ico_td3.png) no-repeat center;}
.hytd  ul li.ico4 i{background:url(../images/ico_td4.png) no-repeat center;}

.hytd  ul li.zcgl_ico1 i{background:url(../images/zcgl_ico_td1.png) no-repeat center;}
.hytd  ul li.zcgl_ico2 i{background:url(../images/zcgl_ico_td2.png) no-repeat center;}
.hytd  ul li.zcgl_ico3 i{background:url(../images/zcgl_ico_td3.png) no-repeat center;}
.hytd  ul li.zcgl_ico4 i{background:url(../images/zcgl_ico_td4.png) no-repeat center;}

.hytd  ul li.gzcsxt_ico1 i{background:url(../images/gzcsxt_ico_td1.png) no-repeat center;}
.hytd  ul li.gzcsxt_ico2 i{background:url(../images/gzcsxt_ico_td2.png) no-repeat center;}
.hytd  ul li.gzcsxt_ico3 i{background:url(../images/gzcsxt_ico_td3.png) no-repeat center;}
.hytd  ul li.gzcsxt_ico4 i{background:url(../images/gzcsxt_ico_td4.png) no-repeat center;}

.hytd  ul li.wyglxt_ico1 i{background:url(../images/wyglxt_ico_td1.png) no-repeat center;}
.hytd  ul li.wyglxt_ico2 i{background:url(../images/wyglxt_ico_td2.png) no-repeat center;}
.hytd  ul li.wyglxt_ico3 i{background:url(../images/wyglxt_ico_td3.png) no-repeat center;}
.hytd  ul li.wyglxt_ico4 i{background:url(../images/wyglxt_ico_td4.png) no-repeat center;}


.hytd  ul li.hyglxt_ico1 i{background:url(../images/hyglxt_ico_td1.png) no-repeat center;}
.hytd  ul li.hyglxt_ico2 i{background:url(../images/hyglxt_ico_td2.png) no-repeat center;}
.hytd  ul li.hyglxt_ico3 i{background:url(../images/hyglxt_ico_td3.png) no-repeat center;}
.hytd  ul li.hyglxt_ico4 i{background:url(../images/hyglxt_ico_td4.png) no-repeat center;}

.hytd  ul li.zsglxt_ico1 i{background:url(../images/zsglxt_ico_td1.png) no-repeat center;}
.hytd  ul li.zsglxt_ico2 i{background:url(../images/zsglxt_ico_td2.png) no-repeat center;}
.hytd  ul li.zsglxt_ico3 i{background:url(../images/zsglxt_ico_td3.png) no-repeat center;}
.hytd  ul li.zsglxt_ico4 i{background:url(../images/zsglxt_ico_td4.png) no-repeat center;}


.hytd  ul li.jyfxxt_ico1 i{background:url(../images/jyfxxt_ico_td1.png) no-repeat center;}
.hytd  ul li.jyfxxt_ico2 i{background:url(../images/jyfxxt_ico_td2.png) no-repeat center;}
.hytd  ul li.jyfxxt_ico3 i{background:url(../images/jyfxxt_ico_td3.png) no-repeat center;}
.hytd  ul li.jyfxxt_ico4 i{background:url(../images/jyfxxt_ico_td4.png) no-repeat center;}

.hytd  ul li.xmglxt_ico1 i{background:url(../images/xmglxt_ico_td1.png) no-repeat center;}
.hytd  ul li.xmglxt_ico2 i{background:url(../images/xmglxt_ico_td2.png) no-repeat center;}
.hytd  ul li.xmglxt_ico3 i{background:url(../images/xmglxt_ico_td3.png) no-repeat center;}
.hytd  ul li.xmglxt_ico4 i{background:url(../images/xmglxt_ico_td4.png) no-repeat center;}



.hytd  ul li div{    flex: 1;
    margin-left: 20px;}
.hytd  ul li div h3{margin-bottom:15px;}
.hytd  ul li div p{color:#8c96a5;line-height: 1.8}



.xtgn{padding:80px 0;}
.xtgn dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;    align-items: center;margin-bottom:90px;}
 
.xtgn dl:nth-child(2n){flex-direction: row-reverse;}
.xtgn dl dt{width: 58%}
.xtgn dl dt img{max-width: 100%}
.xtgn dl dd{width: 38%}
.xtgn dl dd h3{font-size: 24px;border-left:8px #276ef9 solid;padding-left: 20px;line-height: 30px;margin-bottom:30px;}
 
.xtgn dl dd p{    text-align: justify;color:#617086;line-height: 1.8}
.xtgn dl:last-child{margin-bottom:0;}

.glsy{padding:80px 0;}




/*解决方案*/

.lmbanner_jj{background:url(../images/banner_jj.jpg) no-repeat  center;height: 500px;}
.lmbanner_jj_left{color:#fff;width: 400px;float: left;margin-top: 130px;}
.lmbanner_jj_left h3{font-size: 48px;}
.lmbanner_jj_left h3:after{    content: "";
    display: block;
    width: 63px;
    height: 8px;
    background: #fff;
    margin: 25px 0;}
.lmbanner_jj_left p{font-size: 24px;}
.lmbanner_jj_left a {
    display: block;width: 170px;line-height: 45px;
    border-radius: 45px;
    font-size: 18px;text-align: center;
    color: #276ef9;background:#fff;margin-top:30px;
}

.yqjjfa{padding:80px 0;}
.yqjjfa dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}

.yqjjfa dl dd{width: 580px;}
.yqjjfa dl dd p{color:#617086;line-height: 2;margin-bottom:20px;}
.yqjjfa dl dt{width: 550px;}
.yqjjfa dl dt img{width: 100%}

.yqtd{padding:80px 0;background:#f2f6ff;}
.yqtd p{color:#617086;margin-bottom:30px;line-height: 1.8}
.yqtd  ul li{margin-bottom:20px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;border:1px #e0eaff solid;padding:20px;background:#fff;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:}

 
.yqtd ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}




.yqtd  ul li i{display: block;width: 60px;height: 60px;}
.yqtd  ul li.ico1 i{background:url(../images/ico_tz1.png) no-repeat center;}
.yqtd  ul li.ico2 i{background:url(../images/ico_tz2.png) no-repeat center;}
.yqtd  ul li.ico3 i{background:url(../images/ico_tz3.png) no-repeat center;}
.yqtd  ul li.ico4 i{background:url(../images/ico_tz4.png) no-repeat center;}

.yqtd  ul li.xzlgl_ico1 i{background:url(../images/xzlgl_ico_tz1.png) no-repeat center;}
.yqtd  ul li.xzlgl_ico2 i{background:url(../images/xzlgl_ico_tz2.png) no-repeat center;}
.yqtd  ul li.xzlgl_ico3 i{background:url(../images/xzlgl_ico_tz3.png) no-repeat center;}
.yqtd  ul li.xzlgl_ico4 i{background:url(../images/xzlgl_ico_tz4.png) no-repeat center;}

.yqtd  ul li.gwzx_ico1 i{background:url(../images/gwzx_ico_tz1.png) no-repeat center;}
.yqtd  ul li.gwzx_ico2 i{background:url(../images/gwzx_ico_tz2.png) no-repeat center;}
.yqtd  ul li.gwzx_ico3 i{background:url(../images/gwzx_ico_tz3.png) no-repeat center;}
.yqtd  ul li.gwzx_ico4 i{background:url(../images/gwzx_ico_tz4.png) no-repeat center;}

.yqtd  ul li.ssjq_ico1 i{background:url(../images/ssjq_ico_tz1.png) no-repeat center;}
.yqtd  ul li.ssjq_ico2 i{background:url(../images/ssjq_ico_tz2.png) no-repeat center;}
.yqtd  ul li.ssjq_ico3 i{background:url(../images/ssjq_ico_tz3.png) no-repeat center;}
.yqtd  ul li.ssjq_ico4 i{background:url(../images/ssjq_ico_tz4.png) no-repeat center;}

.yqtd  ul li.zysc_ico1 i{background:url(../images/zysc_ico_tz1.png) no-repeat center;}
.yqtd  ul li.zysc_ico2 i{background:url(../images/zysc_ico_tz2.png) no-repeat center;}
.yqtd  ul li.zysc_ico3 i{background:url(../images/zysc_ico_tz3.png) no-repeat center;}
.yqtd  ul li.zysc_ico4 i{background:url(../images/zysc_ico_tz4.png) no-repeat center;}

.yqtd  ul li div{    flex: 1;
    margin-left: 20px;}
.yqtd  ul li div h3{margin-bottom:15px;}
.yqtd  ul li div p{margin-bottom:0;}
.yqjjfab{padding:80px 0;}
.yqjjfab p{color:#617086;margin-bottom:40px;}
.yqjjfab img{display: block;width:100%;margin-bottom:40px;}

.yqjjfab ul li{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;color:#617086;margin-bottom:10px;    align-items: center;}
.yqjjfab ul li span{display: block;width: 160px;line-height: 40px;text-align: center;color:#fff;font-weight: bold;background:#276ef9;border-radius:5px;margin-right:20px;}

.glts{background:#f2f6ff;padding:80px 0 0px;}
.glts p{color:#617086;line-height: 1.8}
.gltsb{background:#f2f6ff;padding:80px 0;}

.gltsb dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: space-between;}

.gltsb dl dt{width: 36%}
.gltsb dl dd{width: 60%}
.gltsb dl dd img{max-width: 100%}
.gltsb dl dt h3{font-size: 24px;}
.gltsb dl dt h3:after{    content: "";
    display: block;
    margin: 20px 0;
    width: 50px;
    height: 6px;
    background: #276ef9;}
.gltsb dl dt p{    text-align: justify;color:#617086;line-height: 1.8}

.gltsb.glb{background:none;}

  .gltsb.glb dl    {    flex-direction: row-reverse;}

.foot{background:#f3f8ff;}
.bs .foot{background:#fff;}
.footer{background:url(../images/fbg.jpg) no-repeat top center;border-radius: 40px 40px 0px 0px;    margin-top: -40px;}
.footl{float:left;width:285px;}
.footl img{display:block;}
.footl p{    text-align: justify;font-size: 14px;color:#8c96a5;margin:15px 0 20px;line-height: 1.5}
.footl .ftel{background:url(../images/ftel.png) no-repeat  left;padding-left: 75px;}
.footl .ftel span{display:block;font-size:30px;}
.footl .ftel em{display:block;}
.footc{float:left;margin-left:100px;}
.footc h3 a{font-size:16px;font-weight:bold;}
.footc ul{float:left;margin-right:40px}
.footc ul:nth-child(4){margin-right:0}
.footc ul li{margin-top:15px}
.footc ul li a{color:#8c96a5;font-size:14px}
.footc ul li a:hover{color:#276ef9;}
.footr{float:right}


.footr span{text-align:center;font-size:14px;color:#1d1d1d;display:block;line-height: 40px;}

.db{line-height:45px;height:45px;color:#8c96a5;text-align:center;border-top:1px #ddd solid;margin-top: 35px}
.blank{height:70px;}
.hbg{position:fixed;display:none;z-index:9;background:rgb(0 0 0 / 38%);width:100%;height:100%;left:0;top:0}
.hbg.on{display:block}
@media screen and (max-width:640px){
body{font-size: 14px;}
.w1200{width: 100%}

.header{height:50px;z-index:999}
.logo{padding-left:20px}
.logo a{height:50px;line-height:50px;background-size: auto  35px !important;        width: 110px;}

.menu{display:block;padding:6px 15px;width:20px;margin-right:5px;position:absolute;right:5px;top:10px;z-index:10}
.menu i{display:block;background:#276ef9;width:100%;height:3px;margin-bottom:5px}
.indexhead .menu i{background:#fff;}
.nav{position:fixed;top:0;height:100%;width:250px;background:#000;margin-left:0;left:-250px;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;z-index:11}
.nav>ul{padding-top:80px;float:none}
.nav>ul>li{float:none;margin-right:0;text-align:center;line-height:50px;border-bottom:1px #383838 solid;z-index:10px}
.nav>ul>li a{line-height:50px;color:#fff}

.nav>ul>li a:hover{color:#fff;}      
.nav>ul>li>ul{background:#333;position:initial}
.nav>ul>li>a i{background:url(../images/jtb.png) no-repeat center;width:12px;height:12px;margin-left:10px;display:block;position:absolute;right:20px;top:20px}
.nav>ul>li:last-child{float:none;background:none;padding-top:0;margin-top:0}
.nav>ul>li>a:hover{background: #000}
.indexhead .nav>ul>li>ul li a{color:#fff;}
.nav>ul>li.on>ul{display: block;}
.tel{    background: url(../images/tel.png) no-repeat left center;}
.tel a{color:#fff;}
.nav.on{left:0;overflow-x: auto; }
.banner{padding:0 20px;}
.banner_l{margin-top: 30px;}
.banner_l h3{font-size: 24px;}
.banner_l p{font-size: 15px;}
.banner_l a {
    width: 150px;
    line-height: 35px;
    border-radius: 35px;
    font-size: 16px;
    margin-top: 20px;
}
.banner ul{padding:20px;}
.banner ul li{width: 25%;}
.banner ul li h3 span{margin-right: 0;margin-bottom:10px;}
.banner ul li h3 {
    margin-bottom:0px;
    font-size: 14px;
 flex-direction: column;
}
.banner ul li p{display: none;}

.lmbanner_cp,.lmbanner_about,.lmbanner_jj,.lmbanner_hz{height: 300px;background-size: auto 100%;}
.lmbanner_cp_left,.lmbanner_right{float: none;margin-top:0px;padding:60px 20px 20px;width: auto;}
.lmbanner_cp_left h3,.lmbanner_right h3{font-size: 24px;}
.lmbanner_cp_left p,.lmbanner_right p{font-size: 14px;}
.lmbanner_cp_left a,.lmbanner_right a{
    width: 150px;
    line-height: 35px;
    border-radius: 35px;
    font-size: 16px;
    margin-top: 20px;
}



.bta{margin-bottom: 30px;}
.bta span{font-size: 24px;}
.btb {
    font-size: 24px;
    margin-bottom: 30px;
}
.news{margin:0 20px 20px 20px;}
.list_news {width: 100%;}
.list_news .item{height: 138px;border: none;}
.list_news .item img {
    width: 89px;
    height: 86px;
}
.list_news .item h3 {
    font-size: 18px;padding:0}
.list_news .item .time{display:none}
.list_news .item .txt {
    width: auto;
    height: 68px;
}
.news_mian{flex-wrap: wrap;}
.newsbox{width:100%;        margin-bottom: 20px;}
.news_pic{margin:20px 0;}
.news_bottom a{float: none;width:100%;line-height: 35px;}
.newsbox:first-child ul {
    margin-right: 0;
}
.newsbox:first-child .news_bottom {
    margin-right: 0;
}
.newsbox:nth-child(2) ul {
    margin: 0;
}
.news_bottom{margin-top:15px;}
.newsbox:nth-child(2) .news_bottom {
    margin: 15px 0px 0;
}
.newsbox:last-child ul {
    margin-left: 0;
}
.newsbox:last-child .news_bottom {
    margin-left: 0;
}

.jjfa{padding:20px 0;background-size: auto 100%;}
.jjfa .tab{line-height: 40px;}
.jjfa .tab ul{width:100%;flex-wrap:wrap}
.jjfa .tab ul li{width:33%;padding:0;text-align:center;font-size:13px}
.jjfa .tab_box dl{padding:20px;flex-wrap:wrap}
.jjfa .tab_box dl dd{width:100%;}
.jjfa .tab_box dl dt{width:100%;margin-bottom:10px}
.jjfa .tab_box dl dt h3{font-size: 24px;margin:10px 0}
.jjfa .tab_box dl dt p{margin:10px 0;}
.cgal{padding:30px 0;}
.casebox{flex-direction: column;}
.casel{width: 100%}
.caselb{width: auto;float: none;margin:20px;box-sizing: border-box;padding-top: 0}
.caser{width: 100%}
.hzhb{padding:0 20px;}
.hzhb ul li{width: 48%}
.about{padding:30px 20px;        background-size: auto 100%;}
.jjbox{flex-direction: column;}
.jjl{width: 100%;height: auto;background:none;margin-bottom:20px;}
.jjl img{width: 100%;height: auto;}
.jjr{width: 100%;}
.jjr h3{font-size: 20px;margin-bottom:20px;}
.cpzx{padding:80px 20px 20px}
.cpzx ul li{width:48%;}
.cpzx ul li h3{font-size:14px;padding:10px;}
.cpzx ul li p{padding:0 10px 10px;font-size: 14px;}
.cpzx a.more{line-height: 40px;}

.zxzx{padding:30px 20px  60px ;text-align:center;}
.zxzx h3{font-size:16px;}
.zxzx form{width: 100%}
.zxzx form input{line-height:45px;font-size: 14px;}
.zxzx form button{line-height:35px;font-size:14px}


.zyfw{padding:0;}
.zyfw ul {
    flex-wrap: wrap;
}
.zyfw ul li{width: 50%;   margin-bottom:10px;     font-size: 14px;}
.zyfw ul li i{width: 35px;height: 35px;background-size: 28px !important}


.news{padding:30px 20px}
.newsbox{flex-direction:column}
.newsbox .newsitem{width:100%;margin-bottom:20px}
.newsbox .newsitem dl dt{height: 100px;}
.newsbox .newsitem dl dt span{padding-top: 20px;}
.newsbox .newsitem dl dd ul li{line-height: 34px;}


.xtjs{padding:30px 20px}
.xtjs ul {flex-direction: column;}
.xtjs ul li{width: 100%}
.xtjs ul li img{width: 100%}

.yjpro{padding:30px 20px}
.yjpro ul {flex-direction: column;}
.yjpro ul li{width: 100%}
.hytd{padding:30px 20px}
.hytd ul {flex-direction: column;}
.hytd ul li{width: 100%}
.xtgn{padding:30px 20px}

.xtgn dl:nth-child(2n) {
       flex-direction: column;
}
.xtgn dl {
    margin-bottom: 30px;    flex-direction: column;
}

.xtgn dl dt{width: 100%;margin-bottom:20px;}
.xtgn dl dt img{width: 100%}
.xtgn dl dd{width: 100%}
.xtgn dl dd h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.xtys{padding:30px 20px}
.xtys ul{
       flex-direction: column;
}
.xtys ul li{width: 100%;margin-bottom:20px;}

.bjlt{padding:30px 20px}
.bjlt dl{
       flex-direction: column;
}

.bjlt dl dt,.bjlt dl dd{width: 100%;}

.jsht{padding:30px 20px}
.jsht dl{
       flex-direction: column;
}

.jsht dl dt,.jsht dl dd{width: 100%;}

.zgy{padding:30px 20px}
.zgy dl{
       flex-direction: column;
}

.zgy dl dt,.zgy dl dd{width: 100%;}



.fzlc{padding:30px 20px}

.fzlc ul{background:none;}
.fzlc ul li{position: initial;width: 100%;height: auto;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center; margin-bottom:20px;}
.fzlc ul li b{position: initial;margin-right: 20px;}
.fzlc ul li span{position: initial;}

.gsfc{padding:30px 20px}
.gsfc dl{
       flex-direction: column;
}
.gsfc dl dt{width: 100%;margin-right: 0;margin-bottom:20px;background-size:100%;}
.gsfc dl dd{
       flex-direction: column;
}
.gsfc dl dd li{width: 100%}
.gsfc dl.bkb dt{background-size:100%;}
.glsy{padding:30px 20px}


.yqjjfa{padding:30px 20px}

.yqjjfa dl{
       flex-direction: column;
}

.yqjjfa dl dt,.yqjjfa dl dd{width: 100%}
.yqtd{padding:30px 20px}

.yqjjfab{padding:30px 20px}
.yqjjfab ul li span{flex: 0 0 100px;width: 100px;}

.glts{padding:30px 20px 0 20px}
.gltsb{padding:20px;}
.gltsb dl,.gltsb.glb dl{
       flex-direction: column;
}
.gltsb dl dt,.gltsb dl dd{width: 100%}
.gltsb dl dt h3{font-size: 18px;}
.footer{padding:20px;        background-size: auto 100%;}
.footl .ftel span{font-size: 18px;}
.footl{margin-bottom:20px}
.footl img{margin:30px auto 20px;height: 40px;}
.footl{width:100%;float:none}
.footc{display:none}
.footr{width:100%;float:none;text-align: center;}
.footl .ftel {
    background: url(../images/ftel.png) no-repeat left;
    padding-left: 45px;
    background-size: 35px;
    width: 140px;
    margin: 0 auto;
}
.db{line-height:2;        margin-top: 10px;height:auto;}


}

 @media (max-width: 1200px) {
      .container {
        gap: 20px;
      }
      .card {
        width: 45vw;
        min-width: 260px;
        max-width: 340px;
      }
    }
    @media (max-width: 800px) {
      .container {
        flex-direction: column;
        align-items: center;
        gap: 24px;
      }
      .card {
        width: 90vw;
        min-width: 220px;
        max-width: 98vw;
      }
    }