@font-face {

    font-family:"kootenay";
  
    src:url("../font/kootenay.woff2")format("woff2"),
  
        url("../font/kootenay.woff")format("woff"),
  
        url("../font/kootenay.ttf")format("truetype"),
  
        url("../font/kootenay.eot")format("embedded-opentype"),
  
        url("../font/kootenay.svg")format("svg"),
  
        url("../font/kootenay.otf")format("opentype");
  
    font-weight:normal;
  
    font-style:normal;
  
  }
  
  body{margin:0px; font-size:14px; color:#444; font-family: Arial, Tahoma, sans-serif; background:#ffffff;}
  
  *{padding:0px; margin:0px; box-sizing: border-box;}
  
  body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-style:normal;}
  
  h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}
  
  input,select,button{font-size:12px;  border:0; background:none; outline:none; vertical-align:middle;}
  
  button {overflow:visible}
  
  img{border:none; vertical-align:middle;}
  
  
  
  li{list-style:none;}
  
  a{color:#444; text-decoration:none;}
  
  a:hover{color:#000;}
  
  .clear{overflow:hidden; clear:both; height:0px;}
  
  .clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
  
  .clearfix {/*兼容 IE*/zoom: 1;}
  
  
  
  ::-webkit-scrollbar{width:5px;}
  
  ::-webkit-scrollbar-track{background-color:#666;}
  
  ::-webkit-scrollbar-thumb{background-color:#ddd;}
  
  ::-webkit-scrollbar-thumb:hover{background-color:#0fa74b;}
  
  ::-webkit-scrollbar-thumb:active{background-color:#0fa74b;}
  
  
  
  
  
  .fl {float: left;display: inline;}/* 左浮动 */
  
  .fr {float: right;display: inline;}/* 右浮动 */
  
  .p10{padding: 10px!important}
  
  .p15{padding: 15px!important}
  
  .mt0{ margin-top: 0!important; }
  
  .mt5{ margin-top: 5px!important; }
  
  .mt7{ margin-top: 7px!important; }
  
  .mt10{ margin-top: 10px!important; }
  
  .mt15{ margin-top: 15px!important; }
  
  .mt20{ margin-top: 20px!important; }
  
  .mt25{ margin-top: 25px!important; }
  
  .mt30{ margin-top: 30px!important; }
  
  .mt35{ margin-top: 35px!important; }
  
  .mt40{ margin-top: 40px!important; }
  
  .mt45{ margin-top: 45px!important; }
  
  .mt50{ margin-top: 50px!important; }
  
  .mt55{ margin-top: 55px!important; }
  
  .mt60{ margin-top: 60px!important; }
  
  .mt65{ margin-top: 65px!important; }
  
  .mt70{ margin-top: 70px!important; }
  
  .mt80{ margin-top: 80px!important; }
  
  .ml0{ margin-left: 0!important; }
  
  .ml10{ margin-left: 10px!important; }
  
  .ml15{ margin-left: 15px!important; }
  
  .mb0{ margin-bottom: 0!important; }
  
  .mb5{margin-bottom: 5px !important;}
  
  .mb10{ margin-bottom: 10px!important; }
  
  .mb15{ margin-bottom: 15px!important; }
  
  .mr0{ margin-right: 0!important; }
  
  .mr10{ margin-right: 10px!important; }
  
  .mr15{ margin-right: 15px!important; }
  
  .f16{font-size:16px;}
  
  .f18{font-size:18px;}
  
  .f20{font-size:20px;}
  
  .f22{font-size:22px;}
  
  .f24{font-size:24px;}
  
  .f26{font-size:26px;}
  
  .f28{font-size:28px;}
  
  .f30{font-size:30px;}
  
  .f32{font-size:32px;}
  
  .f36{font-size:36px;}
  
  .f40{font-size:40px;}
  
  .f48{font-size:48px;}
  
  
  
  
  
  
  
  
  
  
  
  .con { width:80%; margin:0px auto;}
  
  @media only screen and (max-width:1600px){
  
  .con { width:90%; margin:0px auto;}	
  
  }
  
  @media only screen and (max-width:1440px){
  
  .con { width:90%; margin:0px auto;}	
  
  }
  
  @media only screen and (max-width:995px){
  
  .con { width:94%; margin:0px auto;}	
  
  .f28{font-size:22px;}
  
  }
  
  
  
  
  
  .header{width:100%; position:fixed; top:0; left:0; z-index:999; background:#fff;box-shadow: 0 0 15px #ddd;}
  
  .header.on{ background: rgba(255, 255, 255, 0.99);}
  
  .header .logo{width:450px; float:left; padding-top:17.5px;}
  
  .header .logo img{width:100%; height:auto; display:block;}
  
  .header .yyqh { float:right;margin-top: 33px;  font-size: 16px;   overflow: hidden;}
  
  .header .yyqh a {  display: inline-block;font-size: 16px;color: #fff;border-radius:5px; width:135px;border-radius: 20px; height:40px;line-height:40px;  text-align:center ; margin-left:10px; background:#a867ed}
  
  .header .dh { height: 35px; line-height: 35px; background:#c377eb;  text-align: center; font-size: 22px; color:#fff; float: right; width: 180px; font-family:Arial; border-radius: 20px;margin-top: 33px; margin-right: 20px; }
  
  .header .yyqh a:hover{ background:#81ad04; color:#fff}
  
  .header .yy{border:1px solid #a867ed; border-radius:8px; overflow:hidden ;float: right; margin-top:35px }
  
  .header .yy a{display:inline-block;  font-size:14px; line-height:28px; color:#555;padding:0 8px;}
  
  .header .yy a:hover{background-color:#a867ed;color:#fff;}
  
  .header .yy a.on{color:#fff; background-color:#a867ed;}
  
  
  
  .header.on .an i{color:#023047;}
  
  .header .an{position:absolute; top:0; right:2%; height:18px; width:30px; display:none; margin-top:23px; }
  
  .header .an span{width:30px; height:2px; background:#023047; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .header .an span.a1{top:0; left:0;}
  
  .header .an span.a2{top:8px; left:0;}
  
  .header .an span.a3{top:16px; left:0;}
  
  .header .an.n span.a2{display:none;}
  
  .header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
  
  .header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
  
  
  
  
  
  .header .nav{  float:right; margin-right:10px}
  
  .header .nav i{font-size:18px; color:#666; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;transform:translate(0,-50%);
  
  -webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
  
  .header .nav ul li{margin:0px; float:left;padding:0px 25px  ;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
  
  -webkit-transition:all .5s; font-size:16px;position:relative;}
  
  .header .nav ul li a { font-size:16px; color:#023047;line-height:100px; display: block;}
  
  .header .nav ul li span{width:0; height:2px; background:#a867ed; position:absolute; left:50%; bottom:0;
  
  transition:all .3s;
  
  -o-transition:all .3s;
  
  -ms-transition:all .3s;
  
  -moz-transition:all .3s;
  
  -webkit-transition:all .3s;
  
  transform:translate(-50%,0);
  
  -webkit-transform:translate(-50%,0);
  
  -moz-transform:translate(-50%,0);
  
  -ms-transform:translate(-50%,0);
  
  -o-transform:translate(-50%,0);}
  
  .header .nav ul li:hover span{width:100%;}
  
  .header .nav ul li.on span{width:100%;}
  
  .header .nav ul li.on a{color:#a867ed;}
  
  .header .nav ul li:hover a { color:#a867ed;}
  
  .nav .y_j{position:relative;}
  
  .nav .e_j{width:130px; background:#fff; position:absolute; top:100px; left:50%; margin-left:-65px; display:none; z-index:9999; border-radius:0px 0px 5px 5px; overflow: hidden; text-align:center; padding:15px 0 ;box-shadow: 0 0 5px #aaa;}
  
  .header .nav ul li{ line-height:40px}
  
  .header .nav ul li .e_j a{display: block; font-size:14px; color:#333;   font-weight:normal; text-align: left; padding:0 10px 0 25px  ; line-height:40px;   border-bottom:#ddd 1px solid;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; background:url(../images/d1.jpg) no-repeat 10px center}
  
  .header .nav .e_j a:hover{ color:#fff; background:#a867ed url(../images/d2.jpg) no-repeat 10px center;}
  
  .header .nav .e_j{display:none !important;}
  
  .header .nav ul li:hover .e_j{display:block !important;}
  
  @media only screen and (max-width:1660px){
  
  .header .logo{width:236px; float:left; padding-top: 20px;}
  
  .header .dh { font-size: 20px;  width: 160px; margin-right: 15px; }
  
  .header .nav ul li{ padding:0px 20px 0 5px;}
  
  }
  
  @media only screen and (max-width:1440px){
  
  .header .logo{width:236px; float:left; padding-top:20px;}
  
  .header .dh { font-size: 20px;  width: 160px; margin-right: 15px; }
  
  .header .nav ul li{ padding:0px 20px 0 5px;}
  
  }
  
  @media only screen and (max-width:1240px){
  
  .header .logo{width:180px; float:left; padding-top: 13px;}
  
  .header .nav ul li{ padding:0px 20px 0 5px;}
  
  }
  
  @media only screen and (max-width:995px){
  
  .header{padding:0%;}
  
  .header .logo{width:210px; float:left;padding:15px 0px; }
  
  .header .logo img { width:100%; height:auto;}
  
  .header .dh { display: none}
  
  .header .yy{border:1px solid #a867ed; border-radius:5px; overflow:hidden ;float: right; margin-top:20px; margin-right:40px }
  
  .header .yy a{display:inline-block;  font-size:12px; line-height:24px; color:#555;padding:0 5px;}
  
  .header .yy a:hover{background-color:#a867ed;color:#fff;}
  
  .header .yy a.on{color:#fff; background-color:#a867ed;}
  
      
  
  .header .yyqh { margin-right:40px; margin-top:20px }
  
  .header .yyqh .zw {font-size: 14px;color: #fff; }
  
  .header .yyqh .yw {font-size: 14px;color: #a867ed;}
  
  
  
  .header .yyqh a {  display: inline-block;font-size: 11px;color: #fff;border-radius:5px; width:102px; height:32px;line-height: 32px;  text-align:center ; margin-left:10px; background:#a867ed}
  
      
  
  .header .an{display:block;}
  
  .header .nav ul { width: 100%;}
  
  .header .nav{width:100%; padding:15px 5%;  height:100%; position:fixed; top:56px; margin-top:0; left:-100%; z-index:11; overflow:auto; background: rgba(255, 255, 255, 0.9);
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s; z-index:65; margin-left:0;}
  
  .header .nav.on{left:0; margin-top:0} 
  
  .header .nav ul li.on span{width:0%;}
  
  .header .nav ul li:hover span{width:0%;}
  
  .header .nav ul li:hover a { color:#a867ed;}
  
  .header .nav i{display:block; }
  
  .header .nav ul li{line-height:50px;  text-align:left; float:none; margin:0; padding:0; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
  
  .header .nav ul li a {font-size:16px; color:#333; line-height:26px}
  
  .header .nav ul li:after { background: rgba(0,0,0,0);}
  
  .header .nav .e_j{padding:0px;  background:none; position:relative; top:auto; left:auto; width:100%; height: auto; margin-left:0px;
  
  box-sizing:border-box;
  
  -webkit-box-sizing:border-box;
  
  -moz-box-sizing:border-box;
  
  -ms-box-sizing:border-box;
  
  -o-box-sizing:border-box;}
  
  .header .nav ul li:hover .e_j{display:none;}
  
  .header .nav .e_j.n{display:block !important;}
  
  .header .nav ul li .e_j a{display:block; font-size:14px; color:#666; margin-left:0px; text-align: left;}
  
  .header .nav ul li .e_j a:hover { color: #fff; padding: 0 10px;}
  
  }
  
  
  
  
  
  
  
  
  
  
  
  .head_h{width:100%; height:100px;}
  
  @media only screen and (max-width:1023px) {
  
  .head_h{width:100%; height:60px;}
  
  }
  
  
  
  
  
  
  
  
  
  
  
  .gallery-top{width:100%; position:relative;}
  
  .gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
  
  .gallery-top .swiper-slide .bj {position:absolute; left:0; top:0; height: 100%; width: 100%; background: rgba(0,0,0,.1);}
  
  .gallery-top .swiper-slide .wz{width:80%; color:#fff; position:absolute; left:10%; top:36%; text-align: center;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); z-index:99}
  
  .gallery-top .swiper-slide .wz h3{font-size:52px; height:80px; font-weight: 900; }
  
  .gallery-top .swiper-slide .wz h1{font-size:60px;  line-height:60px; letter-spacing:1px; width:60%; margin:0 auto 20px; font-weight:bold}
  
  .gallery-top .swiper-slide .wz h2{font-size:60px;  line-height:60px; letter-spacing:1px; width:60%; margin:50px auto 0; font-weight:bold; letter-spacing:1px}
  
  .gallery-top .swiper-slide .wz h2 em{ color:#a867ed;  font-size:90px}
  
  .gallery-top .swiper-slide .wz p{font-size:30px; letter-spacing:1px; line-height:56px; width:70%; margin:0 auto}
  
  .gallery-top .swiper-slide .wz a { background: #a867ed; width:160px; height:40px; line-height:40px; color:#fff; display:block; text-align:center; font-size:16px; margin:20px 0 0px 0;}
  
  .gallery-top .swiper-slide .wz i { margin-left: 10px; font-size: 14px;}
  
  .gallery-top .swiper-button-next{width:45px; height:45px; background:url(../images/h_yj.png) no-repeat; right:20px;background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}
  
  .gallery-top .swiper-button-prev{width:45px; height:45px; background:url(../images/h_zj.png) no-repeat; left:20px; background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}
  
  @media only screen and (max-width:992px){
  
  .gallery-top{width:100%; position:relative; height: 25vh;}
  
  .gallery-top .swiper-slide { overflow: hidden;}
  
  .gallery-top .swiper-slide img{width: auto; height:25vh; position: absolute; left:50%;  transform:translateX(-50%);   top:0; }
  
  .gallery-top .swiper-slide .bj { display: none;}
  
  .gallery-top .swiper-slide .wz{width:98%; color:#fff; position:absolute; left:1%; top:25%; text-align: center;}
  
  .gallery-top .swiper-slide .wz h1 {
  
    font-size: 20px;
  
    line-height: 30px;
  
    letter-spacing: 0;
  
    width: 100%;
  
    margin: 0 auto;
  
  }
  
  .gallery-top .swiper-slide .wz h2 {
  
    font-size: 20px;
  
    line-height: 30px;
  
    letter-spacing: 0;
  
    width: 100%;
  
    margin: 20px auto 0;
  
  }
  
  .gallery-top .swiper-slide .wz h2 em{ color:#a867ed;  font-size:40px}
  
  
  
  .gallery-top .swiper-slide .wz p{font-size:14px; letter-spacing:1px; line-height:26px; width:90%; margin:0 auto}
  
  
  
  .gallery-top .swiper-slide .wz h3{font-size:24px; height:30px;}
  
  .gallery-top .swiper-slide .wz a { background: #a867ed; width:120px; height:30px; line-height:30px; margin:10px auto 0px auto; display: none;}
  
  .gallery-top .swiper-button-prev { display:none;}
  
  .gallery-top .swiper-button-next { display:none;}
  
  }
  
  
  
  
  
  .gy_bt{width:100%;  text-transform:uppercase; margin-bottom:50px; text-align: center; user-select:none;}
  
  .gy_bt span{font-size:44px; line-height:55px; background:url(../images/8.jpg) no-repeat center bottom; padding-bottom:20px; text-transform: capitalize; font-weight:bold; color:#000; display:inline-block}
  
  .gy_bt p { font-size:16px; color:#999; padding-top:15px}
  
  .gy_bt h3{font-size:28px; line-height:44px; background:url(../images/bt.jpg) no-repeat center bottom; padding-bottom:10px; font-weight:bold}
  
  
  
  @media only screen and (max-width:1440px){
  
  .gy_bt span{font-size:34px; line-height:55px; background:url(../images/8.jpg) no-repeat center bottom; padding-bottom:20px; text-transform: capitalize; font-weight:bold; color:#000; display:inline-block}
  
  }
  
  @media only screen and (max-width:992px){
  
  .gy_bt{ margin:0 auto 20px;}
  
  .gy_bt span{font-size:22px; line-height:35px; background:url(../images/8.jpg) no-repeat center bottom; padding-bottom:10px; text-transform: capitalize; font-weight:bold; color:#000; display:inline-block}
  
  .gy_bt h3{font-size:22px; line-height:44px; background:url(../images/bt.jpg) no-repeat center bottom; padding-bottom:10px; font-weight:bold; margin-top:20px}
  
  
  
  }
  
  
  
  
  
  /*解决方案*/
  
  .solution-wrap { width: 100%; margin: 60px auto 80px;}
  
  .solution-cont { width: 80%; margin: 0px auto; }
  
  .solution-img { width: 32.6%; height: auto; margin:0 1% 0 0; position: relative; overflow: hidden; }
  
  .solution-img:last-child{margin-right:0; }
  
  .solution-img .img-box1 { width: 100%; height: 300px; overflow: hidden;}
  
  .solution-img .img-box1 img {object-fit: cover;    width: 100%; height: 100%;}
  
  .solution-img>p { width: 100%; text-align: center; position: absolute; bottom: 0px; left: 0; z-index: 3; color: #fff; font-size:18px; text-transform:capitalize ; background:rgba(0,0,0,.5); padding:10px 0}
  
  .solution-img .mask { width: 91.5619%; height: 86.8%; background-color: #2565c6; background-color: rgba(102,172,234,.8); position: absolute; left: 4.219%; top: 8%; z-index: 9; text-align: center; color: #fff; display: none;}
  
  .solution-img .mask a h3 { font-weight: 400; font-size: 18px; padding: 5% 0 5%; position: relative; color:#fff; font-weight:bold}
  
  .solution-img .mask h3:before { content: ''; display: block; width: 26px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -13px;}
  
  .solution-img .mask a p { width: 95%; height: auto  ; line-height: 26px; margin: 15px auto 5%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; font-size:14px; color:#fff; }
  
  .solution-img .mask p a{ color:#fff}
  
  .solution-img .mask .links { width: 70%; margin: 0 auto; overflow: hidden; }
  
  @media only screen and (max-width:1440px){
  
  .solution-cont { width: 90%; margin: 40px auto 0; }
  
  .solution-img .links a {  padding:3% 0;}
  
  .solution-img .img-box1 { width: 100%; height:250px;  }
  
  .solution-img .mask>p { width: 80%;}
  
  }
  
  @media only screen and (max-width:1240px){
  
  .solution-wrap { width: 100%; margin: 60px auto;}
  
  }
  
  @media only screen and (max-width:992px){
  
  .solution-wrap { width: 100%; margin: 20px auto 0px auto;}
  
  .solution-cont { width: 94%; margin: 20px auto 0; }	
  
  .solution-img { width: 100%; height: auto; margin:0 0 2% 0%; }
  
  .solution-img .img-box1 { width: 100%; height:250px;  }
  
  .solution-img .mask {  top: 7%; }
  
  .solution-img .mask h3 { font-size: 20px; padding: 5% 0 2%; position: relative;}
  
  .solution-img>p { width: 100%; text-align: center; position: absolute; bottom: 0px; left: 0; z-index: 3; color: #fff; font-size:16px; text-transform:capitalize ; background:rgba(0,0,0,.5); padding:10px 0}
  
  }
  
  
  
  
  
  .process{ padding-top: 60px; height: 100%; overflow: hidden; background:#fafafa;  }
  
  
  
  .process ul{ width: 100%; margin: 0  auto; position: relative; }
  
  .process ul:before{ position: absolute; content: ''; left: 0; top: 14.75rem; display:block; width: 98%; border-radius:0.3rem;  height: 0.625rem;background:#a867ed;
  
      background: -moz-linear-gradient(left, #a867ed 0%, #a7dc11 100%);
  
      background: -webkit-gradient(linear, left, color-stop(0%,#a867ed), color-stop(100%,#a7dc11));
  
      background: -webkit-linear-gradient(left, #a867ed 0%,#a7dc11 100%);
  
      background: -o-linear-gradient(left, #a867ed 0%,#a7dc11 100%);
  
      background: -ms-linear-gradient(left, #a867ed 0%,#a7dc11 100%);
  
      background: linear-gradient(to right, #a867ed 0%,#a7dc11 100%);
  
  }
  
  .process ul:after{position: absolute;right: 0; top: 13.82rem; content: '';display: block;width: 0;height: 0;overflow: hidden;line-height: 0;font-size: 0;vertical-align: middle;border-left: 3.2rem solid #a7dc11;border-right: 0 none;border-top: 1.2rem solid transparent;border-bottom: 1.2rem solid transparent;_color: #a7dc11;_filter: chroma(color=#a7dc11);}
  
  
  
  .process ul li{ width: 11.25rem; float:left}
  
  .process ul li .img{ width: 11.25rem; height: 13.75rem; float: left; overflow: hidden; }
  
  .process ul li .img img{ width: 11.25rem; height: 13.75rem; float: left; }
  
  .process ul li .bg{ width: 100%; height: 0.625rem; float: left; position: relative; }
  
  .process ul li .bg .i{ position: absolute;left: 50%; top:0;transform: translate(-50%, 0%); width: 0.625rem; height: 0.625rem; float: left; border: #fff 0.2rem solid; border-radius: 0.625rem; background: rgba(0, 0, 0, 0);}
  
  .process ul li .name{ width: 100%; float: left; text-align: center; font-size: 1.125rem; line-height: 4rem; color: #a867ed; font-weight:bold}
  
  
  
  
  
  
  
  .process ul li:nth-child(odd) .img{ margin-bottom: 1rem; background: url(../images/bottom.png) no-repeat; }
  
  .process ul li:nth-child(even) .img{ margin-top: 1rem; background: url(../images/top.png) no-repeat; }
  
  
  
  .process ul li:nth-child(1){ margin-left: 1.5rem; }
  
  
  
  .process ul li:nth-child(even){ margin-top: 10.75rem }
  
  
  
  
  
  .process .desc{ width: 100%; float: left; background: #a867ed; padding: 50px 0; color: #fff; margin-top:50px }
  
  .process .desc p{ display: inline-block; width: 100%; padding:0 1%; margin-bottom: 1rem; float: left; position: relative; font-size: 1rem; line-height: 1.6rem; letter-spacing: 0.1rem;}
  
  .process .desc p:before{ position: absolute; left: 0;top: 0.5rem; content: ''; width: 0.5rem; height: 0.5rem; border-radius: 0.6rem; background:#fff; }
  
  .process .desc p:nth-last-child(1){ margin-bottom: 0 }
  
  
  
  @media(max-width:1680px) {
  
  
  
      .process ul li:nth-child(1){ margin-left: 3rem; }
  
  
  
  }
  
  
  
  @media(max-width:1600px) {
  
  
  
      .process ul li:nth-child(1){ margin-left: 1rem; }
  
  
  
  }
  
  
  
  @media(max-width:1440px) {
  
      .process ul:before{ top: 13.25rem; }
  
      .process ul:after{ top: 12.3rem; }
  
      .process ul li{ width: 10rem;}
  
      .process ul li:nth-child(even){ margin-top: 9.25rem; }
  
      .process ul li:nth-child(odd) .img,.process ul li:nth-child(even) .img{ background-size: 100% 100%;  }
  
      .process ul li .img,.process ul li .img img{ width: 10rem; height: 12.25rem;}
  
      .process ul li .name{ font-size: 1rem; font-weight: inherit;}
  
  
  
      .process .desc{ padding: 3rem 0;}
  
      .process .desc p{ font-size: 0.9rem }
  
  
  
  
  
  
  
  }
  
  
  
  @media(max-width:1366px) {
  
      .process ul:before{ top: 11.5rem; }
  
      .process ul:after{ top: 10.6rem; }
  
      .process ul li{ width: 9rem;}
  
      .process ul li:nth-child(1){ margin-left: 3rem; }
  
      .process ul li:nth-child(even){ margin-top: 8.5rem; }
  
      .process ul li:nth-child(odd) .img{ margin-bottom: 0.5rem; }
  
      .process ul li:nth-child(even) .img{ margin-top: 0.5rem; }
  
      .process ul li .img,.process ul li .img img{ width: 9rem; height: 11rem;}
  
      .process ul li .name{ font-size: 0.9rem; line-height: 3rem; }
  
  
  
  
  
  }
  
  
  
  
  
  @media(max-width:1280px) {
  
      .process ul:before{ top: 10.25rem; }
  
      .process ul:after{ top: 9.4rem; }
  
      .process ul li{ width: 8rem;}
  
      .process ul li:nth-child(1){ margin-left: 4rem; }
  
      .process ul li:nth-child(even){ margin-top: 7.25rem; }
  
      .process ul li:nth-child(odd) .img{ margin-bottom: 0.5rem; }
  
      .process ul li:nth-child(even) .img{ margin-top: 0.5rem; }
  
      .process ul li .img,.process ul li .img img{ width: 8rem; height: 9.75rem;}
  
      .process ul li .name{ font-size: 0.9rem; line-height: 3rem; }
  
  
  
  
  
  }
  
  
  
  @media(max-width:1024px) {
  
  
  
  .process{ padding-top: 20px; height: 100%; overflow: hidden; background:#fafafa;  }
  
  
  
      .process ul:before{ top: 9.1rem; }
  
      .process ul:after{ top: 8.2rem; }
  
      .process ul li{ width: 7rem;}
  
      .process ul li:nth-child(1){ margin-left: 4rem; }
  
      .process ul li:nth-child(even){ margin-top: 6.1rem; }
  
      .process ul li:nth-child(odd) .img{ margin-bottom: 0.5rem; }
  
      .process ul li:nth-child(even) .img{ margin-top: 0.5rem; }
  
      .process ul li .img,.process ul li .img img{ width: 7rem; height: 8.5625rem;}
  
      .process ul li .name{ font-size: 0.875rem; height: 3rem; overflow: hidden; line-height: 3rem; }
  
  
  
  
  
  }
  
  
  
  
  
  @media(max-width:768px) {
  
  
  
  
  
  
  
      .process ul{ width: 96%; margin-left: 2%; }
  
      .process ul:before{ width: 0.625rem; height: 100%; padding-bottom: 3.2rem; left: 50%; top:0; transform: translate(-50%, 0);}
  
  
  
  
  
      .process ul li{ width: 100%; height: 8.5625rem;  position: relative; }
  
      .process ul li .bg{ position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); }
  
      .process ul li .img{ position: absolute; left: 50%; top: 0; margin-left: -2.125rem; }
  
      .process ul li .img{-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);transform:translate(-100%, 0) rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
  
      .process ul li .img img,.process ul:after{-moz-transform:rotate(90deg); -webkit-transform:translate(-50%, 0) rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
  
      .process ul li .name{ width: 50%; text-align: left; position: absolute; left: 50%; padding-left: 1.625rem; top: 50%;transform: translate(0, -50%);}
  
      .process ul:before{ background: -moz-linear-gradient(top, #00B09F 0%, #F8DBBB 100%);
  
      background: -webkit-gradient(linear, top, color-stop(0%,#00B09F), color-stop(100%,#F8DBBB));
  
      background: -webkit-linear-gradient(top, #00B09F 0%,#F8DBBB 100%);
  
      background: -o-linear-gradient(top, #00B09F 0%,#F8DBBB 100%);
  
      background: -ms-linear-gradient(top, #00B09F 0%,#F8DBBB 100%);
  
      background: linear-gradient(to bottom, #00B09F 0%,#F8DBBB 100%);}
  
      .process ul:after{ top: inherit; right: inherit; bottom: -1.2rem; left: 50%;transform: translate(-50%, 0) rotate(90deg);}
  
  
  
      .process ul li:nth-child(even) .img{margin-left:2.125rem;transform:translate(0, 0) rotate(-90deg);}
  
      .process ul li:nth-child(even) .name{ left: 0;text-align: right; padding-right: 1.625rem }
  
      .process ul li:nth-child(even),.process ul li:nth-child(odd){ margin-top: -3rem; }
  
      .process ul li:nth-child(even) .img{ margin-top: 0 }
  
      .process ul li:nth-child(odd) .img{ margin-bottom: 0 }
  
  
  
      .process ul li:nth-child(1){ margin-left: 0; margin-top: 0; }
  
  
  
      .process .desc p{  padding: 0 6%; font-size: 0.8rem}
  
      .process .desc p:before{ left: 2%; }
  
  
  
  
  
  }
  
  
  
  .sy_xw{width:100%; padding:60px 0; overflow:hidden;}
  
  .md{ width:21%; margin:2%; float:left; display:block; text-align:center;}
  
  .md h3{ padding:30px 0px; font-size:34px; font-weight:bold; color:#a867ed;}
  
  .md p{ font-size:16px; line-height:30px; color:#333333;}
  
  .gua2{ font-size:15px; line-height:30px; padding:20px 0px; }
  
  .gua3{ width:170px; height:40px; line-height:40px; border-radius:5px; text-align:center; background:#a867ed; margin:0px auto;}
  
  .gua3 a{ color:#fff;}
  
  .gua1{ text-align:center;}
  
  .gua1aa{ text-align:center;}
  
  .gua1aa span{ font-size:44px; background:url(../images/8.jpg) no-repeat center bottom; line-height:55px; padding-bottom:20px; font-weight:bold; color:#000;}
  
  .xiaa1{ padding:30px 0px; border-top:1px #ccc solid; margin-top:70px;}
  
  .xiaa2{ padding-bottom:40px;}
  
  .gua{ width:65%; float:right;}
  
  .ban{ text-align:center; position:absolute; top:25%; color:#000; width:100%; z-index:999999;}
  
  .ban h3{ font-size:56px; line-height:60px; font-weight:bold;}
  
  .ban p{ font-size:24px; padding:15px 0px;}
  
  
  
  .bans{ text-align:center;  color:#000; width:100%; z-index:999999;}
  
  .bans h3{ font-size:44px; line-height:44px; font-weight:bold;}
  
  .bans p{ font-size:16px; padding:15px 0px;}
  
  .bans1 img{ width:100%; height:auto;}
  
  
  
  .sab1{ width:27.5%; float:left; overflow:hidden; border-radius:20px; padding:25px; color:#fff; padding-top:316px;}
  
  .sab2{ width:27.5%; float:left; margin-left:3%; overflow:hidden;  border: 1px #ddd solid; border-radius:20px }
  
  .sab2 img{ width:100%}
  
  .sab3{ width:39%; float:right;}
  
  .sab1 h2{ font-size:44px; line-height:50px;}
  
  .sab1 h3{ font-size:16px; line-height:25px; font-weight:bold; padding-top:20px;}
  
  .sab1 span{ font-size:16px;}
  
  .sab1 p{ font-size:14px; padding:15px 0px; line-height:25px; color:#fff;}
  
  .sab2a{  padding:25px;}
  
  .sab2a img{ width:100%; height:auto;}
  
  .sab2a h2{ font-size:44px; line-height:50px; color:#000;  font-weight:bold;}
  
  .sab2a h3{ font-size:16px; line-height:25px; font-weight:bold; padding-top:20px; color:#000;}
  
  .sab2a span{ font-size:16px; color:#000;}
  
  .sab2a p{ font-size:14px; padding:15px 0px; line-height:25px; color:#000;}
  
  .di{ background:url(../images/12.png) no-repeat center bottom;}
  
  
  
  
  
  .sab3a{border:1px #ddd solid; padding: 25px; border-radius:20px; color:#000; margin-bottom:20px; }
  
  .sab3a1{ width:14%; float:left;}
  
  .sab3a2{ width:80%; float:right; border-left:1px #ddd solid; padding-left:30px;}
  
  .sab3a h2{ font-size:44px; line-height:50px; font-weight:bold;}
  
  .sab3a h3{ font-size:16px; line-height:25px; font-weight:bold; padding-top:0px;}
  
  .sab3a span{ font-size:16px; color:#000;}
  
  .sab3a p{ font-size:14px; margin:15px 0px; line-height:25px; color:#000; height:50px; overflow:hidden;}
  
  .di{ padding:40px 0px;}
  
  .di1{ width:371px; float:left;}
  
  .di2{ width:50%; float:right; color:#fff; text-align:right; margin-top:55px;}
  
  .di2 a{ color:#fff;}
  
  .xiaa{ width:65%; float:left;}
  
  .xiab{ width:30%; float:right;}
  
  
  
  .xiaa1b p{ line-height:32px; padding-top:15px; font-size:16px;}
  
  .xiaa1b p a{ color:#555;}
  
  .xisaa1b img{ width:47px; height:38px; float:left; box-shadow:0px 0px 0px  #333;}
  
  .xiaa1a{ width:50%; float:left; margin-right:10%;}
  
  .xiaa1b{ width:20%; float:left;}
  
  .xiaa1 h3{ font-size:16px; font-weight:bold; color:#a867ed; padding:15px 0px;}
  
  .xiaa1a ul{ padding-top:15px;}
  
  .xiaa1a li{ background:url(../images/6.png) no-repeat left 3px; padding-left:35px; line-height:35px; font-size:16px;}
  
  .xiab{ padding:35px; background:#d6d6d6; border-radius:20px; margin-top:90px;}
  
  .xiab3a{ width:48%; float:left; height:40px; line-height:40px; background:#333; text-align:center; border-radius:10px;}
  
  .xiab3b{ width:48%; float:right; height:40px; line-height:40px; background:#a867ed;  text-align:center; border-radius:10px;}
  
  .xiab3 a{ color:#fff; font-size:16px;}
  
  .xiab3{ padding-top:0px;}
  
  .xiab1{ text-align:center; font-size:20px; font-weight:bold; line-height:35px; color:#222; margin-bottom:20px;}
  
  .seputv{ background:#fff; height:40px; line-height:40px; border-radius:10px; width:100%; color:#999; text-indent:1em; margin-bottom:20px;}
  
  
  
  .seputv2{ background:#f5f5f5; border-radius:5px; height:40px; line-height:40px; border-radius:5px; width:100%; color:#888; font-size:16px; text-indent:1em; margin-bottom:5px;}
  
  .seputv3{ background:#f5f5f5; border-radius:5px; height:120px; line-height:30px; border-radius:5px; width:100%; color:#000; font-size:16px; text-indent:1em; margin-bottom:30px; border:0; font-family:"微软雅黑"}
  
  .lianxi1a2a{ margin-top:15px;}
  
  
  
  .ms1b1{ font-size:20px; font-weight:bold; line-height:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px #a867ed solid;}
  
  .ms1b4{ height:60px; line-height:60px; background:#a867ed; text-align:center; font-size:20px; font-weight:bold; border-radius:50px;}
  
  .ms1b4 a{ color:#fff;}
  
  .ms1a{ width:48%; float:left;}
  
  .ms1b{ width:48%; float:right;}
  
  .ms1b3{ font-size:16px; border:1px #a867ed solid; padding:15px; margin:25px 0px;}
  
  .ms1b2 li{ background:url(../images/25.jpg) no-repeat left 14px; padding-left:15px; font-size:16px; color:#666; margin-bottom:25px; line-height:35px;}
  
  .ms1b2 li strong{ color:#000;}
  
  .msa1{ text-align:center; padding:20px 0px; font-size:40px; line-height:50px; padding-top:60px; font-weight:bold; color:#222; padding-bottom:0px;}
  
  .msa2{ font-size:20px; text-align:center; padding:20px 0px; line-height:35px; padding-bottom:30px;}
  
  .msa3 img{ width:100%; height:auto;}
  
  .msa4{ color:#333; font-size:40px; font-weight:bold; line-height:50px; padding:65px 0px; text-align:center;}
  
  .msa5a{ width:23%; margin:1%; float:left; display:inline; text-align:center;}
  
  .msa5a img{ width:100%; height:auto;}
  
  .msa5a h3{ font-size:16px; line-height:30px;}
  
  .msa5{ padding-top:20px; padding-bottom:50px;}
  
  @media only screen and (max-width:1600px){
  
  .sab1{ width:27.5%; float:left; overflow:hidden; border-radius:20px; padding:25px; color:#fff; padding-top:270px;}
  
  .sab3a{border:1px #ddd solid; padding:22px 25px; border-radius:20px; color:#000; margin-bottom:20px; }
  
  .sab3a h3{ font-size:16px; line-height:25px; font-weight:bold; padding-top:0px;  white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
  
      
  
  }
  
  @media only screen and (max-width:1400px){
  
  .sab1{ width:27.5%; float:left; overflow:hidden; border-radius:20px; padding:25px; color:#fff; padding-top:240px;}
  
  .sab3a{border:1px #ddd solid; padding:20px 25px; border-radius:20px; color:#000; margin-bottom:20px; }
  
  .sab3a h3{ font-size:16px; line-height:25px; font-weight:bold; padding-top:0px;  white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
  
      
  
  }
  
  @media only screen and (max-width:640px){
  
  .sy_xw{padding:20px 0 0;}
  
  .sab1{ width:100%; float:none; overflow:hidden; border-radius:20px; padding:25px; color:#fff; padding-top:116px; margin-bottom:20px}
  
  .sab2{ width:100%; float:none; margin-left:0; overflow:hidden;  border: 1px #ddd solid; border-radius:20px }
  
  .sab3 {width: 100%; float: none; margin-top:20px;}
  
  
  
  .xiaa{ width:100%; float:none;}
  
  .xiaa1b{ display:none}
  
  .xiaa1a {
  
    width: 100%;
  
    float: none;
  
    margin-right: 0;
  
  }
  
  .xiab{ width:100%; float:none;}
  
  .xiab{ margin-top:20px}
  
  .xiaa1{ margin-top:0}
  
  .di {
  
    background: url(../images/12.png) no-repeat center bottom #3e3a39;
  
    margin-bottom: 50px;
  
    margin-top: 25px; padding:20px 0
  
  }
  
  .di1{ width:100%; float:none;}
  
  .di2{ width:100%; float:none; color:#fff; text-align: center; margin-top:35px; line-height:26px}
  
  
  
  }
  
  /* 检测技术服务 */
  
  .fw{position:relative;width:100%;overflow:hidden; padding:80px 0 0}
  
  .fw .zb{ float:left; width:53%}
  
  .fw .yb{float: right; width:45%}
  
  .fw .yb img{ width:100%}
  
  .fw ul{overflow:hidden;zoom:1; padding:10px}
  
  .fw ul li{width:100%;height: auto; overflow:hidden;position:relative;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); padding:20px; margin-bottom:20px;border-radius:8px}
  
  .fw ul li h1{ font-size:20px; font-weight:bold; margin-bottom:10px; color:#a867ed}
  
  .fw ul li p{ font-size:16px}
  
  @media only screen and (max-width:1600px){
  
  .fw .zb{ float:left; width:63%}
  
  .fw .yb{float: right; width:34.5%}
  
  .fw ul li{width:49%;height: auto; overflow:hidden;position:relative;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); padding:20px; margin-bottom:20px;border-radius:8px; margin-right:2%; float:left}
  
  .fw ul li:nth-child(2n){margin-right:0; }	
  
  }
  
  
  
  @media only screen and (max-width:1440px){
  
  .fw .zb{ float:left; width:60%}
  
  .fw .yb{float: right; width:38.5%}
  
  .fw ul li .txt{left:2rem;top:8rem;position:absolute;}
  
  .fw .shuzi{font-size:36px;}
  
  .fw .zim{font-size:18px;}
  
  .fw .zhezhao{padding-left:2rem;padding-top:5rem;}
  
  }
  
  @media only screen and (max-width:1240px){
  
  .fw{position:relative;width:100%;overflow:hidden; padding:60px 0 0}
  
  .fw ul li .txt{left:2rem;top:5rem;position:absolute;}
  
  
  
  }
  
  @media only screen and (max-width:992px){
  
  .fw{width:98%; margin: 20px auto; padding: 0 0}
  
  .fw .zb{ float:none; width:100%}
  
  .fw .yb{float: none; width:100%}
  
  .fw ul li p{ font-size:14px; line-height:24px}
  
  .fw ul li{width:100%;height: auto;float: none;overflow:hidden;position:relative; margin-bottom:10px}	
  
  .fw ul li img{width:100%; height: 250px;}
  
  .fw ul li .txt{left:2rem;top:5rem;position:absolute;}
  
  .fw .zhezhao{padding-top:2rem;}
  
  }
  
  
  
  
  
  
  
  
  
  
  
  /*核心优势*/
  
  .core-wrap { width: 80%; margin: 80px auto 80px;}
  
  .core-box { width: 100%; margin: 0px auto 60px auto; height: 300px; }
  
  .core-box .infos { width: 23.5%; height: auto  ; text-align: center; color: #333; box-shadow: 0 8px 15px 0 rgba(95,125,158,.2);; position: relative; margin-right:2%;border-radius:8px; }
  
  .core-box .infos:last-child{ margin-right:0}
  
  .core-box .infos .txts { width: 100%; height: 100%; position: relative; z-index: 9; }
  
  .core-box .infos h3 { font-size: 20px; padding: 10px ; text-transform:capitalize; font-weight:bold; line-height:30px; min-height:80px }
  
  .core-box .infos em { font-family:  Arial; font-size: 16px; line-height: 40px;}
  
  .core-box .infos p { width: 90%; margin: 0 auto; line-height: 24px; color: #666; font-size:16px; min-height:230px; text-align:left}
  
  .core-box .infos i{ font-size: 45px; display: block; color: #a867ed; padding: 40px 0px 0px 0px;}
  
  .core-box .infos a { width: 185px; height: 60px; background-color: #fff; border-radius: 5px; line-height: 60px; position: absolute; bottom: 60px; left: 50%; margin-left: -120px; color: #a867ed; font-size: 16px; padding-left: 55px; text-align: left; display: none;}
  
  .core-box .infos a:before { content: ''; display: block; width: 19px; height: 10px; background: url(../images/icons.png) no-repeat -28px -44px; position: absolute; right: 55px; top: 25px; z-index: 2; }
  
  .core-box .infos .bg { width: 100%; height: 100%  ; background-color: #023047; position: absolute; left: 0; top: 0px; z-index: 0; display: none; box-shadow: 5px 5px 20px rgba(2,48,71,.4), -5px -5px 20px rgba(2,48,71,.4);border-radius:8px; }
  
  .core-box .infos:hover { z-index: 9; }
  
  .core-box .infos:hover, .core-box .infos:hover p { color: #fff; }
  
  .core-box .infos:hover i{ color: #fff;}
  
  .core-box .infos:hover a, .core-box .infos:hover .bg { display: block; }
  
  .core-box .tpp { width:90px; height:90px;   overflow: hidden; margin: 35px auto 20px ; }
  
  .core-box .tpp  img { object-fit: cover; width: 100%; height: 100%;}
  
  @media only screen and (max-width:1600px){
  
  .core-box .infos p { width: 90%; margin: 0 auto; line-height: 24px; color: #666; font-size:14px; min-height:250px; text-align:left}
  
  }
  
  @media only screen and (max-width:1440px){
  
  .core-wrap { width: 90%; margin: 60px auto ;}
  
  .core-box .tpp { width:70px; height:70px;   overflow: hidden; margin: 35px auto 20px ; }
  
  .core-box .infos p { width: 90%; margin: 0 auto; line-height: 24px; color: #666; font-size:14px; min-height:265px; text-align:left}
  
  .core-box .infos h3 { font-size:18px; padding: 10px ; text-transform:capitalize; font-weight:bold; line-height:30px; min-height:80px }
  
  
  
  }
  
  @media only screen and (max-width:1240px){
  
  .core-box { width: 100%; margin: 0px auto 60px auto; height: 300px; border:solid 1px #dddddd;}
  
  .core-box .infos { width: 16.6%; height: 300px  ; text-align: center; color: #333; border-left: solid 1px #ddd; position: relative;}
  
  
  
  }
  
  @media only screen and (max-width:992px){
  
  .core-wrap { width: 94%; margin: 20px auto;}	
  
  .core-box .infos { width: 100%; height: auto; border: solid 1px #ddd; margin-bottom:20px}
  
  .core-box .infos:nth-child(3){ width: 100%; }
  
  .core-box .infos:nth-child(4){ width: 100%; }
  
  .core-box .infos p { width: 90%; margin: 0 auto 20px; line-height: 24px; color: #666; font-size:14px; min-height: inherit;  overflow:hidden; 
  
       text-overflow:ellipsis;
  
       display:-webkit-box; 
  
       -webkit-box-orient:vertical;
  
       -webkit-line-clamp:5;}
  
  .core-box .tpp { width:70px; height:70px;   overflow: hidden; margin: 20px auto 0px ; }
  
  
  
  .core-box {width: 100%; margin: 30px auto; height: 240px; border:solid 0px #dddddd; }
  
  .core-box .infos h3 { font-size:18px; padding: 20px 0 0;  white-space:nowrap; overflow:hidden;text-overflow:ellipsis; width:90%; margin:0 auto ; min-height:inherit}
  
  .core-box .infos .bg { width: 100%; height: 260px;}
  
  }
  
  
  
  
  
  
  
  .sy_yz { width: 100%; background: #f6f6f6; padding: 80px 0px;}
  
  .sy_yz ul li{ width: 15.8%; float: left; background: #fff; text-align: center; padding: 15px; margin: 0 1% 1% 0;}
  
  .sy_yz ul li:nth-child(6n) { margin-right: 0;}
  
  .sy_yz ul li .tp { width: 100%; height: auto; overflow: hidden; margin: 0 auto ;  }
  
  .sy_yz ul li .tp  img { object-fit: cover; width: 100%; height: 100%;}
  
  .sy_yz ul li h3{ font-size: 20px; line-height:40px; font-weight: bold; color:#023047}
  
  .sy_yz ul li p {font-size: 18px; text-align: center; color: #555; line-height:30px; min-height:80px}
  
  .sy_yz ul li:hover {box-shadow: 2px 2px 10px rgba(163,163,163,.2), -2px -2px 10px rgba(163,163,163,.2);}
  
  @media only screen and (max-width:1240px){
  
  .sy_yz { width: 100%; background: #f6f6f6; padding: 60px 0px;}
  
  .sy_yz ul li p {font-size: 16px; text-align: center; color: #555; line-height:26px; min-height:80px}
  
  
  
  }
  
  @media only screen and (max-width:992px){
  
  .sy_yz { padding: 20px 0px;}
  
  .sy_yz ul li{ width: 49%; float: left; background: #fff; text-align: center; padding: 15px; margin-right:2%}
  
  .sy_yz ul li p {font-size: 16px; text-align: center; color: #555; line-height:24px; min-height: inherit}
  
  .sy_yz ul li:nth-child(2n) {margin-right:0}
  
  }
  
  
  
  
  
  .ny_yz1 { width: 100%; background: #fff; padding: 60px 0px;}
  
  .ny_yz1 ul li{ width: 19.072%; float: left; background: #f6f6f6; text-align: center; padding: 15px; margin: 0 1.16% 0 0;}
  
  .ny_yz1 ul li:nth-child(5n) { margin-right: 0;}
  
  .ny_yz1 ul li .tp { width: 100%; height: auto; overflow: hidden; margin: 0 auto 10px; box-shadow: 0px 3px 5px rgba(0,0,0,.1);}
  
  .ny_yz1 ul li .tp  img { object-fit: cover; width: 100%; height: 100%;}
  
  .ny_yz1 ul li h3{ font-size: 20px; line-height:40px; font-weight: bold; color:#023047}
  
  .ny_yz1 ul li p {font-size: 18px; text-align: center; color: #555; line-height:30px; min-height:80px}
  
  .ny_yz1 ul li:hover {box-shadow: 2px 2px 10px rgba(163,163,163,.2), -2px -2px 10px rgba(163,163,163,.2);}
  
  .ny_yz1 ul li:nth-child(12){ height: 208px;}
  
  .ny_yz1 ul li:nth-child(12) h3 { margin-top: 40px;}
  
  @media only screen and (max-width:992px){
  
  .ny_yz1 { padding: 10px 0px;}
  
  .ny_yz1 ul li{ width: 100%; float: none; text-align: center; padding: 15px; margin: 0 0 4% 0;}
  
  .ny_yz1 ul li p {font-size: 16px; text-align: center; color: #555; line-height:30px; min-height: inherit}
  
  
  
  }
  
  
  
  
  
  
  
  .sy_hz{width:100%; padding:60px 0 60px; overflow:hidden; background:#fafafa}
  
  .sy_hz .hz_zs{position:relative;}
  
  .sy_hz .hz_zs .swiper-slide{padding:10px;}
  
  .sy_hz .hz_zs .swiper-button-prev{width:35px; height:35px; background:url(../images/zj1.png) no-repeat center; left:-20px; margin-top:-17px; opacity:.6;
  
  background-size:35px 35px;
  
  -webkit-background-size:35px 35px;
  
  -moz-background-size:35px 35px;
  
  -ms-background-size:35px 35px;
  
  -o-background-size:35px 35px;}
  
  .sy_hz .hz_zs .swiper-button-next{width:35px; height:35px; background:url(../images/yj1.png) no-repeat center; right:-20px; margin-top:-17px; opacity:.6;
  
  background-size:35px 35px;
  
  -webkit-background-size:35px 35px;
  
  -moz-background-size:35px 35px;
  
  -ms-background-size:35px 35px;
  
  -o-background-size:35px 35px;}
  
  .sy_hz .hz_zs .swiper-pagination{bottom:0; display:none;}
  
  .sy_hz .hz_zs .swiper-pagination-bullet{background-color:#aaa;}
  
  .sy_hz .hz_zs .swiper-pagination-bullet-active{background-color:#a867ed;}
  
  .sy_hz .hz_zs img{width:100%; height:auto; display:block; box-shadow:0px 8px 20px 0px rgba(95, 125, 158, 0.1); 
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .sy_hz .hz_zs img:hover{box-shadow:0px 8px 20px 0px rgba(95, 125, 158, 0.3);}
  
  .sy_hz .hz_zs .wz1{ background:#fff; padding:20px}
  
  .sy_hz .hz_zs .wz1 h1{ font-size:16px; font-weight:bold; margin-bottom:10px}
  
  .sy_hz .hz_zs .wz1 p{ font-size:14px; line-height:26px;overflow:hidden; 
  
       text-overflow:ellipsis;
  
       display:-webkit-box; 
  
       -webkit-box-orient:vertical;
  
       -webkit-line-clamp:2;}
  
  .sy_hz .hz_zs .wz1 span{ display: block;
  
  width: 150px;
  
  line-height: 36px;
  
  text-align: center;
  
  background: #a867ed;
  
  border-radius: 18px;
  
  margin: 20px 0 10px}
  
  .sy_hz .hz_zs .wz1 span a{ color:#fff}
  
  @media only screen and (max-width:992px){
  
  .sy_hz{padding:20px 0 ;}
  
  .sy_hz .hz_zs .swiper-hb{padding-bottom:10px;}
  
  .sy_hz .hz_zs .swiper-button-prev{display:none;}
  
  .sy_hz .hz_zs .swiper-button-next{display:none;}
  
  .sy_hz .hz_zs .swiper-pagination{display:block;}
  
  .sy_hz .hz_zs .wz1 h1{ font-size:16px; font-weight:bold; margin-bottom:10px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
  
  
  
  }
  
  
  
  .sy_hz1{width:100%; padding:60px 0 180px; background-color:#fafafa; overflow:hidden;}
  
  .sy_hz1 img{width:100%; height:auto; display:block; border:#eee 1px solid; margin:10px 0}
  
  @media only screen and (max-width:992px){
  
  .sy_hz1{padding:35px 0 100px;}
  
  }
  
  
  
  
  
  
  
  .guanyu{ background:#fff url(../images/bg1.png) center right no-repeat; background-size:auto 100%; overflow:hidden; padding:80px 0 ;}
  
  .sy_gypic{  width:45%;  overflow:hidden; margin-left:5%; float:right}
  
  .sy_gypic img{ width:100%;border-radius:40px; height:auto;transition:all 0.6s}
  
  .sy_gypic a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
  
  
  
  .sy_gyzi{ width:50%; float:left}
  
  .sy_gyzi em{ text-transform:uppercase; margin-bottom:15px; display:block;font-size:16px; font-style:normal}
  
  .sy_gyzi i{width:40px; height:4px; background-color:#a867ed;display:inline-block; margin-right:10px; margin-bottom:4px }
  
  
  
  .sy_gyzi h2{ display:block; color:#3e3e3e; font-size:40px;font-weight: bold;}
  
  .sy_gyzi p{ display:block; margin:30px auto; font-size:16px; line-height:38px; color:#464646;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow:hidden}
  
  .sy_gyzi span a{ display:block; background: linear-gradient(124deg,#a867ed,#2f89d8 60%,#1377cf); width:160px; color:#fff; line-height:45px; border-radius:30px; text-align:center; font-size:16px; transition:all 0.6s}
  
  .sy_gyzi span a:hover{ background:#0860ae; transition:all 0.6s}
  
  @media only screen and (max-width:1440px){
  
  .guanyu{  padding:50px 0;}
  
  .sy_gyzi h1{ display:block; color:#1572b7; font-size:30px}
  
  .sy_gyzi h2{ display:block; color:#333; font-size:16px}
  
  .sy_gyzi p{ display:block; margin:20px auto; font-size:15px; line-height:28px; }
  
  .sy_gyzi span a{  width:120px; line-height:35px; font-size:12px}
  
  
  
  }
  
  
  
  @media only screen and (max-width:992px){
  
  .guanyu{  padding:20px 0;}
  
  .sy_gypic{  width:100%;  overflow:hidden; margin-left:0}
  
  .sy_gypic img{ width:100%;border-radius:30px; height:auto;transition:all 0.6s}
  
  
  
  .sy_gyzi{ width:100%; margin-bottom:20px}
  
  .sy_gyzi h1{ display:block; color:#ed8bd0; font-size:20px}
  
  .sy_gyzi p{ display:block; margin:10px auto; font-size:14px; line-height:28px; overflow:hidden; 
  
       text-overflow:ellipsis;
  
       display:-webkit-box; 
  
       -webkit-box-orient:vertical;
  
       -webkit-line-clamp:6; }
  
  
  
  }
  
  
  
  .sy_yw {padding: 60px 0 80px; background:#ffffff /*url(../images/bj1.png)*/ no-repeat right bottom  ;}
  
  .sy_yw ul {display: flex;justify-content: space-between;align-items: stretch;}
  
  .sy_yw ul li {width: 24%;transition:all .3s;
  
  -o-transition:all .3s;
  
  -ms-transition:all .3s;
  
  -moz-transition:all .3s;
  
  -webkit-transition:all .3s;padding: 30px 0;box-sizing: border-box;box-shadow: 0 0 30px rgba(0,0,0,0.05); background:#fff}
  
  .sy_yw ul li .box {padding: 30px 25px;box-sizing: border-box;}
  
  .sy_yw ul li .ico {width: 140px;height: 140px;margin: 0 auto 20px;transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;border-radius:50%; overflow:hidden}
  
  .sy_yw ul li .ico  img{ width:100%}
  
  .sy_yw ul li:hover{box-shadow: 0 0 30px rgba(0,0,0,0.15);}
  
  
  
  .sy_yw ul li h3{position: relative;padding-bottom: 10px;
  
      margin-bottom: 20px;text-align: center;
  
  }
  
  .sy_yw ul li h3:after{content: '';position: absolute;bottom: 0;left: 50%;
  
      height: 2px;width: 40px;margin-left: -20px;
  
      background-color: #a867ed;
  
  }
  
  .sy_yw ul li h3 span{font-size:18px;height: auto  ;line-height: 40px;font-weight: bold;
  
      display: inline-block;position: relative;color: #000;overflow: hidden;
  
  }
  
  .sy_yw ul li h3 span::before{
  
      position: absolute;
  
      top: 0;text-align: left;vertical-align: bottom;
  
      left: 0px;height: 0px;line-height: 40px;
  
      font-size: 16px;
  
      overflow: hidden;
  
      max-width: 100%;color: #a867ed;
  
      content: attr(data-hover);
  
      /*background-image:-webkit-linear-gradient(right,#13e121,#2eae37);
  
      -webkit-background-clip:text;
  
      -webkit-text-fill-color:transparent;*/
  
      transition: .5s;
  
      -ms-transition: .5s;
  
      -moz-transition: .5s;
  
      -webkit-transition: .5s;
  
      -o-transition: .5s;
  
  }
  
  .sy_yw ul li .desc{font-size: 15px;line-height: 27px;color: #333;text-align: center;}
  
  .sy_yw ul li:hover h3 span::before{height: 40px;}
  
  .sy_yw ul .more{ display:block; width:120px; line-height:36px; text-align:center; background:#a867ed;border-radius:18px; margin:20px auto 0}
  
  .sy_yw ul .more a{ color:#fff}
  
  .anime-hover:hover .anime-icon{ animation: mouse-in .5s; animation-timing-function:steps(9); animation-fill-mode:forwards;}
  
  .anime-icon.mouse-out-class{ animation: mouse-out .5s; animation-timing-function:steps(9); animation-fill-mode:forwards;}
  
  @keyframes mouse-in{
  
      from{
  
          background-position-y: 0;
  
      }
  
      to{
  
          background-position-y: -900px;
  
      }
  
  }
  
  @keyframes mouse-out{
  
      from{
  
          background-position-y: -900px;
  
      }
  
      to{
  
          background-position-y: 0;
  
      }
  
  }
  
  @media only screen and (max-width:992px){
  
  .sy_yw {padding: 20px 0 20px; background:#a867ed url(../images/bj1.png) no-repeat right bottom  ;}
  
  .sy_yw ul {display: block  ;justify-content: space-between;align-items: stretch;}
  
  .sy_yw ul li {width: 100%;transition:all .3s;
  
  -o-transition:all .3s;
  
  -ms-transition:all .3s;
  
  -moz-transition:all .3s;
  
  -webkit-transition:all .3s;padding: 30px 25px;box-sizing: border-box;box-shadow: 0 0 30px rgba(0,0,0,0.05); background:#fff; margin-bottom:20px}
  
  .sy_yw ul li h3 span{font-size: 18px;height: 30px;line-height: 30px;font-weight: bold;
  
      display: inline-block;position: relative;color: #000;overflow: hidden;
  
  }
  
  .sy_yw ul li .desc{font-size: 14px;line-height: 24px;color: #333;text-align: center;}
  
  .sy_yw ul li:hover h3 span::before{height: 30px;}
  
  
  
  }
  
  
  
  
  
  
  
  .sy_lx { width: 80%; padding:50px 0 180px; margin:0 auto}
  
  .sy_lx  h1 { font-size: 38px; text-align: center; height:50px; color:#494949; font-weight:bold}
  
  .sy_lx  h2 { font-size: 16px; text-align: center;}
  
  .sy_lx  .lx { width: 100%; margin: 30px auto 0 auto;  box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); }
  
  .sy_lx  .lx ul li { float: left; text-align: center; border-right: 1px solid #f2f2f2; padding: 30px 0px; font-size: 16px; width: 33%; line-height: 28px; font-weight:bold }
  
  .sy_lx  .lx ul li:nth-child(3n){width: 34%;border-right: 0 solid #ddd;}
  
  .sy_lx  .lx ul li font { color: #a867ed; font-weight: bold; font-size: 24px;  font-family: Arial;}
  
  .sy_lx  .lx ul li span {  font-weight: 500;  padding:0 20px; font-size:14px; color:#777 }
  
  .sy_lx  .lx ul li:nth-child(4) { border-right: 0px solid #ddd;}
  
  .sy_lx  .lx ul li i { font-size: 24px; display: block; width: 60px; height: 60px; border-radius: 100px; color: #fff; text-align: center; margin: 0px auto; background: #a867ed; line-height: 60px; margin-bottom: 10px;}
  
  .sy_lx  .ljzx {width:200px; height:40px; font-size:16px; line-height:40px; border-radius: 25px; text-align: center; color: #fff; background: #a867ed; margin: 35px auto 0px auto;}
  
  .sy_lx  .ljzx a {font-size:16px; color: #fff;}
  
  .lxc { display: block;}
  
  .ditu{ width:100%; margin-top:50px;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2);; padding:20px}
  
  .ditu img{ width:100%}
  
  
  
  .hsh1{ width:30.33%; float:left; margin:1.5%; margin-top:3%; margin-bottom:0px; display:inline; background:#fff;}
  
  .hsh1 img{ width:100%; height:280px;}
  
  .hsh1a{ padding:30px;}
  
  .hsh1a h3{ padding:6px 0px; border-bottom:1px #eee solid; padding-bottom:20px;}
  
  .hsh1a p{ margin:30px 0px; height:22px; height:66px; overflow:hidden; line-height:22px; font-size:14px; color:#777; margin-top:10px;}
  
  .hsh1a span{ font-size:12px; color:#999; background:url(7.jpg) no-repeat left center; padding-left:20px;}
  
  .hsh1:hover h3{ color:#b70003;}
  
  .hsh1{ height:auto; overflow:hidden;transition: all 0.5s ease;}
  
  .hsh1:hover{-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow:0px 1px 20px #CCC;}
  
  .lian1 img{ width:100%; height:auto;}
  
  .lian1{ width:40%; float:left;}
  
  .lian{ width:80%; height:auto;  box-shadow: 0 1px 25px rgba(95,125,158,.2);; background:#fff; border-radius:10px 10px 80px 10px; overflow:hidden; margin:0 auto 50px}
  
  .lian img{ padding-top:0px;}
  
  .lian2{  width:60%; float:left;padding:20px 60px 0; padding-left:70px; left:40px; top:0px}
  
  .lian2 li{ font-size:18px; padding-bottom:15px; line-height:32px; margin:25px 0px; border-bottom:1px #ddd dotted }
  
  .lian2 img{ margin-right:25px;}
  
  .gua{ text-align:center; height:auto; overflow:hidden; margin:50px auto 50px; width:100%}
  
  .gua span {
  
    font-size: 34px;
  
    background: url(../images/8.jpg) no-repeat center bottom;
  
    line-height: 45px;
  
    padding-bottom: 20px;
  
    font-weight: bold;
  
    color: #000; margin:0 auto; display: inline-block
  
  }
  
  
  
  .gua22{ text-align:center; height:auto; overflow:hidden; margin:0 auto 50px; width:100%}
  
  .gua22 span {
  
    font-size: 34px;
  
    background: url(../images/8.jpg) no-repeat center bottom;
  
    line-height: 45px;
  
    padding-bottom: 20px;
  
    font-weight: bold;
  
    color: #000; margin:0 auto; display: inline-block
  
  }
  
  
  
  .guada8{ background:#fff; border-radius:10px; padding:30px; box-shadow: 0 1px 25px  rgba(95,125,158,.2);; height:auto; overflow:hidden; width:80%; margin:0 auto 180px}
  
  .lianxi1a3 {
  
      height:50px;
  
      line-height:50px;
  
      background:#a867ed;
  
      text-align: center;
  
      border-radius: 5px;
  
      width: 160px;
  
      margin: 0px auto; font-size:16px
  
  }
  
  .lianxi1a3 a {
  
    color: #fff;
  
  }
  
  @media only screen and (max-width:1240px){
  
  .sy_lx  {  margin: 60px auto;}	
  
      
  
      
  
  }
  
  @media only screen and (max-width:992px){
  
  .sy_lx  { width: 94%; margin: 20px auto;}	
  
  .sy_lx  h1 { font-size:18px; text-align: center; height: 60px;}
  
  .sy_lx  h2 { font-size: 14px; text-align: center;}
  
  .sy_lx  .lx{ margin-top:0}
  
  .sy_lx  .lx ul li { float: none; text-align: center; border-right:0px solid #ddd; border-bottom:1px solid #ddd;padding:20px 0px; font-size: 16px; width: 100%; line-height: 28px;min-height: inherit  ;}
  
  .sy_lx  .lx ul li:nth-child(3n){width: 100%;border-right: 0 solid #ddd;}
  
  .gua{ text-align:center; height:auto; overflow:hidden; margin:30px auto 20px; width:100%}
  
  .gua span {
  
    font-size: 20px;
  
    background: url(../images/8.jpg) no-repeat center bottom;
  
    line-height: 35px;
  
    padding-bottom: 10px;
  
    font-weight: bold;
  
    color: #000; margin:0 auto; display: inline-block
  
  }
  
  
  
  .gua22{ text-align:center; height:auto; overflow:hidden; margin:0 auto 20px; width:100%}
  
  .gua22 span {
  
    font-size: 20px;
  
    background: url(../images/8.jpg) no-repeat center bottom;
  
    line-height: 35px;
  
    padding-bottom: 10px;
  
    font-weight: bold;
  
    color: #000; margin:0 auto; display: inline-block
  
  }
  
  
  
  
  
  .lian{ width:96%; height:auto;  box-shadow: 0 1px 25px rgba(95,125,158,.2);; background:#fff; border-radius:10px 10px 70px 10px; overflow:hidden; margin:0 auto 20px}
  
  .lian1{ width:100%; float:none;}
  
  .lian2{  width:100%; float:left;padding:20px 20px 0; padding-left:30px; left:40px; top:0px}
  
  .lian2 li{ font-size:16px; padding-bottom:15px; line-height:30px; margin:15px 0px; border-bottom:1px #ddd dotted }
  
  .lian2 img{ margin-right:25px;}
  
  .guada8{ background:#fff; border-radius:10px; padding:20px; box-shadow: 0 1px 25px  rgba(95,125,158,.2);; height:auto; overflow:hidden; width:96%; margin:0 auto 100px}
  
      
  
  }
  
  .anniu{ width:140px; line-height:36px; border-radius:5px; background:#023047; margin:30px auto 0 }
  
  .anniu a{ color:#fff}
  
  
  
  
  
  
  
  .sjdh{ display:none; width:100%; position:fixed; left:0; bottom:0;background-image: linear-gradient(0deg, #eee,#fff); border-top:#ddd 1px solid; z-index:9999999   }
  
  .sjdh ul{ display: flex;   justify-content: space-between; }
  
  .sjdh ul li { width:33.33%; text-align:center; padding:6px 0}
  
  .sjdh ul li a p{ color: #333333; font-size:14px;}
  
  .sjdh ul li a i{ font-size:24px; font-weight: bold; color: #a867ed;}
  
  @media only screen and (max-width:992px){
  
  .sjdh{ display: block;}
  
  }
  
  
  
  
  
  
  
  .footer{width:100%; font-size:14px; line-height:26px; color:rgba(255,255,255,1); position:relative; z-index:101;}
  
  .footer a{color:rgba(255,255,255,1);}
  
  .footer a:hover{color:#fafafa;}
  
  .footer p{margin-bottom:6px;}
  
  .footer .lan{background-color:#cca8f2; width:100%;position:relative; z-index:999;}
  
  .footer .container{ }
  
  .footer .ft_dh{border-bottom:1px solid rgba(255,255,255,.2); padding:0 0 30px; display:flex; flex-wrap:wrap; justify-content:space-between;}
  
  .footer .ft_dh h3{font-size:16px; line-height:28px; margin-bottom:15px; color:#fff; position:relative; font-weight:600}
  
  .footer .ft_dh h3 img{ width:200px}
  
  .footer .ft_dh h3 em{width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
  
  .footer .ft_dh h3 em:after{width:12px; height:2px; background-color:#fff; position:absolute; top:50%; margin-top:-1px; right:5px; content:"";
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .footer .ft_dh h3 em.on:after{transform:rotate(-45deg);
  
  -o-transform:rotate(-45deg);
  
  -ms-transform:rotate(-45deg);
  
  -moz-transform:rotate(-45deg);
  
  -webkit-transform:rotate(-45deg);}
  
  .footer .ft_dh h3 em:before{width:2px; height:12px; background-color:#fff; position:absolute; top:50%; margin-top:-6px; right:10px; content:"";
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .footer .ft_dh h3 em.on:before{transform:rotate(135deg);
  
  -o-transform:rotate(135deg);
  
  -ms-transform:rotate(135deg);
  
  -moz-transform:rotate(135deg);
  
  -webkit-transform:rotate(135deg);}
  
  .footer .ft_dh h3 a.d_l{font-size:18px; color:#fff; line-height:28px; font-weight:bold;}
  
  .footer .ft_lx{width:30%; margin-right:3%}
  
  .footer .ft_lx .f_s p{padding-left:40px; position:relative;}
  
  .footer .ft_lx .f_s p span{position:absolute; top:0; left:0;}
  
  .footer .ft_lm{width:calc(35% - 150px); display:flex; flex-wrap:wrap; justify-content:space-between;}
  
  .footer .ft_lm .cp_fl{width:25%;}
  
  .footer .ft_em{ width:30%;  }
  
  .footer .l_b{ width:100%; }
  
  .footer .l_b li{ float:left; width:15.8%; margin-right:1%;transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s; margin-bottom:10px}
  
  .footer .l_b li:hover{box-shadow:0 8px 15px 0 rgba(95,125,158,.2);
  
  transform:translateY(-10px);
  
  -webkit-transform:translateY(-10px);
  
  -moz-transform:translateY(-10px);
  
  -ms-transform:translateY(-10px);
  
  -o-transform:translateY(-10px);}
  
  .footer .l_b li:nth-child(6n){margin-right:0; }
  
  .footer .l_b li img{ width:90%}
  
  .footer .banquan{padding:20px 0; text-transform:uppercase; line-height:22px; height:auto; overflow:hidden}
  
  .footer .banquan span{display:inline-block; margin-right:12px;}
  
  .footer .wave{position:absolute; left:0; top:-110px; z-index:1;}
  
  .footer .banquan .z_c{ text-align:center}
  
  .footer .banquan .y_c{ float: right}
  
  .footer .wave + .wave{z-index:2;}
  
  
  
  
  
  
  
  @media only screen and (max-width:640px){
  
  .footer{font-size:14px; line-height:24px; margin-bottom:50px}
  
  .footer .ft_dh{padding:10px 0;}
  
  .footer .ft_dh h3{font-size:14px; line-height:26px; padding:5px 0; margin-top:5px; margin-bottom:5px;}
  
  .footer .ft_dh h3 em{display:none;}
  
  .footer .ft_dh h3 a.d_l{font-size:1.6rem; line-height:2.6rem; padding:0; margin-bottom:0;}
  
  .footer .ft_lx{width:100%; border-bottom:1px solid rgba(255,255,255,.2);}
  
  .footer .ft_lx .f_s{padding-bottom:20px;}
  
  .footer .ft_lm{width:100%; display:none}
  
  .footer .ft_lm .cp_fl{width:100%; border-bottom:1px solid #1960ca;}
  
  .footer .ft_em{width:100%;}
  
  .footer .ft_dh .l_b{display: block; padding-bottom:10px;}
  
  .footer .banquan{padding:10px 0; text-align:center; line-height:24px;}
  
  .footer .banquan .z_c{width:100%;}
  
  .footer .banquan .y_c{width:100%;}
  
  .footer .banquan span{display:inline-block; margin-right:0;}
  
  
  
  .footer .wave{top:-80px;}
  
  }
  
  
  
  .bq_xx{width:100%; padding:20px 0; border-top:1px solid rgba(255,255,255,.06); font-size:13px; line-height:26px; color:#64717f;}
  
  .bq_xx span{display:inline-block; margin-right:12px;}
  
  .bq_xx a{color:#64717f; display:inline-block; margin-left:20px;}
  
  .bq_xx a:hover{color:#fff;}
  
  @media only screen and (max-width:1440px){
  
  .bq_xx{padding:20px 0;}
  
  .bq_xx a{margin-left:15px;}
  
  }
  
  @media only screen and (max-width:992px){
  
  .bq_xx{padding:15px 0; line-height:24px;}
  
  .bq_xx span{margin:0 6px;}
  
  .bq_xx a{margin:0 6px;}
  
  .bq_xx .z_c{width:100%;}
  
  .bq_xx .y_c{width:100%;}
  
  }
  
  
  
  
  
  .nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative;}
  
  .nban img{ width:100%; height:auto;}
  
  .nban .bj { position: absolute; left: 0; top:0; height: 100%; width: 100%; background:rgba(0,0,0,.1); z-index: 5;}
  
  .nban .wz { position: absolute; left:10%; top:45%; z-index: 5; width: 80%; text-align: center; }
  
  .nban .wz h1 { font-size: 50px; height: 60px; text-shadow: 0px 1px 3px rgba(0,0,0,.8); color: #fff; text-transform:capitalize; font-weight:bold; letter-spacing:2px}
  
  .nban .wz p { font-size:16px;text-shadow: 0px 1px 3px rgba(0,0,0,.5);color: #fff; line-height: 32px; padding-top: 15px;}
  
  .nban .wz p a { color: #fff;}
  
  @media screen and (max-width:1360px) {
  
  .nban .wz { position: absolute; left: 5%; top:32%;}
  
  }
  
  @media screen and (max-width:992px) {
  
  .nban{  height:180px; margin-top:0px;}
  
  .nban img{ position:absolute; height:220px; width:auto; top:0; left:40%; transform:translateX(-40%); z-index:2}
  
  .nban .wz { position: absolute; left:0; top:36%; width: 100%;}
  
  .nban .wz h1 { font-size: 24px; height: auto; line-height: 36px; padding: 0px 20px; }
  
  .nban .wz p { font-size:12px;padding-top: 0px; line-height:24px}
  
  }
  
  
  
  .ntit { width:100%; padding:25px 0;  overflow:hidden; border-bottom:#eee 1px solid; text-align:center}
  
  .ntit ul li { display:inline-block; margin:0 10px ; min-width:130px;  position:relative}
  
  .ntit ul li .e_j { width:600px; background:#fff; position:absolute; left:0; top:32px; display:none; z-index:99;text-align:center}
  
  .ntit ul li:hover .e_j { display:block;}
  
  .ntit ul li .e_j a { display: inline-block; color:#333; text-align:center; font-size:18px; line-height:35px; float:left; background:#fff; padding:0 10px;}
  
  .ntit ul li .e_j a:hover {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; color:#abcd05; background:#fff; line-height:35px }
  
  .ntit ul li a { line-height:44px; background:#eee; padding:0 20px; font-size:16px; color:#333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; display:block; text-align:center }
  
  .ntit ul li a:hover { background:#a867ed; color:#fff;}
  
  .ntit ul li a.on { background:#a867ed; color:#fff;}
  
  @media screen and (max-width:992px) {
  
  .ntit { width:100%; padding:15px 0;  overflow:hidden; border-bottom:#eee 1px solid; text-align:center}
  
  .ntit ul li { display:inline-block; margin:0 2px ; min-width:80px;  position:relative}
  
  .ntit ul li a { line-height:34px; background:#eee; padding:0 10px; font-size:14px; color:#333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; display:block; text-align:center }
  
      
  
  }
  
  .ny_lx { width: 100%; padding:80px 0 180px}
  
  .ny_lx ul li { width: 32%; float: left; margin: 0 2% 2% 0;   text-align: left; height: auto; overflow:hidden  ;}
  
  .ny_lx ul li:nth-child(3n) { margin-right: 0;}
  
  .ny_lx ul li .tp { width: 100%; height: auto  ; overflow: hidden;border-top-left-radius:15px ; border-top-right-radius:15px; margin: 0px auto;}
  
  .ny_lx ul li .tp img{ width:100%}
  
  .ny_lx ul li .tp img{width:100%; height:auto; display:block;
  
  transition:all 1s;
  
  -o-transition:all 1s;
  
  -ms-transition:all 1s;
  
  -moz-transition:all 1s;
  
  -webkit-transition:all 1s;}
  
  .ny_lx ul li:hover .tp img{
  
  transform:scale(1.1);
  
  -webkit-transform:scale(1.1);
  
  -moz-transform:scale(1.1);
  
  -ms-transform:scale(1.1);
  
  -o-transform:scale(1.1);}
  
  .ny_lx ul li .wz{ background:#a867ed; padding:15px; font-size:16px; text-align:center; height:auto; overflow:hidden;border-bottom-left-radius:15px ; border-bottom-right-radius:15px; height:auto; overflow:hidden}
  
   
  
  .ny_lx ul li .wz a{ color:#fff}
  
   @media screen and (max-width:1440px) {
  
  .ny_lx ul li {  height: 335px;}
  
  }
  
  @media screen and (max-width:992px) {
  
  .ny_lx { width: 100%; padding:20px 0 100px}
  
  .ny_lx ul li { width:49%; float: left  ; margin: 0 2% 2% 0; padding: 10px 0px; height: auto  ;box-sizing:border-box  }	
  
  .ny_lx ul li:nth-child(even) {margin-right:0; }
  
  .ny_lx ul li:nth-child(odd) {margin-right:2%; }
  
  .ny_lx ul li i { margin-right: 4px; }
  
  .ny_lx ul li p { font-size: 15px;}
  
  .ny_lx ul li .wz{ background:#a867ed; padding:10px; font-size:14px; text-align:center; height:auto; overflow:hidden;border-bottom-left-radius:10px ; border-bottom-right-radius:10px; height:auto; overflow:hidden}
  
  }
  
  
  
  .gy_bt{width:100%; text-align:center; text-transform:uppercase;  margin-bottom:50px;}
  
  .gy_bt h2{font-family:Arial; font-size:80px; line-height:100px; color:#999; font-weight:800; color:rgba(153,153,153,0.1); position:relative;}
  
  .gy_bt h3{font-size:40px; line-height:44px; margin-top:-60px; background:url(../images/bt.jpg) no-repeat center bottom; padding-bottom:20px; font-weight:bold; color:#3e3e3e}
  
  .gy_bt p { font-size:16px; color:#999; padding-top:10px}
  
  @media only screen and (max-width:992px){
  
  .gy_bt{ margin-bottom:20px;}
  
  .gy_bt h2{font-family:Arial; font-size:30px; line-height:40px; color:#999; font-weight:800; color:rgba(153,153,153,0.1); position:relative;}
  
  .gy_bt h3{font-size:24px; line-height:34px; margin-top:-30px; background:url(../images/bt21.jpg) no-repeat center bottom; padding-bottom:5px;}
  
  .gy_bt p { font-size:12px; color:#999; padding-top:10px}	
  
  }
  
  
  
  
  
  .gy_bt1{width:100%; text-align:center; text-transform:uppercase;  margin-bottom:50px;}
  
  .gy_bt1 h2{font-family:Arial; font-size:80px; line-height:100px; color:#999; font-weight:800; color:rgba(153,153,153,0.1); position:relative;}
  
  .gy_bt1 h3{font-size:40px; line-height:44px; margin-top:-60px; background:url(../images/bt1.jpg) no-repeat center bottom; padding-bottom:20px; font-weight:bold; color:#000000}
  
  .gy_bt1 p { font-size:16px; color:#999; padding-top:10px}
  
  @media only screen and (max-width:992px){
  
  .gy_bt1{ margin-bottom:20px;}
  
  .gy_bt1 h2{font-family:Arial; font-size:30px; line-height:40px; color:#999; font-weight:800; color:rgba(255,255,255,0.1); position:relative;}
  
  .gy_bt1 h3{font-size:24px; line-height:34px; margin-top:-30px; background:url(../images/bt11.jpg) no-repeat center bottom; padding-bottom:5px;}
  
  .gy_bt1 p { font-size:12px; color:#999; padding-top:10px}	
  
  }
  
  
  
  
  
  .ny_gy { width: 100%; margin:0px auto; padding:60px 0px;background: url(./../images/img9.jpg) no-repeat center / cover fixed;}
  
  .ny_gy .zc { width: 50%; float: left;}
  
  .ny_gy .zc img { width: 100%; height: auto;}
  
  .ny_gy .yc { width: 48%; float: right;}
  
  .ny_gy .yc .gy_bt { text-align: left;margin-bottom:0; margin-top:20px}
  
  .ny_gy .yc .gy_bt h3 {background:none; font-size:28px; margin-bottom:0}
  
  .ny_gy .yc p { line-height: 34px; font-size: 16px;}
  
  
  
  
  
  .ny_gy .zc1 { width: 50%; float: right;}
  
  .ny_gy .zc1 img { width: 100%; height: auto;}
  
  .ny_gy .yc1 { width: 48%; float: left;}
  
  .ny_gy .yc1 .gy_bt { text-align: left;margin-bottom:0; margin-top:30px}
  
  .ny_gy .yc1 .gy_bt h3 {background:none; font-size:28px; margin-bottom:0}
  
  .ny_gy .yc1 p { line-height: 34px; font-size: 16px;}
  
  @media screen and (max-width:1440px) {
  
  .ny_gy .yc .gy_bt { text-align: left;margin-bottom:0; margin-top:0px}
  
  .ny_gy .yc .gy_bt h3 {background:none; font-size:28px; margin-bottom:0; line-height:40px}
  
  .ny_gy .yc p { line-height: 24px; font-size: 16px;}
  
  
  
  
  
  .ny_gy .yc1 .gy_bt { text-align: left;margin-bottom:0; margin-top:20px}
  
  .ny_gy .yc1 .gy_bt h3 {background:none; font-size:28px; margin-bottom:0;line-height:40px}
  
  .ny_gy .yc1 p { line-height: 24px; font-size: 16px;}
  
  
  
  }
  
  @media screen and (max-width:1240px) {
  
  .ny_gy .yc p { line-height: 26px; font-size: 16px; overflow:hidden; 
  
       text-overflow:ellipsis;
  
       display:-webkit-box; 
  
       -webkit-box-orient:vertical;
  
       -webkit-line-clamp:9;}
  
  .ny_gy .yc1 p { line-height: 26px; font-size: 16px; overflow:hidden; 
  
       text-overflow:ellipsis;
  
       display:-webkit-box; 
  
       -webkit-box-orient:vertical;
  
       -webkit-line-clamp:9;}	
  
  }
  
  
  
  @media screen and (max-width:992px) {
  
  .ny_gy { padding:20px 0px 40px 0px;}	
  
  .ny_gy .zc { width: 100%; float: none;  }
  
  .ny_gy .yc { width: 100%; float: none;}
  
  .ny_gy .yc .gy_bt h3{ font-size:18px;margin-top:10px; line-height:30px}
  
  .ny_gy .yc p { line-height: 28px; font-size: 15px; margin-bottom:20px }
  
  .ny_gy .zc1 { width: 100%; float: none;}
  
  .ny_gy .yc1 { width: 100%; float: none;}
  
  .ny_gy .yc1 .gy_bt h3{ font-size:18px;margin-top:10px; line-height:30px}
  
  }
  
  
  
  
  
  
  
  .ny_wh { width: 100%; padding: 80px 0px; background: url(../images/ban4.jpg) no-repeat top fixed; }
  
  .ny_wh .gy_bt h3 { color: #fff;}
  
  .ny_wh p{font-size: 16px; line-height: 34px; width: 60%; text-align: center; margin: 0px auto; color: #fff;}
  
  @media only screen and (max-width:1440px) {
  
  .ny_wh { width: 100%; padding: 60px 0px;}
  
  .ny_wh p{  width: 90%; }   
  
  }
  
  @media only screen and (max-width:990px) {
  
  .ny_wh { width: 100%; padding: 30px 0px; background: url(../images/ban4.jpg) no-repeat center;}
  
  .ny_wh p{ width: 94%; font-size: 15px; line-height: 28px;}    
  
  }
  
  
  
  
  
  
  
  .gy_ry { width: 100%;  padding:80px 0px; }
  
  .gs_ry{ width: 80%; margin: 0px auto; padding-bottom: 60px; }
  
  .gs_ry .swiper-slide{background-color:#fff; }
  
  .gs_ry .swiper-slide img{width:100%; height:auto; display:block; }
  
  .gs_ry .swiper-button-prev{top:auto; bottom:0; left:50%; right:auto; margin-left:-50px; width:50px; height:22px; margin-top:0; background:#e7e7e7 url(../images/cpzj.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
  
  transition:all .3s;
  
  -webkit-transition:all .3s;
  
  -moz-transition:all .3s;
  
  -ms-transition:all .3s;
  
  -o-transition:all .3s;}
  
  .gs_ry .swiper-button-prev:hover{width:70px; margin-left:-70px;}
  
  .gs_ry .swiper-button-next{top:auto; bottom:0; left:auto; right:50%; margin-right:-50px; width:50px; height:22px; margin-top:0; background:#a867ed url(../images/cpyj.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
  
  transition:all .3s;
  
  -webkit-transition:all .3s;
  
  -moz-transition:all .3s;
  
  -ms-transition:all .3s;
  
  -o-transition:all .3s;}
  
  .gs_ry .swiper-button-next:hover{width:70px; margin-right:-70px;}
  
  @media only screen and (max-width:1440px) {
  
  .gs_ry{ width: 90%;  }    
  
  }
  
  @media only screen and (max-width:992px) {
  
  .gy_ry {  padding:30px 0px; }
  
  .gs_ry{width: 94%; margin: 0px auto; padding-bottom:50px;}
  
  }
  
  
  
  
  
  .ny_dh { width: 100%;}
  
  .ny_dh ul li { width: 9%; float: left; margin: 0 0% 2% 0; font-size: 18px; text-align: center; height: 40px; line-height: 40px; }
  
  .ny_dh ul li a {font-size: 18px;}
  
  .ny_dh ul li.ff { background: #a867ed; color:#fff; font-size: 18px; border-radius: 3px;  }
  
  .ny_dh ul li.ff a {color:#fff; }
  
  
  
  .ny_al { width: 100%; background:#fafafa; padding: 80px 0px 180px; height:auto; overflow:hidden}
  
  .ny_al .lb ul { margin-top: 10px;}
  
  .ny_al .lb ul li { width: 23.5%; margin: 0 2% 30px 0; float: left;background: #fff; border-radius: 5px; overflow: hidden;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2);}
  
  .ny_al .lb ul li:nth-child(4n) { margin-right: 0;}
  
  .ny_al .lb ul li img{width:100%; height:auto;  display:block;}
  
  .ny_al .lb ul li h2 { font-size: 18px; font-weight: bold;  padding:20px 20px 10px 20px;}
  
  .ny_al .lb ul li p { line-height: 24px; font-size: 14px; padding: 0px 20px 10px 20px;}
  
  .ny_al .lb ul li span{ display:block; width:120px; line-height:36px; background:#023047; margin-left:20px; margin-bottom:20px; text-align:center; font-size:14px; text-transform:uppercase;border-radius:5px}
  
  .ny_al .lb ul li span a{ color:#fff}
  
  .ny_al .lb ul li:hover img {filter: alpha(Opacity=80); opacity:.8;}
  
  .ny_al .lb ul li:hover {box-shadow: 2px 2px 10px rgba(234,84,19,.1), -2px -2px 10px rgba(234,84,19,.1);}
  
  
  
  
  
  .ny_al .tdlb { width: 100%;margin-top: 20px;}
  
  .ny_al .tdlb ul li { width: 31.3333%; margin: 0 3% 3% 0; float: left; padding: 1.5%; background: #ffffff; border-radius: 5px; }
  
  .ny_al .tdlb ul li:nth-child(3n) { margin-right: 0;}
  
  .ny_al .tdlb ul li .dy { width: 100%; margin-bottom: 15px;}
  
  .ny_al .tdlb ul li .dy .tp { width: 120px; height: 120px; border-radius: 100%; float: left; overflow: hidden;box-shadow: 2px 4px 4px rgba(0,0,0,.2); }
  
  .ny_al .tdlb ul li .dy .tp img {  object-fit: cover;    width: 100%; height: 100%;}
  
  .ny_al .tdlb ul li .dy .zz { float: right; font-size: 16px; text-align: right; line-height: 24px; padding-top: 10px; }
  
  .ny_al .tdlb ul li .dy .zz span { font-size: 26px; line-height: 60px; color: #a867ed; font-family: Arial;}
  
  .ny_al .tdlb ul li .wz { border-top: 1px solid #ddd; padding: 20px 0px 0px 0px; }
  
  .ny_al .tdlb ul li .wz h4 { font-size: 20px; height: 40px;}
  
  .ny_al .tdlb ul li .wz p { line-height:32px; font-size: 16px; overflow: auto; height: 120px;}
  
  .ny_al .tdlb ul li:hover {box-shadow: 2px 2px 10px rgba(11,156,149,.4), -2px -2px 10px rgba(11,156,149,.4);}
  
  @media only screen and (max-width:1440px) {
  
  .ny_al .tdlb ul li .dy .zz span { font-size: 22px; }
  
  }
  
  @media only screen and (max-width:992px) {
  
  .ny_al { width: 100%; background:#fafafa; padding: 20px 0px 100px; height:auto; overflow:hidden}
  
  
  
  .ny_dh ul li { width: 32.3333%; margin: 0 1.5% 1.5% 0; font-size: 16px;  }
  
  .ny_dh ul li:nth-child(3n) { margin-right: 0;}
  
  .ny_dh ul li a {font-size: 16px;}
  
  .ny_dh ul li.ff {  font-size: 16px;}	
  
  .ny_al .lb ul li { width:100%; margin: 0 0 20px 0; float: left;background: #fff;}
  
  .ny_al .lb ul li:nth-child(2n) { margin-right: 0;}
  
  .ny_al .lb ul li img{width:100%; height:auto;  display:block;}
  
  .ny_al .lb ul li h2 { font-size: 16px;padding:10px 10px 5px 10px; }
  
  .ny_al .lb ul li p { padding: 0px 10px 15px 10px;}
  
  .ny_al .tdlb ul li { width:100%; margin: 0 0% 3% 0; float: none; padding: 4%;  }
  
  .ny_al .tdlb ul li:nth-child(3n) { margin-right: 0;}
  
  }
  
  
  
  
  
  
  
  .tk_k2 { width: 100%; overflow: hidden; margin-bottom: 50px; background: #fff; border-radius:5px;border-radius: 30px; border-bottom-left-radius:0}
  
  .tk_k2:nth-child(2n){border-radius: 30px; border-bottom-right-radius:0 }
  
  .tk_k2 .zc { width: 60%; padding:4% 4% 0;}
  
  .tk_k2 .zc h1 { font-size:28px; height: 60px; font-weight:bold}
  
  .tk_k2 .zc em { width:39px; height: 4px; background:#a867ed; display: block; margin: 0px 0px 25px 0px; }
  
  .tk_k2 .zc p { font-size: 16px; line-height: 32px;}
  
  .tk_k2 .zc .tzp { width: 100%; height: auto; display: none; border-radius: 5px; overflow: hidden; height: 220px; margin-bottom: 10px;}
  
  .tk_k2 .zc .tzp img { width: 100%; height:100%;object-fit: cover;border-radius: 5px; margin-bottom: 15px;}
  
  .tk_k2 .ljzx { height:40px; font-size:16px; line-height:40px; border-radius:5px; text-align: center; color: #fff; background: #a867ed; margin: 35px 0 0px 0; vertical-align: middle; padding: 0px 20px; width:140px; float:left; margin-right:20px}
  
  .tk_k2 .ljzx a {font-size:16px; color: #fff;}
  
  .tk_k2 .ljzx i{font-size: 20px; margin-right: 0; float: left;}
  
  .tk_k2 .yc { width: 40%; height: auto  ; overflow: hidden; border-radius: 30px; }
  
  .tk_k2 .yc img { width: 100%; height:100%;object-fit: cover; }
  
  @media only screen and (max-width:1440px) {
  
  .tk_k2 .zc { width: 55%; padding:3% 4%;}  
  
  .tk_k2 .yc { width: 45%; }
  
  }
  
  @media only screen and (max-width:992px) {
  
  .tk_k2 { margin: 0 auto 20px;border-radius: 20px;}
  
  .tk_k2:nth-child(2n){border-radius: 20px; border-bottom-right-radius:0 }
  
  
  
  .tk_k2 .zc { width: 100%; padding:5%;}
  
  .tk_k2 .zc h1 { font-size: 18px; height: 40px;}
  
  .tk_k2 .zc em {  margin: 0px 0px 15px 0px; }
  
  .tk_k2 .zc p { font-size: 14px; line-height: 26px;}
  
  .tk_k2 .zc .tzp { display: block;}
  
  .tk_k2 .ljzx {margin: 15px 0 0px 0;}
  
  .tk_k2 .yc { width: 100%; height: 250px; display: none;}
  
  .tk_k2 .ljzx a {font-size:14px; color: #fff;}
  
  
  
  }
  
  .ny_nr{ height:auto; padding:80px 0 180px; overflow:hidden}
  
  .ny_nr .xw_nr{width:100%; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
  
  .ny_nr .xw_nr .t_p{width:30%; overflow:hidden;}
  
  .ny_nr .xw_nr .t_p img{width:100%; height:auto; display:block;
  
  transition:all 1s;
  
  -o-transition:all 1s;
  
  -ms-transition:all 1s;
  
  -moz-transition:all 1s;
  
  -webkit-transition:all 1s;}
  
  .ny_nr .xw_nr:hover .t_p img{transform:scale(1.05);
  
  -webkit-transform:scale(1.05);
  
  -moz-transform:scale(1.05);
  
  -ms-transform:scale(1.05);
  
  -o-transform:scale(1.05);}
  
  .ny_nr .xw_nr .w_z{width:66%; display:flex; flex-wrap:wrap; justify-content:space-between;}
  
  .ny_nr .xw_nr .w_z h3{font-size:20px; line-height:36px; font-weight:bold; margin-bottom:20px; overflow:hidden; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
  
  .ny_nr .xw_nr .w_z p{font-size:16px; line-height:30px; color:#555; height: auto; margin-bottom:35px; overflow:hidden; display:-webkit-box;
  
  line-clamp:3;
  
  -webkit-line-clamp:3;
  
  -moz-line-clamp:3;
  
  -ms-line-clamp:3;
  
  -o-line-clamp:3;
  
  -webkit-box-orient:vertical;}
  
  .ny_nr .xw_nr .w_z a.m_r{display:inline-block; border-radius:3px; border:1px solid #ddd; padding:0 25px; font-size:14px; line-height:38px;}
  
  .ny_nr .xw_nr:hover .w_z a.m_r{background-color:#a867ed; border:1px solid #a867ed; color:#fff;}
  
  .ny_nr .xw_nr .w_z .l_m{width:calc(100% - 170px);}
  
  .ny_nr .xw_nr .w_z .r_q{width:120px;}
  
  .ny_nr .xw_nr .w_z .r_l{width:100%; background-color:#f7f7f7; border-radius:5px; padding:25px 0; font-size:16px; text-align:center; font-weight:bold;
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .ny_nr .xw_nr:hover .w_z .r_l{color:#023047;}
  
  .ny_nr .xw_nr .w_z .r_q strong{font-size:36px; line-height:46px; display:block;}
  
  .ny_nr .tj_xw{width:100%; padding-bottom:50px; margin-bottom:50px; display:flex; flex-wrap:wrap; justify-content:space-between;}
  
  .ny_nr .ny_xw ul li{padding-bottom:30px; border-bottom:1px  dotted  #bbb; margin-bottom:30px}
  
  .ny_nr .xw_xq{display:flex; flex-wrap:wrap; justify-content:space-between;}
  
  .ny_nr .xq_zc{width:calc(100% - 320px);}
  
  .ny_nr .xq_zc .b_t{font-size:26px; line-height:36px; font-weight:bold; color:#000; margin-bottom:20px;}
  
  .ny_nr .xq_zc .x_x{display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:35px;}
  
  .ny_nr .xq_zc .x_x .z_c span{margin-right:20px; display:inline-block;}
  
  .ny_nr .xq_zc .x_x .y_c a{display:inline-block; margin-left:15px; color:#023047;}
  
  .ny_nr .xq_zc .n_r{line-height:30px;}
  
  .ny_nr .xq_zc .n_r strong{font-size:18px; color:#000; line-height:28px;}
  
  .ny_nr .xq_zc .n_r img{max-width:100%; height:auto; display:block; margin:0 auto;}
  
  .ny_nr .xq_zc .f_y{margin-top:40px; padding-top:30px; border-top:1px solid #eee; color:#999; line-height:32px;}
  
  .ny_nr .xq_yc{width:260px;}
  
  .ny_nr .xq_yc h3{font-size:18px; font-weight:bold; line-height:28px; color:#000; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #eee;}
  
  .ny_nr .xq_yc .t_j ul li{margin-bottom:25px;}
  
  .ny_nr .xq_yc .t_j ul li a{font-size:15px; line-height:24px; margin-bottom:10px; display:block; overflow:hidden; display:-webkit-box;
  
  line-clamp:2;
  
  -webkit-line-clamp:2;
  
  -moz-line-clamp:2;
  
  -ms-line-clamp:2;
  
  -o-line-clamp:2;
  
  -webkit-box-orient:vertical;}
  
  .ny_nr .xq_yc .t_j ul li span{font-size:14px; color:#999;}
  
  .ny_nr .xq_yc .b_q ul li{float:left; margin:0 10px 10px 0;}
  
  .ny_nr .xq_yc .b_q ul li a{display:block; border:1px solid #ddd; font-size:14px; color:#777; line-height:32px; padding:0 10px; border-radius:3px;}
  
  .ny_nr .xq_yc .b_q ul li a:hover{background-color:#023047; border:1px solid #023047; color:#fff;}
  
  @media only screen and (max-width:1240px) {
  
  .ny_nr .xw_nr .w_z p{ margin-bottom:20px}	
  
  .ny_nr .xw_nr .w_z h3{ margin-bottom:10px}
  
  }
  
  @media only screen and (max-width:992px) {
  
  .ny_nr { padding:30px 0 100px}
  
  .ny_nr .xw_nr .t_p{ width:38%}
  
  .ny_nr .xw_nr .t_p img{width: auto; height:130px; display:block;
  
  transition:all 1s;
  
  -o-transition:all 1s;
  
  -ms-transition:all 1s;
  
  -moz-transition:all 1s;
  
  -webkit-transition:all 1s;}
  
  .ny_nr .xw_nr .w_z{ width:58%}
  
  .ny_nr .xw_nr .w_z .r_q{ display:none}
  
  .ny_nr .xw_nr .w_z .l_m{width:100%;}
  
  .ny_nr .xw_nr .w_z h3{ font-size:16px; margin-bottom:0}
  
  .ny_nr .xw_nr .w_z p{font-size:14px; line-height:22px; color:#555; height: auto; margin-bottom:5px; overflow:hidden; display:-webkit-box;
  
  line-clamp:2;
  
  -webkit-line-clamp:2;
  
  -moz-line-clamp:2;
  
  -ms-line-clamp:2;
  
  -o-line-clamp:2;
  
  -webkit-box-orient:vertical;}
  
  .ny_nr .ny_xw ul li{ padding-bottom:20px; margin-bottom:20px}
  
  .ny_nr .xw_nr .w_z a.m_r{display:inline-block; border-radius:3px; border:1px solid #ddd; padding:0 16px; font-size:12px; line-height:30px; margin-top:11px}
  
  
  
  }
  
  
  
  /*翻页*/
  
  .paging{width:100%; margin:0px auto ; text-align:center; overflow:hidden;}
  
  .paging a,.paging span{line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; padding: 0 10px; height:32px; margin:0 3px; display:inline-block;}
  
  .paging a:hover{background-color:#a867ed; border:1px solid #a867ed; color:#fff;}
  
  .paging span{background-color:#a867ed; border:1px solid #a867ed; color:#fff;}
  
  @media only screen and (max-width:1023px) {
  
  .paging{margin:20px auto 30px auto ;}
  
  .paging a{line-height:32px; font-size:14px; /*width:32px; height:32px; */margin:5px 3px; }
  
  }
  
  
  
  
  
  .ny_yz { width: 100%; background: #fff; padding: 80px 0px;}
  
  .ny_yz ul li{ width: 18.4%; float: left; background: #fff; text-align: center; padding: 15px; margin: 0 2% 2% 0;border-radius: 5px; overflow: hidden;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2);}
  
  .ny_yz ul li:nth-child(5n) { margin-right: 0;}
  
  .ny_yz ul li .tp { width: 80px; height: 80px; border-radius: 100px; overflow: hidden; margin: 0px auto; box-shadow: 0px 3px 5px rgba(0,0,0,.1); border: 1px solid #ddd;}
  
  .ny_yz ul li .tp  img { object-fit: cover; width: 100%; height: 100%;}
  
  .ny_yz ul li h3{ font-size: 18px; line-height:60px; font-weight: bold;}
  
  .ny_yz ul li p {font-size: 14px; text-align: center; color: #777; line-height:30px}
  
  .ny_yz ul li:hover {box-shadow: 2px 2px 10px rgba(234,84,19,.1), -2px -2px 10px rgba(234,84,19,.1);}
  
  @media only screen and (max-width:992px){
  
  .ny_yz { padding: 20px 0px 10px 0px;}
  
  .ny_yz ul li{ width: 48%; float: left; background: #fff; text-align: center; padding: 15px; margin: 0 4% 4% 0;}
  
  .ny_yz ul li:nth-child(2n) { margin-right: 0;}
  
  .ny_yz ul li:nth-child(2n+1) { margin-right: 4%;}
  
  
  
  }
  
  
  
  
  
  
  
  .sy_rlzy { width: 100%; margin:0px auto; padding: 80px 0px;  }
  
  .sy_rlzy ul {width: 100%; margin: 0px auto;}
  
  .sy_rlzy ul li { width: 18.4%; margin-right:2%; float: left; box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); padding: 2% 10px; box-sizing: border-box; background:#fff; margin-bottom:2%}
  
  .sy_rlzy ul li:nth-child(5n) { margin-right: 0;}
  
  .sy_rlzy ul li .tp { width:100px; height: 100px; margin: 0px auto; border-radius: 100px; box-shadow: 0px 0px 10px rgba(0,0,0,.1); overflow: hidden; padding: 20px; background: #a867ed;}
  
  .sy_rlzy ul li .tp img { width: 100%; height: auto;}
  
  .sy_rlzy ul li:hover .tp { background:#f89e77}
  
  .sy_rlzy ul li h1 { font-size: 20px;  text-align: center; margin: 35px 0px 15px 0px; color: #333; text-transform:capitalize }
  
  .sy_rlzy ul li p {  line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden; color: #555; text-align: center; font-size:18px ; min-height:95px}
  
  .sy_rlzy ul li:hover { background:#a867ed; transition: all 0.5s; }
  
  .sy_rlzy ul li:hover h1{ color:#fff}
  
  .sy_rlzy ul li:hover p{ color:#fff}
  
  @media only screen and (max-width:1660px) {
  
  .sy_rlzy ul li { height: 340px;}
  
  }
  
  @media only screen and (max-width:1440px) {
  
  .sy_rlzy { width: 100%; margin: 0px auto 0px auto; }
  
  .sy_rlzy ul {width: 90%; margin: 0px auto;}
  
  .sy_rlzy ul li .tp { width:80px; height: 80px; padding: 15px;}
  
  .sy_rlzy ul li p {  -webkit-line-clamp: 4;   }
  
  }
  
  @media only screen and (max-width:1240px) {
  
  .sy_rlzy ul li p {  line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;  overflow: hidden; color: #555; text-align: center; font-size:16px ; min-height:95px}
  
  }
  
  
  
  @media only screen and (max-width:992px) {
  
  .sy_rlzy { width: 100%; margin: 0px auto 0px auto; padding: 20px 0px 20px 0px; }	
  
  .sy_rlzy ul {width: 94%; margin: 0px auto;}
  
  .sy_rlzy ul li { width: 48%; margin: 0 4% 4% 0; padding: 5% 2%; height:auto}
  
  .sy_rlzy ul li:nth-child(2n)  { margin-right:0}
  
  .sy_rlzy ul li:nth-child(2n+1)  { margin-right:4%}
  
  .sy_rlzy ul li h1 { font-size: 16px; margin: 15px 0px;  height:50px  ;  }
  
  .sy_rlzy ul li:nth-child(2n) { margin-right: 0;}
  
  .sy_rlzy ul li p {  -webkit-line-clamp: 6;   }
  
  }
  
  
  
  .sy_js{width:100%; padding:60px 0; overflow:hidden;}
  
  .sy_js .js_zs{position:relative;}
  
  .sy_js .js_zs .swiper-button-prev{width:48px; height:48px; background:url(../images/zj.png) no-repeat center; left:-60px; margin-top:-24px;
  
  background-size:38px 38px;
  
  -webkit-background-size:38px 38px;
  
  -moz-background-size:38px 38px;
  
  -ms-background-size:38px 38px;
  
  -o-background-size:38px 38px;
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .sy_js .js_zs .swiper-button-prev:hover{background:#a867ed url(../images/zj1.png) no-repeat center;
  
  background-size:38px 38px;
  
  -webkit-background-size:38px 38px;
  
  -moz-background-size:38px 38px;
  
  -ms-background-size:38px 38px;
  
  -o-background-size:38px 38px;}
  
  .sy_js .js_zs .swiper-button-next{width:48px; height:48px; background:url(../images/yj.png) no-repeat center; right:-60px; margin-top:-24px;
  
  background-size:38px 38px;
  
  -webkit-background-size:38px 38px;
  
  -moz-background-size:38px 38px;
  
  -ms-background-size:38px 38px;
  
  -o-background-size:38px 38px;
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .sy_js .js_zs .swiper-button-next:hover{background:#a867ed url(../images/yj1.png) no-repeat center;
  
  background-size:38px 38px;
  
  -webkit-background-size:38px 38px;
  
  -moz-background-size:38px 38px;
  
  -ms-background-size:38px 38px;
  
  -o-background-size:38px 38px;}
  
  .sy_js .js_zs .swiper-pagination{display:none;}
  
  .sy_js .js_zs .swiper-slide{padding:20px;}
  
  .sy_js .n_r{padding:30px; background-color:#fff; box-shadow:0 5px 20px 0 rgba(95,125,158,.1); border-radius:5px; position:relative; overflow:hidden;}
  
  .sy_js .n_r:before{width:0; height:8px; background-color:#a867ed; content:""; position:absolute; bottom:0; left:0;
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .sy_js .n_r:hover:before{width:100%;}
  
  .sy_js .m_z{font-size:28px; color:#000; 
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s; padding-top:35px}
  
  .sy_js .n_r:hover .m_z{color:#023047;}
  
  .sy_js .m_z h1{ font-size:20px; margin-bottom:10px}
  
  .sy_js .m_z p{ font-size:18px; color:#555}
  
  
  
  .sy_js .t_x{width:130px; height:130px; float:left; margin-right:20px;}
  
  .sy_js .t_x img{width:100%; height:auto; display:block;border-radius:50%}
  
  .sy_js .w_z{ margin-top:20px}
  
  .sy_js .w_z h3{font-size:20px; line-height:32px; color:#333; margin-bottom:5px;}
  
  .sy_js .w_z p{font-size:16px; line-height:28px; color:#777;}
  
  @media only screen and (max-width:990px){
  
  .sy_js{padding: 0;}
  
  .sy_js .js_zs .swiper-js{padding-bottom:40px;}
  
  .sy_js .js_zs .swiper-button-prev{display:none;}
  
  .sy_js .js_zs .swiper-button-next{display:none;}
  
  .sy_js .js_zs .swiper-pagination{display:block;}
  
  .sy_js .js_zs .swiper-slide{padding:15px;}
  
  .sy_js .n_r{padding:20px; box-shadow:0 5px 15px 0 rgba(95,125,158,.1);}
  
  .sy_js .m_z{font-size:28px; color:#000; 
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s; padding-top:15px}
  
  .sy_js .m_z h1{ font-size:16px; margin-bottom:10px}
  
  .sy_js .m_z p{ font-size:14px; color:#555}
  
  
  
  .sy_js .t_x{width:100px; height:100px; float:left;}
  
  .sy_js .t_x img{width:100%; height:auto; display:block;}
  
  .sy_js .w_z p{font-size:14px; line-height:24px; color:#777;}
  
  
  
  }
  
  .nline{ border-bottom:#eee 1px solid;}
  
  .ndh ul{ display: flex;   justify-content:center;   }
  
  
  
  .ndh ul li a{ display:block; line-height:80px; font-size:17px; padding:0 30px;transition:all 0.6s; position:relative}
  
  
  
  .ndh ul li a:hover{  color:#EA5514; transition:all 0.6s}
  
  
  
  .ndh ul li.on a{background:#EA5514; color:#fff;}
  
  
  
  .ndh ul li a:after{display:block; content:''; position:absolute; left:15%; width:50%;opacity: 0; height:2px; background-color:#a867ed; bottom:-1px;transition: .4s; z-index:2}
  
  .ndh ul li a.on:after,.ndh ul li a:hover:after{opacity: 1;left: 0;width: 100%;}
  
  
  
  
  
  .hui2{ background:#fff; padding:80px 0}
  
     .hezuo ul{ position:relative; margin:0 -10px}
  
    .hezuo ul li{ float:left; width:20%; box-sizing:border-box; padding:10px; text-align:center; }
  
    .hezuo ul li i{ display:block; width:100%; border:#e1e1e1 1px solid;background:#fff; padding-bottom:50%; position:relative; box-sizing:border-box;transition:all 0.6s;}
  
    .hezuo ul li i img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%)}
  
    .hezuo ul li p{ display:block; line-height:40px; color:#666; font-size:14px}
  
      .hezuo ul li:hover i{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); transition:all 0.6s;}
  
    
  
    @media only screen and (max-width:992px){
  
        .hezuo ul li p{ display:block; line-height:25px; color:#666; font-size:12px}
  
        .hezuo ul{ position:relative; margin:0 -5px}
  
        .hezuo ul li{ float:left; width:33.33%; box-sizing:border-box; padding:5px; text-align:center}
  
        
  
        
  
  .ndh  {
  
    overflow-x: auto;
  
    margin-bottom: 0;
  
  }
  
  .ndh  ul {
  
    display: flex;
  
    white-space: nowrap; justify-content:left;   
  
  }
  
  .ndh ul li a { padding:0 10px; font-size:14px;line-height: 60px; }
  
    }
  
    @media only screen and (max-width:500px){
  
  
  
        .hezuo ul li{ float:left; width:50%; }
  
        .hezuo ul li img{ width:100%}
  
    }
  
  
  
  
  
  
  
  
  
  @media (max-width:992px) {
  
  .hui2{ background:#f7f7f7; padding:10px 0 20px}
  
  
  
  }
  
  
  
      
  
  .wenhua{ height:auto; overflow:hidden; padding:80px 0}
  
  .wenhua ul{8}
  
  .wenhua ul li{ width:23.5%;  box-sizing:border-box; background:#f8f8f8; padding-bottom:15px; float:left; margin-right:2%; margin-bottom:2%}
  
  .wenhua ul li:nth-child(4n){margin-right:0; }
  
  .wenhua ul li img{ width:100%; height:auto}
  
  .wenhua ul li h3{ display:block; margin:10px 20px; margin-top:30px; box-sizing:border-box; font-size:20px; font-weight:bold; text-align:center; color:#333}
  
  .wenhua ul li em{ display:block; width:40px; height:3px; background:#a867ed; margin:15px auto  }
  
  .wenhua ul li p{ display:block; margin:10px 20px; font-size:18px; line-height:30px; color:#555; text-align:center}
  
  
  
  
  
  @media only screen and (max-width:768px){
  
      
  
      .tuwen{ font-size:14px; line-height:25px; margin-bottom:20px; color:#333}
  
      .wenhua{ height:auto; overflow:hidden; padding:20px 0}
  
  
  
      .wenhua ul{ display:block; width:100%; margin:0 auto}
  
      .wenhua ul li{ width:100%;  box-sizing:border-box; background:#f8f8f8; padding-bottom:15px; margin-bottom:15px}
  
      
  
      
  
      .wenhua ul li h3{ display:block; margin:10px; font-size:16px; }
  
  
  
  .wenhua ul li p{ display:block; margin:10px; font-size:14px; line-height:24px; color:#666; text-align:center}
  
  
  
  }
  
  
  
  .tuwen {
  
    background: #fff;
  
    padding: 50px;
  
    box-sizing: border-box;
  
    font-size: 16px;
  
    line-height: 35px;
  
    color: #333;
  
  }
  
  .tuwen img{ max-width:100%; height:auto; display:block; margin:0 auto}
  
  
  
  .tuwen h1{ display:block; font-size:20px; display:inline-block; font-weight:600; line-height:40px; color:#a867ed}	
  
  .tuwen p{ padding-bottom:20px }
  
  .nhui{ background: url(../images/img9.png) no-repeat center / cover fixed;; overflow:hidden; padding-bottom:100px}
  
  .nmain{ width:80%; margin:70px auto;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2);}
  
  .nmain1{ width:80%; margin:70px auto 0;}
  
  @media only screen and (max-width:1600px){
  
  .nmain{ width:90%; margin:70px auto;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2);}
  
  .nmain1{ width:90%; margin:70px auto 0;}
  
      
  
  }
  
  .huanjing ul{position:relative; margin:0 -10px; overflow:hidden; margin-top:20px;}
  
  .huanjing ul li{ float:left; width:25%; padding:10px; box-sizing:border-box}
  
  .huanjing ul li .bgpic{ width:100%; padding-bottom:67%; position:relative}
  
  .huanjing ul li .bgpic img{ position:absolute; width:100%; height:100%;object-fit: cover}
  
  .huanjing ul li .bgpic p{ display:block; width:100%; position:absolute; bottom:0; left:0; background:rgba(164,202,57,0.7); z-index:2; text-align:center; color:#fff; font-size:16px; padding-bottom:0}
  
  @media only screen and (max-width:992px){
  
  .tuwen{ padding:20px; font-size:14px; line-height:25px}
  
  .huanjing ul{position:relative; margin:0 -5px; overflow:hidden; margin-top:20px;}
  
  .huanjing ul li{ float:left; width:50%; padding:5px; box-sizing:border-box}
  
  
  
  .tuwen h1{ display:block; font-size:18px}
  
  
  
  .nmain{ width:96%; margin:20px auto;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2);}
  
  .nmain1{ width:90%; margin:20px auto 0;}
  
  
  
  }
  
  
  
  .indexNews {
  
    position: relative;
  
    overflow: hidden; padding:60px 0  ; background:#fff
  
  }
  
  
  
  /* .indexNews img.bj {
  
    position: absolute;
  
    bottom: -40%;
  
    left: 0;
  
    display: block;
  
    width: 100%;
  
    height: auto;
  
    opacity: 0.4;
  
    z-index: -1;
  
  } */
  
  .indexNews main { height:auto; overflow:hidden; padding-bottom:10px}
  
  .indexNews main a {
  
    width: 32%;
  
    margin-right: 2%;
  
    background: rgba(153,153,153,0.1);
  
    padding: 20px 20px;
  
    margin-top: 14px; float: left;box-shadow: 0 0 30px rgba(0,0,0,0.05); margin-bottom:20px
  
  }
  
  
  
  .indexNews main a:hover {
  
    background: url(../images/newsbj2.png) no-repeat bottom;
  
    background-size: cover;
  
    color: #fff;
  
  }
  
  
  
  .indexNews main a:nth-child(3n) {
  
    margin-right: 0;
  
  }
  
  
  
  .indexNews main a .time {
  
    width: 20%;
  
    background: url(../images/newsBjdian.png) no-repeat bottom left; height:100px;
  
   float:left
  
  }
  
  .indexNews main a .time p{ padding-bottom:5px; color:#666}
  
  .indexNews main a .txt {
  
  
  
    -webkit-box-flex: 1;
  
    -moz-box-flex: 1;
  
    -webkit-flex: 1;
  
    -ms-flex: 1;
  
    flex: 1; float:right; width:80%
  
  }
  
  
  
  .indexNews main a .time strong {
  
    font-size: 20px;
  
  }
  
  
  
  .indexNews main a .txt h2 {
  
    font-weight: bold;
  
    line-height: 32px;
  
    overflow: hidden;
  
    text-overflow: ellipsis;
  
    display: -webkit-box;
  
    -webkit-box-orient: vertical;
  
    -webkit-line-clamp: 1; margin-bottom:5px;font-size: 18px;
  
  }
  
  
  
  .indexNews main a .txt p {
  
    overflow: hidden;
  
    text-overflow: ellipsis;
  
    display: -webkit-box;
  
    -webkit-box-orient: vertical;
  
    -webkit-line-clamp: 3; line-height:24px
  
  }
  
  
  
  .indexNews main a:hover p {
  
    color: rgba(255, 255, 255, 0.8);
  
  }
  
  
  
  @media (max-width: 1199px) {
  
  
  
    .indexNews main a,
  
    .indexNews main a:nth-child(3n) {
  
      width: 49%;
  
      margin-right: 2%;
  
    }
  
  
  
    .indexNews main a:nth-child(2n) {
  
      margin-right: 0;
  
    }
  
  
  
    .indexNews main a .txt {
  
      padding-left: 15px;
  
    }
  
  }
  
  
  
  @media (max-width: 767px) {
  
  .indexNews {
  
    position: relative;
  
    overflow: hidden; padding:20px 0  ;  
  
  }
  
    .indexNews main a,
  
    .indexNews main a:nth-child(3n) {
  
      width: 100%;
  
      margin-right: 0;
  
    }
  
    .indexNews main a .txt h2 {
  
    font-weight: bold;
  
    line-height: 32px;
  
    overflow: hidden;
  
    text-overflow: ellipsis;
  
    display: -webkit-box;
  
    -webkit-box-orient: vertical;
  
    -webkit-line-clamp: 1; margin-bottom:5px;font-size: 16px;
  
  }
  
  }
  
  
  
  @media (max-width: 539px) {
  
    .indexNews main a {
  
      padding: 10px 10px; margin-bottom: 0px;
  
    }
  
  
  
    .indexNews main a .time {
  
      width: 54px;
  
    }
  
  
  
    .indexNews main a .time strong {
  
      font-size: 18px;
  
    }
  
  }
  
  
  
  .indexMore {
  
    position: relative;
  
    display: block;
  
    width: 240px;
  
    margin: 20px auto 0;
  
    text-align: center;
  
    border: solid 4px #a867ed;
  
    line-height: 50px;
  
    border-radius: 30px;
  
    color: #a867ed; font-size:16px
  
  }
  
  
  
  .indexMore:hover {
  
    background-color: #a867ed;
  
    color: #fff;
  
  }
  
  
  
  .indexMore::after,
  
  .indexContact form button::after {
  
    content: "";
  
    position: absolute;
  
    width: 0;
  
    height: 0;
  
    left: 50%;
  
    top: 50%;
  
    border-radius: 50%;
  
    background-color: rgba(129, 173, 4, 1);
  
    opacity: 0.2;
  
  }
  
  
  
  .indexMore:hover:after,
  
  .indexContact form button:hover:after {
  
    width: 160px;
  
    height: 160px;
  
    margin-left: -80px;
  
    margin-top: -80px;
  
    opacity: 0;
  
    transition: all 0.5s;
  
  }
  
  
  
  
  
  .e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}
  
  .e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;
  
  transform:translate(-50%,-50%);
  
  -webkit-transform:translate(-50%,-50%);
  
  -moz-transform:translate(-50%,-50%);
  
  -ms-transform:translate(-50%,-50%);
  
  -o-transform:translate(-50%,-50%);}
  
  .e_m .n_r img{width:100%; height:auto; display:block;}
  
  .e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}
  
  @media only screen and (max-width:992px){
  
  .e_m .n_r{width:230px; padding:15px;}
  
  .e_m .n_r p{font-size:15px;}
  
  
  
  .indexMore {
  
    position: relative;
  
    display: block;
  
    width: 140px;
  
    margin: 20px auto 0;
  
    text-align: center;
  
    border: solid 4px #a867ed;
  
    line-height: 40px;
  
    border-radius: 25px;
  
    color: #a867ed; font-size:14px
  
  }
  
  }
  
  
  
  .pc_kf{width:50px; position:fixed; right:20px; bottom:30px; z-index:99999;}
  
  .pc_kf .nr{font-size:18px; text-align:center; line-height:50px; margin-bottom:10px; position:relative;}
  
  .pc_kf .tel{width:160px; background-color:#a867ed; font-size:18px; line-height:50px; color:#fff; position:absolute; top:0; right:-160px; opacity:0;}
  
  .pc_kf .nr:hover .tel{right:56px; opacity:1;
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .pc_kf .ewm{width:130px; padding:10px 10px 0; background-color:#a867ed; position:absolute; bottom:0; right:-180px; opacity:0;}
  
  .pc_kf .ewm img{width:100%; height:auto; display:block; margin-bottom:10px;}
  
  .pc_kf .ewm p{font-size:14px; color:#fff; line-height:16px; margin-bottom:10px;}
  
  .pc_kf .nr:hover .ewm{right:56px; opacity:1;
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .pc_kf .nr a{display:block; width:50px; height:50px; box-shadow:0 0 10px #ddd;  background-color:#fff; border-radius:5px; overflow:hidden;}
  
  .pc_kf .nr i{color:#333;}
  
  .pc_kf .nr i.icon-aui-icon-qq{font-size:30px;}
  
  .pc_kf .nr i.icon-weixin{font-size:23px;}
  
  .pc_kf .nr i.icon-icon{font-size:30px; vertical-align:middle;}
  
  .pc_kf .fh{width:50px; height:50px; border-radius:5px; background-color:#a867ed; text-align:center; line-height:50px; color:#fff; cursor:pointer;}
  
  .pc_kf .fh i{font-size:20px; font-weight:300;}
  
  @media only screen and (max-width:992px) {
  
  .pc_kf{right:10px; bottom:10px;}
  
  }
  
  @media only screen and (max-width:640px){
  
  .pc_kf{width:100%; background-color:#a867ed; position:fixed; right:0; bottom:0;}
  
  .pc_kf .nr{width:33%; border-right:1px solid rgba(255,255,255,.6); font-size:20px; background:none; box-shadow:none; margin-bottom:0; float:left;}
  
  .pc_kf .tel{display:none;}
  
  .pc_kf .ewm{display:none;}
  
  .pc_kf .nr a{display:block; width:100%; border-radius:0; background-color:#a867ed; box-shadow:none;}
  
  .pc_kf .nr i{color:#fff;}
  
  .pc_kf .nr a:hover i{color:#fff;}
  
  .pc_kf .fh{width:33%; box-shadow:none; font-size:22px; float:left;}
  
  }
  
  
  
  .ny_nr .al_lb{ position:relative; z-index:99; height:auto; overflow:hidden}
  
  .ny_nr .al_lb ul{margin:0 -20px;}
  
  .ny_nr .al_lb ul li{width:calc(33.333333333% - 40px); margin:0 20px 40px; float:left}
  
  .ny_nr .fa_nr{transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .ny_nr .cp_lb .fa_nr{border:1px solid #ddd;}
  
  .ny_nr .fa_nr:hover{box-shadow:0 0 20px rgba(0,0,0,.1);
  
  transform:translateY(-10px);
  
  -webkit-transform:translateY(-10px);
  
  -moz-transform:translateY(-10px);
  
  -ms-transform:translateY(-10px);
  
  -o-transform:translateY(-10px);}
  
  .ny_nr .fa_nr .t_p{overflow:hidden; background-color:#000; position:relative;}
  
  .ny_nr .fa_nr .t_p span{width:140px; height:40px; border:1px solid #fff; border-radius:22px; font-size:15px; line-height:38px; text-align:center; color:#fff; position:absolute; top:50%; left:50%; margin:-20px 0 0 -70px; opacity:0; z-index:999; display:block;
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .ny_nr .fa_nr:hover .t_p span{opacity:1;}
  
  .ny_nr .fa_nr:hover .t_p span:hover{border:1px solid #a867ed; background-color:#a867ed;}
  
  .ny_nr .fa_nr .t_p img{width:100%; height:auto; display:block;
  
  transition:all 1s;
  
  -o-transition:all 1s;
  
  -ms-transition:all 1s;
  
  -moz-transition:all 1s;
  
  -webkit-transition:all 1s;}
  
  .ny_nr .fa_nr:hover .t_p img{opacity:.4;
  
  transform:scale(1.05);
  
  -webkit-transform:scale(1.05);
  
  -moz-transform:scale(1.05);
  
  -ms-transform:scale(1.05);
  
  -o-transform:scale(1.05);}
  
  .ny_nr .fa_nr .w_z{padding:20px 20px 25px; background-color:#f7f7f7; position:relative;
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;box-sizing:border-box ; width:100%}
  
  .ny_nr .fa_nr:hover .w_z{background-color:#fff;}
  
  .ny_nr .fa_nr .w_z:after{width:0; height:4px; background-color:#a867ed; position:absolute; bottom:0; left:0; content:"";
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .ny_nr .fa_nr:hover .w_z:after{width:100%;}
  
  .ny_nr .fa_nr .w_z h3{font-size:18px; font-weight:bold; line-height:30px; text-align:left; margin-bottom:10px}
  
  .ny_nr .fa_nr .w_z p{font-size:14px; line-height:26px; color:#999; height: auto; overflow:hidden; display:-webkit-box;
  
  line-clamp:2;
  
  -webkit-line-clamp:2;
  
  -moz-line-clamp:2;
  
  -ms-line-clamp:2;
  
  -o-line-clamp:2;
  
  -webkit-box-orient:vertical;}
  
  @media only screen and (max-width:992px){
  
  .ny_nr .al_lb ul li{width:100%; margin:0 20px 20px; float:none}
  
  .ny_nr .fa_nr .w_z h3{font-size:16px; font-weight:bold; line-height:30px; text-align:left; margin-bottom:10px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
  
  .ny_nr .fa_nr .w_z p{font-size:14px; line-height:26px; color:#999; height: auto; overflow:hidden; display:-webkit-box;
  
  line-clamp:2;
  
  -webkit-line-clamp:2;
  
  -moz-line-clamp:2;
  
  -ms-line-clamp:2;
  
  -o-line-clamp:2;
  
  -webkit-box-orient:vertical; width:90%}
  
  
  
  }
  
  
  
  .yema{width:100%;  padding-top:50px; text-align:center;}
  
  .yema ul li{display:inline-block; margin:0 2px;}
  
  .yema ul li a{min-width:40px; padding:0 15px; border-radius:2px; background-color:#fff; border:1px solid #eee; font-size:16px; line-height:38px; text-align:center; color:#999; display:block;}
  
  .yema ul li a:hover{background-color:#a867ed; border:1px solid #a867ed; color:#fff;}
  
  .yema ul li a.on{background-color:#a867ed; border:1px solid #a867ed; color:#fff;}
  
  @media only screen and (max-width:1440px){
  
  .yema{padding-top:40px; margin-top:20px;}
  
  .yema ul li a{min-width:36px; padding:0 10px; font-size:14px; line-height:34px;}
  
  }
  
  @media only screen and (max-width:1024px){
  
  .yema{margin-top:20px;}
  
  }
  
  @media only screen and (max-width:992px){
  
  .yema{margin-top:10px;}
  
  .yema ul li{margin:0 2px;}
  
  .yema ul li:first-child(2){display:none;}
  
  .yema ul li:last-child(2){display:none;}
  
  .yema ul li a{min-width:30px; padding:0 10px; height:30px; font-size:12px; line-height:28px;}
  
  }
  
  @media only screen and (max-width:320px){
  
  .yema ul li{margin:0 1px;}
  
  .yema ul li a{padding:0 6px;}
  
  }
  
  
  
  .sy_cj{width:100%;   overflow:hidden; margin-bottom:50px}
  
  .sy_cj img{ width:80% ; margin:0 auto}
  
  .sy_cj .row{margin:0 -5px;}
  
  .sy_cj .col-4{padding:0 5px;}
  
  .sy_cj .col-6{padding:0 5px;}
  
  .sy_cj .col-12{padding:0 5px;}
  
  .sy_cj .t_p{margin-bottom:10px; position:relative; overflow:hidden;}
  
  .sy_cj .t_p:after{width:0; height:0; position:absolute; top:50%; left:50%; background-color:rgba(164,202,57,.5); content:"";
  
  transform:translate(-50%,-50%);
  
  -webkit-transform:translate(-50%,-50%);
  
  -moz-transform:translate(-50%,-50%);
  
  -ms-transform:translate(-50%,-50%);
  
  -o-transform:translate(-50%,-50%);
  
  transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .sy_cj .t_p:hover:after{width:100%; height:100%;} 
  
  .sy_cj .t_p img{width:100%; height:auto; display:block;
  
  transition:all 1s;
  
  -webkit-transition:all 1s;
  
  -moz-transition:all 1s;
  
  -ms-transition:all 1s;
  
  -o-transition:all 1s;}
  
  .sy_cj .t_p:hover img{transform:scale(1.1);
  
  -webkit-transform:scale(1.1);
  
  -moz-transform:scale(1.1);
  
  -ms-transform:scale(1.1);
  
  -o-transform:scale(1.1);}
  
  .sy_cj .w_z{width:90%; position:absolute; top:55%; left:5%; margin-top:-18px; font-size:16px; color:#fff; text-align:center; line-height:36px; z-index:9; opacity:0;
  
  transition:all .5s .5s;
  
  -o-transition:all .5s .5s;
  
  -ms-transition:all .5s .5s;
  
  -moz-transition:all .5s .5s;
  
  -webkit-transition:all .5s .5s;}
  
  .sy_cj .t_p:hover .w_z{opacity:1; top:50%;}
  
  @media only screen and (max-width:992px){
  
  .sy_cj{padding:60px 0;}
  
  .sy_cj{width:100%;   overflow:hidden; margin-bottom:0px}
  
  .sy_cj img{ width:100% ; margin:0 auto}
  
  }
  
  @media only screen and (max-width:640px){
  
  .sy_cj{padding:40px 0;}
  
  }
  
  
  
  
  
  
  
  .cp_xq{width:100%; padding:50px 0; overflow:hidden;}
  
   
  
  .cp_xq .cp_zs{float:left; width:40%}
  
  .cp_xq .cp_dt{box-shadow: 0 0 10px #ddd;}
  
  .cp_xq .cp_dt img{width:60%; height:auto; display:block; margin:20px auto}
  
  .cp_xq .cp_js h1{font-size:32px; line-height:46px; color:#000; border-bottom:1px solid #eee; padding-bottom:30px; margin:30px 0;}
  
  .cp_xq .cp_js { float:right; width:55%}
  
  .cp_xq .cp_js p{font-size:16px; line-height:34px; color:#333;}
  
  .cp_xq .cp_js .j_s{font-size:18px; line-height:40px; color:#555; padding-top:10px;margin-bottom:30px }
  
  .cp_xq .cp_js .j_s ol{padding-left:20px;}
  
  .cp_xq .cp_js .j_s ol li{list-style:disc !important;}
  
  .cp_xq .cp_cs a{display:inline-block; margin-top:20px; background-color:#a867ed; font-size:16px; line-height:46px; color:#fff; padding:0 30px; margin-right:10px;border-radius:4px } 
  
  
  
  .cp_xq .cp_js .r_t1{margin-top:27px}
  
  .cp_xq .cp_js .r_t1 ul li{float:left; position:relative; width:36px; height:36px; line-height:36px; background:rgba(153,102,0,.2) ;border-radius: 50%; text-align:center; margin-left:10px}
  
  .cp_xq .cp_js .r_t1 ul li:hover{background:rgba(153,102,0,.5) }
  
  .cp_xq .cp_js .r_t1 ul li i{ font-size:18px}
  
  .cp_xq .cp_js .r_t1 ul li a{ color:#a867ed}
  
  @media only screen and (max-width:990px){
  
  .cp_xq{padding:40px 10px;}
  
  .cp_xq .row{margin:0 -15px;}
  
  .cp_xq .col-12{padding:0 15px;}
  
  .cp_xq .cp_js h1{font-size:26px; line-height:36px; padding-bottom:20px; margin:35px 0 20px;}
  
  .cp_xq .cp_js p{font-size:15px; line-height:30px;}
  
  .cp_xq .cp_js .j_s{line-height:30px; margin-top:20px; padding-top:20px;}
  
  .cp_xq .cp_zs{float:none; width:96%; margin:0 auto}
  
  .cp_xq .cp_js { float:none; width:96%; margin:0 auto}
  
  }
  
  @media only screen and (max-width:640px){
  
  .cp_xq{padding:30px 5px;}
  
  .cp_xq .cp_js h1{font-size:18px; line-height:28px; padding-bottom:8px; margin:15px 0 5px;}
  
  .cp_xq .cp_js p{font-size:14px; line-height:28px;}
  
  .cp_xq .cp_js .j_s{font-size:14px; line-height:28px; margin-top:10px; padding-top:10px;}
  
  .cp_xq .cp_cs a{display:inline-block; margin-top:10px; background-color:#a867ed; font-size:14px; line-height:40px; color:#fff; padding:0 20px; } 
  
  .cp_xq .cp_js .r_t1 ul li{float:left; position:relative; width:36px; height:30px; line-height:30px; background:none ;border-radius: 50%; text-align:center; margin-left:0}
  
  
  
  }
  
  
  
  .gallery-cpzs{margin-top:20px;}
  
  .gallery-cpzs .swiper-slide{border:1px solid #e7e7e7; cursor:pointer;
  
  box-sizing:border-box;
  
  -webkit-box-sizing:border-box;
  
  -moz-box-sizing:border-box;
  
  -ms-box-sizing:border-box;
  
  -o-box-sizing:border-box;}
  
  .gallery-cpzs .swiper-slide.active{border:1px solid #ee5a50;}
  
  .gallery-cpzs .swiper-slide img{width:100%; height:auto; display:block;}
  
  @media only screen and (max-width:640px){
  
  .gallery-cpzs .swiper-slide{width:28%;}
  
  }
  
  
  
  .sbj1{ height:auto; overflow:hidden; padding:0 0 180px;  }
  
  .tup2{ float:left; width:50%; text-align:center}
  
  .wz2{ float:right; width:50%; margin-top:5%}
  
  .wz2 h1{ font-size:36px; color:#333; font-weight:bold; margin-bottom:20px}
  
  .wz2 p{ font-size:20px; line-height:36px; color:#666}
  
  .cplb li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; text-align: center;}
  
  .cplb li img{ max-width:50%;transition:all .5s;
  
  -o-transition:all .5s;
  
  -ms-transition:all .5s;
  
  -moz-transition:all .5s;
  
  -webkit-transition:all .5s;}
  
  .cplb li:hover img{transform:rotateY(180deg);
  
  -webkit-transform:rotateY(180deg);
  
  -moz-transform:rotateY(180deg);
  
  -ms-transform:rotateY(180deg);
  
  -o-transform:rotateY(180deg);}
  
  .cplb li:nth-child(4n){margin-right:0; }
  
  
  
  .biaot{ background:#f5f7fa; line-height:50px; border-left:#a867ed 5px solid; font-size:24px; font-weight:bold; padding-left:20px}
  
  .zhengwen h1{ margin-top:20px; font-size:20px;; font-weight:bold;line-height:60px }
  
  .zhengwen p{ font-size:16px; line-height:30px}
  
  
  
  @media only screen and (max-width:9992px){
  
  .sbj1{ height:auto; overflow:hidden; padding:0 0 100px;  }
  
      
  
  .biaot{ background:#f5f7fa; line-height:40px; border-left:#a867ed 5px solid; font-size:18px; font-weight:bold; padding-left:20px}
  
  .zhengwen h1{ margin-top:20px; font-size:18px;; font-weight:bold;line-height:40px }
  
  .zhengwen p{ font-size:14px; line-height:26px}
  
  .cplb{ margin-top:20px}
  
  .cplb li{ float:left; width:49%; margin-right:2%; margin-bottom:2%}
  
  .cplb li:nth-child(2n){margin-right:0; }	
  
  }
  
  
  
  .detailDiv .articleDiv .hd .title{font-size: 30px;color: #333333;font-weight: bold;}
  
  
  
  .detailDiv .articleDiv .hd .smTit{display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #666666;border-top: 1px solid #e6e6e6;padding-top: 18px;margin-top: 20px;}
  
  
  
  .detailDiv .articleDiv .hd .smTit span{display: inline-block;padding-left: 18px;}
  
  
  
  .detailDiv .articleDiv .hd .smTit span.user{background: url(../images/user.png) no-repeat left center;text-transform: uppercase;margin-right: 30px;}
  
  
  
  .detailDiv .articleDiv .hd .smTit span.date{background: url(../images/time1.png) no-repeat left center;margin-right: 30px;}
  
  
  
  .detailDiv .articleDiv .hd .smTit span.hits{background: url(../images/hits.png) no-repeat left center;}
  
  
  
  .detailDiv .articleDiv .hd .smTit span.news{background: url(../images/news.png) no-repeat left center;margin-right: 20px;}
  
  
  
  .detailDiv .articleDiv .bd {text-align: center;margin-top: 40px; }
  
  
  
  .detailDiv .articleDiv .bd p{font-size: 16px;color: #333333;line-height: 1.8;text-align: left;}
  
  
  
  .detailDiv .otherPage{border-top: 1px solid #e6e6e6;padding-top: 20px;margin-top: 30px; }
  
  
  
  .detailDiv .otherPage>div{margin-top: 10px;color: #999999;}
  
  
  
  .detailDiv .otherPage>div a{color: #333;}
  
  
  
  .detailDiv .otherPage>div a:hover{color: #4281df;}
  
  @media (max-width:1024px){
  
      /* .detailDiv {padding:20px 0;} */
  
  .detailDiv .articleDiv .hd .title{font-size: 18px;}
  
  .detailDiv .articleDiv .hd .smTit span.user{display: none;}
  
  }