xh-boxxh-boxxh-boxxh-boxxh-boxxh-boxxh-boxxh-boxxh-boxxh-boxxh-boxxh-boxxh-boxxh-box
body{background: #fff;}
img{ width: 100%}
/** Ã©Â¦â€“Ã©Â¡Âµ */

.fl{float:left}
.fr{ float:right}

.mgt-10{ margin-top:10px}
.mgb-10{ margin-bottom:10px}

.fz-14{font-size: 14px}
.fz-20{font-size: 20px}
.fz-26{font-size: 26px}
.fz-32{font-size: 32px}
.b{ font-weight:800}
.graybg{ background:#e6e6e4; padding: 20px 0; overflow: hidden }
.gray{color: #929395}

.graytwobg{background:#333333; padding: 20px 0; overflow: hidden}


/* Ã¨Â®Â¾Ã§Â½Â®Ã¦Â»Å¡Ã¥Å Â¨Ã¥â€ºÂ¾Ã¥Â®Â¹Ã¥â„¢Â¨Ã§Å¡â€žÃ¥Â®Â½Ã¥ÂºÂ¦Ã¥â€™Å’Ã©Â«ËœÃ¥ÂºÂ¦ */
.scroll-container {width: 100%; height:500px;}

/* Ã¨Â®Â¾Ã§Â½Â®Ã¦Â»Å¡Ã¥Å Â¨Ã¥â€ºÂ¾Ã¥Â®Â¹Ã¥â„¢Â¨Ã¥â€ â€¦Ã§Å¡â€žÃ¥â€ºÂ¾Ã§â€°â€¡Ã¦Â Â·Ã¥Â¼Â */
.scroll-container img { width: 100%; height: 100%; object-fit: cover;}

/* Ã¥Å“Â¨Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯Ã¨Â®Â¾Ã§Â½Â®Ã¥â€ºÂ¾Ã§â€°â€¡Ã¨â€¡ÂªÃ©â‚¬â€šÃ¥Âºâ€ */
@media screen and (max-width: 992px) {
	.scroll-container img {object-fit: contain;}
	.xh-boxb{width:80%; height: auto; overflow: hidden}
	.xh-boxb img{ width: 100%}
	.xh-boxc{padding-right:0px!important}
	.zxfl{ margin:20px 0px!important}
	.zxfl a span{ font-size: 12px!important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    .xh-hy-boxart{padding:20px 0 20px 0px!important}
	.xiehuia img{margin: 20px 0 0 0!important;width: 100%!important;}
	.xiehuib{width: 100%!important;}
	.xh-hy-fl{ text-align:left!important; padding-right: 0px!important; padding-top: 20px}
	
	.footerlf{ text-align:center!important}
	.footerlf p{color: #929395; font-size: 14px; line-height: 35px;}
	.footerrt{border-left:0!important; border: 0!important; text-align: center!important}
	.footerrt img{margin-left: none;margin: 20px auto!important;display: block;width: 40%!important;}
	.new-listhd {padding: 20px 0 20px 0!important;}
	.qy-cpbox .a{height: 130px!important}
	.tl-hezuo .a{height: 30px!important}
	
	
}

.hy-logo{ padding-top:0px}
.hy-logo img{ width:90%}
.hy-navlist{font-size:16px}
.hy-navlist a{ width: 85px; height:40px; line-height:40px; display: inline-block; text-align: center; position: relative; color:#fff  }
.hy-navlist a.active{border-radius:50px; background: #fff; color:#284974}
.hy-navlist a.zhongd{color: #489b23; border:1px solid #284974; border-radius:5vw}


 .slider-container {
      width: 100%;
      overflow: hidden;
    }

    .slider {
      display: flex;
      animation: slide-left 10s linear infinite;
    }

    .slider img {
      width: 100%;
      height: auto;
    }

    @keyframes slide-left {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-100%);
      }
    }


.xh-box{ margin-top:20px; margin-bottom: 20px; }
.xh-box img{width:90%; margin:0 auto}
.xh-boxa{}
.xh-boxb{width: 370px; height: 170px; overflow: hidden}
.xh-boxb img{display: block; margin: 20px 0; }
.xh-boxc{ padding-right:70px; }
.xh-boxc ul{ line-height: 30px}
.xh-boxc ul li{ white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis; height: 30px}

.ggbox{width:100%}
.ggbox img{ width: 100%}
.green{color:#57a533!important}




/*Ã©Â¦â€“Ã©Â¡ÂµÃ¥Â¯Â¼Ã¨Ë†ÂªÃ¨Â·Å¸Ã©Å¡ÂÃ¥Â¼â‚¬Ã¥Â§â€¹*/

.container { display: flex;  align-items: center;  justify-content: space-between; padding: 20px 0; }
.fixed-nav { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 999; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

/*Ã©Â¦â€“Ã©Â¡ÂµÃ¥Â¯Â¼Ã¨Ë†ÂªÃ¨Â·Å¸Ã©Å¡ÂÃ§Â»â€œÃ¦ÂÅ¸*/


.xh-hy{}
.xh-hy-fl{ text-align: right; padding-right: 20px}
.xh-hy-fl a{ font-size: 14px; color: #929395; line-height:30px; height: 30px;display:inline-block; padding:0 20px}
.xh-hy-fl a:hover{ background: #e3f4db; border-radius:30px; color:#489b23}
.xh-hy-fl .active{ background: #e3f4db; border-radius:30px; color:#489b23}


.xh-hy-boxa{ margin: 30px 0 0}
.xh-hy-boxalf{}
.xh-hy-boxalf img{ width: 100%}
.xh-hy-boxart{padding:0px 0 20px 20px}
.xh-hy-boxart p.b{white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis; height:20px; margin-right:70px}
.xh-hy-boxart p.gray{ height:35px; margin-top: 10px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size:12px;margin-right:70px}

 


/*Ã¤Â¼ËœÃ§Â§â‚¬Ã¤ÂºÂºÃ§â€°Â©Ã¦Â»Å¡Ã¥Å Â¨Ã¥Â¼â‚¬Ã¥Â§â€¹*/
#demo {
      overflow: hidden;
      padding: 2px;
      position: relative;
    }

    #demo1 {
      white-space: nowrap;
      padding: 0;
      display: inline-block;
    }

    #demo1 a {
      display: inline-block;
      text-align: center;
      margin: 20px;
    }

    #demo1 img {
      height: 170px;
      width: 170px;
      border: 0;
      border-radius: 50%;
    }

    #demo1 span {
      display: block;
      line-height: 50px;
      height: 50px;color: #929395
    }

    #prev,
    #next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      color: #000;
      text-align: center;
      line-height: 30px;
      cursor: pointer;
      z-index: 1;
    }
 #prev img{ width:20px;height:30px;}
    #next img{ width:20px;height:30px;}
    #prev {
      left: 10px;
    }

    #next {
      right: 10px;
    }

/*Ã¤Â¼ËœÃ§Â§â‚¬Ã¤ÂºÂºÃ§â€°Â©Ã¦Â»Å¡Ã¥Å Â¨Ã§Â»â€œÃ¦ÂÅ¸*/


.zxfl{ margin:30px 0px}
.zxfl a{display:inline-block; width:22%; text-align: center}
.zxfl a img{  width:70%;margin:auto; border: 0; border-radius: 50%;}
.zxfl a span{ display: block;  line-height: 40px; height: 40px;color: #929395; font-size: 14px}


.fbdt{}
.fbdt img{display: block;margin: 20px 10% 0 0;width: 80%;}

.xiehuia{margin:30px 0px 10px 0}
.xiehuia img{display: block;margin: 20px 10% 0 0;width: 90%;}
.xiehuib{line-height: 26px; color: #929395; font-size: 14px;width: 90%;text-indent:2em}

.footer{padding:30px 0}
.footerlf{ text-align: left}
.footerlf p{color: #929395; font-size: 14px; line-height: 35px; padding-left:50px;}
.footerrt{ border-right:1px solid #929395; text-align:right; }
.footerrt img{margin-right:10%; width:20%}


/*Ã¦â€“Â°Ã©â€”Â»Ã¥Ë†â€”Ã¨Â¡Â¨*/

.mbx{ font-size: 14px; margin: 40px 0 }
.mbx span{ padding: 0 10px; display: inline-block}

.ny-nav{ background: #f3f6f9; border-radius:10px; font-size: 20px; padding:20px 0  }
.ny-nav a{display: block; width:80%; line-height:70px; height: 70px;padding-left:20% }
.ny-nav a.active{ color:#57a533; position: relative}
.ny-nav a.active::before{content: "";
  position: absolute;
  top: 25px;
  right:40px;
  width: 10px;
  height: 18px;
  background-image: url('../img/yjt.png');
  background-size: cover;}

.ny-nav a:hover{ color:#57a533; position: relative}
.ny-nav a:hover::before{content: "";
  position: absolute;
  top: 25px;
  right:40px;
  width: 10px;
  height: 18px;
  background-image: url('../img/yjt.png');
  background-size: cover;}



.new-listhd{ border-bottom: 2px solid #f4f4f4; font-size: 26px; padding: 80px 0 20px 0; font-weight: 800}
.new-listboxa{ margin:60px 0}
.new-listboxa .pp{height: 170px;overflow: hidden;border-radius: 10px;}
.new-listboxa .pp img{border-radius:10px; }
.new-listboxa .tt{}
.new-listboxa .tt p{}
.new-listboxa .tt p.a{ font-size: 20px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;  margin:0 0 15px 0; font-weight: 800}
.new-listboxa .tt p.ab{ line-height: 25px; margin:0 0 40px 0}
.new-listboxa .tt p.ab a{color: #929395; }
.new-listboxa .tt p.c{color: #929395; font-size: 12px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.new-listboxa .tt p.c span{ padding-right: 20px}

.new-listboxa .tt p.c a{padding:5px 20px; margin:10px 10px 0 0;  background: #e3f4db; border-radius:30px; color:#489b23;font-size: 14px;  }

.newsinfo{padding:30px 0}
.newsinfo  p.c{color: #929395; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.newsinfo  p.c span{ padding-right: 20px}
.newsinfo  p.c a{padding:5px 20px; margin:10px 10px 0 0;  background: #e3f4db; border-radius:30px; color:#489b23;font-size: 14px;  }


.newsinfoct{ line-height: 35px; font-size: 16px}
.newsinfoct p{text-indent: 2em}

.newsinfoct img{ max-width: 100%;display: block; margin: 20px auto}


.qyj-listbox{}
.qyj-listboxa{}
.qyj-listboxa a{display: inline-block;text-align: center;margin: 20px 5%;width: 22%;}

.qyj-listboxa img {/* height: 170px; *//* width: 170px; */border: 0;border-radius: 50%;}
.qyj-listboxa span {  display: block;  line-height: 50px; height: 50px;color: #929395; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}




.hdxc-listbox{}
.hdxc-listboxa{}
.hdxc-listboxa a{display: inline-block;text-align: center;margin: 20px 5%;width: 22%;}

.hdxc-listboxa img {/* height: 170px; *//* width: 170px; */border: 0;border-radius: 5%;}
.hdxc-listboxa span { display: block; line-height: 50px; height: 50px;color: #929395; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  }




.xh-hy-fla{/* text-align: right; */padding-right: 20px; padding:20px; border:2px solid #f4f4f4; border-radius:0 0 20px 20px}
.xh-hy-fla a{ font-size: 14px; color: #929395; line-height:30px; height: 30px;display:inline-block; padding:0 20px; margin:0 0 20px }
.xh-hy-fla a:hover{ background: #e3f4db; border-radius:30px; color:#489b23}
.xh-hy-fla .active{ background: #e3f4db; border-radius:30px; color:#489b23}







/*企业网站*/

.t-center{ text-align: center; margin-bottom: 50px}
.qy-box{ margin-top:80px; margin-bottom: 40px; text-align: center }
.qy-boxa{position: relative; color: #284974}
.qy-boxa::before{content:"";width: 70px;height: 3px;border-radius:10px;position: absolute;top:45px;left: 48%;background: #5489ce;}

.tl-jja{ padding:30px 0px; font-size:26px; color: #333333; line-height:30px; height: 30px; font-weight: 800 }
.tl-jjb{  padding:30px  0px 20px 0px; font-size:14px; color: #333333; line-height:26px; height:130px;color: #929395; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  }
.tl-jjc{ padding:0px 20px; font-size:14px; color: #fff; line-height:40px; height: 40px; background:#284974; border:0}
.tl-jjd{ width:90%; margin:30px 0 0}


.qy-cpbox{ margin: 10px auto 50px;    width:80%;    padding: 0 10px 20px;    background: #fff;    border-radius: 15px;    box-shadow: 0px 10px 10px #e7e7e7;}
.qy-cpbox .a{ width: 100%;  height:270px;  margin-bottom: 10px;  border-radius: 15px 15px 0 0;  overflow: hidden;}
.qy-cpbox .a img{}
.qy-cpbox .b{font-size:20px;font-weight: bold;margin-bottom: 10px;/* height: 40px; */margin: 0 20px 20px;color: #333333;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.qy-cpbox .c{ font-size:14px;  color: #999;line-height:22px;margin:10px 20px; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.qy-cpbox .d{  font-size:14px; padding:0 20px;color: #5489ce;}


.qy-gy{ width: 80%; display: block; margin: 30px auto 20px}

.qy-gy-60{ width: 60%; display: block; margin: 30px auto 20px}


.qy-box-n{ margin-top:80px; margin-bottom: 40px; text-align: center }
.qy-boxa-n{ color: #333333}

.tl-jianjiebox{ color:#a9a5a5;font-size:14px; line-height:36px; margin-bottom: 50px}
.tl-jianjiebox p{padding: 0 10%;text-indent: 2em}
.tl-jianjiebox p.a{padding: 0 10%; text-align: center; text-indent:0}
.tl-jianjiebox p span{color: #284974; font-weight: 800}

.fz-16{font-size: 16px}

.tl-hezuo{ width: 10%; margin:30px 2% 0px; float:left; }
.tl-hezuo .a{ width: 100%;  height:70px;  margin-bottom: 10px;  border-radius: 15px;  overflow: hidden;box-shadow: 0px 10px 10px #e7e7e7;}
.tl-hezuo .a img{width:50%; margin:0 auto; display:block}
.tl-hezuo p{ margin:20px auto; line-height:24px; font-size:14px;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.tl-hezuott{ margin: 50px 0; overflow: hidden}
.tl-hezuott p{width: 33%; text-align: center; font-size: 14px; color: #a9a5a5;float: left; margin: 10px 0 }








