/* CSS Document */

/*头部位置样式--区分首页与内页*/


.header{ z-index: 10;   width:100%; margin:0px auto; position: relative;  }
.header .top{padding:0px 15px; width: 100%; box-sizing: border-box;display: flex; display: -webkit-flex;flex-direction:row; justify-content:space-between;align-items:center;}
.header .top .logo{ }

.nav{ z-index: 19;}
.nav_fixed{z-index:10;background-color:rgba(0,0,0,1); padding: 0px; position: fixed;}

.bgf9{ background: #f9f9f9;}



.logo img{ width:auto;    max-height: 30px; max-width: 100%;}

/*导航栏*/

.menu li .lv1m{color:#4a4a4a; }
.menu li .lv1m:hover,.menu li .cur{ color:#9bd620}
.m_con{display: flex; display: -webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center; color:#4a4a4a; padding-bottom:10px;}
.m_con p{font-weight:bolder}
.m_con .m_sub{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; box-sizing: border-box; }
.m_con .m_sub div{  padding: 6px 10px; box-sizing: border-box; text-align: center;}
.m_con .m_sub div:hover,.m_con .m_sub div.cur{ background: #9bd620;}
.m_con .m_sub a{color:#666666;  display: block; width: 100%;   box-sizing: content-box;line-height:1.5;}
.m_con .m_sub .yycur a b{color:#666666; font-weight: normal;}
.m_con .m_sub a.cur,.m_con .m_sub a:hover{border:none;  }
.m_con .m_sub div:hover a,.m_con .m_sub div.cur a{ color: #ffffff; padding-top: 0px; box-sizing: content-box; }

.menu li:not(:hover) > .down_box > * {visibility: hidden; height: 0;padding-top: 0;padding-bottom: 0;margin: 0;z-index:3;}



@media (max-width: 575.98px) {
	.m_con .m_sub div{}
}
@media (max-width: 991.98px) {
  .header{  z-index: 19; background-color:rgba(0,0,0,1);}
  .header .top{ height:60px;}
  
  .down_box{ display: none;}
  .menu li .lv1m:hover .down_box{ display: block;}
  
  .m_ic{display:block; width:70px; height:55px; cursor:pointer; padding-top:15px;}
  .ic_c{background: url(../img/ic_c.png) no-repeat right 0px top 20px ; background-size:20px 20px;}
  .ic_m{background: url(../img/ic_m.png) no-repeat right 0px top 20px ; background-size:20px 20px;}
  
  .menu{position:absolute; top:60px; left:0px; display:none; width:100%; background:rgba(255,255,255,1); padding:0px 15px; border-bottom: 2px solid #ececec; z-index: 19;}
  .menu li{ width:100%; text-align: left; border-bottom:1px solid #ececec;}
  .menu li:last-child{ border-bottom: none;}
  .menu li .lv1m{line-height:2; display:flex;  font-size:0.875rem;padding-left:10px; padding-top: 5px; flex-direction: column; align-items:flex-start; justify-content: space-between; }
  .menu li .lv1m a{ display: block; width: 100%;}
  .menu li .cur a{font-weight:bolder; color: #9bd620;}
  
  .m_con{ }
  .m_con p{ width:80px; padding-left:10px;}
  .m_con .m_sub{padding-left:15px;}
  .m_con .m_sub div{  padding: 2px 10px; border: 1px solid #f1f1f1; margin-top: 3px; margin-right: 3px;}
  .menu li .m_con .m_sub a{  font-size:0.75rem;  padding-left:0px; font-weight: normal;color: #666666;}
  .m_con .m_sub div:hover a,.m_con .m_sub div.cur a{ color: #ffffff;}
} 
  
@media (min-width: 992px) {
  .header{ padding: 0px 0px;background-color:rgba(0,0,0,1);}
  .nav_fixed{padding: 0px;}
  .logo img{  height: 32px;}
  .nav{ width: 100px; flex-grow: 2; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
  .m_ic{ display:none;}

  .menu{ display:flex;flex-direction:row; justify-content:space-between; align-items: center;}
  .menu li{ position: relative;}
  .menu li .lv1m{ display:inline-block; font-size:0.875rem;}
  .menu li .cur a{  color: #ffffff; background: url(../img/ic_xb.png) no-repeat bottom 0px center;}
  .menu li .cur .m_sub a{  color: #666666; background: none;}
  .menu li .lv1m:hover,.menu li .cur{  }
  
  .z1m{ display: block;  padding:0px 30px;height:50px; display: flex; flex-direction: row; align-items: center; color: #ffffff; }
  .lv1m a:not([href]):not([tabindex]){ color:#ffffff ;}
  .z1m:hover,.cur .z1m{ color: #ffffff; background: url(../img/ic_xb.png) no-repeat bottom 0px center;}

  .down_box{ position:absolute; top:50px; left:0px; width:100%;  /*background:url(../img/bg1.png) repeat-x;*/ z-index: 2;  box-sizing: border-box;  opacity: 0;filter:Alpha(opacity=0);transition: all 0.6s linear; height: 0; overflow: hidden; }

  .menu li .lv1m:hover > .down_box{  opacity:1;filter:Alpha(opacity=100); height: 300px;border-radius: 3px;}
  
  .m_box{ width:100%; padding:0px 0px; margin:0px auto; /*margin-top:90px;*/}
  
  .m_con{padding-bottom:0px;}
  .m_con p{ width:100px; font-size:0.875rem;}
  .m_con .m_sub{ flex-direction: column; align-items: center;}
  .m_con .m_sub div{ width: 100%; border-bottom: 1px solid #f2f2f2; text-align: left; padding-left: 15px;background:rgba(255,255,255,1);}
  .m_con .m_sub div:hover,.m_con .m_sub div.cur{ background:rgba(255,255,255,1);}
  .menu li .m_con .m_sub a{   font-size:0.75rem;  padding-left:0px; padding-right:0px; font-weight: normal;}
  .m_con .m_sub a.cur,.m_con .m_sub a:hover{  padding-left:0px; padding-right:0px; }
  .m_con .m_sub div:hover a,.m_con .m_sub div.cur a,.m_con .m_sub div:hover a b{ color: #9bd620; }
}


@media (min-width: 1660px) {
  .header{ padding: 0px 0px;}
  .nav_fixed{padding: 0px;}
  .header .top{  margin: 0px auto;}
  .nav_fixed .logo img{  }
  .menu li .lv1m{ color:#4a4a4a; font-size:1rem;}
  .menu li .lv1m:hover,.menu li .cur{ }
  
  .z1m{ padding:0px 50px; }
  .z1m:hover,.cur .z1m{}
  
  .down_box{ }
  .m_con .m_sub div{padding-top: 8px; padding-bottom: 8px;}
  
  .menu li .m_con .m_sub a{ font-size:0.875rem; }
}

.tc_ss{  display: none;width: 32px; height: 32px; background-image:url(../img/ic_ss1.png); background-repeat: no-repeat; background-size: 28px 28px; background-position: center; padding: 8px 0px; box-sizing: content-box;}
@media (min-width: 992px) {
	.tc_ss{background-image:url(../img/ic_ss.png);background-size: 32px 32px; display: block; margin-left:20px}
}
@media (min-width: 1660px) {
	.tc_ss{ margin-left:33px}
}

/*产品下拉导航*/
.p_m{}
.pmbox{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; width: 100%;  padding: 10px 10px;}
.p_m .p_sub{width: auto; padding-left: 8px; padding-right: 8px; flex-grow: 1;}
.p_m .p_sub div{width: auto; min-width: 112px; padding-bottom: 5px;}
.p_m .p_sub div.cur a{ color: #9bd620;background-position: top center;}
.p_m .p_sub div a{ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;font-size: 12px; padding-top: 40px; background-size:auto 36px; background-position: top center; background-repeat: no-repeat;transition: all .2s linear; width: 100%; font-weight: bold;}
.p_m .p_sub.pm1 div a{ background-image: url(../img/pm1.png);  cursor: default;}
.p_m .p_sub.pm1 div a:hover,.p_m .p_sub.pm1 div.cur a{background-image: url(../img/pm1h.png);}
.p_m .p_sub.pm2 div a{ background-image: url(../img/pm2.png);cursor: default;}
.p_m .p_sub.pm2 div a:hover,.p_m .p_sub.pm2 div.cur a{background-image: url(../img/pm2h.png);}
.p_m .p_sub.pm3 div a{ background-image: url(../img/pm3.png);cursor: default;}
.p_m .p_sub.pm3 div a:hover,.p_m .p_sub.pm3 div.cur a{background-image: url(../img/pm3h.png);}
.p_m .p_sub.pm4 div a{ background-image: url(../img/pm4.png);cursor: default;}
.p_m .p_sub.pm4 div a:hover,.p_m .p_sub.pm4 div.cur a{background-image: url(../img/pm4h.png);}
.p_m .p_sub.pm5 div a{ background-image: url(../img/pm5.png);cursor: default;}
.p_m .p_sub.pm5 div a:hover,.p_m .p_sub.pm5 div.cur a{background-image: url(../img/pm5h.png);}

.p_m .p_sub p a{ margin-top: 5px;  border: 1px solid #e1e1e1; padding:3px  7px; display: block; width: 100%;font-size: 12px;}
.p_m .p_sub p a.cur{border: 1px solid #9bd620; color: #ffffff; background:#9bd620;}

@media (min-width: 576px){
.p_m .p_sub{ }
.p_m .p_sub  div a{ font-size: 14px;padding-top: 58px;background-size:auto 50px;}
}


@media (min-width: 992px){
.p_m{ position: absolute; top: 50px; left: -340px; width: 790px; background: #ffffff; padding: 0px 40px; z-index: 1;opacity: 0;filter:Alpha(opacity=0);transition: all 0.5s linear; height:0px;  border-radius: 3px; overflow: hidden;}
.pmbox{padding: 15px 25px;}
.menu .ptab:hover .p_m{opacity:1;filter:Alpha(opacity=100); height:318px;}


.p_m .p_sub div a{ font-size:0.75rem;padding-top: 48px;background-size:auto 40px;}
.p_m .p_sub div.cur a{ background-size:auto 40px;}

}

@media (min-width: 1660px){
.p_m  { left: -412px;width: 1000px; padding: 0px 60px;}/*内容880px*/
.pmbox{padding: 15px 30px;}
.menu .ptab:hover .p_m{height:370px; }
.p_m .p_sub div{ padding-bottom: 10px;}
.p_m .p_sub div a{ font-size: 1rem;padding-top: 73px;background-size:auto 65px;}
.p_m .p_sub div.cur a{background-size:auto 65px;}
.p_m .p_sub p a{margin-top: 10px;font-size: 14px;}
}


.fj-main{ width: 100%;}

.fj-cut{ width: 100%; display: flex; flex-direction: row; justify-content:center; align-items: center;}
.fj-cut .fldh{ width:100%; display: flex; flex-direction: row; justify-content:space-between; align-items: center;}
.fj-cut .fldh p{ text-align: center; width:33%; text-align: center; background-image: url(../img/pm1.png); background-repeat: no-repeat; background-position: center top; background-size: auto 35px; padding-top: 42px; cursor: pointer;}
.fj-cut .fldh p.on{  color: #9bd620; background-image:url(../img/pm1h.png);}
.fj-cut .fldh p:nth-child(2){background-image: url(../img/pm2.png);}
.fj-cut .fldh p:nth-child(2).on{  color: #9bd620; background-image:url(../img/pm2h.png);}
.fj-cut .fldh p:last-child{background-image: url(../img/pm3.png);}
.fj-cut .fldh p:last-child.on{  color: #9bd620; background-image:url(../img/pm3h.png);}
@media (min-width: 576px){
	.fj-cut .fldh p{background-size: auto 35px; padding-top: 42px;}
}
@media (min-width: 768px){
	.fj-cut .fldh p{background-size: auto 40px; padding-top: 45px;}
}
@media (min-width: 992px){
	.fj-cut .fldh p{background-size: auto 40px; padding-top: 45px;}
}
@media (min-width: 1660px){
	.fj-cut .fldh p{background-size: auto 50px; padding-top: 55px;}
}

.fj-con{ width: 100%;}
.fj-con .content{ display: flex; flex-direction: row; flex-wrap:wrap; align-items: center; justify-content: space-between; width: 100%;}
.fj-con .content img{ width: 100%;}

@media (min-width:768px) {

}

@media (min-width:992px) {
	.fj-main{  width: 100%;}

	.fj-con .content{height:100%; }
}
.fj-con{ margin-top: 10px;}
.hdp7{ position: relative;}
.hdp7 .swiper-button-next,.hdp7 .swiper-button-prev{width:20px;height:20px;background-size:20px 20px ; margin-top: -10px; top: 50%;}
.hdp7 .swiper-button-next{background-image:  url(../img/ic_next7.png); right: -20px;}
.hdp7 .swiper-button-prev{background-image: url(../img/ic_prve7.png); left: -20px; }

.hdp7 .swiper-slide{ width: 100%; box-sizing: border-box; padding: 8px; border: 1px solid #f3f3f3; border-radius: 5px;}
.hdp7 .swiper-slide img{ width: 85%; height: 110px; border-radius: 5px;object-fit: cover; margin: 0px auto;}
@media (min-width:576px) {
	.hdp7 .swiper-slide img{ height: 130px;}
	.hdp7 .swiper-button-next,.hdp7 .swiper-button-prev{    }
}
@media (min-width:992px) {
	.hdp7 .swiper-button-next{ right: -40px;}
	.hdp7 .swiper-button-prev{ left: -40px; }
}
@media (min-width:1230px) {
	
	.hdp7 .swiper-slide img{ height: 150px;}
	.hdp7 .swiper-button-next,.hdp7 .swiper-button-prev{   }
}




.hdp7 .swiper-slide p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 5px;}

/*首页轮播图*/
.h_focus{ height: 380px;/*height: 260px;*/}
.h_focus .swiper-container {width: 100%;height: 100%;}
.h_focus .swiper-slide {
      background-position: center;
      background-size: cover;
      color:#000000;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0px 0px;
	  /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  width: 100%; height: 100%;
    }
.h_focus .swiper-slide a{ display: block; width: 100%; height: 100%;}
	
.h_focus .swiper-slide .slidebox{ width:100%; display: flex;flex-direction: row; align-items:center;height: 100%; margin: 0px auto;}
.h_focus .swiper-slide .pagebox{ padding-left:15px; box-sizing:border-box;font-size: 2rem; line-height: 1.6;width:100%;}
.h_focus .swiper-slide .pagebox .img{ margin-bottom: 30px;}
.h_focus .swiper-slide .pagebox .title{ padding-left: 0px;   display: inline-block; width: 61.7%; max-width: 736px;}
.h_focus .swiper-slide .pagebox .title sub{ color: #1779bc;}
.h_focus .swiper-slide .pagebox .title img{ width: 100%; height: auto;}

.h_focus .swiper-container-horizontal>.swiper-pagination-bullets { display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 15px;}


.h_focus .swiper-pagination-bullet{width:auto;height: 20px;display:inline-block;border-radius:0px; opacity:1; background:none; color: #ffffff; text-align: left; padding: 0px 6px; box-sizing: border-box;}
.h_focus .swiper-pagination-bullet-active{opacity:1;  background: none; display: block;  }

.h_focus .swiper-button-next,.h_focus .swiper-button-prev{ width:34px;height:34px; z-index:9;cursor:pointer;background-size:34px 34px ; background-repeat: no-repeat; margin-top: -17px; display: none;}
.h_focus .swiper-button-next{background-image:url(../img/ic_next3.png); left:auto;right:10px; }
.h_focus .swiper-button-prev{background-image:url(../img/ic_prev3.png);left:10px;right:auto;}

.h_focus .swiper-container:hover .swiper-button-next,.h_focus .swiper-container:hover .swiper-button-prev{ display: block;}

.h_focus .swiper-pagination-bullet-active{width: 100px; position: relative; height: 20px;height:auto;background: none; color: #9bd620;}
.h_focus .swiper-pagination-bullet-active:after{border:1px solid #9bd620; position: absolute; top:50%; left: 30px; width: 70px; height: 2px;content: ""; margin-top: -1px;}

@media (min-width: 576px) {
	.h_focus{ height: 500px;}
}

@media (min-width: 768px) {
	
.h_focus{ height: 550px;}
.h_focus .swiper-slide .slidebox{ width:750px;}
.h_focus .swiper-slide .pagebox{padding-left:0px;}
.h_focus .swiper-slide .pagebox .title{ letter-spacing:5px}
}

@media (min-width: 992px) {
  .h_focus{ height: 650px;}
   .h_focus .swiper-slide .slidebox{ width:960px;}
   .h_focus .swiper-slide .pagebox .title{ }
}

@media (min-width: 1230px) {
  .h_focus{ height: 950px;}
  .h_focus .swiper-slide .slidebox{ width:1200px;}
  .h_focus .swiper-slide .pagebox .title{ }
  .h_focus .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px;}
  .h_focus .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0px 6px;}
  .h_focus .swiper-pagination-bullet-active{width: 186px;}
  .h_focus .swiper-pagination-bullet-active:after{  left: 17%; width: 83%;  }
}





.btn2{display: inline-block;  font-size: 12px; letter-spacing: 0px;border: 2px solid #9bd620;cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 5px 10px; background:#9bd620; color: #ffffff;}
.btn2:hover{background-color: #fff;color: #9bd620;}

.btn3{display: inline-block;  letter-spacing: 0px; cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 5px 100px 5px 20px; background:url(../img/ic_jt2.png) #9bd620 no-repeat right 35px center; color: #ffffff;}
.btn3:hover{background:url(../img/ic_jt3.png) #ffffff no-repeat right 35px center;color: #9bd620;}

.btn4{display: inline-block;  letter-spacing: 0px; cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 2px 12px;  color: #666666; border: 1px solid #666666;}
.btn4:hover{background:#9bd620;color: #ffffff;border: 1px solid #9bd620;}

.btn5{display: inline-block;  font-size: 12px; letter-spacing: 0px;border: 2px solid #9bd620;cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 2px 10px; background:#9bd620; color: #ffffff; border-radius: 5px;}
.btn5:hover{background-color: #fff;color: #9bd620;}

.btn7{display: inline-block;  font-size: 14px; letter-spacing: 0px; cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 0px 0px 0px 38px; background: url(../img/ic_xb.png) no-repeat left center; background-size: 32px 6px; }
.btn7:hover{background-color: #fff;color: #9bd620;}


/*首页关于我们*/
.atbox{ /*background: url(../img/ic_lo.png) no-repeat bottom left; background-size: 54% auto;*/}
.tsbgpic{ background: url(img/h_pt1.jpg) no-repeat center ; background-size: cover;}
@media (max-width:767.98px) {
	.tsbgpic{ height:250px ; margin-top: 15px;}
}
.atcon img{ width: 60%; max-width: 424px;}
.atcon h4{ font-weight: bold;}
.atcon .enfont{ line-height: 1; font-weight: lighter; color: #9bd620;}
.atcon .text p{ line-height: 2;}
.atbox .col-md-8{ display: flex; flex-direction: column; justify-content: space-between;align-items: center;}

@media (min-width:768px) {
	.atbox .col-md-8{ padding-right: 30px;}
}
@media (min-width:992px) {
	.atbox .col-md-8{  flex-direction: row; justify-content: space-between;align-items: center;padding-right: 15px;}
	.atcon{ width: 100%;  padding-right: 50px;}
	.atcon h4{ font-size: 1.375rem;}
	.btn7{font-size: 16px;line-height: 1;padding: 0px 0px 0px 48px;background: url(../img/ic_xb.png) no-repeat left center; background-size: 42px 10px;}
}

.y_nf{ display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end;}
.y_nf span{ display: inline-block; line-height: 1.35; border: 2px solid #9bd620; font-weight: bold; padding: 0px 2px;margin-right: 15px;}
.y_nf b{ display: block; text-align: left;}
@media (min-width:992px) {
}
@media (min-width:1230px) {
	.y_nf span{margin-right: 23px;}
	.btn7.mg-t40{ margin-top: 52px;}
}

.fbar{  width: 100%; background: url(../img/h_line.png) no-repeat left bottom; background-size: auto 1px;}
.fbar .col-12{ background: url(../img/h_line.png) no-repeat left bottom; background-size: 20px 1px; background-color: #f8f8f8;}
.fbar span{ display: inline-block; background: url(../img/h_line.png) no-repeat left bottom; background-size: auto 1px; line-height: 1;}

/*首页案例展示*/
.casebox{ background: #f8f8f8;}
.zimg{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: rgba(0,0,0,0.5);transition: all .5s linear; opacity: 0; border-radius: 0%; transform: translate(-50%,-50%); display: flex; flex-direction: row; justify-content: center; align-items: center;}
.zimg span{ display: inline-block; width:35px; height: 35px; background: url(../img/h_ic.png) no-repeat center; background-size: 100% 100% ;transform:scale(0);transition: all .4s linear;}

@media (min-width:1230px) {
	.zimg span{width:56px; height: 56px;}
}
.casebox li:hover .img_s img{ transform:scale(1.1);}
.casebox li:hover .zimg{opacity: 1;}
.casebox li:hover .zimg span{opacity: 1;transform:scale(1);}

.casebox .text{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; line-height: 2.7;  border-bottom: 1px solid #e8e8e8;position: relative;}
.casebox .text::after{ position: absolute; bottom: 0; left: 0px; height: 1px; width: 0%;transition: width 0.5s ease-in; background: #9bd620;z-index: 2;content: '';}
.casebox li:hover .text::after{  width: 100%; background: #9bd620; }
.casebox li .img_s{overflow: hidden;}
.casebox li .img_s img{-webkit-transition: all .5s linear;-moz-transition: all .5s linear;transition: all .5s linear; }


/*新闻展示*/
.hdp1_1 .swiper-container{padding-bottom: 50px;}
.nynews li a,.hdp1_1 a{display: block; width: 100%;transition: all .5s linear;}
.newbox .fbar .col-12{background-color: #ffffff;}
.newbit{ background: #f3f3f3; position: relative; width: 100%;}
.newbk{background: #f3f3f3; height: 1px;transition: all .5s linear;}
.newbit .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center;transition: all .5s linear; padding: 0px 30px; box-sizing: border-box;}
.newbit .zztu{position: absolute;top: 0;left: 0;width: 100%;height: 100%; z-index: 2; background: rgba(0,0,0,0.5); opacity: 0;transition: all .5s linear;}
.newbit .img_s{ overflow: hidden;}
.newbit img{  z-index: 1;opacity: 0;transition: all .5s linear; }
.newbtn{ width: 100%;  padding: 0px 30px;  color: #999999; box-sizing: border-box;background-color: #f3f3f3;}
.newbtn span{ display: block; width: 100%;font-size: 14px;line-height: 55px;  border-top: 1px solid #e8e8e8;transition: all .5s linear;background: url(../img/h_jt1.png) no-repeat left -80px center; background-size: 30px 30px;}

.newbit .text .time{ padding: 8px 0px 20px; font-size: 14px; color: #999999; width: 100%; box-sizing: border-box;transition: all .5s linear;}
.newbit .text .time span{ font-size: 22px; padding-right: 5px;}
.newbit .text h6{ margin: 0px; color: #000000;width: 100%; box-sizing: border-box;transition: all .3s linear;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;/*行数*/-webkit-box-orient: vertical;  }
.newbit .text p{ margin: 12px 0px 8px 0px; color: #999999;width: 100%; box-sizing: border-box;transition: all .5s linear;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;/*行数*/-webkit-box-orient: vertical;}

.nynews li a:hover .newbk,.hdp1_1 a:hover .newbk{ background: #000000;}
.nynews li a:hover .text,.hdp1_1 a:hover .text{ justify-content: flex-start; }
.nynews li a:hover .text .time,.hdp1_1 a:hover .text .time{ color: #FFFFFF;}
.nynews li a:hover .text h6,.hdp1_1 a:hover .text h6{color: #FFFFFF;}
.nynews li a:hover .text p,.hdp1_1 a:hover .text p{color: #FFFFFF;}
.nynews li a:hover .newbit img,.hdp1_1 a:hover .newbit img{ opacity: 1;transform: scale(1.2);}
.nynews li a:hover .newbit .zztu,.hdp1_1 a:hover .newbit .zztu{opacity: 1;}
.nynews li a:hover .newbtn span,.hdp1_1 a:hover .newbtn span{background: url(../img/h_jt1.png) no-repeat right center; background-size: 30px 30px;}

@media (min-width:576px) {
	.newbit .text{padding: 0px 30px;}
}
@media (min-width:768px) {
	
}
@media (min-width:992px) {
	
}
@media (min-width:1230px) {
	.hdp1_1 .swiper-container{padding-bottom: 100px;}
	.newbk{ height: 45px; }
	.newbtn span{line-height: 95px; background-size: 47px 47px;}
	.hdp1_1 a:hover .newbtn span{ background-size: 47px 47px;}
}

.nynews{ width: 100%;display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap;justify-content: space-between;}
.nynews::after{content: ''; width: 32%;}
.nynews li{ width: 100%;padding: 8px 0px;}
@media (min-width:576px){
	.nynews li{ width: 48.5%;padding: 8px 0px;}
}
@media (min-width:768px){
	.nynews li{ padding: 11px 0px;}
}

@media (min-width:992px){
	.nynews li{ width: 32%; padding: 9px 0px;}
}

@media (min-width:1230px){
	.nynews li{ padding: 12px 0px;}
}





/*底部样式*/
.foot{ background: #f5f5f5; color: #999999;}
.foot span.fts18{ color: #000000;}
.flogo{width:40%;  }
.tel{ padding-left: 10px; border-left: 2px solid #e70012;}

.foot .col-md-3{ align-items:center; display:flex;  flex-direction:row; justify-content:center;}

@media (min-width: 576px) {
	.flogo{ width: auto;}
	
}

.ftic{ display: flex; flex-direction: row; justify-content:flex-start; align-items: center; flex-wrap: wrap;}
.ftic li{ width: 40px; height: 40px; padding: 7px; box-sizing: border-box; border-radius: 50%; background: #c1c1c1; margin-top: 8px; margin-right: 15px; position: relative;}
.ftic li .icimg{ display: none;}
.ftic li:hover{cursor: pointer;}
.ftic li:hover .icimg{ position: absolute; top: 0; height: auto; left: 50%; margin-top: -105px; display: block; margin-left: -50px; z-index: 2;}
.ftic li .icimg img{ width:100px; height:auto; border-radius: 4px;}
.ftic li img{   height:auto; object-fit: cover;   width: 100%;}
.foot .fts14{ line-height: 1.8;}


.ftmenu{ display:  flex; flex-direction: row; justify-content:flex-start; align-items:flex-start; flex-wrap: wrap;}
.ftmenu li{ flex-direction: column; align-items:flex-start; justify-content: center; display: flex; margin-right: 30px;}
.ftmenu li b{ font-size: 14px; padding-bottom: 6px; background: url(../img/line.png) no-repeat bottom left; margin-bottom: 3px; }
.ftmenu li a{ font-size: 12px; color: #fefefe; padding: 2px 0px; background: url(../img/dot2.png) no-repeat left center; padding-left: 14px;}

@media (min-width: 768px) {
	.foot .col-md-3{justify-content: flex-end;}
}
@media (min-width: 992px) {
	.ftmenu li b{ font-size: 16px;padding-bottom: 10px;margin-bottom: 5px;}
	.ftmenu li a{ font-size: 14px;padding: 3px 0px;padding-left: 14px;}
}
@media (min-width: 1230px) {
	.ftmenu li b{ font-size: 18px;}
	
	.ftmenu{justify-content:flex-end;}
}
.lxinfo{ display:flex; flex-direction: row; justify-content:flex-start; align-items: center; flex-wrap: wrap;}
.lxinfo span{ margin-right: 50px;}
 
 
 
 
 
 
 
 
 
 
 

/*右侧悬浮*/
@media (max-width: 991.98px){
.h_icon{ display: none;}
}
.h_icon{ position: fixed; bottom:90px; right:10px; z-index:15}
.h_icon .ic_ov{ height:50px; margin-top:10px; position:relative; cursor: pointer;}
.h_icon .ic_on{ height:50px; line-height:50px; padding-right:20px; text-align: right; padding-left: 15px; position:absolute; top:0px; right:0px; border-radius:25px; color:#FFF; width:auto; box-sizing:border-box; display:inline-block; min-width:150px;}
.h_icon .tel{ background:url(../img/ic_y4h.png) #9bd620 no-repeat left 15px center; font-size:24px; width: 230px;}
.h_icon .email{ background: url(../img/ic_y1h.png) #9bd620 no-repeat left 15px center;width: 185px; font-size: 18px;}
.h_icon .email a{ color: #ffffff;}
.h_icon .ewm{background: none;height:100px; padding-right:0px; padding-left: 0px;   top:-25px; right:60px; border-radius:0;  width:100px; display:inline-block; min-width:100px;}
.h_icon .ewm img{ width: 100px; height: 100px;}
.h_icon .ic_cur{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 50px; height: 50px; border: 1px solid #dcdcdc; border-radius: 50%; box-sizing: border-box; background-color: #ffffff;}

.ic_ov:not(:hover) > .ic_on{ display:none; height: 0; line-height:0;padding-top: 0;padding-bottom: 0;margin: 0;z-index:16;}

/*返回顶部*/
#gotop{ z-index:20; bottom:30px;_margin-bottom:30px;
    width:50px;height:50px;position:fixed;right:10px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); background: #ffffff; border: 1px solid #dcdcdc; border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center;box-sizing: border-box;}



/* pages */
.pages {padding:40px 40px;text-align: center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 0px solid;padding:3px 5px;text-decoration:none;}
.pages a:hover {background:#9bd620;border:#9bd620 0px solid;color:#FFFFFF;padding:3px 5px;text-decoration:none;}
.pages strong {background:#9bd620;padding:3px 5px;border:#9bd620 0px solid;color:#FFFFFF;border-radius:2px;margin-top: 10px; display:inline-block;}
.pages_inp {width:30px;border:#DDDDDD 1px solid;color:#666666;padding:2px;text-align:center; display: none;}
.pages_btn {width:26px;border:#FF6600 1px solid;color:#FFFFFF;padding:1px;background:#FF6600;font-weight:bold;font-size:11px; display: none;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:3px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal; display: block; margin-top: 0.15rem; display: none;}
.pages a{  border-radius:2px;word-wrap:break-word;margin-top: 10px; display:inline-block; margin-left: 2px; margin-right: 2px;}
.pages a.no_pn{ color: #ffffff;  }
.pages a.no_pn:hover{ color: #ffffff;background:#ffffff;border:#ffffff 0px solid;color:#FFFFFF;}
.pages a.no_prev{ background-image: url(../img/pg_p1n.png);background-position: center; background-repeat: no-repeat;}
.pages a.no_next{ background-image: url(../img/pg_p2n.png);background-position: center; background-repeat: no-repeat;}
.pages a.no_prev:hover{ background-image: url(../img/pg_p1.png);background-position: center; background-repeat: no-repeat; }
.pages a.no_next:hover{ background-image: url(../img/pg_p2.png);background-position: center; background-repeat: no-repeat;}


.nyban{ height: 176px;}
.position{position: relative; z-index: 2; margin-top: -30px;}
.posnav{  width: 100%; padding: 0px 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content:center; align-items:flex-start; background: #fafafa; height: 60px;border-radius: 30px; color: #999999; font-size: 12px;}
.posnav a{color:#999999;}
.posnav a:hover{color: #9bd620;}
.posfl{ order: 2;margin-top: 5px;font-size: 14px;}
.posno{ height: 1px; line-height: 1; overflow: hidden;}
.poscn{ }
.posfl a{ margin-right: 20px; }
.posfl a.cur{ color: #9bd620; background: url(../img/line1.png) no-repeat left center; padding-left: 20px;}
.poscn a.cur{ color: #000000;}

@media (min-width: 768px) {
	.posnav{ flex-direction: row; justify-content: space-between;align-items: center;font-size: 14px;}
	
	.position{margin-top: -20px;}
	.posnav{padding: 0px 20px 0px 30px;height: 40px;border-radius: 20px;}
	.posfl{ order: 0; margin-top: 0px;}
	.posfl a{ margin-right: 30px; }
}
@media (min-width: 992px) {
	.position{margin-top: -25px;}
	.posnav{padding: 0px 25px 0px 40px;height: 50px;border-radius: 25px;}
	.posfl a{ margin-right: 40px; }
}
@media (min-width: 1230px) {
	
	.position{margin-top: -30px;}
	.posnav{padding: 0px 30px 0px 60px;height: 60px;border-radius: 30px;}
	.posfl a{ margin-right: 60px; }
}


.lxcon{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-self: stretch; background: #f1f1f1;}
.lxcon li{ width:100%; padding: 0px 15px;}
.lxcon li:first-child{ color: #ffffff; background: #9bd620; }
.lxcon li b{ display: block; margin-bottom: 9px;}
@media (min-width: 576px) {
	.lxcon li{ width:50%;}
	.lxcon li:first-child{width:100%;}
}
@media (min-width: 768px) {
	.lxcon li{  padding: 0px 30px;}
}

@media (min-width: 1230px) {
	.lxcon li{ width: 380px;box-sizing: border-box;  }
	.lxcon li:first-child{width:380px;}
	.lxcon li:last-child{ padding-left: 0px;}
}
.lxcon li:first-child div:first-child{background: url(../img/line2.png) no-repeat left bottom;}
.lxcon li div:first-child{ background: url(../img/line3.png) no-repeat left bottom;}

.htit b{ display: block; line-height: 1;}
.htit span{ display: block; background: url(../img/line4.png) no-repeat top left;}

.hatjj{ height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #999999;}

.qyculture{ height: 100%; width: 100%;display: flex; flex-direction:column; justify-content:space-between; align-items:flex-start; flex-wrap: wrap; box-sizing: border-box;}
.qyculture li{ width: 100%; margin-top: 15px; padding-left: 20px; box-sizing: border-box;}
.qyculture li b{ display: block; font-weight: normal; line-height: 2.8; background: url(../img/line4.png) no-repeat bottom left; background-size:11px 2px;}
.qyculture li p{ margin-top: 8px; color: #999999;}

.gslc{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start;}

.lcnr{ width: 60%; padding-right: 20px; box-sizing: border-box; flex-grow: 1;}
.lctit{ width: 20%;max-width:189px;}
.lctit img{  height: auto; width: 100%;}

.lcnr b{ font-size: 22px; margin-bottom: 0px; display: block;}
.lcnr p{color: #999999; display: block;}

@media (min-width: 576px) {
	.lcnr b{ font-size: 24px;}
}

@media (min-width: 768px) {
	.lcnr b{ font-size: 26px;}
}
@media (min-width: 992px) {
	.lcnr b{ font-size: 30px;}
}

@media (min-width: 1230px) {
	.lcnr b{ font-size: 34px;}
}

.nynav{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;font-size: 12px;background: url(../img/lin5.jpg) repeat-x bottom 5px left;color: #999999;}
.nynav span{ padding-bottom: 20px; display: block; line-height: 2;}
.nynav li{ padding: 0px 10px 20px 10px; }
.nynav li a{ line-height: 2; display: block; padding: 0px 8px; border-radius:17px; color: #999999;}
.nynav li.cur a,.nynav li:hover a{ background:#9bd620; color: #ffffff;}
.nynav li.cur{ background: url(../img/dot.png) no-repeat bottom center; background-size: auto 26px;}

@media (min-width: 576px) {
	.nynav{background: url(../img/lin5.jpg) repeat-x bottom 6px left;font-size: 14px;}
	.nynav span{ padding-bottom: 40px; line-height: 2.5; }
	.nynav li{ padding: 0px 20px 40px 20px; }
	.nynav li a{ padding: 0px 17px; border-radius:17px;line-height: 2.5;}
	.nynav li.cur{ background: url(../img/dot.png) no-repeat bottom center; background-size: 13px 33px;}
}


@media (min-width: 992px) {
	.nynav{ font-size: 16px;}
	.nynav li a{ padding: 0px 26px; }
}

.anlcon{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.anlcon li{ width: 100%; }
.anlcon::after{ width: 380px;}

@media (min-width: 576px) {
	.anlcon li{ width: 48.5%; }
	.anlcon::after{width: 48.5%;}
}

@media (min-width: 992px) {
	.anlcon li{ width: 32%; }
	.anlcon::after{content: '';width: 32%;}
}



@media (min-width: 1230px) {
	.anlcon li{ width: 280px; }
	.anlcon::after{width: 280px;}
}

/*图层比例*/
.div_s{ width: 100%;  position: relative;padding-top: 100%; height: 100%; overflow: hidden;}
.sz9_10{padding-top: 94%;height: 0;}/**/

.div_s .bili{position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover;  }

.c_box{ position: relative; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;  }
.c_box img{ width: 100%; height: 80%; object-fit: cover; bottom: 8.4%; position: absolute; left: 0;transition: 0.5s;}
.c_box:hover img{bottom: 0%; top: auto;}

.c_tit{  background-color: #9bd620; opacity: 0; width: 100%;  display: flex; flex-direction: column; align-items: center; justify-content: center;opacity: 0; transition: 0.5s; color: #ffffff;transform: perspective(600px) rotateX(90deg); transform-origin: top center 0; position: absolute; left: 0; top: 0; height:42%; padding: 5px 10px;}
.c_box:hover .c_tit{opacity: 1; transform: perspective(600px) rotateX(0deg); z-index: 99;}

.c_tit p{}
.c_tit .icjt{ background: url(../img/ic_jt8.png) no-repeat center; background-size: 22px 11px; width: 22px; height: 11px;}



.nybox{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
.nrcon{ font-size: 14px; width: 100%; line-height: 1.8;}
.nrcon img{height: auto; width: auto;max-width: 100%; margin: 5px auto;text-align: center;}
.nrcon video{height: auto; width:600px;max-width: 100%; margin: 5px auto; text-align: center;}
.nrtt{ padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; width: 100%; text-align: center; width: 100%;}

@media (min-width: 1230px) {
	.nrcon{width: 85%;font-size: 16px;}
	.nrtt{width: 85%;}
	.nrcon img{ max-width: 720px!important; height: auto;}
}

.xqimg img{ display: block; max-width: 100%; height: auto; width: auto; margin: 0px auto;}

.npys{ width: 100%;}
.npys ul{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 30px;font-size: 12px;}
.npys ul li{ width: 100%; padding: 3px 0px;  color: #999999; }
.npys ul li strong{ }
.npys ul li a{ color: #999999;}
@media (min-width: 992px) {
	.npys ul{margin-top: 60px;font-size: 14px;}
}

.sm_cn{ width: 100%; box-sizing: border-box; padding: 0px 0px;}
.pc_cn{ display: none;}
@media (min-width: 1230px) {
	.sm_cn{ display: none;}
	.pc_cn{ display: block;}
}

.cp_ts{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;align-items: center; border: 1px solid #f5f5f5; width: 100%; box-sizing: border-box; padding: 0px 0px;}
.cp_jj{ width: 100%; padding-right: 15px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px;order: 1;}
.cp_simg{ width:100%; border-bottom:1px solid #f5f5f5; order: 0;}
.cp_simg img{ width: auto; height: auto; max-width: 100%;}
@media (min-width: 768px) {
	.cp_jj{ width: 100px; flex-grow: 1; padding-right: 30px; padding-left: 30px; padding-top: 15px; padding-bottom: 15px;}
	.cp_simg{ width:410px;border-left:1px solid #f5f5f5; border-bottom: 0px;order: 2;}
	
}
@media (min-width: 1230px) {
	.cp_jj{ padding-left: 60px;}
}
.cp_tit{ background: url(../img/line1.png) no-repeat left bottom; background-size:40% 2px; }
.cp_tit span{color: #999999;}
.cp_con { font-size: 14px; margin-top: 27px;}
.cp_con p,.cp_con div{ padding: 3px 0px;}

.p_tt{ line-height: 1; }
.p_tt span{ display: inline-block;border-bottom:1px solid #9bd620 ;}


.mbcon{ display: block;}
.pccon{ display: none;}
@media (min-width: 1600px) {
	.mbcon{ display: none;}
	.pccon{ display: block;}
}


.h_pimg1{ position: relative; display: block; width: 100%; height: auto;}
.h_pimg1:hover{ color: #111111;}
.h_pimg1 ul{ position: absolute; top:144px; left: 50%; width: auto;  z-index: 1; margin-left: -515px;}
.h_pimg1 ul p{ font-size: 30px; font-weight: bold; padding-bottom: 14px;}
.h_pimg1 ul li{ margin-top: 23px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 20px;}
.h_pimg1 ul li img{ width: 48px; height: 48px; margin-right: 29px; }
.h_pimg1:hover ul li{ -webkit-animation-name:bounceIn;animation-name:bounceIn;}


.h_pimg2{position: relative; display: block; width: 100%; height: auto;}
.h_pimg2 ul{ position: absolute; bottom: 25px; left: 50%; width: 1200px;  z-index: 1; margin-left: -600px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center; color: #FFFFFF;}
.h_pimg2 ul p{width: 100%;font-size: 30px; line-height: 1; margin-bottom: 30px; font-weight: bold;}
.h_pimg2 ul span{ width: 100%; font-size: 20px; margin-bottom: 49px; line-height: 1;}
.h_pimg2 ul li{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 20px; line-height: 56px; padding: 0px 52px;}
.h_pimg2 ul li img{ width:100px; height:100px;}
.h_pimg2:hover ul li{-webkit-animation-name:flipInY;animation-name:flipInY;}

.h_pimg3{position: relative; display: block; width: 100%; height: auto;}
.h_pimg3 ul{ position: absolute; top: 82px; right: 50%; width: 480px;  z-index: 1;   margin-right: -600px;display: flex; flex-direction: row; justify-content:center; align-items: center; flex-wrap: wrap; text-align: center; color: #374244;}
.h_pimg3 ul p{width: 100%;font-size: 30px; line-height: 1; margin-bottom: 30px; font-weight: bold; text-align: right; margin-bottom: 56px;}
.h_pimg3 ul li{ margin-bottom: 35px;display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 20px; line-height: 1; padding: 0px 40px;}
.h_pimg3 ul li img{ margin-bottom: 18px;width:100px; height:100px;}
.h_pimg3 ul li:nth-child(4){ padding-left: 0px;}
.h_pimg3 ul li:last-child{ padding-right: 0px;}
.h_pimg3 ul li:hover{-webkit-animation-name:swing;animation-name:swing;}