/* CSS Reset */
/*.head_bc{ background:#fff;}*/
@font-face {
	font-family:"almmB";
	src: url('../css/almmSemiBold.ttf');
}

@font-face {
	font-family:"almmBB";
	src: url('../css/almmBold.ttf');
}
.head_bc{ background:url(../images/nbg.png) center bottom no-repeat; padding-bottom:10px;}
.logo_c>a>span i{color: rgba(255,255,255, .85);}
.nav_c>ul>li a{ color:#fff;}
.logo_c>a>span{ color:#fff;}
.icon>div i span{ color:#fff;}
ody, div, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}

.div-content {width: 83%;margin: auto;}
.polaris-banner {position: relative;}
.polaris-banner .text {color: #fff;position: absolute;left:7.5%;top: 53%;transform: translateY(-50%); letter-spacing:0.1vw; text-shadow: 0rem -0.15rem 0.2rem rgba(1, 149,64,9); z-index: 11;text-align:left; font-weight:bold; font-family: "Microsoft YaHei";}
.polaris-banner .text-1 {overflow: hidden;}
.polaris-banner .title-1 {margin-top:1%;}

.index-content {width: 86%;margin: auto;}

/* 客户分类 */
.khflbox{position: relative; display: flex; flex-wrap: wrap;}
.khflboxdw{position: absolute; left: 0; bottom: 4px; width: 100%; height: 60px; background-color: #f1f1f1; z-index: -1;}
.khflbox .khflbox_item{background-color: #f1f1f1; width:20%; height: 60px; line-height: 60px; font-size:20px; color: #333333; text-align: center; margin-bottom:54px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.khflbox .khflbox_item:hover{background-color:#008c3f; color: #fff;}
.khflbox .khflbox_item.cur{background-color:#008c3f; color: #fff;}
.fanrqbox_rbox .content table{padding:2% 0 4% 0;}


/* 内页标语 */
.nyby{height: 290px; display: flex; align-items: center; }
.nyby_txt{width: 100%; text-align: center; margin-bottom:3%;}
.nyby_txth{font-size:2.5vw; color:#1a1a1a; text-transform: uppercase; font-weight:bold; font-family: Microsoft YaHei;}
.nyby_txtp{font-size: 30px; color: #333333;}

.news_page_in_row1{/*! padding: 40px; */ /*! background: #fff; */ position: relative; margin-top: -100px; background: #f5f5f5;}
.news_page_in_row3{margin-top: 2px;padding: 30px 0 0 0;margin-bottom: 0px;}
.news_page_in_row3 > .pagination a.first_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -4px;background:url(../images/first_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a.previous_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -4px;background:url(../images/pre_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a.next_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -3px;background:url(../images/next_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a.Last_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -2px;background:url(../images/last_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a{display: inline-block;vertical-align: middle;width:38px;height:38px;border: 1px solid #ddd;line-height:38px;text-align: center;border-radius: 50%;font-size: 18px;font-family: arial;color: #666;margin: 3px;transform: rotate(0deg);position: relative;transition: 0.3s all ease; background: #fff;}
.news_page_in_row3 > .pagination a.cur_page,.news_page_in_row3 > .pagination a:hover{background:#008c3f ;border: 1px solid rgba(255,255,255,0);color: #fff;}
.news_page_in_row3 > .pagination{font-size: 0;text-align: center;}


.cx-photos-wrap{padding:5% 0;clear:both;overflow:hidden;  text-transform: capitalize;}
.cx-photos-list{margin:-15px;overflow:hidden;}
.cx-photos-list .item{float:left;margin: 15px 1%;width: calc(23.5% - 10px);border-radius:5px;/*box-shadow:0 0 10px rgba(0,0,0,0.1); border: #f0f0f0 solid 1px;*/}
.cx-photos-list .pic{overflow:hidden; border: 1px solid #efefef;}
.cx-photos-list .pic img{display:block;width:100%;transition:all 1s;}
.cx-videos-list .pic a{display:block;position:relative;}
.cx-videos-list .pic a:after{display:block;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);transition:all 0.5s;}
.cx-videos-list .pic a:before{display:block;position:absolute;z-index:3;left:50%;top:50%;font-size:36px;color:#fff;font-family:'iconfont' !important;content:"\e618";transform:translate(-50%,-50%);transition:all 0.5s;}
.cx-photos-list .text{width:100%;text-align:center;overflow:hidden;line-height:60px;}
.cx-photos-list .text h3{font-size:17px;color:#333; height:50px; overflow:hidden; font-weight:normal; text-overflow:ellipsis;white-space:nowrap;}
.cx-photos-list .text h3 a{color:#333;}
.cx-photos-list .text p{line-height:24px;font-size:16px;color:#666;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
.cx-photos-list .item:hover .pic img{transform:scale(1.1);}
.cx-photos-list .item:hover .text h3 a{color:#e91e2e;}
.cx-videos-list .item:hover .pic a:after{background-color:rgba(0,0,0,0.2);}
.cx-photos-list.hzhb{margin:-10px;}
.cx-photos-list.hzhb .item{margin:10px 10px;width:calc(16.66% - 20px);}
@media(max-width:1200px){.cx-photos-wrap{padding:40px 10px;} .cx-photos-list{margin:-10px;} .cx-photos-list .item{margin:10px;width:calc(50% - 20px);}}
@media(max-width:750px){.cx-photos-list{margin:0;} .cx-photos-list .item{margin: 0 1% 2% !important;width: 48% !important;} .cx-photos-list .text h3{font-size:14px;}}
.h40{height:40px; overflow:hidden;}


/*联系*/
.Contact-our-team {padding: 140px 0 140px 0;overflow: hidden;}
.Contact-our-team .left{width: 45%;}
.Contact-our-team .left .title-style h5{color: #999;font-size: 16px;margin: 0; font-family: 'Montserrat-Light';}
.Contact-our-team .left .title-style h2{margin: 0px 0 20px 0;}
.Contact-our-team .left .text{font-size: 16px;line-height: 26px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .left .item2{border-top: 1px solid #e6e6e7;border-bottom: 1px solid #e6e6e7;padding: 30px 0 20px 0;overflow: hidden;}
.Contact-our-team .left .item2 li {width: 50%;float: left;list-style: none;}
.Contact-our-team .left .item2 h3{font-size: 14px;margin: 0;color: #999999;font-weight: normal;}
.Contact-our-team .left .item2 h4{font-size: 20px;margin: 5px 0;color: #1a1a1a; font-weight:bold; font-family: 'Montserrat-Bold';}	
.Contact-our-team .left .item2 h4 a{font-size: 20px; font-family: 'Montserrat-Bold';}					
.Contact-our-team .left .annotation {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .right{width: 48%;}
.contact-bottom {position: relative;overflow: hidden;}
.contact-bottom .left{width: 50%;}
.contact-bottom .left .map{overflow: hidden;position: relative;}
.contact-bottom .left .map img{display: block;}
.contact-bottom .left .map iframe{border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-bottom .right{width: 35%;position: absolute;height: 100%;right: 10%;top:10%;}
.contact-bottom .right .name{border-bottom: 4px solid #000;padding-bottom:20px;}
.contact-bottom .right .name h4{font-size: 20px;color: #008c3f ;margin: 0;text-transform: uppercase; line-height:35px;}
.contact-bottom .right .name h2{font-size: 40px;color: #1a1a1a;margin: 0;text-transform: uppercase;}
.contact-bottom .right .content-way{}
.contact-bottom .right .content-way .item {border-bottom: 1px solid #dcdcde;overflow: hidden;padding:30px 0;}
.contact-bottom .right .content-way .item.item2 li{float: left;width: 45%;margin-right: 5%;}
.contact-bottom .right .content-way .item.item2 li::after{content: '';display: block;width: 1px;height: 100%;background:#dedfe4;position: absolute;right:10%;top: 0;}
.contact-bottom .right .content-way .item.item2 li:last-child::after {display: none;}
.contact-bottom .right .content-way .item.item2 li:last-child {width: 45%;margin-right:0;}
.contact-bottom .right .content-way .item.item2 li:first-child {width: 50%;}
.contact-bottom .right .content-way li{list-style: none;position: relative;}
.contact-bottom .right .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;}
.contact-bottom .right .content-way li i.c1 {background: url("../images/c4.png") center no-repeat;}
.contact-bottom .right .content-way li i.c2 {background: url("../images/c1.png") center no-repeat;}
.contact-bottom .right .content-way li i.c3 {background: url("../images/c2.png") center no-repeat;}
.contact-bottom .right .content-way li i.c4 {background: url("../images/c3.png") center no-repeat;}
.contact-bottom .right .content-way li span{display: inline-block;vertical-align: middle;}
.contact-bottom .right .content-way li h6{font-size:0.9vw;color: #999999;font-weight: normal;margin: 0;}
.contact-bottom .right .content-way li h5{font-size:1vw;color: #1a1a1a;margin: 5px 0 0 0;}
.contact-bottom .right .content-way li h5 a{font-size:1vw;color: #1a1a1a;margin: 5px 0 0 0;}
.content-ewm {font-size: 14px;line-height: 28px; color: #999;padding-top: 30px;}

.ewmleft {float: left; text-align:center;}
.other-email {float: left;padding-left: 5%;font-size:15px;line-height:30px;color: #666;}



/* contact */
.title-style {overflow: hidden;}
.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #008c3f;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h2 {text-transform: uppercase;font-size: 42px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #008c3f;}
.title-style .line {width: 80px;height: 4px;background: #008c3f;margin: 10px 0;}
.Contact-our-team {padding: 140px 0 140px 0;overflow: hidden;}
.Contact-our-team .left{width: 45%; }
.Contact-our-team .left .title-style h5{color: #999;font-size: 16px;margin: 0; font-family: 'Montserrat-Light'; font-weight:normal;}
.Contact-our-team .left .title-style h2{margin: 0px 0 20px 0;}
.Contact-our-team .left .text{font-size: 16px;line-height: 26px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .left .item2{border-top: 1px solid #e6e6e7;border-bottom: 1px solid #e6e6e7;padding: 30px 0 20px 0;overflow: hidden;}
.Contact-our-team .left .item2 li {width: 50%;float: left;list-style: none;}
.Contact-our-team .left .item2 h3{font-size: 14px;margin: 0;color: #999999;font-weight: normal;}
			
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}
.contact-section .content .left {width: 45%;}
.contact-section .content .left .content-way{overflow: hidden;}
.contact-section .content .left .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .left .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .left .content-way li:nth-child(3)::after,.contact-section .content .left .content-way li:last-child::after {display: none;}
.contact-section .content .left .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
.contact-section .content .left .content-way li:last-child {width: 99%;}
.contact-section .content .left .content-way li i.c1 {background: url("../images/c1.png") center no-repeat;}
.contact-section .content .left .content-way li i.c2 {background: url("../images/c2.png") center no-repeat;}
.contact-section .content .left .content-way li i.c3 {background: url("../images/c3.png") center no-repeat;}
.contact-section .content .left .content-way li i.c4 {background: url("../images/c4.png") center no-repeat;}
.contact-section .content .left .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .left .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .left .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .left .content-way li span h5 a {color: #666;}
.contact-section .content .left .content-way li:nth-child(3) span h5 a{color: #008c3f;}
.contact-section .content .left .content-way li:nth-child(3) i {border: 2px solid #008c3f;opacity: 1;}
.contact-section .content .left .content-way li:nth-child(3) i.c3 {background: url("../images/c31.png") center no-repeat;}
.contact-section .content .left .content-way li:hover span h5{color: #008c3f;}
.contact-section .content .left .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;background: #f1f1f1;}
.contact-section .content .left .content-map #map {min-height: 205px;}
.contact-section .content .left .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .left .content-map iframe #watermark {display: none;}
.contact-section .content .left .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}
.contact-section .content .right {width: 47%;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}
.content-form li .input2:first-child {margin-right: 1%;width:49%;}
.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box; font-family: "han";}
.content-form li .submit1 {background: #008c3f;color: #fff;font-size:1vw;width: 100%;height:58px;cursor: pointer;}
.content-form li .submit1:hover {background: #008c3f;}


/* news */
.polaris-news {position: relative;padding: 6% 0;overflow: hidden;background: #f7f7f7;}
.polaris-news-content {overflow: hidden;}
.news-content-top {overflow: hidden;}
.news-content-top .title-1{display: inline-block;vertical-align: middle;font-weight: bold;}
.nav-type-1 {display: inline-block;vertical-align: middle;margin-left: 5%;}
.nav-type-1 a {display: inline-block;vertical-align: middle;margin-right: 2rem;color: #666666;}
.nav-type-1 a.cur {color:#008c3f;}
.news-content-bottom {margin-top: 3%;position: relative;overflow: hidden;}
.news-content-list {overflow: hidden;}
.news-content-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 3%;}
.news-content-bottom .news-content-item:nth-child(3){margin-right: 0;}
.news-content-bottom .news-content-item:nth-child(6){margin-right: 0;}
.news-content-bottom .news-content-item:nth-child(9){margin-right: 0;}
.news-content-item a {display: block;overflow: hidden;}
.news-content-item .img{border-radius: 10px;}
.news-content-item .text{padding-top: 7%;overflow: hidden;}
.news-content-item .type-1{color:#F78181;}
.news-content-item .type-1 span {padding: 4px 10px;background: #FDE6E6;border-radius: 4px;}
.news-content-item .title-1 {margin-top: 4%;font-weight: 500;}
.news-content-item .date-1{color: #999;margin-top: 3%;}
.news-content-item a:hover .pic {transform: scale(1.05);}
.news-end-bottom {clear: both;}

.polaris-news-num {position: fixed;right: 2%;z-index: 99;bottom: 15%;}
.polaris-news-num a {display: block;display: block;opacity: .3;margin: 2rem auto;}
.polaris-news-num i {display: block;width: 20px;height: 20px;position: relative;}
.polaris-news-num i::after,.polaris-news-num i::before {content: '';border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.polaris-news-num i::after {width: 5px;height: 5px;background: #000;}
.polaris-news-num i::before {border: 1px solid #000;width: 20px;height: 20px;opacity: 0;}
.polaris-news-num a.cur {opacity: 1;} 
.polaris-news-num a.cur i::before {opacity: 1;}

.polaris-activity {position: relative;padding: 6% 0 3% 0;overflow: hidden;background: #f7f7f7;}
.polaris-activity-content {overflow: hidden;}
.activity-content-list {overflow: hidden;}
.activity-content-item {float: left;width: 48%;margin-bottom: 3%;margin-right: 4%;}
.activity-content-item.mr0 {margin-right: 0;}
.activity-content-item a {display: block;}
.activity-content-item .img {border-radius: 10px;}
.activity-content-item .text {padding: 4% 0;overflow: hidden;}
.activity-content-item .top-1 {overflow: hidden;font-size: 0;}
.activity-content-item .type-1 {display: inline-block;vertical-align: middle;}
.activity-content-item .type-1 span{color: #fff;border-radius: 4px;overflow: hidden;padding: 0 5px;}
.activity-content-item .type-1 span.hot1 {background: #e28a23;}
.activity-content-item .type-1 span.hot2 {background: #008c3f ;}
.activity-content-item .type-1 span.hot3 {background: #b5b5b5;}
.activity-content-item .title-1 {display: inline-block;vertical-align: middle;width: 80%;overflow: hidden;margin-left:1%;font-weight: 500;}
.activity-content-item .text-1 {margin-top: 2%;color: #666666;}
.activity-content-item .bottom-1 {margin-top: 3%;color: #000;}
.activity-content-item .date-1 {display: inline-block;vertical-align: middle;}	
.activity-content-item .date-1::before {content: '';width: 1.8rem;height: 1.8rem;display: inline-block;vertical-align: middle;margin-right: 1rem;background: url('../images/date.png') center no-repeat;}			
.activity-content-item .address-1 {display: inline-block;vertical-align: middle;margin-left: 5%;}		 
.activity-content-item .address-1::before {content: '';width: 1.8rem;height: 1.8rem;display: inline-block;vertical-align: middle;margin-right: 1rem;background: url('../images/adds.png') center no-repeat;}
.activity-content-item a:hover .pic {transform: scale(1.05);}

.polaris-news-detail {overflow: hidden;padding-top:1rem;position: relative;}
.polaris-news-detail::before {content: '';width: 100%; position: absolute;left: 0;top: 0; background: #008c3f;}
.polaris-news-detail .index-content {width:92%;}
.polaris-news-detail-top {padding: 3% 0;overflow: hidden;border-bottom: 1px solid #e5e5e5;margin-top:3%;}
.polaris-news-detail-top .path-1{color: #999; font-size:12px;}
.polaris-news-detail-top .path-1 a{color: #999;}
.polaris-news-detail-top .title-1{padding: 2% 0 1.3% 0;overflow: hidden;width:100%; font-size:1.4rem; color: #008c3f ;}
.polaris-news-detail-top .date-1{position: relative;overflow: hidden;}
.polaris-news-detail-top .date-1 span{color: #666; font-size:12px; font-family:hs_l;}
/*.polaris-news-detail-top .date-1 span::before {content: '';width: 1.8rem;height: 1.8rem;display: inline-block;vertical-align: middle;margin-right: 1rem;background: url('../images/data.png') center no-repeat;}*/
.polaris-news-detail-bottom {padding: 3% 0;overflow: hidden;}

.polaris-news-detail-left {float: left;width:100%;position: relative; line-height:30px;}
.polaris-news-detail-main {overflow: hidden;color: #333;text-align: justify;padding-bottom: 5%; line-height:33px;}
.polaris-news-detail-main p{ margin-bottom:12px;}
.polaris-news-detail-main img {max-width: 100%;height:auto!important; ;}
.news-detail-bottom {clear: both;overflow: hidden;padding: 3% 0;border-top: 1px solid #e5e5e5;position: relative;}
.news-detail-bottom .link-1  {color: #666;display: block; font-size:14px;}
.news-detail-bottom .link-1:hover {color: #008c3f ;}
.news-detail-bottom .link-1:hover a{color: #008c3f ;}
.news-detail-bottom .return-1 {position: absolute;right: 0;top:70%;transform: translateY(-50%);}
.news-detail-bottom .return-1 a {display: block;width: 140px;height:37px;line-height:31px;font-size: 0;overflow: hidden;position: relative;text-align: center;border: 2px solid #008c3f ;border-radius: 50px;}
.news-detail-bottom .return-1 span {display: inline-block;vertical-align: middle;color: #008c3f ; font-size:16px;}
.news-detail-bottom .return-1 i {display: inline-block;vertical-align: middle;width: 7px;height: 10px;background: url('../images/r2.png') center no-repeat;margin-left: 10px;}
.news-detail-bottom .return-1 a:hover {background: #e28a23;border: 2px solid #e28a23;}
.news-detail-bottom .return-1 a:hover span {color: #fff;}
.news-detail-bottom .return-1 a:hover i {background: url('../images/r3.png') center no-repeat;}

.polaris-news-detail-right {float: right;width:100%;padding-bottom: 5%;overflow: hidden;}
.news-detail-right-type {overflow: hidden;}
.news-detail-right-type .title-1{padding-bottom: 4%;overflow: hidden; font-size:1rem;}
.news-detail-right-list{padding: 3% 0;overflow: hidden;}
.news-detail-right-list .news-content-item{width: 100%;margin-right: 0;margin-bottom: 10%;}
.news-detail-right-list .news-content-item .img{border-radius: 0; border:#ccc solid 1px; border-radius: 10px;}
.news-detail-right-list .news-content-item .text {padding: 1% 0;}
.news-detail-right-list .news-content-item .date-1 {margin-top: 0;}

.news-detail-right-follow {overflow: hidden;margin-top: 2%;}
.news-detail-right-follow .follow-1{text-align: center;background: #f7f7f7;padding: 15% 5%;}
.news-detail-right-follow .ewm-1 {overflow: hidden;}
.news-detail-right-follow .ewm-1 img {width: 70%;margin:auto;}
.news-detail-right-follow .text-1  {color: #666666;margin-top: 5%;}

/*应用*/
.jcd-module-application {padding: 5% 0;overflow: hidden;background: #f7f7f7;}
.jcd-module-application-top {text-align: center;}
.jcd-module-application-top .jcd-title .text-1{margin: auto;margin-top: 1%; color: #333333;}
.jcd-module-application-bottom {margin-top: 3%;}
.jcd-module-application-item {float: left;width: 49%;margin-bottom: 1%;margin-right: 1%;overflow: hidden;}
.jcd-module-application-item a {display: block;}
.jcd-module-application-item .title-1 {position: absolute;left: 5%;bottom: 10%;z-index: 11;width: 90%;color: #fff;font-weight: 900;}
.jcd-title .title-3{ line-height:1px;}

/**/
.cade{width: 92.2%; margin:auto; padding-bottom:20px; text-align:center; padding-top:10px;}
.cade p{font-size:15.6px; font-weight:lighter; line-height:28px; text-align:left; padding-top:0px;}
.cade img{ padding:20px 0 10px 0; margin:auto; display:block;}

.banner_page{background-repeat:no-repeat;background-position:top center;background-size:100% 100%;padding-bottom:12%;position:relative;overflow:hidden}
.banner_page::before{content: "";position: absolute;left: 0;top: 0; width: 100%;height: 100%;  background: linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,140,63, 0));}

.banner_page p{font-size:56px;font-family:"almmB";color:#fff;font-weight:100;padding-top:300px;position:relative;z-index:1;font-weight:bold;float:left;margin-right:30px}
.banner_page p b{font-weight:100}
.banner_page em{font-size:66px;display:block;font-family:"almmB";color:#fff;font-style:normal;text-transform:uppercase;opacity:0.55;padding-top:299px}
.banner_page dl{position:absolute;top:386px}
.banner_page dl dd{width:510px;height:1px;background:#fff;opacity:0.3;margin-bottom:8px}
@media screen and (max-width:880px){.banner_page{padding-bottom:60%}
.banner_page p{font-weight:500;font-size:40px;padding-top:256px}
.banner_page em{padding-top:315px;font-size:30px !important}
.banner_page dl{top:360px}
.banner_page .w88::before{top:250px}
}.banner_page1{background-repeat:no-repeat;background-position:top center;background-size:100% 100%;padding-bottom:12%;position:relative;overflow:hidden}
.banner_page1 p{font-size:56px;font-family:"almmB";color:#fff;font-weight:100;padding-top:300px;position:relative;z-index:1;float:left;margin-right:30px}
.banner_page1 p b{font-weight:100}
.banner_page1 .w88::before{content:"";display:block;background:#008c3f;width:34px;height:34px;border-radius:100%;position:absolute;top:294px;left:-12px;z-index:0}
.banner_page1 em{font-size:66px;display:block;font-family:"almmB";color:#fff;font-style:normal;text-transform:uppercase;opacity:0.1;padding-top:300px}
.banner_page1 dl{position:absolute;top:386px}
.banner_page1 dl dd{width:510px;height:1px;background:#fff;opacity:0.3;margin-bottom:8px}
@media screen and (max-width:880px){.banner_page1{padding-bottom:60%}
.banner_page1 p{font-weight:500;font-size:40px;padding-top:256px}
.banner_page1 em{padding-top:310px;font-size:30px}
.banner_page1 dl{top:360px}
.banner_page1 .w88::before{top:250px}
}.banner{position:relative;height:100vh;width:100%;overflow:hidden}
.banner_nr{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.8);z-index:1}
.banner_nr img{display:block;position:absolute;top:35%;left:6%;max-width:80%;max-height:100%;z-index:5}
.banner .banner_nr em{color:#fff;font-family:"aem";font-style:normal;font-size:60px;padding-top:19%;display:block;opacity:0.15}
.banner .banner_nr p{color:#fff;font-size:50px;margin-top:6px;position:relative;font-family:"syB";z-index:15}
.banner .banner_nr span{color:#fff;font-family:"ysxk";font-size:150px;letter-spacing:-14px;display:block;position:relative;top:-40px;left:60px;z-index:10}
.banner .banner_nr span::before{content:"";background:url(../images/banner_xt.png);width:11px;height:213px;display:block;position:absolute;top:70px;left:-36px;z-index:1}
.banner .banner_nr span::after{content:"";width:145px;height:145px;border-radius:100%;background:#008c3f;position:absolute;top:-2%;left:2%;z-index:-20;display:block;-webkit-transition:all 2s ease-out 1s;-moz-transition:all 2s ease-out 1s;-o-transition:all 2s ease-out 1s;transition:all 2s ease-out 1s;animation:fadeIn 2s ease-in-out 1s infinite alternate;opacity:0}
@keyframes fadeIn{from{opacity:1}
to{opacity:0.6}
}.banner #index_video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
@media screen and (max-width:1820px){.banner .banner_nr em{padding-top:22%}
}@media screen and (max-width:1620px){.banner .banner_nr em{padding-top:26%}
}@media screen and (max-width:1420px){.banner .banner_nr em{padding-top:30%}
}@media screen and (max-width:1120px){.banner .banner_nr em{padding-top:34%}
}@media screen and (max-width:920px){.banner .banner_nr em{padding-top:46%}
}@media screen and (max-width:680px){.banner{height:90vh}
.banner_nr::after{width:100px;height:100px}
.banner_nr .w88{transform:scale(0.7);margin-left:-7%}
}@media screen and (max-width:560px){.banner_nr .w88{transform:scale(0.6);margin-left:-12%}
.banner .banner_nr span{width:200%}
}@media screen and (max-width:480px){.banner_nr img{max-width:70%;top:40%}
.banner .banner_nr em{padding-top:66%}
}

.w88{width:94%;margin:auto;}

.col12 span{ font-size:0.92rem; color:#999; font-weight:lighter;}
/* 基础样式 */
.title_line {
    width: 100%;
    max-width: 130px;
    height: 1px;
    background: #008c3f;
    margin: 20px auto;
    position: relative;
}

.col12 {
    font-size: 1.125rem; /* 18px */
    margin-top: 20px;
    color: #666;
    text-align: center;
    margin-bottom: 4rem; /* 64px */
}

.col12 h2 {
    color: #008c3f;
    font-size: 1.7rem;
    transition: transform 0.8s ease;
    font-weight: bold;
    margin-top: 3.75rem; /* 60px */
}

.col12:hover h2 {
    transform: translateY(-10px);
}

.title2 {
    text-align: center;
}

/* 产品区域 */
.syp {
    padding-bottom: 5px;
    position: relative;
}

.sypbt1 {
    display: block;
    font-size: 2.4rem;
    line-height: 1.08;
    text-align: center;
}

.sypbt2 {
    display: block;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 12px;
}

.sypbt3 {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    color: #888888;
    line-height: 1.44;
    margin-bottom: 4.56rem; /* 73px */
}

.phang {
    padding-top: 3.25rem; /* 52px */
    margin-bottom: 5rem; /* 80px */
}

.phang1 {
    background: url(../images/sybg1.jpg) no-repeat center top;
    background-size: cover;
}

.phang2 {
    background: url(../images/sybg2.jpg) no-repeat center top;
    background-size: cover;
}

/* 产品卡片 */
.wp ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wp ul li {
    float: left;
    width: 50%;
    margin-bottom: 4%;
    padding: 0 1%;
    box-sizing: border-box;
}

.sypbox {
    text-align: center;
    background: #fff;
    transition: all 0.5s ease;
    box-shadow: none;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    overflow: hidden;
}

.sypcon {
    position: relative;
    overflow: hidden;
}

.syptu {
    display: block;
}

.syptu img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
    object-fit: cover;
}

.sypxia {
    padding: 1.56rem 1.56rem 1rem; /* 25px */
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    width: 88.2%;
    position: absolute;
    bottom: 6%;
    left: 6%;
    background: #fff;
    border-radius: 8px;
    transition: all 0.5s ease;
}

.sypxia a {
    display: block;
    text-decoration: none;
}

.sypp1 {
    font-size: 1.375rem; /* 22px */
    line-height: 1.23;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    margin: 0;
    transition: color 0.3s ease;
}

.sypp2 {
    font-size: 1rem; /* 16px */
    color: #666666;
    line-height: 1.88;
    overflow: hidden;
    margin: 1.56rem auto; /* 25px */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3.75rem; /* 60px */
}

.sypp3 {
    width: 8.44rem; /* 135px */
    height: 2.25rem; /* 36px */
    line-height: 2.25rem;
    text-align: center;
    border-radius: 1.125rem;
    margin: 0 auto;
    border: 1px solid #888;
    color: #444;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.875rem;
}

/* 悬停效果 */
.sypp1:hover {
    color: #008c3f;
}

.sypp3:hover {
    color: #fff;
    background: #008c3f;
    border-color: #008c3f;
    transform: translateY(-2px);
}

.sypbox:hover .sypcon {
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.sypbox:hover .syptu img {
    transform: scale(1.05);
}

.sypbox:hover .sypxia {
    transform: translateY(-10px);
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
}

.sypbox:hover .sypp1 {
    color: #008c3f;
}

.sypcover {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: url(../images/sypcover.png) no-repeat center center;
    background-size: cover;
    transition: top 0.5s ease;
}

.sypbox:hover .sypcover {
    top: 0;
}

/* 响应式设计 */
@media screen and (max-width: 1200px) {
    .wp ul li {
        width: 50%;
    }
    
    .sypbox {
        margin: 0 auto;
        max-width: 400px;
    }
}

@media screen and (max-width: 992px) {
    .syp {
        padding-top: 2.5rem; /* 40px */
    }
    
    .sypbt1 {
        font-size: 2rem;
    }
    
    .sypbt2 {
        font-size: 2.5rem;
    }
    
    .sypbt3 {
        font-size: 1.5rem;
        margin-bottom: 2.5rem; /* 40px */
    }
    
    .wp ul li {
        width: 50%;
    }
    
    .sypxia {
        padding: 1rem 0.94rem; /* 15px */
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
        margin-top: -1px;
    }
    
    .sypp1 {
        font-size: 1.125rem; /* 18px */
    }
    
    .sypp2 {
        font-size: 0.875rem; /* 14px */
        margin: 1rem auto;
        height: auto;
        -webkit-line-clamp: 3;
    }
    
    .sypcover {
        display: none;
    }
    
    /* 移动端取消复杂悬停效果 */
    .sypbox:hover .sypxia {
        transform: none;
    }
}

@media screen and (max-width: 768px) {
    .phang {
        margin-bottom: 2.81rem; /* 45px */
        padding-top: 2rem;
    }
    
    .sypbt2 {
        font-size: 2rem;
    }
    
    .sypbt3 {
        font-size: 1.125rem; /* 18px */
    }
    
    .wp ul li {
        width: 100%;
        float: none;
        margin-bottom: 2rem;
    }
    
    .sypp3 {
        width: 7.13rem; /* 114px */
    }
}

@media screen and (max-width: 576px) {
    .sypbox {
        width: 100%;
        margin-bottom: 1.25rem; /* 20px */
    }
    
    .phang {
        margin-bottom: 1.56rem; /* 25px */
        padding-top: 1.56rem; /* 25px */
    }
    
    .sypbt3 {
        margin-bottom: 1.56rem; /* 25px */
        font-size: 1rem;
    }
    
    .sypp3 {
        width: 6.25rem; /* 100px */
        font-size: 0.75rem;
    }
    
    .sypbt1 {
        font-size: 1.5rem;
    }
    
    .sypbt2 {
        font-size: 1.75rem;
    }
    
    .col12 h2 {
        font-size: 1.4rem;
        margin-top: 2rem;
    }
    
    .col12 {
        font-size: 1rem;
        margin-bottom: 2rem;
    }
}

/* 触摸设备优化 */
@media (hover: none) {
    .sypbox:hover .syptu img {
        transform: none;
    }
    
    .sypbox:hover .sypxia {
        transform: none;
    }
    
    .sypxia {
        position: relative;
        opacity: 1;
    }
}

/* 高分辨率屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .phang1,
    .phang2,
    .sypcover {
        background-image: url(../images/sybg1@2x.jpg);
    }
    
    .phang2 {
        background-image: url(../images/sybg2@2x.jpg);
    }
}
/*应用*/
.case {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
}

/* 左侧导航 */
.case .cas-left ul {
    overflow: hidden;
    margin-top: 7%;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.case .cas-left ul li {
    flex: 0 0 33.333%;
    padding: 0 7%;
    height: 165px;
    box-sizing: border-box;
    background: url(../images/limg.jpg) top right no-repeat;
    background-size: contain;
}

.case .cas-left ul li:nth-child(3n) {
    background: none;
    padding: 0 0 0 4.2%;
}

.case .cas-left ul li a {
    display: block;
    padding-top: 15px;
    height: 143px;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.3s ease;
}

.case .cas-left ul li i {
    display: block;
    width: 68px;
    height: 87px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 26px;
}

.case .cas-left ul li i img {
    width: 100%;
    height: auto;
    transition: 0.5s;
    filter: grayscale(100%);
    object-fit: contain;
}

.case .cas-left ul li span {
    display: block;
    line-height: 30px;
    text-align: center;
    font-size: 1.375rem; /* 22px */
    color: #999;
    transition: all 0.3s ease;
}

/* 当前选中状态 */
.case .cas-left ul li.casn.cur i img {
    filter: grayscale(0) brightness(100%);
}

.case .cas-left ul li.casn.cur span {
    color: #008c3f;
    font-weight: bold;
}

/* 悬停效果 */
.case .cas-left ul li:last-child:hover i img {
    filter: grayscale(0) brightness(100%);
}

.case .cas-left ul li:last-child:hover span {
    color: #008c3f;
    font-weight: bold;
}

/* 内容区域 */
.case .cas-box {
    margin: 60px auto;
    position: relative;
    max-width: 100%;
}

.case .cas-box .cas-jt {
    position: relative;
    width: 100%;
}

.case .cas-box .cas-jt i {
    display: block;
    width: 62px;
    height: 62px;
    cursor: pointer;
}

.case .cas-box .cas-jt .cas-prev,
.case .cas-box .cas-jt .cas-next {
    border: solid 1px #dddddd;
    background: #fff url(../images/hprev.png) no-repeat center;
    background-size: 20px;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    z-index: 10;
}

.case .cas-box .cas-jt .cas-prev {
    left: -50px;
}

.case .cas-box .cas-jt .cas-next {
    right: -50px;
    transform: translateY(-50%) rotate(180deg);
}

.case .cas-box .cas-jt .cas-prev:hover,
.case .cas-box .cas-jt .cas-next:hover {
    border: solid 1px #008c3f;
    background: #008c3f url(../images/prev1.png) no-repeat center;
    background-size: 20px;
}

/* 内容详情 */
.cas-con {
    width: 100% !important;
    max-width: 1250px;
    margin: auto;
}

.con dl {
    height: auto;
    min-height: 599px;
    display: flex;
    flex-wrap: wrap;
}

.con dt {
    width: 100%;
    height: auto;
    float: none;
    overflow: hidden;
}

.con dt img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
}

.con dd {
    width: 100%;
    padding: 20px;
    float: none;
    box-sizing: border-box;
}

.con dd h4 a {
    display: block;
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 23px;
    color: #333;
    line-height: 1.3;
    padding-bottom: 20px;
    padding-top: 20px;
    text-decoration: none;
}

.con dd h4 a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #8a8a8a;
    left: 0;
    bottom: 0;
}

.con dd p {
    font-size: 1rem;
    color: #777;
    line-height: 1.6;
    padding-left: 17px;
    position: relative;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.con dd p:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #999;
    top: 10px;
    left: 0;
    border-radius: 50%;
}

.con dd span a {
    display: inline-block;
    width: 180px;
    font-weight: normal;
    text-indent: 39px;
    height: 50px;
    background: #fe0009 url(../images/ri.png) no-repeat 128px 13px;
    background-size: 20px;
    border-radius: 4px;
    font-size: 1rem;
    color: #fff;
    line-height: 50px;
    margin-top: 30px;
    transition: all 0.3s ease;
    text-decoration: none;
    box-sizing: border-box;
}

.con dd span a:hover {
    background-color: #2b2c30;
    width: 240px;
}

/* 响应式设计 */
@media screen and (min-width: 768px) {
    .case {
        padding: 0 10%;
    }
    
    .con dl {
        flex-wrap: nowrap;
        height: 599px;
    }
    
    .con dt {
        width: 645px;
        height: 599px;
        float: left;
    }
    
    .con dt img {
        width: 632px;
        height: 599px;
    }
    
    .con dd {
        width: 540px;
        padding-right: 40px;
        float: right;
    }
    
    .con dd h4 a {
        font-size: 2vw;
        padding-top: 64px;
        padding-bottom: 30px;
    }
    
    .con dd p {
        font-size: 1.125rem; /* 18px */
    }
    
    .con dd span a {
        font-size: 1.125rem; /* 18px */
    }
}

@media screen and (max-width: 1200px) {
    .case .cas-box .cas-jt .cas-prev {
        left: 10px;
    }
    
    .case .cas-box .cas-jt .cas-next {
        right: 10px;
    }
}

@media screen and (max-width: 768px) {
    .case .cas-left ul {
        margin-top: 10%;
    }
    
    .case .cas-left ul li {
        flex: 0 0 50%;
        height: 140px;
        padding: 0 5%;
    }
    
    .case .cas-left ul li:nth-child(3n) {
        background: url(../images/limg.jpg) top right no-repeat;
        background-size: contain;
        padding: 0 5%;
    }
    
    .case .cas-left ul li:nth-child(2n) {
        background: none;
    }
    
    .case .cas-left ul li a {
        height: 120px;
        padding-top: 10px;
    }
    
    .case .cas-left ul li i {
        width: 50px;
        height: 65px;
        padding-bottom: 15px;
    }
    
    .case .cas-left ul li span {
        font-size: 1rem;
        line-height: 24px;
    }
    
    .case .cas-box {
        margin: 40px auto;
    }
    
    .case .cas-box .cas-jt .cas-prev,
    .case .cas-box .cas-jt .cas-next {
        width: 44px;
        height: 44px;
        background-size: 16px;
    }
    
    .case .cas-box .cas-jt .cas-prev {
        left: 5px;
    }
    
    .case .cas-box .cas-jt .cas-next {
        right: 5px;
    }
    
    .con dd h4 a {
        font-size: 1.25rem;
        padding-top: 10px;
    }
    
    .con dd p {
        font-size: 0.875rem;
        line-height: 1.5;
    }
    
    .con dd span a {
        width: 160px;
        height: 44px;
        line-height: 44px;
        text-indent: 30px;
        background-position: 120px 12px;
        background-size: 16px;
        margin-top: 20px;
        font-size: 0.875rem;
    }
    
    .con dd span a:hover {
        width: 180px;
    }
}

@media screen and (max-width: 480px) {
    .case .cas-left ul li {
        flex: 0 0 100%;
        height: 120px;
        margin-bottom: 10px;
    }
    
    .case .cas-left ul li:nth-child(2n) {
        background: url(../images/limg.jpg) top right no-repeat;
        background-size: contain;
    }
    
    .case .cas-left ul li:nth-child(odd) {
        background: none;
    }
    
    .case .cas-box .cas-jt .cas-prev,
    .case .cas-box .cas-jt .cas-next {
        width: 36px;
        height: 36px;
        background-size: 14px;
    }
    
    .con dd {
        padding: 15px;
    }
    
    .con dd span a {
        width: 140px;
        height: 40px;
        line-height: 40px;
        text-indent: 25px;
        background-position: 105px 10px;
    }
    
    .con dd span a:hover {
        width: 150px;
    }
}

/* 触摸设备优化 */
@media (hover: none) {
    .case .cas-left ul li:last-child:hover i img,
    .case .cas-left ul li:last-child:hover span {
        filter: grayscale(100%);
        color: #999;
        font-weight: normal;
    }
    
    .con dd span a:hover {
        width: 180px;
        background-color: #fe0009;
    }
}