/* headerBox */
.headerBox{width: 100%;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 99;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);transition: all 0.6s ease;}
.headerBox .logo{float: left;display: block;width: 223px;height: 64px;background: url('../images/logo_01.png') no-repeat;background-size: 223px 64px;margin-top: 18px;transition: all 0.6s ease; background-position: 0 0 !important;}
.headerBox .navBox{width: calc(100% - 223px);}
.headerBox .navBox .nLi{display: inline-block;vertical-align: top;margin-left: 6%;position: relative;}
.headerBox .navBox .nLi h3 a{display: block;line-height: 48px;color: #333;font-size: 16px;padding: 26px 0;font-weight: normal;transition: all 0.6s ease;}
.headerBox .navBox .nLi .sub{width: 140px;display: none;position: absolute;top: 80px;left: 50%;transform: translateX(-50%);z-index: 3;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); }
.headerBox .navBox .nLi .sub ul{width: 100%;padding: 10px 0;}
.headerBox .navBox .nLi .sub ul li{width: 100%;}
.headerBox .navBox .nLi .sub ul li a{display: block;width: 100%;font-size: 16px;color: #333;padding: 10px;text-align: center;}
.headerBox .navBox .nLi .sub ul li:hover a,.headerBox .navBox .nLi .sub ul li.on a{color: #00873a;}
.headerBox .navBox .nLi .sub ul li:hover span,.headerBox .navBox .nLi .sub ul li.on span{opacity: 1;}
.headerBox .navBox .nLi:first-child{margin-left: 0;}
.headerBox .navBox .nLi:hover h3 a,.headerBox .navBox .nLi.on h3 a{font-weight: bold; color: #00873a;}
.is-fixed .logo{margin-top: 8px;}
.is-fixed .navBox .nLi h3 a{padding: 16px 0;}
.is-fixed .navBox .nLi .sub{top: 70px;}

/* pageBanner */
.pageBanner{width: 100%;margin-top: 100px; height: 320px; overflow: hidden;position: relative; background-size: cover !important; }
.pageBanner .title{width: 100%;height: 50px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;text-align: center;font-size: 48px;line-height: 50px;color: #ffffff;}


/* pageGroup */
.pageGroup{width: 100%;background-color: #f4f5f6;overflow: hidden;padding: 6% 0; position: relative;}
.pageGroup .wrap{align-items: center;}
.pageGroup .box{width: 57%;float: left;padding-right: 8%;}
.pageGroup .title{font-size: 36px;line-height: 40px;color: #00873a;}
.pageGroup .txt{font-size: 18px;line-height: 48px;color: #333333;margin-top: 3%;}
.pageGroup .txt img{ max-width: 100%; height: auto !important; display: none;}
.pageGroup .img{width: 43%;float: right;}
.pageGroup .img img{width: 100%;display: block;}

/* pageDevelop */
.pageDevelop{width: 100%;background: url('../images/about/zxjt/developBg.jpg') center center no-repeat;background-size: cover;overflow: hidden;padding: 8% 0; position: relative;}
.pageDevelop .title{font-size: 36px;line-height: 40px;color: #fff;text-align: center;}
.pageDevelop .contBox{width: 100%;position: relative;margin-top: 4.5%;}
.pageDevelop .contBox .swiper-container{width: 100%;}
.pageDevelop .contBox .swiper-container::after{content: '';width: 100%;height: 1px;background-color: #fff;opacity: 0.1;position: absolute;top: 9px;left: 0;}
.pageDevelop .contBox .swiper-container .swiper-slide{padding-top: 60px;position: relative;}
.pageDevelop .contBox .swiper-container .swiper-slide::after{content: '';width: 18px;height: 18px;border-radius: 50%;background-color: #ffffff;opacity: 0.2;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);}
.pageDevelop .contBox .swiper-container .swiper-slide::before{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #ffffff;position: absolute;top: 5px;left: 50%;transform: translateX(-50%);}
.pageDevelop .contBox .swiper-container .swiper-slide a{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 80%;margin: 0 auto;min-height: 190px;text-align: center;border: 2px solid rgba(255, 255, 255, 0.4);border-top: none;padding: 3%;position: relative;}
.pageDevelop .contBox .swiper-container .swiper-slide a::after{content: '';width: calc(100% + 1px);height: 15px;background: url('../images/about/zxjt/developLine.png') center center no-repeat;background-size: 100% auto;position: absolute;top: -13px;left: 50%;transform: translateX(-50%);z-index: 3;}
.pageDevelop .contBox .swiper-container .swiper-slide a .time{font-size: 18px;line-height: 20px;color: #ffffff;}
.pageDevelop .contBox .swiper-container .swiper-slide a .tit{font-size: 18px;line-height: 30px;min-height: 60px;color: #ffffff;margin-top: 20px;}
.pageDevelop .contBox .arrow-left,
.pageDevelop .contBox .arrow-right{color: #fff;}

/* pageAbout */
.pageAbout{width: 100%;background-color: #f4f5f6;overflow: hidden;padding: 6% 0 4%; position: relative;}
.pageAbout .title{font-size: 36px;line-height: 40px;color: #00873a;margin-bottom: 1%;}
.pageAbout .txt{width: 55%;float: left;font-size: 18px;line-height: 48px;color: #333333;margin-top: 2.5%;}
.pageAbout .txt strong{color: #00873a !important;}
.pageAbout .txt img{ max-width: 100%; height: auto !important; display: none;}
.pageAbout .img{width: 39%;float: right;}
.pageAbout .img img{ max-width: 100%;display: block;}


/* pageVideo */
.pageVideo{ width: 100%; background-color: #f4f5f6; padding: 0 0 4% 0; position: relative; overflow: hidden;}
.pageVideo .videoBox{ width: 80%; margin: auto; position: relative;}
.pageVideo .videoBox video{ width: 100%; position: relative; z-index: 1;}
.pageVideo .videoBox #playVideo{ position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
.pageVideo .videoBox #playVideo p{ width: 78px; height: 78px; font-size: 80px; display: inline-block; text-align: center; color: #fff; position: absolute; border-radius: 50%; overflow: hidden; /* background-color: #fff; */ top: 50%; left: 50%; margin: -35px 0 0 -35px; cursor: pointer; display: inline-block; line-height: 80px; overflow: hidden;}
.pageVideo .videoBox #playVideo p::after{ content: ''; width: 76px; height: 76px; border-radius: 50%; overflow: hidden; border: dashed 2px #fff; box-sizing: border-box; position: absolute; left: 1px; top: 2px; animation:turn 10s linear infinite;    }
@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
  }

/* pageAdvantage */
.pageAdvantage{width: 100%;background: #f4f5f6 url('../images/about/advantageBg.jpg') no-repeat;background-size: 100% auto;padding: 5% 0 3%;overflow: hidden; position: relative;}
.pageAdvantage .title{font-size: 36px;line-height: 40px;color: #fff;text-align: center;}
.pageAdvantage .contBox{width: 100%;position: relative;margin-top: 4%;}
.pageAdvantage .contBox .box{width: 100%;overflow: hidden;}
.pageAdvantage .contBox .box .swiper-container{width: calc(100% + 30px);}
.pageAdvantage .contBox .box .swiper-container .swiper-slide{padding-right: 30px;box-sizing: border-box;}
.pageAdvantage .contBox .box .swiper-container .swiper-slide a{display: block;width: 100%;min-height: 400px;padding: 11% 7% 0;background-color: #ffffff;overflow: hidden;box-shadow: 0 10px 10px rgba(11, 65, 20, 0.05);-webkit-box-shadow: 0 10px 10px rgba(11, 65, 20, 0.05);-moz-box-shadow: 0 10px 10px rgba(11, 65, 20, 0.05);}
.pageAdvantage .contBox .box .swiper-container .swiper-slide a .iconfont{color: #00873a;font-size: 60px;line-height: 70px;text-align: center;}
.pageAdvantage .contBox .box .swiper-container .swiper-slide a .tit{font-size: 20px;font-weight: bold;line-height: 30px;min-height: 60px;color: #333333;text-align: center;margin-top: 5%;transition: all 0.6s ease;}
.pageAdvantage .contBox .box .swiper-container .swiper-slide a .txt{font-size: 16px;line-height: 30px;color: #999999;text-align: center;margin-top: 5%;transition: all 0.6s ease;}
.pageAdvantage .contBox .box .swiper-container .swiper-slide a:hover .tit{color: #00873a;}
.pageAdvantage .arrow-left,.pageAdvantage .arrow-right{color: #fff;}
.pageAdvantage .culture{width: 100%;background-color: #fff;margin-top: 5.5%;padding: 6.5% 4% 8%;}
.pageAdvantage .culture .cont{width: 40%;float: left;}
.pageAdvantage .culture .cont .title{position: relative;color: #00873a;text-align: left;}
.pageAdvantage .culture .cont .title p{font-family: Arial;font-size: 60px;font-weight: 900;line-height: 52px;color: #333333;opacity: 0.09;position: absolute;bottom: 10px;left: 0;}
.pageAdvantage .culture .cont .text{font-size: 18px;line-height: 28px;color: #333333;margin-top: 14%;}
.pageAdvantage .culture .cont .text p{margin: 25px 0;}
.pageAdvantage .culture .cont .text p span{font-weight: bold;}
.pageAdvantage .culture .img{width: 51%;float: right;position: relative;}
.pageAdvantage .culture .img img{width: 100%;display: block;}
.pageAdvantage .culture .img .pic{width: 24.5%;position: absolute;bottom: -10%;right: 6%;}

/* pageHonor */
.pageHonor{width: 100%;background-color: #f4f5f6;padding: 3% 0 6%;overflow: hidden; position: relative;}
.pageHonor .title{font-size: 36px;line-height: 40px;color: #00873a;text-align: center;}
.pageHonor .contBox{width: 100%;position: relative;margin-top: 4%;}
.pageHonor .contBox .box{width: 100%;overflow: hidden;}
.pageHonor .contBox .box .swiper-container{width: calc(100% + 30px);}
.pageHonor .contBox .box .swiper-container .swiper-slide{padding-right: 30px;box-sizing: border-box;}
.pageHonor .contBox .box .swiper-container .swiper-slide a{display: block;width: 100%;padding: 7% 0;background-color: #ffffff;overflow: hidden;}
.pageHonor .contBox .box .swiper-container .swiper-slide a .img{width: 66%;margin: 0 auto;}
.pageHonor .contBox .box .swiper-container .swiper-slide a .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageHonor .contBox .box .swiper-container .swiper-slide a .tit{position: relative;z-index: 2;font-size: 16px;line-height: 24px;min-height: 87px;color: #333333;text-align: center;border-top: 1px solid #eee;margin-top: 3%;padding: 15px 8% 0;transition: all 0.6s ease;}
.pageHonor .contBox .box .swiper-container .swiper-slide a:hover .img img{transform: scale(1.1);}
.pageHonor .contBox .box .swiper-container .swiper-slide a:hover .tit{color: #00873a;}

/* pageTechnology */
.pageTechnology{width: 100%;overflow: hidden; position: relative;}
.pageTechnology ul{width: 100%;padding: 1.5% 0 4%;}
.pageTechnology ul li{width: 100%;border-bottom: 1px solid #e5e5e5;padding: 4% 0;position: relative;}
.pageTechnology ul li:last-child{border-bottom: none;}
.pageTechnology ul li .img{width: 50%;height: 450px;overflow: hidden;position: relative;}
.pageTechnology ul li .img img{width: 100%;position: absolute;bottom: 0;left: 0;display: block;}
.pageTechnology ul li .cont{width: 50%;}
.pageTechnology ul li .cont .tit{font-size: 30px;line-height: 30px;color: #00873a;}
.pageTechnology ul li .cont .txt{font-size: 16px;line-height: 40px;color: #333333;margin-top: 4%;}
.pageTechnology ul li .cont .txt span{color: #00873a;font-weight: bold;}
.pageTechnology ul li .cont .p{width: 100%;border: 1px solid rgba(0, 0, 0, 0.08);border-right: none;margin-top: 5%;}
.pageTechnology ul li .cont .p p{width: 23.3333%;font-size: 16px;line-height: 40px;padding: 10px;text-align: center;color: #333333;border-right: 1px solid rgba(0, 0, 0, 0.08);}
.pageTechnology ul li .cont .p p:nth-child(1){width: 30%;font-weight: bold;}
.pageTechnology ul li:nth-child(odd) .cont{padding-left: 3.7%;}
.pageTechnology ul li:nth-child(even) .cont{padding-right: 3.7%;}

/* pageNav */
.pageNav{width: 100%;background-color: #fff;text-align: center;overflow: hidden; position: relative;}
.pageNav ul{width: 100%;}
.pageNav ul li{display: inline-block;vertical-align: middle;margin: 0 12%;}
.pageNav ul li a{font-size: 16px;line-height: 40px;padding: 10px 0;display: block;color: #333333;}
.pageNav ul li:hover a,.pageNav ul li.on a{color: #00873a;font-weight: bold;}

/* pageProject */
.pageProject{width: 100%;background-color: #f4f5f6;padding: 5% 0;overflow: hidden; position: relative;}
.pageProject .wrap{position: relative;}
.pageProject .img{width: 50%;overflow: hidden;}
.pageProject .img img{width: 100%;display: block;}
.pageProject .cont{width: 50%;height: 100%;position: absolute;top: 0;right: 0;background-color: #fff;padding: 7% 4% 0;}
.pageProject .cont .tit{font-size: 36px;line-height: 40px;color: #00873a;}
.pageProject .cont .txt{font-size: 16px;line-height: 36px;color: #333;margin-top: 6%;}
.pageProject .cont .txt span{color: #00873a;font-weight: bold;}

/* pageService */
.pageService{width: 100%;padding: 6% 0 9%;background: url('../images/cooperation/xmgj/serviceBg.jpg') top center no-repeat;background-size: cover;overflow: hidden; position: relative;}
.pageService .title{font-size: 36px;line-height: 40px;color: #00873a;text-align: center;}
.pageService .contBox{position: relative;width: 100%;margin-top: 4%;}
.pageService .contBox .imgBox{width: 430px;height: 430px;padding: 50px;border-radius: 50%;border: 1px dashed rgba(0, 0, 0, 0.2);margin: 0 auto;}
.pageService .contBox .imgBox .img{width: 100%;height: 100%;overflow: hidden;border-radius: 50%;}
.pageService .contBox .imgBox .img img{width: 100%;display: block;}
.pageService .contBox li{width: calc(50% - 136px);position: absolute;}
.pageService .contBox li:nth-child(1){top: 42px;left: 0;}
.pageService .contBox li:nth-child(1) .iconfont{float: right;}
.pageService .contBox li:nth-child(1) .cont{float: left;text-align: right;}
.pageService .contBox li:nth-child(2){top: 42px;right: 0;}
.pageService .contBox li:nth-child(2) .iconfont{float: left;}
.pageService .contBox li:nth-child(2) .cont{float: right;}
.pageService .contBox li:nth-child(3){top: 326px;right: 0;}
.pageService .contBox li:nth-child(3) .iconfont{float: left;}
.pageService .contBox li:nth-child(3) .cont{float: right;}
.pageService .contBox li:nth-child(4){top: 326px;left: 0;}
.pageService .contBox li:nth-child(4) .iconfont{float: right;}
.pageService .contBox li:nth-child(4) .cont{float: left;text-align: right;}
.pageService .contBox li .iconfont{width: 62px;height: 62px;background-color: #00873a;border-radius: 50%;color: #fff;text-align: center;line-height: 62px;font-size: 30px;}
.pageService .contBox li .cont{width: calc(100% - 100px);}
.pageService .contBox li .cont .tit{font-size: 20px;font-weight: bold;line-height: 36px;color: #333333;}
.pageService .contBox li .cont .txt{font-size: 16px;line-height: 24px;color: #333333;margin-top: 10px;}

/* pagePattern */
.pagePattern{width: 100%;background-color: #fff;padding: 5% 0;overflow: hidden; position: relative;}
.pagePattern .title{font-size: 36px;line-height: 40px;color: #00873a;text-align: center;}
.pagePattern .box{width: 100%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);margin-top: 4%;position: relative;}
.pagePattern .box ul{background-color: #fff;position: absolute;top: 0;left: 0;width: 50%;height: 100%;padding: 6% 3.5%;}
.pagePattern .box ul li{width: 48.6%;background-color: #ffffff;border: solid 1px rgba(0, 0, 0, 0.08);margin: 0.7%;text-align: center;}
.pagePattern .box ul li .iconfont{font-size: 52px;line-height: 56px;color: #00873a;margin: 2% 0 3%;}
.pagePattern .box ul li .t1{font-size: 24px;line-height: 30px;color: #00873a;}
.pagePattern .box ul li .t2{font-size: 16px;line-height: 20px;color: #00873a;margin-top: 2%;}
.pagePattern .box ul li:nth-child(2),
.pagePattern .box ul li:nth-child(3){background-color: #00873a;border: 1px solid #00873a;}
.pagePattern .box ul li:nth-child(2) .iconfont,
.pagePattern .box ul li:nth-child(3) .iconfont,
.pagePattern .box ul li:nth-child(2) .t1,
.pagePattern .box ul li:nth-child(3) .t1,
.pagePattern .box ul li:nth-child(2) .t2,
.pagePattern .box ul li:nth-child(3) .t2{color: #fff;}
.pagePattern .box .img{width: 50%;float: right;overflow: hidden;}
.pagePattern .box .img img{width: 100%;display: block;}

/* pageManage */
.pageManage{width: 100%;padding: 5.5% 0 6.5%;background: url('../images/cooperation/cyyyy/manageBg.jpg') center center no-repeat;background-size: cover;overflow: hidden; position: relative;}
.pageManage .title{font-size: 36px;line-height: 40px;color: #fff;text-align: center;}
.pageManage .contBox{width: 100%;margin-top: 9%;}
.pageManage .box{width: 50%;position: relative;float: left;}
.pageManage .box .cont{width: 336px;height: 336px;border: 2px dashed rgba(255, 255, 255, 0.4);padding: 31px;border-radius: 50%;margin: 0 auto;}
.pageManage .box .cont .round{width: 100%;height: 100%;border-radius: 50%;background: #f4bf3b url('../images/cooperation/cyyyy/roundIcon.png') center center no-repeat;background-size: cover;}
.pageManage .box .cont .round .tit{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 22px;line-height: 30px;color: #fefefe;text-align: center;}
.pageManage .box .cont .round .tit .iconfont{font-size: 50px;margin-bottom: 8%;}
.pageManage .box:nth-child(2) .cont .round{background: #00873a url('../images/cooperation/cyyyy/roundIcon.png') center center no-repeat;background-size: cover;}
.pageManage .box li{position: absolute;font-size: 16px;line-height: 30px;color: #ffffff;}
.pageManage .box li::after{content: '';width: 18px;height: 18px;border-radius: 50%;position: absolute;background-color: #f4bf3b;opacity: 0.4;z-index: 1;}
.pageManage .box li::before{content: '';width: 8px;height: 8px;border-radius: 50%;position: absolute;background-color: #f4bf3b;z-index: 2;}
.pageManage .box li:nth-child(1){width: 80%;top: -50px;left: 50%;transform: translateX(-50%);text-align: center;}
.pageManage .box li:nth-child(1)::after{bottom: -30px;left: 50%;transform: translateX(-50%);}
.pageManage .box li:nth-child(1)::before{bottom: -25px;left: 50%;transform: translateX(-50%);}
.pageManage .box li:nth-child(2){width: calc(50% - 175px);top: 80px;right: 0;}
.pageManage .box li:nth-child(2)::after{top: 6px;left: -34px;}
.pageManage .box li:nth-child(2)::before{top: 11px;left: -29px;}
.pageManage .box li:nth-child(3){width: calc(50% - 145px);top: 270px;right: 0;}
.pageManage .box li:nth-child(3)::after{top: 6px;left: -35px;}
.pageManage .box li:nth-child(3)::before{top: 11px;left: -30px;}
.pageManage .box li:nth-child(4){width: calc(50% - 145px);top: 270px;left: 0;text-align: right;}
.pageManage .box li:nth-child(4)::after{top: 6px;right: -35px;}
.pageManage .box li:nth-child(4)::before{top: 11px;right: -30px;}
.pageManage .box li:nth-child(5){width: calc(50% - 175px);top: 80px;left: 0;text-align: right;}
.pageManage .box li:nth-child(5)::after{top: 6px;right: -34px;}
.pageManage .box li:nth-child(5)::before{top: 11px;right: -29px;}
.pageManage .box:nth-child(2) li::after{background-color: #00873a;}
.pageManage .box:nth-child(2) li::before{background-color: #00873a;}

/* pageSynergy */
.pageSynergy{width: 100%;background-color: #fff;overflow: hidden;padding: 7% 0; position: relative;}
.pageSynergy .wrap{position: relative;}
.pageSynergy .text{width: 35%;position: absolute;top: 30%;left: 0;font-size: 16px;line-height: 36px;color: #333333;}
.pageSynergy .img{width: 53%;float: right;overflow: hidden;}
.pageSynergy .img img{width: 100%;display: block;}

/* pageSolution */
.pageSolution{width: 100%;overflow: hidden; position: relative;}
.pageSolution ul{width: 100%;padding: 1.5% 0 4%;}
.pageSolution ul li{width: 100%;border-bottom: 1px solid #e5e5e5;padding: 4% 0;position: relative;}
.pageSolution ul li:last-child{border-bottom: none;}
.pageSolution ul li .img{width: 50%;overflow: hidden;}
.pageSolution ul li .img img{width: 100%;display: block;}
.pageSolution ul li .cont{width: 50%; position: relative; padding-top: 30px;}
.pageSolution ul li .cont .tit{font-size: 30px;line-height: 30px;color: #00873a;}
.pageSolution ul li .cont .txt{font-size: 16px;line-height: 36px;color: #333333;margin-top: 4%;}
.pageSolution ul li .cont .txt span{color: #00873a;font-weight: bold;}
.pageSolution ul li .cont .p{width: 100%;border: 1px solid rgba(0, 0, 0, 0.08);border-right: none;margin-top: 5%;}
.pageSolution ul li .cont .p p{width: 23.3333%;font-size: 16px;line-height: 40px;padding: 10px;text-align: center;color: #333333;border-right: 1px solid rgba(0, 0, 0, 0.08);}
.pageSolution ul li .cont .p p:nth-child(1){width: 30%;font-weight: bold;}
.pageSolution ul li:nth-child(1) .img{float: left;}
.pageSolution ul li:nth-child(1) .cont{right: 0;padding-left: 3.7%;}
.pageSolution ul li:nth-child(2) .img{width: 47.2%;float: right;}
.pageSolution ul li:nth-child(2) .cont{left: 0;padding-right: 3.7%;}
@media (max-width: 1680px){
  .pageSolution ul li .cont .txt{ font-size: 14px; line-height: 32px;}
}



/* pageStructure */
.pageStructure{width: 100%;background: url('../images/solution/gyfscl/structureBg.jpg') center center no-repeat fixed;background-size: cover;padding: 6% 0;overflow: hidden; position: relative;}
.pageStructure .title{font-size: 36px;line-height: 40px;color: #fff;text-align: center;}
.pageStructure .img{width: 100%;overflow: hidden;margin-top: 3%;}
.pageStructure .img img{max-width: 100%;display: block;}

/* pageCase */
.pageCase{width: 100%;background-color: #f4f5f6;padding: 6% 0 3%;overflow: hidden; position: relative;}
.pageCase .title{font-size: 36px;line-height: 40px;color: #00873a;text-align: center;}
.pageCase .contBox{width: 100%;position: relative;margin-top: 4%;}
.pageCase .contBox .swiper-container{width: 100%;}
.pageCase .contBox .swiper-container .swiper-slide a{display: block;width: 100%;position: relative;overflow: hidden; background-color: #000;}
.pageCase .contBox .swiper-container .swiper-slide a img{width: 100%;display: block; position: relative; z-index: 2;opacity: 0.9;}

.pageCase .contBox .swiper-container .swiper-slide a::after{content: '';width: 50%;height: 100%;background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));position: absolute;bottom: 0;left: 0; z-index: 2;}
.pageCase .contBox .swiper-container .swiper-slide a .cont{position: absolute;width: 320px;top: 50%;left: 10%;transform: translateY(-50%);z-index: 3;background-color: #fff;padding: 3% 28px 5%;}
.pageCase .contBox .swiper-container .swiper-slide a .cont .tit{font-size: 24px;line-height: 30px;color: #333333;}
.pageCase .contBox .swiper-container .swiper-slide a .cont .txt{font-size: 16px;line-height: 36px;color: #333333;margin-top: 6%;}
.pageCase .contBox .swiper-container .swiper-slide a .cont .more{width: 160px;height: 44px;background-color: #00873a;border-radius: 22px;color: #fff;font-size: 16px;line-height: 44px;text-align: center;margin-top: 18%; transition: all 0.6s ease;}
.pageCase .contBox .swiper-container .swiper-slide a .cont .more i{display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 26px;transform: translateY(-1px);}
.pageCase .contBox .swiper-container .swiper-slide a .cont .more:hover{ background-color: #f4bf3b;}

/* caseList */
.caseList{width: 100%;background-color: #f4f5f6;padding: 5% 0;overflow: hidden; position: relative; }
.caseList ul{ width: 100%;}
.caseList ul li{ width: 48.5%; margin:0 3% 3% 0; position: relative;}
.caseList ul li:nth-child(2n){ margin-right: 0;}
.caseList ul li a{display: block;width: 100%;position: relative;overflow: hidden;}
.caseList ul li img{width: 100%;display: block; position: relative; z-index: 1;}
.caseList ul li a::after{content: '';width: 100%;height: 50%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));position: absolute;bottom: 0;left: 0; z-index: 2;}
.caseList ul li .tit{ position: absolute; width: 100%; bottom: 20px; left: 0; z-index: 3; text-align: center; padding: 0 20px; text-align: center; font-size: 24px;line-height: 30px;color: #fff;}
.caseList ul li:hover a{ background-image: linear-gradient(to bottom, rgba(18, 129, 60, 0), #12813c);}


/* pagePlan */
.pagePlan{width: 100%;overflow: hidden;padding-top: 3%; position: relative;}
.pagePlan .title{font-size: 36px;line-height: 40px;color: #00873a;text-align: center;}
.pagePlan ul{width: 100%;margin-top: 3%;}
.pagePlan ul li{float: left;width: 15.6%;height: 640px;background-size: auto 100% !important;transition: all 0.6s ease;}
.pagePlan ul li a{display: block;width: 100%;height: 100%;padding: 50px 30px;background-color: rgba(0, 0, 0, 0.6);position: relative;transition: all 0.6s ease;}
.pagePlan ul li .cont{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 0 8%;}
.pagePlan ul li .tit{font-size: 20px;line-height: 30px;color: #ffffff;}
.pagePlan ul li .txt{font-size: 16px;line-height: 36px;height: 72px;color: #ffffff;margin-top: 15px;}
.pagePlan ul li.on{width: 22%;}
.pagePlan ul li.on a{background-color: rgba(0, 135, 58, 0.9);}

/* pageFramework */
.pageFramework{width: 100%;min-height: 750px;background: url('../images/solution/lsyyyq/frameworkBg.jpg') center center no-repeat fixed;background-size: cover;padding: 6% 0 14.5%;overflow: hidden; position: relative;}
.pageFramework .title{font-size: 36px;line-height: 40px;color: #fff;text-align: center;}
.pageFramework .box{width: 100%;margin-top: 10%;position: relative;}
.pageFramework .box .cont{width: 246px;height: 246px;border: 2px dashed rgba(255, 255, 255, 0.17);padding: 35px;border-radius: 50%;margin: 0 auto;}
.pageFramework .box .cont .round{width: 100%;height: 100%;border-radius: 50%;background-color: #f4bf3b;}
.pageFramework .box .cont .round .tit{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 20px;line-height: 26px;color: #333333;text-align: center;}
.pageFramework .box .cont .round .tit .iconfont{font-size: 50px;margin-bottom: 14%;}
.pageFramework .box li{position: absolute;}
.pageFramework .box li .iconfont{border-radius: 50%;background-color: #00873a;color: #fff;margin: 0 auto 8%;text-align: center;}
.pageFramework .box li p{text-align: center;font-size: 16px;line-height: 30px;color: #ffffff;}
.pageFramework .box li:nth-child(1){top: -80px;left: 21%;}
.pageFramework .box li:nth-child(1) .iconfont{width: 120px;height: 120px;font-size: 44px;line-height: 120px;}
.pageFramework .box li:nth-child(2){top: 106px;left: 10%;}
.pageFramework .box li:nth-child(2) .iconfont{width: 150px;height: 150px;font-size: 54px;line-height: 150px;}
.pageFramework .box li:nth-child(3){top: 189px;left: 26%;}
.pageFramework .box li:nth-child(3) .iconfont{width: 120px;height: 120px;font-size: 44px;line-height: 120px;}
.pageFramework .box li:nth-child(4){top: 102px;right: 26%;}
.pageFramework .box li:nth-child(4) .iconfont{width: 126px;height: 126px;font-size: 64px;line-height: 126px;}
.pageFramework .box li:nth-child(5){top: -50px;right: 10%;}
.pageFramework .box li:nth-child(5) .iconfont{width: 138px;height: 138px;font-size: 48px;line-height: 138px;}
.pageFramework .box li:nth-child(6){top: 234px;right: 12%;}
.pageFramework .box li:nth-child(6) .iconfont{width: 110px;height: 110px;font-size: 42px;line-height: 110px;}

/* pageProcess */
.pageProcess{width: 100%;overflow: hidden;background-color: #f4f5f6;padding: 5% 0; position: relative;}
.pageProcess .box{width: 100%;position: relative;}
.pageProcess .box .txt{width: 58%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;font-size: 18px;line-height: 48px;color: #333333;padding: 5%;display: flex;align-items: center;}
.pageProcess .box .img{width: 42%;float: right;overflow: hidden;}
.pageProcess .box .img img{width: 100%;display: block;}
.pageProcess ul{width: 100%;margin-top: 5.5%;}
.pageProcess ul li{width: 16.6666%;text-align: center;position: relative;cursor: pointer;}
.pageProcess ul li div{width: 100px;height: 100px;line-height: 100px;background-color: #ffffff;font-size: 40px;color: #00873a;border-radius: 50%;margin: 0 auto 8%;transition: all 0.6s ease;}
.pageProcess ul li p{font-size: 18px;line-height: 28px;color: #333333;}
.pageProcess ul li i{width: 20px;height: 20px;line-height: 20px;text-align: center;color: #999;font-size: 20px;position: absolute;top: 40px;right: -10px;}
.pageProcess ul li:last-child i{display: none;}
.pageProcess ul li:hover div{background-color: #00873a;color: #fff;}
.pageProcess ul li:hover p{color: #00873a;}

/* pageRange */
.pageRange{width: 100%;background-color: #fff;padding: 5% 0 7%;overflow: hidden; position: relative;}
.pageRange .title{font-size: 36px;line-height: 40px;color: #00873a;text-align: center;}
.pageRange .box{width: 100%;margin-top: 4%;position: relative;}
.pageRange .box ul{width: 68.75%;position: absolute;top: 0;left: 0;height: 100%;padding-right: 0.5%;}
.pageRange .box ul li{width: 32.3333%;height: 100%;margin-right: 1%;background-color: #ffffff;border: solid 1px rgba(0, 0, 0, 0.08);padding: 2.5%;}
.pageRange .box ul li .icon{width: 50px;}
.pageRange .box ul li .icon img{width: 100%;display: block;}
.pageRange .box ul li .tit{font-size: 20px;font-weight: bold;line-height: 48px;color: #00873a;margin: 2% 0 0;}
.pageRange .box ul li .txt{font-size: 16px;line-height: 30px;color: #333333;margin: 1.5% 0 0;}
.pageRange .box .img{width: 31.25%;float: right;overflow: hidden;}
.pageRange .box .img img{width: 100%;display: block;}
@media (max-width: 1680px){
  .pageRange .box ul li{padding: 2% 2.5%;}
.pageRange .box ul li .icon{width: 40px;}
.pageRange .box ul li .tit{font-size: 18px;line-height: 44px;}
.pageRange .box ul li .txt{font-size: 14px;line-height: 26px;}
}

/* pageQA */
.pageQA{width: 100%;background-color: #f4f5f6;padding: 5% 0;overflow: hidden; position: relative;}
.pageQA .title{font-size: 36px;line-height: 40px;color: #00873a;text-align: center;}
.pageQA ul{width: 100%;margin-top: 4%;}
.pageQA ul li{width: 100%;padding: 0 3%;margin-bottom: 1.5%;background-color: #ffffff;cursor: pointer;}
.pageQA ul li .questions{width: 100%;padding: 25px 0 25px 40px;position: relative;}
.pageQA ul li .questions .t{font-size: 18px; font-weight: bold;color: #00873a; position: absolute; top: 25px; left: 0; line-height: 30px;}
.pageQA ul li .questions i.iconfont{position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-size: 16px;color: #333;transition: all 0.6s ease;}
.pageQA ul li .questions .d{ font-size: 18px;line-height: 30px;color: #333;}
.pageQA ul li.on .questions i.iconfont{transform: translateY(-50%) rotate(90deg);}
.pageQA ul li .answers{width: 100%;padding: 25px 0 25px 40px;border-top: 1px solid #eee;position: relative;}
.pageQA ul li .answers .t{ font-size: 18px;font-weight: bold;color: #f4bf3b; position: absolute; top: 25px; left: 0;  line-height: 30px;}
.pageQA ul li .answers .d{font-size: 16px;line-height: 30px;color: #666;}
.pageQA ul li .answers .d img{ max-width: 100%; height: auto !important; display: none;}

/* pageNews */
.pageNews{width: 100%;padding: 4% 0;background-color: #f4f5f6;overflow: hidden; position: relative;}
.pageNews .list{width: 100%;}
.pageNews .list li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;background-color: #fff;}
.pageNews .list li:nth-child(3n){margin-right: 0;}
.pageNews .list li .img{width: 100%;overflow: hidden;}
.pageNews .list li .img img{width: 100%;display: block; height: 330px; transition: all 0.6s ease;}
.pageNews .list li .tit{font-size: 18px;line-height: 30px;color: #333;padding: 5% 5% 4%;transition: all 0.6s ease;}
.pageNews .list li .time{font-size: 16px;line-height: 20px;color: #666;padding: 0 5% 6%;}
.pageNews .list li:hover .img img{transform: scale(1.1);}
.pageNews .list li:hover .tit{color: #00873a;}

/* pageNewsD*/
.pageNewsD{width: 100%;overflow: hidden;padding: 5% 0 ; position: relative;}
.pageNewsD .box{width: 100%;background-color: #fff;padding: 4%;}
.pageNewsD .title{font-size: 26px;line-height: 38px;color: #333333;text-align: center;font-weight: bold;}
.pageNewsD .time{font-size: 16px;color: #999;text-align: center;padding: 20px 0;margin-bottom: 30px;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .time span{margin: 0 10px;}
.pageNewsD .text{font-size: 16px;line-height: 30px;color: #333333;}
.pageNewsD .text img{max-width: 100%;height: auto !important;}
.pageNewsD .link{width: 100%;margin-top: 4%;position: relative;border-top: 1px dashed #eee;padding: 2% 0 0;align-items: center;}
.pageNewsD .link .a{width: calc(100% - 140px);float: left;}
.pageNewsD .link .a a{display: block;width: 100%;color: #666;font-size: 14px;line-height: 20px;margin: 2% 0;transition: all 0.6s ease;}
.pageNewsD .link .a a:hover{text-decoration: underline;color: #00873a;}
.pageNewsD .link .back{background-color: #00873a;color: #fff;display: block;font-size: 16px;line-height: 46px;width: 120px;margin-left: 20px;text-align: center;transition: all 0.6s ease;}
.pageNewsD .link .back:hover{background-color: #f4bf3b;}

/* pageContact*/
.pageContact{width: 100%;background-color: #f4f5f6;padding: 5% 0;overflow: hidden; position: relative;}
.pageContact .title{font-size: 36px;line-height: 40px;color: #00873a;}
.pageContact .box{background-color: #fff;padding: 4%;overflow: hidden;}
.pageContact .contact{width: 36%;float: left;}
.pageContact .contact .cont{margin-top: 5%;}
.pageContact .contact .t{font-size: 16px;line-height: 40px;color: #333333;}
.pageContact .contact .img{width: 30%;margin-top: 3%;}
.pageContact .contact .img img{width: 100%;display: block;border: 1px solid #eee;}
.pageContact .contact .img p{font-size: 14px;line-height: 20px;color: #333333;text-align: center;margin-top: 4%;}
.pageContact .demand{width: 60%;float: right;}
.pageContact .demand form{width: 100%;margin-top: 4%;}
.pageContact .demand form label{display: block;position: relative;}
.pageContact .demand form label p{font-size: 16px;line-height: 30px;color: #333;position: absolute;top: 0px;left: 20px;display: block;}
.pageContact .demand form .row{width: 32%;float: left;margin-bottom: 2%;margin-right: 2%;padding: 10px 0;overflow: hidden;border: 1px solid #e5e5e5;}
.pageContact .demand form .row:nth-child(3n){margin-right: 0;}
.pageContact .demand form input{width: 100%;font-size: 16px;color: #333;line-height: 30px;padding: 0 20px;background-color: rgba(0, 0, 0, 0);border: none;}
.pageContact .demand form .row1{width: 100%;float: left;border: 1px solid #e5e5e5;overflow: hidden;margin-bottom: 2%;padding: 10px 0;}
.pageContact .demand form textarea{width: 100%;font-size: 16px;color: #333;line-height: 30px;height: 150px;resize: none;padding: 0 20px;background-color: rgba(0, 0, 0, 0);border: none;}
.pageContact .demand form .btn{width: 100%;display: block;height: 54px;line-height: 54px;cursor: pointer;border: none;background-color: #00873a;font-size: 18px;color: #fff;transition: all 0.6s ease;}
.pageContact .demand form .btn:hover{background-color: #f4bf3b;}

/* map*/
.map{width: 100%;background-color: #fff; position: relative; z-index: 1;}
.map #map{width: 100%;height: 600px;}


/* pageDetails */
.pageDetails{width: 100%;overflow: hidden;padding: 3% 0 5%; position: relative;}
.pageDetails .box{width: 100%;background-color: #fff;padding: 4%; font-size: 16px;line-height: 30px;color: #333333;}
.pageDetails .box img{ max-width: 100%; height: auto !important;}

/* pageTalent */
.pageTalent{width: 100%;background-color: #fff;padding: 5% 0;overflow: hidden; position: relative;}
.pageTalent .wrap{align-items: center;}
.pageTalent .box{width: 50%;}
.pageTalent .box .title{font-size: 36px;line-height: 40px;color: #00873a;}
.pageTalent .box .txt{color: #333;font-size: 18px;line-height: 40px;padding-right: 4%;margin-top: 5%;}
.pageTalent .img{width: 50%;overflow: hidden;}
.pageTalent .img img{width: 100%;display: block;}



/* pageJobs */
.pageJobs{width: 100%;padding: 5% 0;overflow: hidden; position: relative;}
.pageJobs .title{font-size: 36px;line-height: 40px;color: #00873a;text-align: center;}
.pageJobs .recruitBox{width: 100%;height: 170px;background: url(../images/job/recruitBg.jpg) center center no-repeat;background-size: cover;margin-top: 4%;text-align: center;color: #FFFFFF;font-size: 18px;line-height: 32px;padding: 40px 0 0 0;}
.pageJobs .recruitBox span{margin: 0 1%;}
.pageJobs .postTitle{width: 100%;background-color: #00873a;padding: 20px;border-bottom: solid 1px #eee;}
.pageJobs .postTitle p{color: #fff;font-size: 18px; padding: 0 10px;font-size: 16px;line-height: 20px;text-align: center;}

.pageJobs ul{width: 100%;}
.pageJobs ul li{padding: 0 0;background-color: #fff;}
.pageJobs ul li .cont{padding:25px 20px ; cursor: pointer; border-bottom: solid 1px #eee;}
.pageJobs ul li .cont p{color: #333;transition: all 0.6s ease;  padding: 0 10px;font-size: 16px;line-height: 20px;text-align: center;}
.pageJobs ul li .cont .iconfont{font-size: 18px;transition: all 0.6s ease;}
.pageJobs ul li .cont:hover .iconfont,.pageJobs ul li .cont:hover p,.pageJobs ul li .cont.on p{color: #00873a;}
.pageJobs ul li .cont.on .iconfont{transform: rotate(90deg);}
.pageJobs ul li .context{display: none;line-height: 30px; background-color: rgba(0, 135, 58, 0.01);padding: 20px;font-size: 14px;color: #333; text-align: left;border-bottom: solid 2px #f4bf3b;}
.pageJobs ul li .context img{ max-width: 100%; height: auto !important;}
.pageJobs .p1{width: 20%;text-align: left !important;}
.pageJobs .p2{width: 19%;}
.pageJobs .p3{width: 19%;}
.pageJobs .p4{width: 19%;}
.pageJobs .p5{width: 19%;}

/* pageJobD */
.pageJobD{width: 100%;overflow: hidden;padding: 3% 0 5%; position: relative;}
.pageJobD .box{width: 100%;background-color: #fff;padding: 4%;}
.pageJobD .title{font-size: 26px;line-height: 38px;color: #333333;text-align: center;font-weight: bold;}
.pageJobD .info{font-size: 16px;color: #999;text-align: center;padding: 20px 0;margin-bottom: 30px;border-bottom: 1px dashed #e5e5e5;}
.pageJobD .info span{margin: 0 10px;}
.pageJobD .text{font-size: 16px;line-height: 30px;color: #333333;}
.pageJobD .text img{max-width: 100%;height: auto !important;}
.pageJobD .link{width: 100%;margin-top: 4%;position: relative;border-top: 1px dashed #eee;padding: 2% 0 0;align-items: center;}
.pageJobD .link .a{width: calc(100% - 140px);float: left;}
.pageJobD .link .a a{display: block;width: 100%;color: #666;font-size: 16px;line-height: 20px;margin: 2% 0;transition: all 0.6s ease;}
.pageJobD .link .a a:hover{text-decoration: underline;color: #00873a;}
.pageJobD .link .back{background-color: #00873a;color: #fff;display: block;font-size: 16px;line-height: 46px;width: 120px;margin-left: 20px;text-align: center;transition: all 0.6s ease;}
.pageJobD .link .back:hover{background-color: #f4bf3b;}

.arrow-left,.arrow-right{display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 34px;color: #00873a;position: absolute;top: 50%;z-index: 3;}
.arrow-left{left: -70px;transform: translateY(-50%) rotate(-180deg);}
.arrow-right{right: -70px;transform: translateY(-50%);}
@media (max-width: 1440px){
  .arrow-left{left: -60px;}
.arrow-right{right: -60px;}
}
@media (max-width: 1336px){
.arrow-left{left: -40px;}
.arrow-right{right: -40px;}
}
@media (max-width: 1280px){
  .arrow-left{left: 0px;}
.arrow-right{right: 0px;}
}