/* 标题 */
.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;}
.secProUl{justify-content: space-between;margin-bottom: 24px;}
.secProLi{width: 50%;padding: 150px 10%;}
.secProLi:nth-child(1){background: #fff;}
.secProLi:nth-child(2){background: url(../images/fserbg.jpg) no-repeat center center;background-size: cover;}
.secProLi a{text-align: center;}
.secProLi a h3{font-size: 30px;color: #333;line-height: 60px;font-weight: bold;height: 60px;overflow: hidden;position: relative;}
.secProLi a .txt{font-size: 16px;color: #666;line-height: 30px;max-height: 60px;overflow: hidden;margin-top: 6px;position: relative;}
.secProLi a .more{display: block;font-size: 16px;color: #2f51ab;line-height: 32px;height: 32px;overflow: hidden;margin-top: 30px;text-decoration: underline;-webkit-transition: 0.4s;transition: 0.4s;cursor: pointer;}
.pic104{margin-top: 32px;overflow: hidden;}
.pic104 img{width: 100%;transition: all 0.5s;}
.secProLi:hover .pic104 img{transform: scale(1.05);}
@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: #2f51ab;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;}
}

/* 按钮 */


/*应用*/
.sec-apply{position: relative;background: url(../images/applyBg.jpg) no-repeat center center;padding: 5% 0;background-attachment: fixed;background-size: cover;}
.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;}
.sec-news-titleWp a{color: #333;}
.sec-news-titleWp a:hover{color: #2f51ab;}

.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: #2f51ab;}
.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;}
}


