@charset "UTF-8";
/* ————— 头部 start ————— */
.animHide{opacity: 0;}
.topBox{height: 90px;}
.top{height: 90px;position: fixed;top: 0;width: 100%;left: 0;box-shadow: 0px 2px 8px 0px rgba(0, 0, 112, 0.1);background: #fff;z-index: 99;}
.top .logo{margin-top: 11px;}
.top .logo img{height: 59px;}
.top .logo2 img{height: 40px;}
.top .logo2{margin-top: 26px;margin-left: 50px;}
.menu{height: 100%;position: relative;}
.menu dd{display:inline; position:relative;float: left;margin-right: 65px;height: 90px;}
.menu dd .yj{height:90px; line-height:90px;text-align:center; position: relative;}
.menu dd:last-child{margin-right: 54px;}
.menu dd .yj a{ display:block;  font-size:16px;color: #222222;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;}
.menu dd .ej {overflow: hidden;position: absolute;top: 90px;height: 0;line-height: 70px;white-space: nowrap;transition: all .4s ease;-webkit-transition: all .4s ease;padding: 0 40px;background: rgba(255,255,255,0.6);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 112, 0.05);}
.menu dd .ej.open{height: 70px;}
.menu dd .ej li {display: inline-block;margin-right: 30px;text-align: center;}
.menu dd .ej li:last-child{margin-right: 0;}
.menu dd .ej li a {font-size: 14px;color: #333;}
.menu dd .ej li a:hover {color: #007c4a;}
.menu dd.hover .yj a{font-weight: bold;color: #007c4a;}
.search{width: 17px;height: 35px;margin-top: 28px;cursor: pointer;transition: all .4s ease-in;-webkit-transition: all .4s linear;position: relative;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;}
.search .btn{width: 17px;height: 17px;margin-left: 20px;background: url(../images/img/search.png) no-repeat center;margin-top: 7px;}
.search .input{overflow: hidden;}
.search .input input{display: block;width: 100%;height: 35px;line-height: 35px;box-sizing: border-box;-webkit-box-sizing: border-box;border: none;background: none;outline: none;font-size: 14px;color: #666;position: relative;top: -2px;}
.search.show{width: 150px;border: 1px solid #666;border-radius: 30px;padding: 0 20px;}



/* ————— indexBanner start ————— */
.indexBanner{position: relative;height: 100%;}
.indexBanner .bd{height: 100%; overflow: hidden; position: absolute; width: 100%; left: 0; top: 0;}
.indexBanner .bd .slick-list,.indexBanner .bd .slick-track{height: 100%;}
.indexBanner.delay .bd .slick-track{ transition-delay: 1.3s !important;-webkit-transition-delay: 1.3s !important;}
.indexBanner .mySlide{height: 100%;position: relative;overflow: hidden;}
.indexBanner .mySlide img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indexBanner .mySlide.slick-active img{-webkit-animation:haha2 2000ms linear both;animation:haha2 2000ms linear both;}
@-webkit-keyframes haha2{0%{ transform: scale(2) }10%{ transform: scale(1.9) }20%{ transform: scale(1.8) }30%{ transform: scale(1.7) }40%{ transform: scale(1.6) }50%{ transform: scale(1.5) }60%{ transform: scale(1.4) }70%{ transform: scale(1.3) }80%{ transform: scale(1.2) }90%{ transform: scale(1.1) }100%{ transform: scale(1) }}
.indexBanner .mySlide .text{position: absolute;width: 100%;left: 0;top: 20%;}
.indexBanner .mySlide .text .title{font-size: 32px;color: #ffffff;height: 32px;line-height: 32px;opacity: 0.73;margin-bottom: 50px;}
.indexBanner .mySlide .text .info{font-size: 62px;color: #ffffff;height: 64px;line-height: 64px;margin-bottom: 10%;font-weight: bold;}
.indexBanner .mySlide .text .indexMore{opacity: 0;}
.indexBanner .mySlide .wrap{position: relative;z-index: 2;height: 100%;}
.indexBannerwrap{position: relative;z-index: 2;}
.indexBannerwrap .newBox{position: absolute;right: 0;}
.indexBannerwrap .newBox .path{width: 5px;height: 112px;background: #aaaaaa;margin-left: 20px;position: relative;}
.indexBannerwrap .newBox .path span{display: block;position: absolute;top: 0;left: 0;width: 100%;background: #d85e16;transition: all .4s ease;}
.indexBannerwrap .newBox .newText{font-size: 14px;color: #cccccc;writing-mode:vertical-lr;text-align: left;line-height: 28px;}
.indexBannerwrap .newBox .newText em{font-style: normal;}
.indexBannerwrap .newBox .newText span{font-size: 28px;font-weight: bold;color: #ffffff;}
.indexNext{width: 100%;text-align: center;left: 0;bottom: 65px;position: absolute;z-index: 2;}
.indexNext .icn{font-size: 16px;height: 30px;line-height: 31px;display: inline-block;color: #fff;cursor: pointer;}
.indexNext .icn em{width: 22px;height: 31px;background: url(../images/img/indexNext.png) no-repeat center ;display: inline-block;vertical-align: middle;margin-left: 13px;-webkit-animation: arrowDown 1s infinite linear;animation: arrowDown 1s infinite linear;}
@-webkit-keyframes arrowDown {0% {-webkit-transform: translate(0,0);}25%{-webkit-transform: translate(0,6px);}50% {-webkit-transform: translate(0,0);}75%{-webkit-transform: translate(0, -6px);}100% {-webkit-transform: translate(0,0);}}

.indexBannerwrap .slick-dots {width: 10px;text-align: center;font-size: 0;animation-delay: 1.5s;}
.indexBannerwrap .slick-dots li {display: block;width: 10px;height: 10px;border-radius: 100%;margin-bottom: 10px;vertical-align: middle;cursor: pointer;position: relative;background: #aaaaaa;}
.indexBannerwrap .slick-dots li.slick-active {height: 25px;background: #d85e16;border-radius: 30px;}
/* ————— indexBanner end ————— */
/* 公共部分 start*/
.indexMore{width: 180px;height: 46px;border: 1px solid #fff;font-size: 14px;color: #ffffff !important;background: url(../images/img/indexMore.png) no-repeat center right 18px;box-sizing: border-box;-webkit-box-sizing: border-box;padding-left: 18px;position: relative;overflow: hidden;display: block;line-height: 46px;}
.indexMore.huise{border-color: #dcdcdc;color: #666666 !important;background-image: url(../images/img/indexMoreh.png);}
.indexMore::before{content: '';position: absolute;top: -180px;left: 0;width: 30px;height: 100%;background-color: #fff;}
.indexMore:hover:before{animation: shiny-btn .8s ease-in-out;}
@keyframes shiny-btn {0% {transform: scale(0) rotate(45deg);opacity: 0;}10% {transform: scale(0) rotate(45deg);opacity: 0.5;}21% {transform: scale(4) rotate(45deg);opacity: 1;}100% {transform: scale(50) rotate(45deg);opacity: 0;}}
.indexTitle .title{font-size: 32px;font-weight: bold;color: #e8e5e5;line-height: 34px;height: 34px;margin-bottom: 30px;}
.indexTitle .titlec{font-size: 48px;font-weight: bold;color: #007c4a;line-height: 50px;height: 50px;}
.indexTitle.baise .title{color: #fff;}
.indexTitle.baise .titlec{color: #fff;}
/* 公共部分 end*/
/* 第一通栏 start */
.column1{background: url(../images/img/col1bg.jpg) no-repeat center / cover;position: relative;}
.col1L{position: absolute;left: 0;top: 0;width: 50%;height: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 133px 110px 0;}
.col1L img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.col1L .text{font-size: 0;text-align: center;position: relative;z-index: 2;}
.col1L .text .dd{width: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;float: left;display: inline;height: 120px;line-height: 120px;border: 1px solid #fff;font-size: 16px;color: #ffffff;}
.col1L .text .dd:last-child{border-left: none;}
.col1L .text .dd span{font-size: 70px;color: #ffffff;font-weight: bold;}
.col1L .play{width: 80px;height: 80px;border-radius: 50%;left: 50%;top: 50%;margin-top: -40px;margin-left: -40px;animation: xuanzhuan 15s linear infinite;-webkit-animation: xuanzhuan 15s linear infinite;position: absolute;cursor: pointer;}
.col1L .play:hover{animation-play-state: paused;}

.col1L .play .con{width: 80px;height: 80px;border-radius: 50%;background: #007c4a url(../images/img/play.png) no-repeat center;}
.col1L .play::before {content: "";display: block;width: 80px;height: 80px;border-radius: 50%;background: rgba(0, 124, 74, .9);position: absolute;animation: circle-opacity 2s infinite;left: 50%;top: 50%;transform: scale(0, 0);margin-top: -40px;margin-left: -40px;}
@keyframes circle-opacity {from {opacity: 1;transform: scale(1);}to {opacity: 0;transform: scale(1.5);}}
@keyframes xuanzhuan {0%{transform: rotateZ(0)}100%{transform: rotateZ(360deg)}}-webkit-@keyframes xuanzhuan {0%{transform: rotateZ(0)}100%{transform: rotateZ(360deg)}}
.col1R{width: 40%;height: 100%;}
.col1R .indexTitle{margin-bottom: 15%;}
.col1TabC{margin-bottom: 10%;}
.col1TabC .pic{width: 270px;margin-left: 100px;overflow: hidden;}
.col1TabC .pic::before{padding-top: 121.6911%;}
.col1TabC .text{overflow: hidden;}
.col1TabC .text .info{font-size: 16px;line-height: 42px;height: 126px;margin-bottom: 55%;}
.col1BCon{width: 107%;background: rgba(255,255,255,0.55);padding-right: 60px;}
.col1Tab{margin-right: -24px;overflow: hidden;}
.col1Tab .item{width: 25%;float: left;display: inline;}
.col1Tab .item a{display: block;margin-right: 24px;height: 118px;box-sizing: border-box;-webkit-box-sizing: border-box;padding-top: 25px;position: relative;}
.col1Tab .item a::before{display: block;content: "";width: 0;height: 2px;background: #007c4a;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all .4s ease;-webkit-transition: all .4s ease;}
.col1Tab .item.hover a:before{width: 100%;}
.col1Tab .item a .icn{height: 27px;transition: all .4s ease;-webkit-transition: all .4s ease;opacity: 0;}
.col1Tab .item a span{display: block;text-align: center;font-size: 18px;color: #222222;line-height: 18px;height: 18px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.col1Tab .item.hover a .icn{height: 37px;margin-bottom: 17px;opacity: 1;}
.col1Tab .item.hover a span{color: #007c4a;}
/* 第一通栏 end */
/* 第二通栏 end */
.column2{position: relative;}
.column2 .wrap{position: relative;z-index: 2;}
.col2bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.col2bg::before{display: block;content: "";width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.4);z-index: 2;position: absolute;}
.col2Slick,.col2Slick .bd,.col2Slick .bd .myslide,.col2Slick .bd .myslide .slickCon,.col2Slick .bd .myslide .bg,.col2Slick .bd .slick-list,.col2Slick .bd .slick-list .slick-track{height: 100%;}
.col2Slick .bd .slick-track {transform: translate(1px) !important;margin-left: -1px;left: 0 !important;}
.col2Slick .bd{position: relative;}
.col2Slick .bd .myslide{transform: scale(1.3);-webkit-transform: scale(1.3);transition: 1.5s ease-in-out;-webkit-transition: 1.5s ease-in-out;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.col2Slick .bd .myslide.slick-active {transform: scale(1);-webkit-transform: scale(1);opacity: 1;z-index: 2;}
.col2TabC{position: relative;margin-bottom: 5.4176%;}
.col2TabC::before{display: block;content: "";width: 1920px;height: 1px;position: absolute;left: 0;top: 40px;background: rgba(255,255,255,0.4);}
.col2TabC .pic{width: 850px;margin-left: 8.8235%;z-index: 2;overflow: hidden;}
.col2TabC .pic::before{padding-top: 62.8235%;}
.col2TabC .text{overflow: hidden;position: relative;z-index: 2;}
.col2TabC .text .num{font-size: 80px;height: 65px;line-height: 65px;font-weight: bold;margin-bottom: 80px;color: #fff;}
.col2TabC .text .title{font-size: 32px;font-weight: bold;height: 32px;line-height: 32px;color: #e8e5e5;margin-bottom: 30px;}
.col2TabC .text .titlec{font-size: 48px;font-weight: bold;height: 50px;line-height: 50px;color: #ffffff;margin-bottom: 65px;}
.col2TabC .text .ti{font-size: 22px;height: 22px;line-height: 22px;color: #ffffff;margin-bottom: 25px;}
.col2TabC .text .info{font-size: 16px;height: 64px;line-height: 32px;color: #cccccc;margin-bottom: 55px;}
.col2Tab .item{box-sizing: border-box;-webkit-box-sizing: border-box;width: 20%;border-right: 1px solid #fffbf7;background: #eeeeee;height: 110px;line-height: 110px;text-align: center;font-size: 22px;color: #222222;float: left;display: inline;position: relative;cursor: pointer}
.col2Tab .item a{display: block;height: 110px;line-height: 110px;color: #222;position: relative;z-index: 2;transition: all .4s ease;-webkit-transition: all .4s ease;}
.col2Tab .item:last-child{border-right: none;}
.col2Tab .item::before{display: block;content: "";width: 100%;height: 0;position: absolute;bottom: 0;left: 0;background: url(../images/img/col2icn1.png) no-repeat center;transition: all .4s ease;-webkit-transition: all .4s ease;}
.col2Tab .item::after{display: block;content: "";width: 29px;height: 19px;position: absolute;left: 50%;margin-left: -15px;background: url(../images/img/col2icn2.png);opacity: 0;top: -25px;transform: translateY(6px);-webkit-transform: translateY(6px);transition: all .4s ease;-webkit-transition: all .4s ease;}
.col2Tab .item.hover:before{height: 116px;}
.col2Tab .item.hover:after{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;transition-delay: .4s;}
.col2Tab .item.hover a{color: #fff;}
/* 第二通栏 end */
/* 第三通栏 start */
.section{overflow: hidden;}
.column3{position: absolute;}
.column3 .wrap{position: relative;}
.column3{background: url(../images/test/col3bg.jpg) no-repeat center / cover;position: relative;padding-top: 90px;box-sizing: border-box;}
.column3 .con{width: 10.94117%;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.column3 .con .item{width: 100%;height: 100%;left: 0;top: 0;background: #007c4a url(../images/img/col3icn.png) no-repeat center;position: absolute;border-radius: 50%;z-index: 2;}
.column3 .con:after{display: block;content: "";padding-top: 100%;}
.column3 .con .item::before {content: "";display: block;width: 186px;height: 186px;border-radius: 50%;background: rgba(0, 124, 74, .9);position: absolute;animation: circle-opacity 2s infinite;left: 50%;top: 50%;transform: scale(0, 0);margin-top: -93px;margin-left: -93px;}
.column3 .con .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.column3 .con .bg span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;-webkit-transform: translate(-50%,-50%);border-radius: 50%;border: 2px solid #ebebeb;animation: lineshine 10s linear infinite;-webkit-animation: lineshine 10s linear infinite;border-radius: 50%;}
.column3 .con .bg span::before{display: block;padding-top: 100%;content: "";}
@keyframes lineshine {0%{width: 100%;}25%{width: 203%;opacity: 0.8;}50%{width: 406%;opacity: 0.6;}75%{width: 609%;opacity: 0.4;}100%{width: 812%;opacity: 0.2;}}
-webkit-@keyframes lineshine {0%{width: 100%;}25%{width: 203%;opacity: 0.8;}50%{width: 406%;opacity: 0.6;}75%{width: 609%;opacity: 0.4;}100%{width: 812%;opacity: 0.2;}}
.col3Dl dd{position: absolute;border-radius: 50%;transition: all 2s ease;left: 0;top: 0;}
.col3Dl dd .icon{width: 100%;height: 100%;background: #f1f1f1;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-animation: arrowDown2 5s infinite linear;animation: arrowDown2 5s infinite linear;position: relative;border-radius: 50%;}
.col3Dl dd img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;}
.col3Dl dd.dd1{width: 72px;height: 72px;}
.col3Dl dd.dd2{width: 72px;height: 72px;}
.col3Dl dd.dd3{width: 96px;height: 96px;}
.col3Dl dd.dd4{width: 96px;height: 96px;}
.col3Dl dd.dd5{width: 96px;height: 96px;}
.col3Dl dd.dd6{width: 106px;height: 106px;}
.col3Dl dd.dd7{width: 106px;height: 106px;}
.col3Dl dd.dd8{width: 106px;height: 106px;}
.col3Dl dd.dd9{width: 106px;height: 106px;}
.col3Dl dd.dd10{width: 106px;height: 106px;}
.col3Dl dd.dd11{width: 106px;height: 106px;}
@-webkit-keyframes arrowDown2 {0% {-webkit-transform: translate(0,0);}25%{-webkit-transform: translate(0,15px);}50% {-webkit-transform: translate(0,0);}75%{-webkit-transform: translate(0, -15px);}100% {-webkit-transform: translate(0,0);}}
.column3 .text{position: absolute;left: 50%;width: 370px;bottom: 10px;margin-left: -185px;text-align: center;}
.column3 .text .title{font-size: 32px;font-weight: bold;color: #e8e5e5;height: 26px;line-height: 26px;margin-bottom: 35px;}
.column3 .text .titlec{font-size: 48px;font-weight: bold;color: #007c4a;height: 50px;line-height: 50px;margin-bottom: 20px;}
.column3 .text .info{font-size: 16px;line-height: 32px;height: 64px;color: #666666;margin-bottom: 30px;}
.column3 .text .btn{display: block;width: 150px;height: 50px;margin: 0 auto;position: relative;font-size: 16px;color: #222222;line-height: 50px;box-sizing: border-box;-webkit-box-sizing: border-box;text-align: left;}
.column3 .text .btn::before{display: block;content: "";width: 50px;height: 50px;border-radius: 50%;background: #007c4a;position: absolute;left: 0;top: 0;transition: all .4s ease;-webkit-transition: all .4s ease;}
.column3 .text .btn span{position: relative;z-index: 2;display: block;padding-left: 20px;background: url(../images/img/col3btn.png) no-repeat center right 20px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.column3 .text .btn:hover:before{width: 150px;border-radius: 30px;}
.column3 .text .btn:hover span{color: #fff;background-image: url(../images/img/col3btnh.png);}
/* 第三通栏 end */
/* 第四通栏 start */
/*.column4{background: url(../images/test/col4bg.jpg) no-repeat center / cover;position: relative;}*/
.column4::before{display: block;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.column4 .wrap{position: relative;z-index: 2;}
.column4 .indexTitle{margin-bottom: 30px;}
.col4Top{overflow: hidden;background: #fff;}
.col4Top .pic{width: 50%;overflow: hidden;}
.col4Top .pic::before{padding-top: 58.5041%;}
.col4Top .text{overflow: hidden;padding: 80px 90px 0;}
.col4Top .text .time{margin-bottom: 69px;}
.col4Top .text .time span{display: block;font-size: 80px;font-weight: bold;color: #222222;height: 65px;line-height: 65px;margin-bottom: 20px;}
.col4Top .text .time em{display: block;font-size: 14px;color: #888888;height: 14px;line-height: 14px;font-style: normal;}
.col4Top .text .title{font-size: 22px;color: #222222;line-height: 22px;height: 22px;margin-bottom: 30px;}
.col4Top .text .title a{color: #222;transition: all .4s ease;-webkit-transition: all .4s ease;}
.col4Top .text .title a:hover{color: #007c4a;}
.col4Top .text .info{font-size: 16px;line-height: 28px;color: #666666;height: 56px;margin-bottom: 60px;}
.col4Top .text .btn{overflow: hidden;}
.col4Top .text .btn a{font-size: 14px;color: #666666;line-height: 14px;height: 14px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.col4Top .text .btn a:hover{color: #007c4a;}
.col4Top .text .btn a.fr{width: 28px;background: url(../images/img/indexMoreh.png) no-repeat center;}
.col4Dl{overflow: hidden;font-size: 0;}
.col4Dl .item{width: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;height: 160px;padding: 30px 80px 0 30px;overflow: hidden;float: left;display: inline;background: #fff;}
.col4Dl .item:last-child{border-top: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;}
.col4Dl .item .pic{width: 165px;margin-right: 30px;}
.col4Dl .item .pic::before{padding-top: 60%;}
.col4Dl .item .text{overflow: hidden;}
.col4Dl .item .text .title{font-size: 22px;line-height: 30px;height: 30px;color: #222222;margin-bottom: 15px;}
.col4Dl .item .text .title a{color: #222;transition: all .4s ease;-webkit-transition: all .4s ease;}
.col4Dl .item .text .title a:hover{color: #007c4a;}
.col4Dl .item .text .time{font-size: 14px;color: #888888;height: 14px;line-height: 14px;margin-bottom: 30px;}
.col4Dl .item .text .btn{overflow: hidden;}
.col4Dl .item .text .btn a{font-size: 14px;color: #666666;line-height: 14px;height: 14px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.col4Dl .item .text .btn a:hover{color: #007c4a;}
.col4Dl .item .text .btn a.fr{width: 28px;background: url(../images/img/indexMoreh.png) no-repeat center;}
/* 第四通栏 end */
/* 底部 start */
.footerBox{position: relative;z-index: 2;overflow: visible;padding: 0 !important;}
.footer{padding-top: 44px;background: url(../images/img/footerbg.jpg) no-repeat center / cover;}
.footerMenu{overflow: hidden;margin-bottom: 40px;}
.footerMenu li{margin-right: 115px;float: left;display: inline;}
.footerMenu li dl dt{margin-bottom: 35px;}
.footerMenu li dl dt a{font-size: 18px;color: #cccccc;font-weight: bold;height: 20px;line-height: 20px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.footerMenu li dl dt a:hover{color: #fff;}
.footerMenu li dl dd{margin-bottom: 20px;}
.footerMenu li dl dd a{font-size: 14px;color: #cccccc;height: 14px;line-height: 14px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.footerMenu li dl dd a:hover{color: #fff;}
.footerR{text-align: right;}
.footerR .icnDl.icnDl1{margin-right: 55px;margin-bottom: 40px;display: inline-block;}
.footerR .icnDl dd{display: inline-block;margin-left: 25px;min-width: 50px;position: relative;cursor: pointer;}
.footerR .icnDl dd:first-child{margin-left: 0px}
.footerR .icnDl dd .icn{height: 50px;position: relative;z-index: 2;}
.footerR .icnDl dd .icn::before{display: block;content: "";width: 20px;height: 11px;background: url(../images/img/sanjiao.png) no-repeat center;position: absolute;top: -11px;left: 50%;margin-left: -10px;opacity: 0;transform: translateY(6px);-webkit-transform: translateY(6px);transition: all .4s ease;-webkit-transition: all .4s ease;}
.footerR .icnDl dd span{display: block;text-align: center;font-size: 14px;color: #cccccc;height: 14px;line-height: 14px;white-space: nowrap;margin-top: 15px;}
.footerR .icnDl dd .con{position: absolute;left: 50%;top: -117px;width: 105px;margin-left: -52px;transform: translateY(6px);-webkit-transform: translateY(6px);transition: all .4s ease;-webkit-transition: all .4s ease;opacity: 0;visibility: hidden;}
.footerR .icnDl dd .con .pic::before{padding-top: 100%;}
.footerR .icnDl dd .con .pic{z-index: 2;}
.footerR .icnDl dd .con::before{width: 125px;height: 125px;background: rgba(255,255,255,0.18);display: block;content: "";left: 50%;top: 50%;margin-top: -62px;margin-left: -62px;position: absolute;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);}
.footerR .icnDl dd:hover .con{opacity: 1;visibility: visible;transform: translateY(0);-webkit-transform: translateY(0)}
.footerR .icnDl dd:hover .icn::before{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0)}
.footerBlank{height: 70px;line-height: 70px;font-size: 12px;color: #cccccc;border-top: 1px solid rgba(255,255,255,0.2);}
.footerBlank a{color: #ccc;transition: all .4s ease;-webkit-transition: all .4s ease;}
.footerBlank a:hover{color: #fff;}
/* 底部 end */
/* ----------综合页 start ------------*/
.aboutUsTitle{padding-bottom: 50px;font-size: 32px;line-height: 32px;color: #222222;text-align: center;background: url(../images/img/aboutUsicn.png) no-repeat bottom center;margin-bottom: 40px;}
.aboutUsTitle.baise{color: #fff;}
.aboutUs1{padding-top: 130px;background: #fff;}
.aboutUs1 .info{font-size: 16px;line-height: 32px;color: #666666;margin-bottom: 55px;}
.aboutUs1 .pic{overflow: hidden;border-radius: 10px;}
.aboutUs1 .pic::before{padding-top: 37.4615%;}

.aboutUs2{padding: 70px 0 110px;background: #fff url(../images/img/aboutUs2bg.jpg) no-repeat bottom center;}
.aboutUs2Dl{margin-right: -36px;}
.aboutUs2Dl dd{width: 20%;float: left;display: inline;}
.aboutUs2Dl dd .con{margin-right: 36px;border-radius: 10px;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.08);height: 220px;box-sizing: border-box;-webkit-box-sizing: border-box;background: #fff;position: relative;padding: 29px 20px 0;cursor: pointer;}
.aboutUs2Dl dd .con .icn{height: 64px;margin-bottom: 35px;background-position: center center;background-repeat: no-repeat;transition: all .4s ease;-webkit-transition: all .4s ease;}
.aboutUs2Dl dd .con .title{font-size: 42px;color: #f0f7f4;height: 103px;line-height: 103px;position: absolute;top: 62px;left: 0;width: 100%;text-align: center;}
.aboutUs2Dl dd .con .info{font-size: 16px;line-height: 22px;color: #007c49;height: 64px;overflow: hidden;position: relative;z-index: 2;text-align: center;}
.aboutUs2Dl dd .con:hover .icn{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}

.aboutUs3{padding: 100px 0 80px;background: url(../images/img/aboutUs3bg.jpg) no-repeat center / cover;}
.aboutUs3Slick {position: relative;background: #fff;box-shadow: 0px 6px 12.04px 1.96px rgba(230, 230, 229, 0.6);margin-bottom: 24px;border-radius: 10px;overflow: hidden;}
.aboutUs3Slick::before{display: block;content: "";position: absolute;top: 290px;left: 0;width: 100%;height: 1px;background: #e5e5e5;}
.aboutUs3Slick .bd {overflow: hidden;position: relative;z-index: 2;}
.aboutUs3Slick .slick-list {overflow: visible;margin: 0 -27px;}
.aboutUs3Slick .myslide {float: left;display: inline;}
.aboutUs3Slick .slickCon {display: block;margin: 0 27px;padding: 38px 27px 0;box-sizing: border-box;-webkit-box-sizing: border-box;height: 487px;position: relative;}
.aboutUs3Slick .slickCon .pic{overflow: hidden;border-radius: 10px;margin-bottom: 30px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.aboutUs3Slick .slickCon .pic::before{padding-top: 44.5482%;}
.aboutUs3Slick .slickCon .text{transition: all .4s ease;-webkit-transition: all .4s ease;box-sizing: border-box;}
.aboutUs3Slick .slickCon .time{font-size: 32px;color: #222222;height: 32px;line-height: 32px;margin-bottom: 27px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.aboutUs3Slick .slickCon em{display: block;height: 20px;margin-bottom: 25px;background: url(../images/img/courseicn.png) no-repeat center left;}
.aboutUs3Slick .slickCon .info{height: 120px;font-size: 16px;line-height: 30px;overflow-y: auto;color: #666666;transition: all .4s ease;-webkit-transition: all .4s ease;}
.aboutUs3Slick .slick-active.slick-current .slickCon .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.aboutUs3Slick .slick-active.slick-current .slickCon .pic::before{padding-top: 0;}
.aboutUs3Slick .slick-active.slick-current .slickCon .pic img{width: auto;height: 100%;}
.aboutUs3Slick .slick-active.slick-current .slickCon .text{position: absolute;z-index: 2;height: 230px;background: rgba(0,0,0,0.4);bottom: 0;width: 100%;left: 0;padding: 40px 30px 0;}
.aboutUs3Slick .slick-active.slick-current .slickCon .text .time{color: #fff;}
.aboutUs3Slick .slick-active.slick-current .slickCon .text .info{color: #fff;}
.aboutUs3Slick .slick-active.slick-current .slickCon .text em{display: none;}
.aboutUs3 .newPath .btn{margin-left: 40px;}
.aboutUs3 .newPath .btn span{width: 36px;height: 36px;border-radius: 50%;border: 1px solid #d4d4d4;background: url(../images/img/coursebtn.png) no-repeat center;outline: none;display: inline-block;transition: all .4s ease;-webkit-transition: all .4s ease;cursor: pointer;}
.aboutUs3 .newPath .btn span.prev{margin-right: 12px;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg);}
.aboutUs3 .newPath .btn span:hover{background-color: #007c49;background-image: url(../images/img/coursebtnh.png);}
.aboutUs3 .newPath .path{position: relative;top: 24px;background: #aaaaaa;height: 1px;margin-right: 130px;}
.aboutUs3 .newPath .path span{display: inline;position: absolute;left: 0;height: 1px;top: -1px;background: #007c49;transition: all .4s ease;-webkit-transition: all .4s ease;}

.aboutUs4{padding: 80px 0 0;background: url(../images/img/about4bg.jpg) no-repeat center / cover;}
.aboutUs4Slick {position: relative;padding: 0 110px;z-index: 2;}
.aboutUs4Slick .bd {overflow: hidden;}
.aboutUs4Slick .slick-list {overflow: visible;margin: -11px;}
.aboutUs4Slick .myslide {float: left;display: inline;width: 180px;}
.aboutUs4Slick .slickCon {display: block;margin:0 11px;height: 385px;position: relative;}
.aboutUs4Slick .slickCon .pic{position: absolute;bottom: 20px;width: 100%;left: 0;}
.aboutUs4Slick .slickCon .pic::before{padding-top: 142.5925%;}
.aboutUs4Slick .myslide.slick-active{width: 270px;}
.aboutUs4Slick .myslide.slick-active .slickCon .pic{bottom: 0;}
.aboutUs4Slick .myslide.two{width: 220px;}
.aboutUs4Slick .myslide.two .slickCon .pic{bottom: 8px;}
.shujia{height: 254px;background: url(../images/img/shujia.png) no-repeat center;box-sizing: border-box;position: relative;top: -30px;padding-top: 160px;}
.aboutUs4 .more{width: 52px;height: 52px;display: block;margin: 0 auto;background: url(../images/img/about4More.png) no-repeat center;}

.aboutUs5 .pic::before{position: relative;z-index: 2;background: rgba(0,0,0,0.3);padding-top: 28.125%;}
.aboutUs5 .pic .text{position: absolute;left: 0;width: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 3;}
.aboutUs5 .pic .text .play{width: 56px;height: 56px;display: block;margin: 0 auto;position: relative;cursor: pointer;}
.aboutUs5 .pic .text .play .con{height: 100%;border-radius: 50%;background: #d7d8d8 url(../images/img/video.png) no-repeat center;position: relative;z-index: 2;}
.aboutUs5 .pic .text .play::before{content: "";display: block;width: 56px;height: 56px;border-radius: 50%;background: #fff;position: absolute;animation: circle-opacity 2s infinite;left: 50%;top: 50%;transform: scale(0, 0);margin-top: -28px;margin-left: -28px;}
/* ----------综合页 end ------------*/