/* 标题 */
.sec-title{text-align: center;margin-bottom: 40px;}
.sec-title h2{font-size: 36px; font-weight: 600;color: #2f51ab;margin-top: 0;margin-bottom: 0;}
.sec-title h2 span{color: #09873d;}
.sec-title h5{font-size: 16px; color: #999;margin-top: 20px; margin-bottom: 20px;}
.sec-title-line{width: 3px;height: 3px;background: #2f51ab;border-radius: 50%;margin: 0 auto;position: relative;}
.sec-title-line::before{content: '';position: absolute;width: 80px;height: 1px;right: 0;top: 1px; background: #2f51ab;margin-right: 16px;}
.sec-title-line::after{content: '';position: absolute;width: 80px;height: 1px;left: 0;top: 1px; background: #2f51ab;margin-left: 16px;}

/* 组织体系 */
.secTissue{margin: 7% 0 0 0;}
.w-simgtext a{ display:block;text-decoration:none;}
.w-simgtext a:hover{ text-decoration:none;}
.w-simgtext h3{ margin: 0;line-height: 1.5; font-weight: normal;}
.w-simgtext p{margin-bottom: 0; line-height: 1.7;}
.w-simgtext3 .WebTeamWp {position:relative; z-index:2;padding: 10px 0 10px 0;}
.w-simgtext3 .WebTeamWp li {width: 18%;margin: 0 1%;float:left;text-align:center;}
.w-simgtext3 .WebTeamWp li .item{margin:0 auto; padding: 0 10px 30px 10px;position:relative;background:url(../images/bg.jpg) no-repeat center -400px;overflow: hidden;}
.w-simgtext3 .WebTeamWp li i {display: block;position: relative;margin: 0 auto;
margin-top:50px;height: 120px;width: 120px;background: url(../images/zuzhitixi_icon.png) no-repeat ;}
.w-simgtext3 .WebTeamWp li.indexs1 i {background-position:0 0;}
.w-simgtext3 .WebTeamWp li.indexs2 i {background-position:0 -120px;}
.w-simgtext3 .WebTeamWp li.indexs3 i {background-position:0 -240px;}
.w-simgtext3 .WebTeamWp li.indexs4 i {background-position:0 -360px;}
.w-simgtext3 .WebTeamWp li.indexs5 i {background-position:0 -480px;}
.w-simgtext3 .WebTeamWp li u {display: block;position: absolute;width: 210px;height: 210px;
left:50%; transform: translateX(-50%);background: url(../images/zuzhiicon_bg_03.png) no-repeat center center;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;
}
.w-simgtext3 .WebTeamWp li u.cl {clip: rect(0px,210px,210px,105px);}
.w-simgtext3 .WebTeamWp li u.cr {clip: rect(0px,105px,210px,0px);}
.w-simgtext3 .WebTeamWp li strong {display: block;margin-top:20px;font-size: 20px;font-weight: normal;color:#333; line-height:1.8;}
.w-simgtext3 .WebTeamWp li:hover strong{color:#fff;}
.w-simgtext3 .WebTeamWp li p {position: relative;top: 120px;color: #999;line-height:20px;
opacity: 0;}
.w-simgtext3 .WebTeamWp li:hover p{ color:#fff; opacity: 1;}
.w-simgtext3 .WebTeamWp li:hover .item {background-position: 0px 0px;-webkit-transition: all .5s ease-in-out .3s;-moz-transition: all .5s ease-in-out .3s;-ms-transition: all .5s ease-in-out .3s;-o-transition: all .5s ease-in-out .3s;transition: all .5s ease-in-out .3s;}
.w-simgtext3 .WebTeamWp li:hover i {-webkit-transition: all .5s ease-in-out .4s;
-moz-transition: all .5s ease-in-out .4s;-ms-transition: all .5s ease-in-out .4s;
-o-transition: all .5s ease-in-out .4s;transition: all .5s ease-in-out .4s;}
.w-simgtext3 .WebTeamWp li.indexs1:hover i {background-position:-120px 0;}
.w-simgtext3 .WebTeamWp li.indexs2:hover i {background-position:-120px -120px;}
.w-simgtext3 .WebTeamWp li.indexs3:hover i {background-position:-120px -240px;}
.w-simgtext3 .WebTeamWp li.indexs4:hover i {background-position:-120px -360px;}
.w-simgtext3 .WebTeamWp li.indexs5:hover i {background-position:-120px -480px;}
.w-simgtext3 .WebTeamWp li:hover u.cl {clip: rect(0px, 210px, 0, 105px);}
.w-simgtext3 .WebTeamWp li:hover u.cr {clip: rect(210px,105px,210px,0px);}
.w-simgtext3 .WebTeamWp li:hover strong {color:#fff;-webkit-transition:all .3s .4s;-moz-transition:all .3s .4s;-ms-transition:all .3s .4s;-o-transition:all .3s .4s;
transition:all .3s .4s;transform:translateY(-20px);-webkit-transform:translateY(-20px);}
.w-simgtext3 .WebTeamWp li:hover p {top: 10px;-webkit-transition: all .3s ease-in-out .5s;
-moz-transition: all .3s ease-in-out .5s;-ms-transition: all .3s ease-in-out .5s;
-o-transition: all .3s ease-in-out .5s;transition: all .3s ease-in-out .5s;
transform:translateY(-20px);-webkit-transform:translateY(-20px);}
.mobileTeamWp{display: none;}
.mobileTeam{margin-bottom: 16px;}
.mobileTeamIcon{width: 26%;}
.mobileTeamIcon img{width: 100%;}
.mobileTeamText{width: 74%;padding: 0 0 0 10px;}
.mobileTeamText h4{font-size: 18px;}
.mobileTeamText p{font-size: 14px;color: #666;}
@media screen and (max-width: 768px) {
	.WebTeamWp{display: none;}
	.mobileTeamWp{display: block;}
}

/*产品*/
.secProBg{margin-top: 40px; padding: 7% 0;background: #f9f9f9;}
.secProSort{justify-content: space-between;}
.secPro{width: 32.3333%;margin-bottom: 24px;}
.secProPic{text-align: center;border: 10px solid #fff;overflow: hidden;position: relative;}
.secProPic:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
.secProPic:before{content: "";background: linear-gradient(to left top,#11998e,#38ef7d);height: 100%;width: 100%;opacity: 0;position: absolute;left: 0;top: 0;
transition: all 0.4s linear;}
.secProPic:hover:before{ opacity: 1; }
.secProPic img{width: 100%;height: auto;transition: all 0.4s linear;border: 2px solid #09873d;}
.secProPic:hover img{opacity: 0;transform: scale(3);}
.secProPic .box-content{color: #fff;width: 100%;height: 100%;transform: translateY(-50%) scale(0);position: absolute;top: 50%;left: 0;transition: all 0.4s linear;}
.secProPic .box-content a{color: #fff;}
.secProPic .box-content a .post{margin: 10px 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-transform: uppercase;}
.secProlinIcon{font-size: 22px;transition: 0.5s linear;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: transparent;}
.secProlinIcon:hover{background: #fff;color: #09873d;}
.secProPic:hover .box-content{ transform: translateY(-50%) scale(1); }
.secProlink{width: 100%;height: 100%;flex-direction: column; justify-content: center;align-items: center;padding: 10px;}
.secProPic .title1{font-size: 25px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;margin: 0;}
.secProCenterWp{height: 100%;justify-content: center;align-items: center;padding: 10px;background: #eee;}
.secProCenterIcon{width: 50px;height: 50px;background: #09873d;justify-content: center;align-items: center;border-radius: 50%;color: #fff;margin: 0 auto 16px auto;font-size: 30px;}

@media screen and (max-width: 768px) {
	.secProBg{padding: 10% 0;}
	.sec-title h2{font-size: 22px;}
	.sec-title h5{margin-top: 10px;margin-bottom: 10px;}
	.secPro{width: 49%;}

}

/*优势*/
.sec-advBg{padding: 5% 0;}
.secAdvWp{justify-content: space-between;}
.secAdvLi{width: 32.3333%;padding: 60px 20px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);background: #09873d;color: #fff;text-align: center;position: relative;margin-bottom: 24px;}
.secAdvIcon .icon{font-size: 90px;transition: 0.5s 100ms all linear;}
.secAdvLi:hover .secAdvIcon .icon{transform: scale(1.1);}
.secAdvLiTxO{position: relative;z-index: 2;flex-direction: column;justify-content: center;align-items: center;}
.secAdvLi h4{margin: 20px 0 10px 0;font-weight: 600;}
.secAdvLi img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;z-index: 1;opacity: 0;}
.secAdvLi:hover img{opacity: 0.2;}
.secAdvLine{position: absolute; width: 90%;height: 90%;left: 5%;top: 5%;}
.secAdvLi .secAdvLine i:nth-of-type(1){display: block;position: absolute;width: 0;height: 1px;background: #fff;left: 0;top: 0;transition: 0.5s 100ms all linear;}
.secAdvLi .secAdvLine i:nth-of-type(2){display: block;position: absolute;width: 1px;height: 0;background: #fff;right: 0;top: 0;transition: 0.5s 100ms all linear;}
.secAdvLi .secAdvLine i:nth-of-type(3){display: block;position: absolute;width: 0;height: 1px;background: #fff;right: 0;bottom: 0;transition: 0.5s 100ms all linear;}
.secAdvLi .secAdvLine i:nth-of-type(4){display: block;position: absolute;width: 1px;height: 0;background: #fff;left: 0;bottom: 0;transition: 0.5s 100ms all linear;}
.secAdvLi:hover .secAdvLine i:nth-of-type(1){width: 100%;}
.secAdvLi:hover .secAdvLine i:nth-of-type(2){height: 100%;}
.secAdvLi:hover .secAdvLine i:nth-of-type(3){width: 100%;}
.secAdvLi:hover .secAdvLine i:nth-of-type(4){height: 100%;}
@media screen and (max-width: 998px) {
	
}
@media screen and (max-width: 768px) {
	.secAdvLi{width: 49%;padding: 20px 10px;}
	.secAdvIcon .icon{font-size: 70px;}
	.secAdvLi h4{font-size: 16px;}
	.secAdvLi p{font-size: 14px;}
	.sec-advBg{padding: 10% 0;}
}

/* 按钮 */
.more{--color: #09873d;font-family: inherit;display: block;width: 8em;height: 2.6em;line-height: 2.5em;text-align: center; margin: 20px 0;position: relative;overflow: hidden;border: 2px solid var(--color);transition: color .5s;z-index: 1;font-size: 17px;border-radius: 6px;font-weight: 500;color: var(--color);background: transparent;}
.more:before {content: "";position: absolute;z-index: -1;background: var(--color);height: 150px;width: 200px;border-radius: 50%;}
.more:hover {color: #fff;}
.more:before {top: 100%;left: 100%;transition: all .7s;}
.more:hover:before {top: -30px;left: -30px;}
.more:active:before {transition: background 0s;}

/*应用*/
.sec-apply{position: relative;background: url(../images/applyBg.jpg) no-repeat center center;padding: 5% 0;}
.sec-apply::before{content: '';position: absolute;background: rgba(0,0,0,0.8);width: 100%;height: 100%; left: 0;top: 0;z-index: 1;}
.sec-apply .container{position: relative;z-index: 2;}
.sec-apply .sec-title h2{color: #fff;}
.sec-apply .sec-title h5{color: #fff;}
.sec-apply .sec-title .sec-title-line{background: #fff;}
.sec-apply .sec-title .sec-title-line::before{background: #fff;}
.sec-apply .sec-title .sec-title-line::after{background: #fff;}

.applySwiper{position: relative;z-index: 2;padding-bottom: 40px;}
.applySwiper .swiper-wrapper .swiper-slide{position: relative;overflow: hidden;}
.applySwiper .swiper-wrapper .swiper-slide img{width: 100%;transition: 0.5s 100ms all linear;}
.inApplyPr,.inApplyNe{width: 40px;height: 60px;transform: translateY(-50%);font-size: 40px;background: rgba(35, 40, 45, 0.5);color: #fff;font-size: 30px;justify-content: center;align-items: center;}
.inApplyPr{left: 0;top:50%;}
.inApplyNe{right: 0;top:50%;}
.applySwiper-pagination{left: 50%;transform: translateX(-50%);bottom: 0;}
.applySwiper-pagination .swiper-pagination-bullet{width: 30px;height: 4px;background: rgba(255, 255, 255, 0.5);border-radius: 0;}
.applyText{position: absolute;width: 100%;height: 100%;padding: 0 30px;left: 0;bottom: -100%;flex-direction: column;justify-content: center;align-items: center; color:#fff;background: rgba(0, 0, 0, 0.3);transition: 0.5s 100ms all linear;}
.applyText h4{margin: 10px 0 16px 0;}
.applyIcon .icon{font-size: 36px;}
.applySwiper .swiper-wrapper .swiper-slide:hover img{transform: scale(1.1);}
.applySwiper .swiper-wrapper .swiper-slide:hover .applyText{bottom: 0;}
.applyMore{margin-top: 40px; margin-left: auto;margin-right: auto;}

@media screen and (max-width: 768px) {
	.sec-apply{padding: 10% 0;}
}

/* 订购流程 */
.sec-order{padding: 5%;background: #f9f9f9;}
.orderLists{width: 16.6666%;transition: 0.3s 100ms all linear;overflow: hidden;position: relative;}
.orderTitle{position: absolute;width: 100%;height: 100px;background: rgba(255, 255, 255, 0.6);font-size: 18px;font-weight: 600; line-height: 100px;text-align: center;color: #333;left: 0;top: 50%;transform: translateY(-50%);opacity: 1;transition: 0.3s 100ms all linear;}
.orderDesWp{position: absolute;width: 100%;height: auto;left: 0;bottom: 30px;opacity: 0;padding: 20px;transition: 0.5s 100ms all linear;}
.orderDesWp h5{font-size: 18px;font-weight: 600;color: #333;text-shadow: green 0px 0px 1px;}
.orderDesWp p{font-size: 14px;line-height: 2;text-shadow: green 0px 0px 1px;}
.orderLists:hover .orderTitle{opacity: 0;}
.orderLists:hover .orderDesWp{bottom: 0;opacity: 1;background: linear-gradient(rgb(255, 255, 255, 0.4), rgb(255, 255, 255, 1));}
.orderListOn{width: 40%;}
.orderListMove{width: 12%;}
@media screen and (max-width: 768px) {
	.sec-order{padding: 10% 0;}
	.orderLists{width: 33.3333%;height: 200px;}
	.orderDesWp{display: none;}
	.orderTitle{font-size: 16px;}
	.orderLists:hover .orderTitle{opacity: 1;}
}


/*新闻*/
.sec-news{padding: 4% 0;}
.news-item-wp{justify-content: space-between;}
.sec-news-titleWp{justify-content: space-between;align-items: center;}
.sec-news-title{font-weight: 600;color: #2f51ab;}
.sec-news-title span{color: #09873d;}
.sec-news-titleen{font-size: 16px;color: #999;}
.sec-news-line{width: 50px;height: 4px;background: #ddd;margin: 16px 0 32px 0;}

.messagesub{margin-left: auto;margin-right: auto;}
.news-item{justify-content: space-between;}
.index-itemList{width: 32.3333%;margin-top: 24px;background: #f1f1f1;transition: all 0.5s;}
.index-itemList a{display: block;padding: 6%;}
.news-dateY{font-size: 16px;font-family: 'arial'; color: #999;}
.news-dateMd{font-size: 26px; font-family: 'oswald-regular';color: #09873d;}
.news-title{font-size: 22px;color: #333;}
.news-des{font-size: 16px;color: #999;line-height: 2;}
.newsMoreIcon .icon{font-size: 30px;color: #ddd;}
.index-itemList:hover{background: #09873d;}
.index-itemList:hover .news-title,.index-itemList:hover .news-dateY,.index-itemList:hover .news-dateMd,.index-itemList:hover .news-des{color: #fff;}
.index-itemList:hover .newsMoreIcon .icon{color: #fff;}
@media screen and (max-width: 1200px) {
	.sec-news-titleWp p{display: none;}
	.index-news-listWp{width: 100%;}
}
@media screen and (max-width: 998px) {
	.sec-news{padding: 10% 0;}
	.sec-news-title{font-size: 26px;}
	.sec-news-titleen{font-size: 14px;}
	.sec-news-line{margin: 16px 0;}
	.news-title{font-size: 18px;}
	.news-des{font-size: 14px;}
	.index-itemList{width: 49%;}
	.newsMore{display: none;}
}