@charset "utf-8";
/* CSS Document */

.mobbanner{ display: none;}
.sol_down{ position: absolute; top: 60px; background: #fff; left: -100px; padding: 30px; width:750px; display:none; box-shadow:0 0 8px rgba(0,0,0,.15);}
.index_head .nav li.navli:nth-child(3):hover .sol_down{ display:block;}
.sol_down ul.tab-hd{ width: 120px; margin-right: 40px;}
.sol_down ul.tab-bd{ width: calc(100% - 160px);}
.sol_down ul.tab-bd h4{ font-size: 20px; font-family: sour; color: #333; line-height: 20px; margin-bottom:25px;}
.sol_down ul.tab-hd a{ display: block; line-height: 40px; padding:0 8px; font-size:14px; font-family:sour; color:#333; font-weight:bold;}
.sol_down ul.tab-hd li a i{ color: #fff;  margin-right: 8px; font-size:14px;}
.sol_down ul.tab-hd li.active{ background: #eeeeee;}
.sol_down ul.tab-hd li.active a{ color: #167e1d;}
.sol_down ul.tab-hd li.active a i{ color: #167e1d;}

.pro_down{ position: fixed; top: 80px; background: #fff; left: 50%; padding: 30px; width:1500px; height:100vh; display:none; box-shadow:0 0 8px rgba(0,0,0,.15); transform:translateX(-50%);}
.index_head .nav li.navli:nth-child(2):hover .pro_down{ display:block;}
.pro_down ul,.pro_down ul li{height: 100%;}
.pro_down ul li{ width: 16.66%; padding: 0 15px; border-right:1px solid #eeeeee;}
.pro_down ul{ border-left: 1px solid #eeeeee;}
.pro_down ul li a{ line-height:24px; font-size:14px; margin-top:8px;}
.pro_down ul li a span{ display: inline-block; max-width: calc(100% - 55px); line-height:22px;}
.pro_down ul li h3{ font-size: 20px; font-family:sour; line-height:30px;}
.pro_down ul li a img{ margin-right: 5px; height: 30px;}
.pro_down ul li a:hover{ color:#167e1d;}
.amore{ cursor: pointer; display: inline-block; text-align: center; min-width: 180px; border-radius: 25px; color: #fff; background: #167e1d; line-height: 46px; position: relative; border:2px solid #167e1d;}
.amore span{ position: relative; z-index: 2}
.amore i{ margin-left: 25px;}
.amorew{ background: #fff; color: #167e1d; border-color:#fff;}
.amore:after{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: #fff; content:''; width: 0; height: 0; transition: .2s ease; border-radius: 25px;z-index: 1;}
.amore:hover:after{ width: 100%; height: 100%;}
.amore:hover{ color: #167e1d;}
.amorewb{ border-color: #fff; color:#fff;}
.amorewb:hover{ color:#167e1d;}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .amore{ background: rgba(22,126,29,.6); border-color:#fff; border-width:1px;}
.sy-ban .amore:after{background:#167e1d;}
.sy-ban .amore:hover{ color:#fff;}
.sy-ban .ban_txt{ position: absolute; width: 100%; color: #fff; text-align: center; top: 40%;}
.sy-ban .ban_txt p{ font-size: 24px; letter-spacing: 20px; font-family: sour;}
.sy-ban .ban_txt h3{ margin: 30px 0 40px; font-size: 64px; color: #fff; font-family: sourh;}
.swiper-pagination{ z-index: 3;}
.sy-ban .swiper-pagination{ bottom: 50px;}
.sy-ban .swiper-pagination-bullet{ width: 24px; height: 24px; position: relative; background: none; opacity: 1;}
.sy-ban .swiper-pagination-bullet:after{ position: absolute; width: 8px; height: 8px; background: #fff; left: 8px; top: 8px; content: ''; border-radius: 50%;} 
.sy-ban .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 1px solid rgba(255,255,255,.7);}
.swiper-pagination-bullet:focus{ outline:none!important;}

.all_right{border-radius: 500px;position: fixed;z-index: 999;right: 20px;top: 26%;}
.all_right li{background: #167e1d;width: 60px;height: 60px; border-radius:5px;text-align: center;font-size: 12px;color: #fff;position: relative; margin-bottom:5px;}
.all_right li .ic{display: block;margin: 0 auto;padding: 8px 0 3px; width:28px;}
.all_right li a{color: #fff;display: block;}
.all_right li:hover{cursor: pointer;background: #666;}
.all_right li .ewm{position: absolute;top: 0;right: 75px;padding: 4px;background: #fff;max-width: 120px;display: none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.all_right li:hover .ewm,.all_right li:hover p{display: block;transition: all .3s;}
.all_right li p{position: absolute;top: 0;right: 65px;height: 60px;line-height: 22px;background: #fff;font-size: 14px;color: #fff;white-space: nowrap;text-align: left;padding-top: 10px;padding-left: 20px;padding-right: 30px;background: #666;display: none;transition: all .3s;}
.all_right li p i{font-family: Arial;font-size: 18px;display: block;font-weight: bold;display: block;}



.sy_item_tit span{ display: block; font-size: 18px; margin-bottom: 10px; color: #167e1d;}
.sy_item_tit h3{ font-size: 36px; margin-bottom: 10px; font-family: sour; display: inline-block; padding: 0 30px; position: relative; line-height: 36px;}
.sy_item_tit h3:before,.sy_item_tit h3:after{ position: absolute; left: 0; top: 17px; width: 15px; height: 2px; background: #167e1d; content: '';}
.sy_item_tit h3:after{ left: auto; right: 0;}
.sy_item_tit{ margin-bottom: 35px; text-align: center;}
.sy_about .txt{ width: 46%; padding-top: 30px;}
.sy_about .txt h3{ font-size: 36px; font-family: sour; color: #167e1d;}
.sy_about .txt .line{ width: 100%; height: 12px; background: url(../images/xxbg_03.jpg) repeat-x center; margin: 25px 0 25px}
.sy_about .txt .amore{ margin-top: 60px;}
.sy_about .txt p{ font-size: 18px; line-height: 36px; color: #333;}
.sy_about .video{ width: 50%; overflow: visible;}
.sy_about .video video{ width: 100%!important; height: 500px;}
.mainh{height: 70px;}
.sy_about .number{box-shadow: 0 0 8px rgba(0,0,0,.1);}
.sy_about .number dt{ width: 25%; padding: 35px 0; text-align: center; color: #333; position: relative;}
.sy_about .number .counter{ font-size: 60px; line-height: 50px; font-family: montb;}
.sy_about .number sub{ font-size: 20px; line-height: 20px; margin-left: 5px; font-family: sour;}
.sy_about .number dt:hover{ background: url(../images/numbg_08.jpg); color: #fff;}
.sy_about .number p{ font-size: 18px; margin-top: 15px;}
.sy_about .number dt:after{ position: absolute; right: 0; width: 2px; height: 70%; top: 15%; background: #e7e7e7; content: ''; }
.sy_about .number dt:last-child:after,.sy_about .number dt:hover:after{ display: none;}
.sy_about.pc_none{ display: none;}

.sy_product{ padding: 0 2%;}
.sy_pro_nav{background: #f3f3f3; border-bottom: 1px solid #e2e2e2;}
.sy_pro_nav ul li{ width: 20%; padding: 15px 25px 15px 30px; position: relative; font-size: 18px;}
.sy_pro_nav ul li:after{ position: absolute; width: 1px; height: 60%; top: 20%; right: 0; background: #e2e2e2; content: '';}
.sy_pro_nav ul li i{ font-size: 20px; display: inline-block; margin-left: auto; color: #f3f3f3;}
.sy_pro_nav ul li:last-child:after,.sy_pro_nav ul li.active:after{ display: none;}
.sy_pro_nav ul li .ic{ margin-right: 25px;}
.sy_pro_nav ul li .ic img{ height: 45px;}
.sy_pro_nav ul li.active .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_pro_nav ul li.active{ color: #fff; background: #167e1d;}
.sy_pro_box .sec_nav{ padding: 20px 50px; background: #f3f3f3; overflow: hidden;}
.sy_pro_box .sec_nav a{ display: block; float: left; width: 15%; margin-right: 1.66%; line-height: 30px; padding-left: 22px; position: relative;}
.sy_pro_box .sec_nav a:after{ position: absolute; left: 0; width: 10px; height: 10px; border:1px solid #bbbbbb; background: #fff; border-radius: 50%; content: ''; top: 9px;}
.sy_pro_box .sec_nav a:hover{ color: #167e1d;}
.sy_pro_box .sec_nav a:hover:after{ border-color: #167e1d;}

.sy_pro_list dl dt{ width: 24%; margin-right: 1.33%; margin-top: 40px; text-align: center; float: left;}
.sy_pro_list dl dt:nth-child(4n){ margin-right: 0;}
.sy_pro_list dl dt .imgfd{ border: 1px solid #e2e2e2; margin-bottom: 10px;}
.sy_pro_list dl dt p{ font-size: 18px; height: 30px; overflow: hidden;}
.sy_pro_list dl dt:hover p{ color: #167e1d;}
.sy_pro_list dl dt:hover .imgfd{ border-color: #167e1d;}

.sy_app_list ul li{ width: 24.5%; margin-right: 0.4%; margin-bottom: 10px; position: relative; float: left;}
.sy_app_list ul li:nth-child(4n+1){ margin-left: 0.4%;}
.sy_app_list ul li .icon_box{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff;}
.sy_app_list ul li .icon_box p{ font-size: 24px; font-family: sour; margin-top: 10px;}
.sy_app_list ul li i.jt{ width: 50px; line-height: 50px; background: #167e1d; color: #fff; text-align: center; position: absolute; right: 0; bottom: 0;}
.sy_app_list ul li .txt{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0; transition: .2s ease; color: #fff; overflow: hidden; background: rgba(22,126,29,.65); text-align: center;}
.sy_app_list ul li:hover .txt{ height: 100%; padding: 75px 65px 0 65px;}
.sy_app_list ul li .txt h4{ font-size: 24px; font-family: sour; margin-bottom: 20px;}
.sy_app_list ul li .txt p{ line-height: 24px;}
.sy_app_list ul li .txt i{ display: inline-block;width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; background: #fff; color: #167e1d; margin-top: 30px;}
.sy_app_list ul li:hover .icon_box,.sy_app_list ul li:hover i.jt{ display: none;}

.sy_choose{ padding: 0 2%;}
.choose_list ul li{ width: 20%; padding: 0 35px; text-align: center;}
.choose_list ul li .icon{ display: inline-block; height: 140px; width: 140px; text-align: center; border-radius: 50%; border: 3px solid #167e1d; padding-top: 35px; transition: .2s ease;}
.choose_list ul li h4{ color: #333; font-family: sour; font-size: 22px; line-height: 30px; height: 30px; margin: 35px 0 30px;}
.choose_list ul li p{ height: 90px; text-align:left;}
.choose_list ul li:hover .icon{ background: #167e1d;}
.choose_list ul li:hover .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.choose_list ul li:hover h4{ color: #167e1d;}
.swiper{ overflow: hidden;}
.youshi_box{position: relative; height:780px;}
.youshi_box .left{width: 37.5%; padding: 32px 0 0 10%; color: #fff; height: 100%;}
.youshi_box .right{ width: 62.5%; height:100%;}
.youshi_box .left ul li{ height: 70px!important;}
.youshi_box .right ul,.youshi_box .right .imgfdd,.youshi_box .right .imgfdd img{height:100%;}
.youshi_box .left li{ align-items: flex-start; cursor:pointer; margin-bottom:20px;}
.youshi_box .left li.active{ background: none;}
.youshi_box .left li.active i.num{ background: #fff; color: #167e1d;}
.youshi_box .left i.num{ display: inline-block; width: 51px; height: 51px; border-radius: 5px; line-height: 51px; text-align: center; color: #fff; border:2px solid #fff; margin-right: 10px; font-size: 24px;}
.youshi_box .left p{ padding-top: 10px; position: relative; font-size: 28px; font-family: sour; line-height: 40px;}
.youshi_box .left p:after{ position: absolute; width: 20px; height: 2px;top: 3px; left: 0; content: ''; background: rgba(255,255,255,.5);}
.youshi_box .left span{ font-size: 14px; color: rgba(255,255,255,.6);}
.youshi_box .youshi_txt{ background: #fff; position: absolute; bottom: 30px; left: 10%; width: 40%;z-index: 3; height:360px;}
.youshi_box .youshi_txt ul li{ padding: 30px 20px;}
.youshi_box .youshi_txt ul li h3{ font-size: 36px; font-family: sour;}
.youshi_box .youshi_txt ul li h3 span{ font-size: 22px; display: inline-block; margin-left: 10px;}
.youshi_box .youshi_txt ul li .tit{ padding-bottom: 15px; border-bottom: 1px solid #bbbbbb; margin-bottom: 25px;}
.youshi_box .youshi_txt p{ margin-bottom: 10px; color: #333; font-size: 18px; padding-left: 40px; position: relative;}
.youshi_box .youshi_txt p:after{ position: absolute; left: 10px; width: 17px; height: 15px; background: url(../images/gou_07.png) no-repeat center; content: ''; top: 7px;}
.youshi_txt .swiper-button-prev,.youshi_txt .swiper-button-next{ position: unset; width: 50px; height: 50px; line-height: 50px; color: #fff; text-align: center; background: #167e1d; font-size: 20px; left: auto; right: auto; display: inline-block; margin-top: 0;}
.youshi_txt .control_box{ position: absolute; right: 0; margin-right: -50px; z-index: 4; bottom: 0; font-size: 0;} 
.swiper-button-prev:after,.swiper-button-next:after{ display: none;}

.sy_coop{ padding: 0 2%;}
.sy_coop .sy_item_tit{ margin-bottom: 20px;}
.sy_coop_list ul li{ width: 11.8%; margin-right: 0.8%; margin-top: 15px; box-shadow: 0 0 7px rgba(0,0,0,.1);float: left;}
.sy_coop_list ul li:nth-child(8n){ margin-right: 0;}
.sy_coop_list ul li .imgfd{ padding-top: 47.6%;}
.sy_cert .swiperall{ position: relative; padding:60px 5%;}
.sy_cert .swiperall .iconfont{ width: 45px; height: 45px; line-height: 45px; background: #fff; text-align: center; color: #167e1d; border-radius: 50%; box-shadow: 0 0 8px rgba(0,0,0,.15); left:50px; bottom:48%; font-size:22px; font-weight:bold; transition:.2s ease;}
.sy_cert .swiperall .iconfont.swiper-button-next{ left: auto; right: 50px;}
.sy_cert .swiperall .iconfont:hover{ background:0 0 8px rgba(22,126,29,.3); background:#167e1d; color:#fff;}
.sy_news_box {padding: 0 2%;}
.sy_news_box .left{ width: 70%;}
.sy_news_box .right{ width: 28%;}
.news_tab{ background: #f3f3f3;}
.news_tab ul{ font-size: 0;}
.news_tab ul li{ line-height: 70px; width: 150px; font-size: 20px; font-weight: bold; color: #333; text-align: center; display: inline-block;}
.news_tab ul li.active{background: #167e1d; color: #fff;}
.news_tab a{ margin-left: auto; margin-right: 25px;}
.sy_news_box .left .first{ padding: 25px 0; border-bottom: 1px solid #e0e0e0;}
.sy_news_box .left .first .imgfdd{ width: 24%;}
.sy_news_box .left .first .txt{ width: 72%;}
.sy_news_box .left .first .txt h4{ font-size: 24px; font-family: sour;margin-bottom: 15px; color: #333;}
.sy_news_box .left .first:hover h4 a{ color: #167e1d;}
.sy_news_box .left .first .txt p{ line-height: 24px; margin-bottom: 25px; height: 48px;}
.sy_news_box .left .first .txt .date{  font-size: 14px; line-height: 30px; float:right;}
.sy_news_list dl dt{ width: 48%; margin-right: 4%; float: left; padding: 15px 0; border-bottom: 1px dashed #e0e0e0;}
.sy_news_list dl dt:nth-child(2n){ margin-right: 0;}
.sy_news_list dl dt p{ padding-left: 12px; position: relative; max-width: calc(100% - 100px); height: 30px; overflow: hidden; margin-right: auto;}
.sy_news_list dl dt p:after{ position: absolute; content: ''; left: 0; width: 6px; height: 6px; background: #167e1d; top: 12px; border-radius: 50%;}
.sy_news_list dl dt .date{ font-size: 14px;}
.sy_news_list dl dt:hover p{ color: #167e1d;}
.sy_news_box .right .tit{ line-height: 70px; font-size: 20px; font-family: sour; font-weight: bold; color: #333; padding: 0 10px; background: #f3f3f3;}
.sy_news_box .right .tit i{ font-size: 26px; color: #167e1d; margin-right: 5px;}
.sy_news_box .right .tit a{ font-weight: normal; font-size: 16px; color: #666; margin-left: auto;}
.sy_faq_list{ height: 525px; overflow: hidden; position: relative;}
.sy_faq_list ul li{ padding: 15px 10px 20px; border-bottom: 1px dashed #e0e0e0;animation: slideDown 5s linear infinite;}
@keyframes slideDown {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}
.sy_faq_list ul li h4{ padding-left: 30px; position: relative;font-size: 18px; color: #333; margin-bottom: 10px; line-height: 24px; height: 24px; overflow: hidden;}
.sy_faq_list ul li h4:after{ content: 'Q'; width: 20px; line-height: 20px; height: 20px; color: #fff; font-size: 14px; text-align: center; border-radius: 50%; background: #bbbbbb; left: 0;top: 2px; display: inline-block; position: absolute; font-weight: normal;}
.sy_faq_list ul li p{ padding-left: 30px; line-height: 24px; height: 48px; overflow: hidden; position: relative;}
.sy_faq_list ul li p:after{ content: 'A'; width: 20px; line-height: 20px; height: 20px; color: #fff; font-size: 14px; text-align: center; border-radius: 50%; background: #167e1d; left: 0;top: 2px; display: inline-block; position: absolute; font-weight: normal;}
.sy_faq_list ul li:hover h4{ color: #167e1d;}

.index_foot{background: #1f2422;}
.foot_center{ padding: 50px 0; color: #fff;}
.foot_center .left{ width: 20%;}
.foot_center .left .foot_logo{margin-bottom: 20px;}
.foot_center .foot_nav{ width: 78%;}
.foot_center .foot_nav ul{ align-items: flex-start;}
.foot_center .foot_nav ul li{ margin-left: auto;}
.foot_center .foot_nav ul li.weixin{ width: 220px;}
.foot_center .foot_nav ul li.weixin li{margin-right: 15px; margin-left:0; position:relative;}
.foot_center .foot_nav ul li.weixin ul.tab-hd li{padding: 0 8px 10px; }
.foot_center .foot_nav ul li.weixin ul.tab-hd li:after{ position:absolute; width:0; height: 2px; bottom: -2px; content: ''; background: #167e1d; left:0;}
.foot_center .foot_nav ul li.weixin li{ font-size: 24px;}
.foot_center .foot_nav ul li.weixin li.iconfont.active{ background: none;}
.foot_center .foot_nav ul li.weixin ul.tab-hd li.active:after{ width:100%;}
.foot_center .foot_nav ul li.weixin ul.tab-hd li img{ width: 24px;}
.foot_center .foot_nav ul li.weixin ul.tab-hd{ border-bottom: 2px solid #fff; overflow:visible;}
.foot_center .foot_nav a,.foot_center .weixin span{ display: block; font-size: 14px; color: #c1c1c1; line-height: 30px;}
.foot_center .foot_nav .f-cont p{ align-items: flex-start;font-size: 14px; color: #c1c1c1; line-height: 30px; flex-wrap:wrap;}
.foot_center .foot_nav .f-cont p span{ display: inline-block;width: calc(100% - 21px);}
.foot_center .foot_nav .f-cont p img{ width: 16px; margin-right:5px; padding-top:8px;}
.foot_center .foot_nav p.tp{ color: #fff; font-size: 18px; padding-bottom: 15px; position: relative; margin-bottom: 15px;}
.foot_center .foot_nav p.tp:after{ position: absolute; bottom: 0; left: 0; width: 20px; height: 2px; background: #167e1d; content: '';}
.foot_center .foot_nav ul li.f-nav a.flink{ padding-left: 10px; position: relative;}
.foot_center .foot_nav ul li.f-nav a:after{position: absolute; left: 0; width: 4px; height: 1px; top: 14px; background: #167e1d; content: '';}
.foot_center .foot_nav ul li.f-cont{ max-width: 30%;}
.foot_center .foot_nav ul li.f-cont a{ display: inline;}
.foot_center .foot_nav ul li.f-cont img{ font-size: 20px; color: #167e1d; margin-right: 5px;}
.foot_center .weixin .icon{ margin-bottom: 25px;}
.foot_center .weixin .icon i{ color: #167e1d; font-size: 28px;}
.foot_center .weixin .pic{ margin-right: 10px;}
.foot_center .weixin .pic img{ width: 120px;}
.copy .link a{ display: inline-block; line-height: 30px; margin-left: 10px; color:#c0c0c0;}
.copy .link{ margin-top: 10px;}
.copy  span.fr{ width:43.5%;}
@media (max-width: 1700px){
	.sy_app_list ul li:hover .txt{padding: 60px 50px 0;}
}


@media (max-width: 1600px){
	.sy_app_list ul li:hover .txt{padding: 40px 30px 0;}
	.sy-ban .ban_txt h3{font-size: 50px;}
	.pro_down{ width: 100%;}
	
}

@media (max-width: 1441px){
	.sy_about .txt p{ font-size: 16px; line-height: 30px;}
	.sy_pro_box .sec_nav a{ width: 18%; margin-right: 2%;}
	.sy_app_list ul li .txt h4{font-size: 20px; margin-bottom: 10px;}
	.choose_list ul li{padding: 0 20px;}
	.choose_list ul li h4{font-size: 20px;}
	.youshi_box .youshi_txt p{font-size: 16px;}
	.choose_list ul li .icon{ width: 120px; height: 120px; padding-top: 22px;}
	.copy span.fr{ width: 46%;}
}

@media (max-width: 1281px){
	.top_tel{ display: none;}
	.sy-ban .ban_txt p{font-size: 20px; letter-spacing: 10px;}
	.sy-ban .ban_txt h3{font-size: 44px; margin: 25px 0;}
	.sy_about .txt h3{font-size: 30px;}
	.sy_about .txt .line{ margin: 15px 0;}
	.sy_about .txt .amore{ margin-top: 35px;}
	.sy_about .video iframe{ height: 400px;}
	.sy_about .number .counter{font-size: 50px; line-height: 40px;}
	.sy_pro_nav ul li{ padding: 10px 15px 10px 20px; font-size: 18px;}
	.sy_pro_nav ul li .ic{ margin-right: 20px;}
	.sy_pro_nav ul li .ic img{ height: 40px;}
	.sy_pro_box .sec_nav{ padding: 20px 30px;}
	.sy_app_list ul li .icon_box img{height: 50px;}
	.sy_app_list ul li .icon_box p{ font-size: 20px;}
	.sy_app_list ul li:hover .txt{ padding: 25px 20px 0;}
	.sy_app_list ul li .txt p{font-size: 14px;}
	.sy_app_list ul li .txt i{ display: none;}
	.youshi_box .left{ padding-left: 10%;}
	.youshi_box .left p{font-size: 22px; line-height: 34px;}
	.copy span.fr{ width: 50%;}
	
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.sy-ban .ban_txt{ top: 30%;}
	.sy_about .txt p{ font-size: 14px; line-height: 24px;}
	.sy_about .txt h3{font-size: 26px;}
	.amore{ line-height: 42px; min-width: 140px; font-size: 14px;}
	.amore i{ margin-left: 15px;}
	.sy_about .video iframe{ height: 300px;}
	.sy_about .txt .amore{ margin-top: 20px;}
	.sy_about .number dt{ padding: 20px 0;}
	.sy_about .number .counter{ font-size: 40px; line-height: 30px;}
	.sy_about .number sub{ font-size: 18px; line-height: 16px;}
	.sy_about .number p{ font-size: 16px;}
	.sy_pro_nav ul li .ic{margin-right: 10px;}
	.sy_pro_nav ul li .ic img{ height: 30px;}
	.sy_pro_box .sec_nav a{ width: 23%;}
	.sy_pro_list dl dt p{ font-size: 16px;}
	.sy_item_tit h3{ font-size: 30px;}
	.sy_item_tit span{ font-size: 16px;}
	.sy_item_tit{ margin-bottom: 25px;}
	.sy_app_list ul li i.jt{ width: 40px; height: 40px; line-height: 40px;}
	.choose_list ul li h4{ font-size: 18px; line-height: 26px; height: 52px; margin: 15px 0;}
	.choose_list ul li p{ font-size: 14px; line-height: 24px; height:72px;}
	.choose_list ul li .icon{ width: 90px; height: 90px; padding-top: 18px;}
	.choose_list ul li .icon img{ height: 50px;}
	.youshi_box .youshi_txt{ width: 100%; position: unset; box-shadow: 0 0 8px rgba(0,0,0,.15);}
	.youshi_txt .control_box{ margin-right: 0;}
	.youshi_box .left p{ font-size: 20px; line-height: 30px;}
	.youshi_box .left{ padding-left: 2%;}
	.foot_center{ display: none;}
	.sy_news_box .left .first .txt h4{ font-size: 20px;}
	.sy_news_box .left .first .txt p{ font-size: 14px; margin-bottom: 15px;}
	.sy_news_box .left .first .txt .info{ margin-bottom: 15px;}
	.news_tab ul li,.sy_news_box .right .tit{ line-height: 50px; font-size: 18px;}
	.mainh{ height: 50px;}
	.all_right{ display: none;}
	
}
@media (max-width: 768px){
	.sy-ban .ban_txt h3{ font-size: 36px; margin: 10px 0;}
	.sy-ban .swiper-pagination{ bottom: 25px;}
	.sy_about .txt{ width: 100%; float: none; padding-top:10px;}
	.sy_about .video{ width: 100%; float: none; margin-top: 25px;}
	.mainh{ height: 40px;}
	.sy_pro_nav ul li i{font-size: 18px;}
	.sy_pro_box .sec_nav{ padding: 10px;}
	.sy_pro_box .sec_nav a{font-size: 14px;}
	.sy_app_list ul li{ width: 49%; margin-right: 0.66%;}
	.sy_app_list ul li:nth-child(4n+1){ margin-left: 0;}
	.sy_app_list ul li:nth-child(2n+1){ margin-left: 0.66%;}
	.choose_list ul li{width: 100%; display: flex; padding: 20px; box-shadow: 0 0 8px rgba(22,126,29,.2); margin-bottom: 20px;}
	.choose_list ul li .txt{ text-align: left; margin-left: 20px; width: calc(100% - 130px);}
	.choose_list ul li h4{ height: auto; margin-top: 0;}
	.choose_list ul li p{ height: auto;}
	.youshi_box .left{ width: 100%; float: none; padding: 30px 2%;}
	.youshi_box .right{ width: 100%;}
	.youshi_box .left ul{ display: flex; flex-wrap:wrap;}
	.youshi_box .left ul li{ display: block;height: auto!important; margin-right:auto; text-align: center; max-width:24%;}
	.youshi_box .left ul li:last-child{ margin-right:0;}
	.youshi_box .left i.num{ margin-right: 0;}
	.youshi_box .left p:after{ display: none;}
	.youshi_box .left span{ display: inline-block; line-height: 20px; height: 20px; font-size:13px;}
	.youshi_box .youshi_txt ul li h3{ font-size: 28px;}
	.youshi_box .youshi_txt ul li h3 span{ font-size: 18px;}
	.sy_coop_list ul li{ width: 24%; margin-right: 1.33%;}
	.sy_coop_list ul li:nth-child(4n){ margin-right: 0;}
	.sy_news_box .left{ width: 100%; float: none;}
	.sy_news_box .right{ width: 100%; float: none; margin-top: 20px;}
	.sy_pro_list dl dt{ width: 49%; margin-right: 2%; margin-top: 25px;}
	.sy_pro_list dl dt:nth-child(2n){ margin-right: 0;}
}
@media (max-width: 540px){
	.sy-ban .ban_txt .amore{ display: none;}
	.sy-ban .ban_txt h3{ font-size: 28px; margin-bottom: 0;}
	.sy-ban .ban_txt p{ font-size: 16px; letter-spacing: 3px;}
	.sy_about .number dt{ width: 50%; margin-bottom: 20px;}
	.sy_about .number dt:nth-child(2n):after{ display: none;}
	.sy_pro_nav ul li i{ display: none;}
	.sy_pro_nav ul li{ width: 50%; float: none;}
	.sy_pro_box .sec_nav{ display: none;}
	.youshi_box .left i.num{ width: 36px; height: 36px; line-height: 36px; font-size: 20px;}
	.news_tab a,.sy_news_box .right .tit a{ font-size: 14px;}
	.sy_news_box .left .first .txt .amore{ display: none;}
	.sy_news_list dl{ height: 165px; overflow: hidden;}
	.sy_news_list dl dt p{ height: 24px;}
	.sy_news_list dl dt{ width: 100%; float: none;}
	.copy{ font-size: 12px;}
	.sy-ban .swiper-pagination-bullet{ width: 18px; height: 18px;}
	.sy-ban .swiper-pagination-bullet:after{ width: 6px; height: 6px; top: 6px; left: 6px;}
	.index_foot{background: none;}
}
@media (max-width: 450px){
	.youshi_box .left p{ font-size: 16px;}
	.youshi_box .left{padding-bottom: 0;}
	.youshi_box .right .imgfdd img{height: 270px;}
	.sy_item_tit h3{ font-size: 24px; margin-bottom: 0;}
	.sy_item_tit span{ font-size: 14px; margin-bottom: 0;}
	.sy_item_tit{ margin-bottom: 20px;}
	.choose_list ul li{ padding: 15px;}
	.choose_list ul li .icon{ width: 70px; height: 70px; padding-top: 13px;}
	.choose_list ul li .icon img{ height: 40px;}
	.sy_about .number .counter{ font-size: 32px; line-height: 26px;}
	.sy_about .number dt{ padding: 10px 0;}
	.sy_pro_list dl dt p{ font-size: 14px; height: 24px;}
	.choose_list ul li h4{ margin-bottom: 8px;}
	.youshi_box .youshi_txt ul li{ padding: 20px 15px 30px;}
	.sy_app_list ul li .icon_box img{ height: 40px;}
	.sy_app_list ul li .icon_box p{ font-size: 18px;}
	.youshi_txt .swiper-button-prev, .youshi_txt .swiper-button-next{ width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
	.news_tab ul li, .sy_news_box .right .tit{ font-size: 16px;}
	.news_tab ul li{ width: 100px;}
	.sy_news_box .left .first .imgfdd{ display: none;}
	.youshi_box .youshi_txt ul li h3{ font-size: 24px;}
	.sy_news_box .left .first .txt{ width: 100%}
	.copy .link a{ font-size: 14px;}
	.sy_about .video{margin-top: 20px;}
	.sy_about .video video{ height: 230px;}
	.youshi_box{height: auto;}
	.sy_cert .swiperall .iconfont{ width: 36px; height: 36px; line-height:36px; font-size:18px; left:20px;}
	.sy_cert .swiperall .iconfont.swiper-button-next{ right: 20px;}
	.sy_news_box .right{ display: none;}
	.copy{ height:0; overflow:hidden; padding:0;}
	.sy_about.pc_none{ display: block;}
	.sy_about.mb_none{ display: none;}
	.sy_product{margin-top: 30px;}
	.sy_about .number{background: #fff;}
	.sy_about .sy_item_tit{ margin-bottom: 15px;}
	.youshi_box .youshi_txt{ height: 330px;}
	.sy-ban .ban_txt h3{font-size: 23px;}
	.sy-ban .swiper-pagination{bottom: 15px;}
	.sy-ban .ban_txt p{ font-size: 14px;}
	.pcbanner{ display: none;}
	.mobbanner{ display: block;}
}

.col_banner{ position: relative; width: 100%; overflow: hidden;}
.col_banner img{ width: 100%;}
.col_banner .ny_ban_txt{ position: absolute; text-align: center; width: 100%; top: 50%; left: 0;}
.col_banner .ny_ban_txt h3{ font-family: sour; font-size: 40px; color: #fff;}
.col_banner .posi{ position: absolute; bottom: 15px; left: 0; width: 100%; color:#fff;z-index:3;}
.col_banner .bg{ position: absolute; width: 100%; height: 100%; z-index:2; background:rgba(5, 57, 132, 0.5); top:0; left:0;}
.posi{padding: 25px 2%; font-family:sour; font-size:18px;}
.col_banner .posi a{ color: #fff;}
.ny_sol_list ul{ padding: 0 2%;}
.ny_sol_list ul li{ float: left; width: 24%; margin-right: 1.33%; position: relative; margin-bottom:30px;}
.ny_sol_list ul li:nth-child(4n){ margin-right:0;}
.ny_sol_list ul li .imgfd{ padding-top: 113.5%;}
.ny_sol_list ul li .txt{ position: absolute;width: 100%; background:rgba(22,126,29,.8); left: 0; bottom: 0; text-align: center; color: #fff; padding-left:45px; padding-right:45px; transition:.2s ease;}
.ny_sol_list ul li .txt h2{ font-family: sour; color: #fff; font-size: 24px; line-height: 30px; padding: 20px 0;}
.ny_sol_list ul li .txt p{ line-height: 24px; margin: 20px 0 30px; display: none;}
.ny_sol_list ul li .txt .amore{ display: none;}
.ny_sol_list ul li:hover .txt{ height:100%; padding-top: 90px;}
.ny_sol_list ul li:hover p{ display:block;}
.ny_sol_list ul li:hover .amore{ display:inline-block;}

@media (max-width: 1281px){
.ny_sol_list ul li:hover .txt{ padding-top: 50px;}
.ny_sol_list ul li .txt h2{ font-size: 20px;}
.ny_sol_list ul li .txt{ padding-left: 25px; padding-right: 25px;}
.ny_sol_list ul li .txt p{ margin: 10px 0 20px;}
.ny_sol_list ul li:hover .amore{ display:none;}
.col_banner .ny_ban_txt h3{ font-size: 30px;}

}
@media (max-width: 1024px){
.col_banner .ny_ban_txt{ top: 45%;}
.col_banner .posi{ padding: 10px 2%; font-size: 14px;}
.posi{ font-size: 14px;}
.ny_sol_list ul li .txt h2{padding: 10px 0;}
.ny_sol_list ul li:hover .txt{ padding-top: 30px;}
.ny_sol_list ul li .txt{ padding-left: 15px; padding-right: 15px;}
.ny_sol_list ul li .txt p{font-size: 14px;}
}
@media (max-width: 540px){
    .ny_sol_list ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .ny_sol_list ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .col_banner .ny_ban_txt h3{ font-size: 24px;}
    .col_banner .ny_ban_txt{ top: 32%;}
    .col_banner .posi{ bottom: 5px;}
    .ny_sol_list ul li .txt h2{font-size:18px;}
}
.sol_banner{ width: 100%; height: 780px; position: relative; overflow: hidden;}
.sol_banner img{ width: 100%; height: 100%; object-fit: cover;}
.sol_banner .txt{ position: absolute; left: 0; top: 45%; width:100%;}
.sol_banner .txt h3{ font-size: 72px; color: #fff; font-family: sour; margin-bottom:25px;}

.mainbox{ padding: 70px 2%;}
.main_left{ width: 22%;}
.leftmsg{ padding: 130px 0; text-align: center; color: #fff; margin-top:40px;}
.leftmsg p{ font-size: 24px; font-family: sour;}
.leftmsg b{ display:block; font-size:36px; margin:10px 0 35px;}
.leftmsg a.cont{ display: inline-block;  line-height: 60px; height: 60px; border-radius: 30px; padding-left: 20px; background: #fff; overflow:hidden;}
.leftmsg a.cont i{ display: inline-block; width: 60px; height: 60px; background: #167e1d; font-size: 28px; line-height: 60px; text-align: center; float: right; margin-left:55px; color:#fff;}
.main_right{ width: 75%;}
.main_right .mob_nav{ display: none;}
.sol_nav h4,.last_news h4{ font-size: 20px; color: #333; padding-bottom: 15px; position: relative; margin-bottom:18px;}
.sol_nav h4:after,.last_news h4:after{ position:absolute; left: 0; bottom: 0; height: 3px; width: 80px; content: ''; background: #167e1d;}

.sol_nav ul li a{ display: block; line-height: 55px; margin-bottom: 10px; background:#f2f4f9; position:relative; font-size:18px; font-family:sour; font-weight:bold; padding-left:20px; transition:.2s ease;}
.sol_nav ul li.act a,.sol_nav ul li:hover a{ background:#167e16; color:#fff; padding-left:60px; border-left:4px solid #005506;}
.sol_nav ul li.act a:after,.sol_nav ul li:hover a:after{ position:absolute; height:2px; width: 6px; background: #fff; content: ''; top: 27px; left: 50px;}
.sol_main .item{ margin-bottom: 80px;}
.sol_main .item .tit{ position: relative; font-size: 28px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; margin-bottom:30px;}
.sol_main .item .tit:after{ position:absolute; left: 0; bottom: -2px; height: 3px; width: 110px; content: ''; background: #167e1d;}
.last_news{ margin-top: 40px;}
.last_list ul li a{ padding:12px 0; border-bottom: 1px dashed #ddd; font-size:14px;}
.last_list ul li a p{ height: 30px; overflow: hidden; margin-right:auto; max-width:calc(100% - 70px); }
.last_list ul li a span{ color: #999; font-size: 12px; display:inline-block;}
.last_list ul li:hover p{ color:#167e1d;}
@media (max-width: 1441px){
    .sol_banner{ height: 680px;}
    .sol_banner .txt h3{font-size: 60px;}
    .sol_main .item{ margin-bottom: 60px;}
    .leftmsg b{ font-size: 30px;}
    .leftmsg{ padding: 80px 0;}
}
@media (max-width: 1024px){
    .sol_banner{ height: 540px;}
    .sol_banner .txt h3{ font-size: 48px;}
    .sol_banner .txt{ top: 30%;}
    .main_left{ display: none;}
    .main_right{width: 100%; float: none;}
}
@media (max-width: 768px){
    .sol_banner{ height: 400px;}
    .mainbox{ padding: 40px 2%;}
    .sol_main .item .tit{ font-size: 24px; margin-bottom: 20px;}
    .sol_main .item{ margin-bottom: 30px;}
}
@media (max-width: 450px){
    .sol_banner{ height: 320px;}
    .sol_banner .txt{ text-align: center;}
    .sol_banner .txt h3{ font-size: 36px; margin-bottom:20px;}
    .sol_main .item .tit:after{ width:80px;}
    
}
.pro_nav  h4{ font-size: 20px; color: #333; padding-bottom: 15px; position: relative; margin-bottom:18px;}
.pro_nav  h4:after{ position:absolute; left: 0; bottom: 0; height: 3px; width: 80px; content: ''; background: #167e1d;}
.pro_nav ul li{border-bottom: 1px solid #e2e2e2;}
.pro_nav ul li .a1{ max-width: calc(100% - 20px); margin-right: auto; color:#333; font-size:20px; font-family:sour; font-weight:bold;}
.pro_nav ul li .first{ line-height: 20px; padding: 20px 0 20px 10px;}
.pro_nav ul li.act .a1{ color: #167e1d;}
.pro_nav ul li .first i{ display: inline-block; width: 18px; height: 18px; line-height: 18px; background: #f4f4f4; color:#333; font-size:14px; text-align:center;cursor:pointer;}
.pro_nav ul li .list{ padding-left: 10px; display:none;}
.pro_nav ul li .list a{ display: block; padding: 10px 0 10px 12px; font-size:15px; color:#333; border-bottom:1px solid #e2e2e2; line-height:20px; font-weight:bold; font-family:sour;}
.pro_nav ul li .list a:last-child{ border:none;}
.pro_nav ul li a:hover{ color:#167e1d;}
.pro_nav ul li .list a.childa{ color: #167e1d;}

.ny_pro_list ul li{ width: 32%; margin-right: 2%; float: left; margin-bottom:30px;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.pro_item .imgfd{ border: 1px solid #e2e2e2;}
.pro_item h2{ font-weight: normal; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; margin: 15px 0; text-align:center;}
.pro_item p{ height: 30px; overflow: hidden;}
.pro_item:hover .imgfd{ border-color:#167e1d;}
.pro_item:hover h2{ color:#167e1d;}

.pro_col{ margin-bottom: 20px;}
.pro_col h3{ font-family: sour; color: #333; font-size: 28px; margin-bottom: 25px;}
.pro_col .des p{ font-size: 18px; color:#333;}
@media (max-width: 768px){
.pro_col h3{font-size: 24px; margin-bottom: 20px;}
.pro_col .des p{ font-size: 14px;}
.pro_item h2{ font-size: 16px; margin: 10px 0;}
.pro_item p{ font-size: 14px; height: 24px;}

}
@media (max-width: 540px){
.ny_pro_list ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
.ny_pro_list ul li:nth-child(3n){ margin-right:2%;}
.ny_pro_list ul li:nth-child(2n){ margin-right:0;}
.col_banner img{ width: 140%; margin-left: -20%;}
.main_right .mob_nav{ display:flex; align-items:center; flex-wrap:wrap; margin-bottom:20px;}
.main_right .mob_nav a{ width: 49%; margin-right: auto; margin-bottom: 10px; background:#f6f6f6; text-align:center; line-height:36px; font-size:14px; padding-left:10%;}
.main_right .mob_nav a img{ height: 20px; margin-right:5px;}
.main_right .mob_nav a:nth-child(2n){ margin-right:0;}
.main_right .mob_nav a.act{ background: #167e1d; color: #fff;}
.main_right .mob_nav a.act img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
}
.proshow_top{ padding: 80px 2%;}
.proshow_top .pic{ width: 45%; padding: 0 60px; position:relative;}
.proshow_top .txt{ width: 52%; padding-top:30px;}
.showswiper{ overflow: hidden;}
.proshow_top .pic .iconfont{ font-size: 30px; bottom: 48%;}
.proshow_top .txt h1{ font-size: 30px; font-family: sour;}
.proshow_top .txt .des{ margin: 50px 0;}
.proshow_top .txt .des h4{ font-size: 18px; color: #333; margin-bottom: 10px; margin-top:30px;}
.proshow_main{ padding: 80px 2%;}
.proshow_main .item h3.show_tit{ font-size: 28px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; position:relative; margin-bottom:40px;}
.proshow_main .item h3.show_tit:after{ position:absolute; left: 0; bottom: -2px; height: 3px; width: 110px; background: #167e1d; content: '';}
.proshow_main .item .ny_sol_list ul{ padding: 0;}

.pro_msg form input,.pro_msg form textarea{line-height: 60px; border: 1px solid #e2e2e2; background: #fafafa; padding:0 10px; margin-bottom:20px;}
.pro_msg form input.fl{ width: 49%; margin-right: 2%;}
.pro_msg form input.fl:nth-child(2n){ margin-right:0;}
.pro_msg form textarea{ width: 100%;}
.pro_msg .sub{ border: none; background: #167e1d; color: #fff; text-align: center; font-size: 18px; cursor:pointer; width:300px; border-radius:30px; transition:.2s ease;}
.pro_msg .sub:hover{ box-shadow:0 0 12px rgba(22,126,29,.5);}

.relswiper{ overflow: hidden;padding-bottom:20px;}
.relswiper .swiper-button-next,.relswiper .swiper-button-prev{ display:inline-block; position: unset; font-size:20px; font-weight:bold; color:#167e1d; border-radius:50%; width:45px; height:45px; line-height:45px; height:45px; text-align:center; box-shadow:0 0 8px rgba(0,0,0,.2); margin:0 30px; transition:.2s ease;}
.relswiper .control_box{ text-align: center; margin-top:30px;}
.relswiper .swiper-button-next:hover,.relswiper .swiper-button-prev:hover{ background:#167e1d; color: #fff; box-shadow:0 0 8px rgba(22,126,29,.2);}


.jy_page_detail_content_tit{
    background: #167e1d;
    position: sticky;
    top: 100px;
    z-index: 8;
}
.jy_page_detail_content_tit .hd{
    height: 78px;
}
.jy_page_detail_content_tit .hd .item{
    font-size:22px;
    color:#fff;
    display: inline-grid;
    cursor: pointer;
    align-items: center;
    height: 100%;
    text-transform: capitalize;
    width: 20%;
    text-align: center;
}
.jy_page_detail_content_tit .hd .item.cur{
    background: #e8f1e9;
    color:#167e1d;
}
.jy_page_detail_content_tit .hd .item i{
    font-size:30px;
    margin-right: 10px;
}
@media (max-width: 1440px){
    .jy_page_detail_content_tit .hd .item{ font-size:20px;}
}
@media (max-width: 1024px){
    .proshow_top{ padding: 50px 2%;}
    .proshow_top .txt{ padding-top: 0;}
    .proshow_top .txt .des{ margin: 35px 0;}
    .proshow_top .pic{ padding: 0 30px;}
    .proshow_main{ padding: 50px 2%;}
    .proshow_main .item h3.show_tit{ font-size: 24px; margin-bottom: 25px;}
    .jy_page_detail_content_tit{ top: 54px;}

}
@media (max-width: 768px){
    .proshow_top .pic{ width: 100%; float: none;}
    .proshow_top .txt{ width: 100%; float: none; margin-top: 20px;}
    .proshow_top .txt h1{font-size: 24px;}
    .proshow_top .txt .des{ margin: 20px 0;}
    .pro_msg form input, .pro_msg form textarea{ line-height: 50px;}
}
@media (max-width: 450px){
    .proshow_top .pic .iconfont{font-size: 24px;}
    .proshow_top .txt{ padding: 0 2%;}
    .proshow_main{ padding: 30px 2%;}
    .proshow_main .item h3.show_tit{font-size: 20px;}
    .proshow_main .item h3.show_tit:after{ width:80px;}
    .mainh{ height: 25px;}
    .pro_msg form input, .pro_msg form textarea{ font-size: 14px; line-height: 44px; margin-bottom:15px;}
    .pro_msg .sub{ width: 100%;}
    .relswiper .control_box{ margin-top: 20px;}
    .jy_page_detail_content_tit .hd .item{ font-size: 13px; width:24%;}
    .jy_page_detail_content_tit .hd .item:nth-child(2){ width:27%;}
    .jy_page_detail_content_tit .hd .item:last-child{ display:none;}
    .jy_page_detail_content_tit .hd{ height: 45px;}
    
    
}
.news_main{ padding: 80px 2%;}
.ny_news_nav a{ display: inline-block; line-height: 65px; width: 220px; text-align: center; background: #f6f6f6; font-family: sour; font-weight: bold; color: #333; font-size: 24px; margin-right:30px;}
.ny_news_nav a.act,.ny_news_nav a:hover{ background:#167e1d; color: #fff;}
.ny_news_list ul li{ float: left; padding: 30px; width: 32%; margin-right: 2%; margin-bottom:30px; position:relative;}
.ny_news_list ul li:nth-child(3n){ margin-right:0;}
.ny_news_list .imgfd{ padding-top: 66.6%;}
.ny_news_list ul li:before{ height:5px; width: 0; position: absolute; left: 0; top: 0; content: ''; background: #167e1d; transition:.2s ease;}
.ny_news_list .txt h2{ font-size: 24px; font-family: sour; margin: 20px 0; line-height:30px; height:30px; overflow:hidden; font-weight:normal;}
.ny_news_list .txt p{ font-size: 18px; height: 60px; overflow: hidden; margin-bottom: 20px;}
.ny_news_list .txt .amore{ line-height: 41px; min-width: 150px; background:#fff; color:#167e1d; border-color:#fff;}
.ny_news_list ul li:hover{ background:#fff;}
.ny_news_list ul li:hover h2{ color:#167e1d;}
.ny_news_list ul li:hover:before{ width:100%;}
.ny_news_list ul li:hover .txt .amore{ background:#167e1d; color: #fff;}
.ny_news_list ul li:hover .txt .amore:hover{ color:#167e1d; border-color: #167e1d;}
@media (max-width: 1281px){
    .ny_news_nav a{ line-height: 54px; width: 180px; font-size: 20px;}
    .ny_news_list ul li{ padding: 20px;}
    .ny_news_list .txt h2{ font-size: 20px; margin:10px 0;}
    .ny_news_list .txt p{ font-size: 16px;}
}
@media (max-width: 768px){
    .news_main{ padding: 40px 2%;}
    .ny_news_nav a{ width: 23%; margin-right:1.5%;}
    .ny_news_list ul li{ background: #fff;}
    .ny_news_list ul li:before{ width:100%;}
    .ny_news_list .txt p{ font-size: 14px; height: 48px; margin-bottom:0;}
    .ny_news_list .txt .amore{ display: none;}
    .ny_news_list .txt h2{font-size: 18px; height: 60px;}
}
@media (max-width: 540px){
    .ny_news_list ul li{ width:49%; margin-right:2%;}
    .ny_news_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_news_list ul li:nth-child(2n){ margin-right:0;}
    .ny_news_nav{ display: flex;flex-wrap: wrap;}
    .ny_news_nav a{ width: 30%; margin: 0 auto 10px; font-size:16px;}
}
@media (max-width: 450px){
    .ny_news_list ul li{ padding: 15px 10px 10px; margin-bottom:20px;}
    .ny_news_list ul li:before{ height:3px;}
    .ny_news_list .txt p{ display: none;}
    .ny_news_list .txt h2{ font-size: 16px; line-height: 24px; height: 48px;}
}
.show_content{ width: 100%; overflow: hidden;}
.show_content img{ max-width: 100%!important;}
.newsshow .show_content{ padding: 45px 0;}
.newsshow h1{ font-size: 36px; font-family: sour; line-height: 36px; font-weight: normal; text-align:center;}
.newsshow .news_info{ padding: 40px 0; border-bottom: 1px solid #e2e2e2;}
.newsshow .news_info .date{ margin-right: auto;}
.newsshow .news_info .cate span{ color: #167e1d;}
.page_btn{ padding-top: 40px; border-top:1px solid #e2e2e2;}
.page_btn .back{ margin: 0 auto;}
.page_btn .back a i{ margin-right: 10px;}
.page_btn .next{ text-align: right;}
.page_btn a:hover{ color:#167e1d;}
@media (max-width: 768px){
    .newsshow h1{font-size: 26px;}
    .newsshow .news_info{ padding: 20px 0;}
    .newsshow .show_content{ padding: 20px 0;}
    .page_btn{ padding-top: 25px;}
}
@media (max-width: 540px){
    .page_btn{display:block; font-size:14px;}
    .page_btn .back{ display: none;}
    .page_btn .next{ text-align: left; margin-top: 15px;}
}

.ab_banner video{ width: 100%;}
.ab_nav{ padding: 0 2%;}
.ab_tit{ padding-top: 15px; padding-left: 60px; background: url(../images/sj_04.png) no-repeat left center; margin-bottom:35px;}
.ab_tit h3{font-size: 36px; display: inline-block; line-height: 36px; font-family: sour;}
.ab_tit span{ text-transform: uppercase; font-family: Arial; color: #dddddd; font-weight: bold; font-size: 36px;}
.ab_company{ padding: 70px 2% 0;}
.ab_company .picbox{position: relative;}
.ab_company .picbox .ab_number{ position: absolute; width: 100%; bottom: 0; left: 0; background:rgba(255,255,255,.8); padding:40px 0;}
.ab_number dl dt{ margin: 0 auto; color:#333; text-align:center;}
.ab_number dl dt .num{ font-size: 54px; line-height: 50px; font-family:montb; }
.ab_number dl dt .num sup{ font-size: 40px; font-family: montb; margin-left:5px;}
.ab_number dl dt .line{ width: 180px; height: 2px; background: #333; display: inline-block; margin: 20px 0;}
.ab_number dl dt p{ font-weight: bold;}
.ab_company .des{ margin-top: 60px; font-size:18px; text-indent:40px;}
.ab_company .des p{ color: #333; line-height: 36px;}
.ab_work .ab_tit{ margin-left: 2%;}
.ab_work{ padding-top: 70px;}
.workswiper{ overflow: hidden; position:relative;padding-bottom:40px;}
.work_box{ padding: 0 2% 40px;}
.work_box ul li{ position: relative;}
.work_box ul li .imgfd{ padding-top: 61%;}
.work_box ul li .txt{ width: 56%; left: 22%; bottom: 20px; position: absolute; background: #fff; line-height: 46px; border: 2px solid #167e1d; text-align:center; color:#167e1d;}
.work_box ul li .txt p{ font-size: 22px; font-family: sour;  line-height: 46px; height: 46px; overflow: hidden;}
.workswiper .swiper-pagination-bullet-active{ background: #167e1d;}
.ab_cust .top{ padding: 70px 2%; background:#f6f6f6;}
.ab_globle{ background: #eaeaea;}
.ab_globle .left,.ab_globle .txt{ width: 50%;}
.ab_globle .txt{ background:#167e1d; color:#fff; padding: 120px 150px 150px 90px;}
.ab_globle .txt h3{ color: #fff; font-size: 40px; margin-bottom: 20px;}
.ab_globle .txt .des{ font-size: 18px; margin-bottom:60px;}
.ab_honor .ab_tit{ margin-left: 2%;}
.honorswiper{ overflow: hidden;}
.honorswiper .imgfd{padding-top: 134.3%;}
.ab_honor .swiperall{ position: relative; padding:70px 5%;}
.ab_honor .swiperall .iconfont{ width: 45px; height: 45px; line-height: 45px; background: #fff; text-align: center; color: #167e1d; border-radius: 50%; box-shadow: 0 0 8px rgba(0,0,0,.15); left:50px; bottom:48%; font-size:22px; font-weight:bold; transition:.2s ease;}
.ab_honor .swiperall .iconfont.swiper-button-next{ left: auto; right: 50px;}
.ab_honor .swiperall .iconfont:hover{ background:0 0 8px rgba(22,126,29,.3); background:#167e1d; color:#fff;}

@media (max-width: 1281px){
    .ab_globle .txt{ padding: 70px 50px 90px 50px;}
    .ab_honor .swiperall .iconfont{ left: -20px;}
    .ab_honor .swiperall .iconfont.swiper-button-next{ right: -20px;}
    
}
@media (max-width: 1024px){
    .ab_company{ padding: 40px 2% 0;}
    .ab_number dl dt .num{ font-size: 48px; line-height: 45px;}
    .ab_company .des p{ font-size: 16px; line-height: 30px;}
    .work_box ul li .txt{ width: 64%; left: 18%;}
    .work_box ul li .txt p{ font-size: 20px;}
    .ab_globle .txt{ padding: 50px 30px 40px;}
    .ab_globle .txt h3{font-size: 30px;}
    .ab_globle .txt .des{ font-size: 16px; margin-bottom: 30px;}
}
@media (max-width: 768px){
    .ab_tit h3,.ab_tit span{ font-size: 30px;}    
    .ab_company .des{ margin-top: 30px;}
    .ab_work{ padding-top: 50px;}
    .ab_cust .top{ padding: 50px 2%;}
    .ab_honor{ padding: 50px 3%;}
    .ab_tit{ padding-left: 40px; background-size: 30px; margin-bottom:20px;}
}
@media (max-width: 540px){
    .ab_company .picbox img{ height: 320px;}
    .ab_company .picbox .ab_number{ padding:15px 0;}
    .ab_number dl{ padding: 0 2%;}
    .ab_number dl dt{ width: 32%; text-align:left;}
    .ab_number dl dt .line{ width: 100px; margin: 8px 0;}
    .ab_number dl dt p{ font-weight: normal; font-size:12px; line-height:20px; height:40px;}
    .ab_number dl dt .num{ font-size: 25px; line-height: 25px;}
    .ab_number dl dt .num sup{ font-size:16px;}
    .ab_globle .left, .ab_globle .txt{ width:100%; float: none;}
    .ab_globle .txt{ padding:25px 2%;}
    .ab_tit{ padding-top: 5px;}
    .ab_honor .swiperall .iconfont{ left: 0;}
    .ab_honor .swiperall .iconfont.swiper-button-next{ right: 0;}
    .work_box ul li{ width: 49%; margin-right: 2%;}
    .work_box ul li:nth-child(3n){ margin-right:2%;}
    .work_box ul li:nth-child(2n){ margin-right:0;}
    .work_box ul li .txt p{ font-size: 14px; line-height: 30px; height:30px;}
    .work_box ul li .txt{ bottom: 10px;}
    .ny_news_nav a{ line-height: 45px;}
    .ny_news_nav.ab_nav a{ width: 48%;}
    
}  
@media (max-width: 450px){
    .ab_tit h3{font-size:24px;}
    .ab_tit span{font-size: 18px;}
    .ab_tit{background-size: 20px; padding-left:30px;}
    .ab_company .des{ margin-top:10px;}
    .ab_cust .top{ padding: 30px 2%;}
    .ab_honor{ padding: 10px 2% 30px;}
    .ab_company{padding: 20px 2% 0;}
    .work_box{ padding-bottom: 15px;}
}
.gray_bg1{ background: #f8f8f8;}
.cont_main{ padding: 70px 2%;}
.c_qiantan{ background: #fff; padding: 60px 50px; background: #fff;}
.c_qiantan .left{ width: 42%;}
.c_qiantan .right_msg{ width: 52%;}
.c_tit{ margin-bottom: 30px;}
.c_tit h3{ font-size: 40px; font-family: sour; margin-bottom: 20px;}
.c_tit .line{ width: 120px; height: 3px; background: #167e1d; display: inline-block;}
.c_box .c_item{ background: #f6f6f6; padding: 25px 40px; text-align: center; margin-top:30px;}
.c_box .c_item i.iconfont{ font-size: 40px; display: inline-block; color: #167e1d; line-height: 50px; height: 50px;}
.c_box .c_item.fl{ width: 49%; margin-right: 2%;}
.c_box .c_item.fl:nth-child(2){ margin-right:0;}
.c_box .c_item span{ display: block; font-size: 14px; line-height: 20px;margin-bottom: 5px;}
.c_box .c_item.fl .txt{ height: 90px;}
.c_box .c_item p{ color: #333;}
.c_qiantan .right_msg h3{ font-size: 30px; margin-bottom: 25px; font-weight:normal;}
.c_qiantan .right_msg input,.c_qiantan .right_msg textarea{ background: #f3f3f3; margin-bottom: 20px; line-height: 60px; padding-left: 15px; width: 100%;}
.c_qiantan .right_msg .sub{ background: #167e1d; color: #fff; cursor: pointer; transition:.2s ease;}
.c_qiantan .right_msg .sub:hover{ box-shadow:0 0 12px rgba(22,126,29,.5);}
.c_lianxi .c_tit{ text-align: center;}
.lx_box ul li{ background: #fff; float: left; width: 48%; margin-right: 4%; margin-bottom: 30px; padding: 65px 50px;}
.lx_box ul li .pic{ width: 160px; margin-right: auto;}
.lx_box ul li .txt{ width: calc(100% - 230px); color:#333;}
.lx_box ul li:nth-child(2n){ margin-right:0;}
.lx_box ul li .pic .imgfd{ padding-top: 100%; overflow:visible;}
.lx_box ul li .txt h2{ font-size: 18px; padding-bottom: 10px; display: inline-block; border-bottom: 1px solid #e2e2e2; position:relative; margin-bottom:20px; padding-right:40px;}
.lx_box ul li .txt h2:after{ position:absolute; left: 0; height: 2px; bottom: -1px; content: ''; width: 70px; background:#167e1d;}
.lx_box ul li .txt div.c-flex{ margin-bottom: 10px;}
.lx_box ul li .txt i{ font-size: 18px; color: #167e1d; margin-right: 10px;}
.lx_box ul li .txt .qq{ margin-top: 40px;}
.map{ width: 100%; overflow: hidden;}
@media (max-width: 1281px){
    .c_qiantan{ padding: 40px 30px;}
    .c_tit h3{ font-size: 32px; margin-bottom:10px;}
    .c_tit{ margin-bottom: 20px;}
    .c_qiantan .right_msg h3{font-size: 26px;}
}
@media (max-width: 1024px){
    .c_box .c_item{ padding: 20px;}
    .lx_box ul li{ padding: 30px 25px;}
    .lx_box ul li .pic{ width: 120px;}
    .lx_box ul li .txt{ width: calc(100% - 150px);}
    .lx_box ul li .txt .qq{ margin-top: 20px;}
}
@media (max-width: 768px){
    .c_qiantan .left,.c_qiantan .right_msg{ width: 100%; float: none;}
    .c_qiantan .right_msg{ margin-top: 25px;}
    .cont_main{ padding: 40px 2%;}
    .lx_box ul li{ width: 100%; float: none;}
}
@media (max-width: 540px){
    .c_qiantan{ padding: 30px 20px;}
    .c_tit h3{ font-size: 26px; margin-bottom:0;}
    .c_box .c_item{ margin-top: 20px;}
    .c_qiantan .right_msg h3{ font-size: 22px;}
    .c_qiantan .right_msg input, .c_qiantan .right_msg textarea{ line-height: 48px;}
    .map{ display: none;}
}
@media (max-width: 450px){
    .c_box .c_item{ padding: 20px 10px;}
    .c_box .c_item i.iconfont{ font-size: 30px;}
    .lx_box ul li{ padding: 20px 15px; margin-bottom: 20px;}
    .lx_box ul li .pic{ width: 100px;}
    .lx_box ul li .txt{ width: calc(100% - 120px); font-size:14px;}
    .lx_box ul li .txt h2{ font-size: 16px; margin-bottom: 15px;}
    .c_tit .line{ width: 80px;}
}