@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font:14px Arial,"microsoft yahei";color:#666;background: #fff;min-width: 1400px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#666;cursor: pointer;}
a:hover{text-decoration:none;color: #5399ff;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#666;color:#FFF;}
::selection {background: #666;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
.fl{ float:left;}
.fr{ float:right;}
@font-face {font-family:'PFDinTextCompPro'; src: url('../fonts/pfdintextcomppro-regular-2.ttf'); }
@font-face {font-family:'BebasNeue'; src: url('../fonts/bebasneue-regular-3.ttf'); }


.c1440{ width: 1440px;margin: auto; position: relative;}
@media (max-width: 1500px){
.c1440{ width: 1200px; }
}
.iconT{ display: flex; align-items: center; justify-content: center;  text-align: center;}


.scroll-box{position: absolute; bottom:3%; left: 0;right:0;z-index:999;width: 88%;margin:auto;min-width: 1110px;}
.chevron{-webkit-animation: pul 2s infinite; animation: pul 2s infinite;display: block;}
@-webkit-keyframes pul{ 0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px);transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pul{ 0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }

#superContainer {height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
#fp-nav {position: fixed;top: 50%;z-index: 100;margin-top: -32px;opacity: 1;-webkit-transform: translate3d(0, 0, 0);}
#fp-nav.right {right: 2%;}
#fp-nav li{ width: 16px; height: auto ; margin: 0 0 0 0; vertical-align: middle;}
#fp-nav li a span{ width:6px; height: 6px ; margin:12px 4px;  background-color: #74af3d;border-radius: 50%;text-decoration: none;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;display: inline-block;float: right; position: relative;}
#fp-nav li a span::after{content: '';width: 24px;height: 24px;border:1px solid #74af3d;position: absolute;top: 0;bottom:0;left: -10px;margin: auto;border-radius: 50%;;opacity: 0;}
#fp-nav li .active span::after{opacity: 1;}
#fp-nav span {display: none;}


/*header*/
.header{width: 100%;position: absolute;top: 0;left: 0;z-index: 99;padding: 15px 0;transition: all 0.8s ease;transform: translateY(-100%);opacity: 0;border-bottom: 1px solid rgba(255,255,255,0.18);}
.header .box{width: 92%;margin: 0 auto; padding: 0 ;box-sizing: border-box;}
.headerLogo{float: left;}
.headerLogo a{display: block; width: 150px;height:46px;background: url(../images/logo.png) left center no-repeat; background-size: auto 46px;}
.header .nav{float: right;}
.header .nav .nLi{display: inline-block;margin-left: 80px;position: relative;}
.header .nav .nLi h3{padding: 13px 0;box-sizing: border-box;}
.header .nav .nLi h3 a{ display:block; line-height: 20px;font-size:16px;color:#fff;font-weight: normal;}
.header .nav .sub{ display:none; position:absolute;top:50px;z-index: 999;transform: translateX(-50%);left: 50%;width: 200px;background-color:#FFFFFF;box-shadow: 0 0 18px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.1);}
.header .nav .sub li{border-bottom: 1px solid #eee;}
.header .nav .sub li:last-child{border-bottom: 0;}
.header .nav .sub a{ display:block;text-align: center;font-size: 14px;color: #666;padding: 12px 10px;box-sizing: border-box;text-transform: capitalize;}
.header .nav .sub a:hover{color: #fff;background-color:#74af3d;}
.header .nav .nLi:hover h3 a,.header .nav .nLi#on h3 a{color: #fff;font-weight: bold;}
.is-fixed{background-color: rgba(255,255,255,0.95);  border: none !important;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);}
.is-fixed .headerLogo a{background: url(../images/logo1.png) left center no-repeat !important;background-size: auto 46px!important;}
.is-fixed .nav .nLi h3 a{color: #333 !important;}
.is-fixed .nav .nLi:hover h3 a,.is-fixed .nav .nLi#on h3 a{color: #74af3d !important;}
@media (max-width: 1440px){
    .header{padding: 15px 0;}
    .header .box{ width: 1200px; }
}

.c1200{ width:1200px; margin:0 auto;}
.wrap{width: 75%;margin: 0 auto;min-width: 1200px;padding: 0 2%;box-sizing: border-box;}
.index_main {width: 100%;}
.section { position: relative; overflow: hidden; min-width: 1200px;height: 100vh !important;}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {height: auto!important;}


/*section1*/
.section1{}
.indexBanner{width: 100vw;position: relative;height: 100vh;}
.indexBanner .bd{position:relative; height:100vh; z-index:0;}
.indexBanner .bd li{ zoom:1; vertical-align:middle;width: 100vw;height:100vh; /*float: left;*/}
.indexBanner .bd li a{display:block; width:100vw; height:100vh;position: relative;}
.indexBanner .bd li a .bg{width: 100%;height: 100vh;animation: zoomBig 8s infinite alternate; position: relative;}
.indexBanner .bd li a .bg1::after{ content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; z-index: 2;}
.indexBanner .bd li a .cont{width: 75%;position: absolute;top:0;bottom:0;left: 0;right: 0;margin: auto;height: 62%; z-index: 2;}
.indexBanner .bd li a .cont .txt{font-size: 60px;line-height: 88px;color: #ffffff;float: left;margin-top: 14%;}
.indexBanner .bd li a .cont .txt1{font-size: 60px;line-height: 88px;color: #fff;text-align: center;margin-top: 14%; }
.indexBanner .bd li a .cont .txt1 p{ display: block; }
.indexBanner .bd li a .cont .txt1 p.p2{ font-size: 38px;}
.indexBanner .bd li a .cont .img{width: 70%;float: right;margin-right: -12%;}
.indexBanner .bd li a .cont .img img{width: 100%;}
.indexBanner .hd{position: absolute;z-index: 1;bottom: 6%;left: 50%;transform: translateX(-50%);}
.indexBanner .hd ul{display: table;text-align: center;font-size: 0;padding: 26px 68px;background-color: #fff;border-radius: 50px;}
.indexBanner .hd ul li{cursor: pointer;display: inline-block;margin:0 15px;width: 6px;height: 6px;background-color: #74af3d;border-radius: 50%;position: relative;}
.indexBanner .hd ul li::after,.indexBanner .hd ul li::before{content: '';width: 0;height: 0;border-radius: 50%;border: 0 solid #74af3d;box-sizing: border-box;position: absolute;top: 0;bottom: 0;right:50%;transform: translateX(50%);margin: auto;background-color: rgba(116,175,61,0);transition: all 0.6s ease;}
.indexBanner .hd ul li.on::after,.indexBanner .hd ul li:hover::after{width: 26px;height: 26px;border: 1px solid #74af3d;}
.indexBanner .hd ul li.on::before,.indexBanner .hd ul li:hover::before{width: 18px;height: 18px;border: 1px solid #74af3d;}
.indexBanner .hd .prev,.indexBanner .hd .next{width: 12px;height: 12px; font-size: 20px; color: #74af3d; position: absolute;top: 0;bottom: 0; margin: auto;}
.indexBanner .hd .prev{transform: rotate(-180deg);left: 20px;}
.indexBanner .hd .next{right: 20px;}
@-webkit-keyframes zoomBig { 0%{transform: scale(1.1);} 100%{transform: scale(1);} }
@-moz-keyframes zoomBig { 0%{transform: scale(1.1);} 100%{transform: scale(1);} }
@keyframes zoomBig { 0%{transform: scale(1.1);} 100%{transform: scale(1);} }

@media (max-width: 1400px){
.indexBanner .bd li a .cont .txt{font-size: 48px;}
.indexBanner .bd li a .cont .txt1{font-size: 48px;}

}

/*section2*/
.section2{}
.indexAbout{width: 100vw;height: 100vh;background:url("../images/index_about_bg.jpg") center center no-repeat;}
.indexAbout .cont{float: left;width: 42%;margin-top: 16%;transition: all 0.8s ease;transform: translateX(-100%);opacity: 0;}
.indexAbout .cont h3{font-size: 48px;color: #333333;}
.indexAbout .cont .tit{font-family: PFDinTextCompPro; font-size: 42px;color: #d9d9d9;margin: 2% 0 6%; text-transform: capitalize;}
.indexAbout .cont .txt{font-size: 16px;line-height: 40px;color: #666666;}
.indexAbout .cont .more{display: block;width: 150px;height: 44px;margin-top: 50px;overflow: hidden;border: 1px solid #74af3d;border-radius: 2px;background-size: 12px 12px;padding:0 20px;box-sizing: border-box;font-size: 14px;line-height: 44px;color: #74af3d;position: relative;transition: all 0.6s ease; }
.indexAbout .cont .more::after{content: '';width: 1px;height: 10px;background-color: rgba(116,175,61,0.5);position: absolute;top: 0;bottom: 0;right: 50px;margin: auto;transition: all 0.6s ease; }
.indexAbout .cont .more::before{content: '';width: 0;height: 44px;background-color: #74af3d;position: absolute;top: 0;left: 0;z-index: -2;transition: all 0.6s ease;}
.indexAbout .cont .more i{ position: absolute; right: 20px; top: 0; bottom: 0; font-size: 14px;}
.indexAbout .cont .more:hover{background:rgba(0,0,0,0) ;color: #FFFFFF;}
.indexAbout .cont .more:hover::before{width: 100%;}
.indexAbout .cont .more:hover::after{background-color: #fff ;}
.indexAbout .cont .more:hover i{ color: #fff;}
.indexAbout .contBox{float: right;width: 550px;height: 480px;position: relative;margin-top: 14%;transition: all 0.8s ease;transform: translateX(100%); transform: scale(0); opacity: 0; }
.indexAbout .contBox .img{width: 550px;position:absolute;bottom: 0;left: 50%;z-index: 2; transform: translateX(-50%);}
.indexAbout .contBox .img img{width: 550px;}
.indexAbout .contBox .box{}
.indexAbout .contBox .box .text{width: 130px;height: 136px;position: absolute;z-index: 3;cursor: pointer;}
.indexAbout .contBox .box .text1{top: -40px;left: 207px;animation: spin11 24s linear 5s infinite;}
.indexAbout .contBox .box .text2{top: 432px;left: -65px;animation: spin12 24s linear 5s infinite;}
.indexAbout .contBox .box .text3{top: 432px;left: 485px;animation: spin13 24s linear 5s infinite;}
/* @keyframes spin11 { 0%{top: -40px;left: 207px;} 16.66%{top: 432px;left: -65px;} 33.33%{top: 432px;left: -65px;} 50%{top: 432px;left: 485px;} 66.66%{top: 432px;left: 485px;} 83.33%{top: -40px;left: 207px;} 100%{top: -40px;left: 207px;} }
@-webkit-keyframes spin11 { 0%{top: -40px;left: 207px;} 16.66%{top: 432px;left: -65px;} 33.33%{top: 432px;left: -65px;} 50%{top: 432px;left: 485px;} 66.66%{top: 432px;left: 485px;} 83.33%{top: -40px;left: 207px;} 100%{top: -40px;left: 207px;} }
@-moz-keyframes spin11 { 0%{top: -40px;left: 207px;} 16.66%{top: 432px;left: -65px;} 33.33%{top: 432px;left: -65px;} 50%{top: 432px;left: 485px;} 66.66%{top: 432px;left: 485px;} 83.33%{top: -40px;left: 207px;} 100%{top: -40px;left: 207px;} }
@keyframes spin12 { 0%{top: 432px;left: -65px;} 16.66%{top: 432px;left: 485px;} 33.33%{top: 432px;left: 485px;} 50%{top: -40px;left: 207px;} 66.66%{top: -40px;left: 207px;} 83.33%{top: 432px;left: -65px;} 100%{top: 432px;left: -65px;} }
@-webkit-keyframes spin12 { 0%{top: 432px;left: -65px;} 16.66%{top: 432px;left: 485px;} 33.33%{top: 432px;left: 485px;} 50%{top: -40px;left: 207px;} 66.66%{top: -40px;left: 207px;} 83.33%{top: 432px;left: -65px;} 100%{top: 432px;left: -65px;} }
@-moz-keyframes spin12 { 0%{top: 432px;left: -65px;} 16.66%{top: 432px;left: 485px;} 33.33%{top: 432px;left: 485px;} 50%{top: -40px;left: 207px;} 66.66%{top: -40px;left: 207px;} 83.33%{top: 432px;left: -65px;} 100%{top: 432px;left: -65px;} }
@keyframes spin13 { 0%{top: 432px;left: 485px;} 16.66%{top: -40px;left: 207px;} 33.33%{top: -40px;left: 207px;} 50%{top: 432px;left: -65px;} 66.66%{top: 432px;left: -65px;} 83.33%{top: 432px;left: 485px;} 100%{top: 432px;left: 485px;} }
@-webkit-keyframes spin13 { 0%{top: 432px;left: 485px;} 16.66%{top: -40px;left: 207px;} 33.33%{top: -40px;left: 207px;} 50%{top: 432px;left: -65px;} 66.66%{top: 432px;left: -65px;} 83.33%{top: 432px;left: 485px;} 100%{top: 432px;left: 485px;} }
@-moz-keyframes spin13 { 0%{top: 432px;left: 485px;} 16.66%{top: -40px;left: 207px;} 33.33%{top: -40px;left: 207px;} 50%{top: 432px;left: -65px;} 66.66%{top: 432px;left: -65px;} 83.33%{top: 432px;left: 485px;} 100%{top: 432px;left: 485px;} } */
.indexAbout .contBox .box .text .txt{font-size: 16px;color: #74af3d;text-align: center;line-height: 20px;position: absolute;margin:18px auto;left: 0;right: 0;bottom: 0;}
.indexAbout .contBox .box .icon{width: 80px;height: 80px;border-radius: 50%;margin:8px auto 0;position: relative; transition: all 0.6s ease;}
.indexAbout .contBox .box .icon i{ display: inline-block; margin: 8px; width: 64px;height: 64px;border-radius: 50%; position: relative; z-index: 2; }
.indexAbout .contBox .box .icon1 i{background:#74af3d url("../images/index_about_icon1.png") center center no-repeat;}
.indexAbout .contBox .box .icon2 i{background:#74af3d url("../images/index_about_icon3.png") center center no-repeat;}
.indexAbout .contBox .box .icon3 i{background:#74af3d url("../images/index_about_icon2.png") center center no-repeat;}
.indexAbout .contBox .box .icon::after{content: '';width: 80px;height: 80px;border-radius: 50%; background-color:#fff; border: 1px dashed #74af3d;box-sizing: border-box;position: absolute;top: 0;left:0;bottom:0;margin: auto;z-index: 0;animation: spin 40s linear infinite;}
/* @-webkit-keyframes spin { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }
@-moz-keyframes spin { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }
@keyframes spin { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } */
.animate{animation-play-state: paused !important;}
.indexAbout .contBox .box .text .icon:hover{transform: scale(1.1);}
.indexAbout .contBox .solid{width: 550px;height: 480px;position: absolute;bottom: 0;left: 0;}
.indexAbout .contBox .solid i{display: block;width: 550px;height: 2px;overflow:hidden;position: absolute;bottom: 0;left: 0;}
.indexAbout .contBox .solid i:nth-of-type(1){transform: rotate(-60deg);position: absolute;bottom: 240px;left: -138px;}
.indexAbout .contBox .solid i:nth-of-type(3){transform: rotate(60deg);position: absolute;bottom: 240px;left: 138px;}
.indexAbout .contBox .solid i::after{content: '';width: 200%;height: 1px;border-bottom: 1px dashed #74af3d;position: absolute;top: 0;}
.indexAbout .contBox .solid i:nth-of-type(3)::after{right: 0;animation: spin2 30s linear infinite;}
.indexAbout .contBox .solid i:nth-of-type(1)::after{right: 0;animation: spin2 30s linear infinite;}
.indexAbout .contBox .solid i:nth-of-type(2)::after{left: 0;animation: spin3 30s linear infinite;}
/* @-webkit-keyframes spin2 { 0%{right: -100%;} 100%{right: 0;} }
@-moz-keyframes spin2 { 0%{right: -100%;} 100%{right: 0;} }
@keyframes spin2 { 0%{right: -100%;} 100%{right: 0;} }
@-webkit-keyframes spin3 { 0%{left: -100%;} 100%{left: 0;} }
@-moz-keyframes spin3 { 0%{left: -100%;} 100%{left: 0;} }
@keyframes spin3 { 0%{left: -100%;} 100%{left: 0;} } */
@media (max-width: 1400px){
    .indexAbout .contBox{ margin: 140px 50px 0 0;}
    .indexAbout .cont{margin-top: 130px;}
    .indexAbout .cont h3{ font-size:36px ;}
    .indexAbout .cont .tit{ font-size:32px ; margin: 0 0 30px 0;}
    .indexAbout .cont .txt { font-size: 14px; line-height: 36px;}
    

}
@media (max-width: 1366px){
    .indexAbout .contBox{width: 430px;height: 374px;margin-top: 12%;}
    .indexAbout .contBox .img{width: 430px;}
    .indexAbout .contBox .img img{width: 430px;}
    .indexAbout .contBox .box .text{width: 130px;height: 100px;}
    .indexAbout .contBox .box .text1{top: -30px;left: 150px;}
    .indexAbout .contBox .box .text2{top: 342px;left: -65px;}
    .indexAbout .contBox .box .text3{top: 342px;left: 365px;}
   /*  @keyframes spin11 { 0%{top: -30px;left: 150px;} 16.66%{top: 342px;left: -65px;} 33.33%{top: 342px;left: -65px;} 50%{top: 342px;left: 365px;} 66.66%{top: 342px;left: 365px;} 83.33%{top: -30px;left: 150px;} 100%{top: -30px;left: 150px;} }
    @-webkit-keyframes spin11 { 0%{top: -30px;left: 150px;} 16.66%{top: 342px;left: -65px;} 33.33%{top: 342px;left: -65px;} 50%{top: 342px;left: 365px;} 66.66%{top: 342px;left: 365px;} 83.33%{top: -30px;left: 150px;} 100%{top: -30px;left: 150px;} }
    @-moz-keyframes spin11 { 0%{top: -30px;left: 150px;} 16.66%{top: 342px;left: -65px;} 33.33%{top: 342px;left: -65px;} 50%{top: 342px;left: 365px;} 66.66%{top: 342px;left: 365px;} 83.33%{top: -30px;left: 150px;} 100%{top: -30px;left: 150px;} }
    @keyframes spin12 { 0%{top: 342px;left: -65px;} 16.66%{top: 342px;left: 365px;} 33.33%{top: 342px;left: 365px;} 50%{top: -30px;left: 150px;} 66.66%{top: -30px;left: 150px;} 83.33%{top: 342px;left: -65px;} 100%{top: 342px;left: -65px;} }
    @-webkit-keyframes spin12 { 0%{top: 342px;left: -65px;} 16.66%{top: 342px;left: 365px;} 33.33%{top: 342px;left: 365px;} 50%{top: -30px;left: 150px;} 66.66%{top: -30px;left: 150px;} 83.33%{top: 342px;left: -65px;} 100%{top: 342px;left: -65px;} }
    @-moz-keyframes spin12 { 0%{top: 342px;left: -65px;} 16.66%{top: 342px;left: 365px;} 33.33%{top: 342px;left: 365px;} 50%{top: -30px;left: 150px;} 66.66%{top: -30px;left: 150px;} 83.33%{top: 342px;left: -65px;} 100%{top: 342px;left: -65px;} }
    @keyframes spin13 { 0%{top: 342px;left: 365px;} 16.66%{top: -30px;left: 150px;} 33.33%{top: -30px;left: 150px;} 50%{top: 342px;left: -65px;} 66.66%{top: 342px;left: -65px;} 83.33%{top: 342px;left: 365px;} 100%{top: 342px;left: 365px;} }
    @-webkit-keyframes spin13 { 0%{top: 342px;left: 365px;} 16.66%{top: -30px;left: 150px;} 33.33%{top: -30px;left: 150px;} 50%{top: 342px;left: -65px;} 66.66%{top: 342px;left: -65px;} 83.33%{top: 342px;left: 365px;} 100%{top: 342px;left: 365px;} }
    @-moz-keyframes spin13 { 0%{top: 342px;left: 365px;} 16.66%{top: -30px;left: 150px;} 33.33%{top: -30px;left: 150px;} 50%{top: 342px;left: -65px;} 66.66%{top: 342px;left: -65px;} 83.33%{top: 342px;left: 365px;} 100%{top: 342px;left: 365px;} } */
    .indexAbout .contBox .box .text .txt{font-size: 14px;line-height: 20px;margin:18px auto 0;}
    .indexAbout .contBox .box .icon{width: 60px;height: 60px;background-size: 44px 44px !important;}
    .indexAbout .contBox .box .icon i{ width: 44px; height: 44px; background-size: 100%;}
   .indexAbout .contBox .box .icon::after{width: 60px;height: 60px;}
    .indexAbout .contBox .solid{width: 430px;height: 374px;}
    .indexAbout .contBox .solid i{width: 430px;}
    .indexAbout .contBox .solid i:nth-of-type(1){bottom: 186px;left: -108px;}
    .indexAbout .contBox .solid i:nth-of-type(3){bottom: 186px;left: 108px;}
}


/*section3*/
.section3{}
.indexPlatform{width: 100vw;height:100vh;background-color: #fff;position: relative;}
.indexPlatform .bgBox{width: 12.5%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;z-index: 2;transition: all 0.8s ease;}
.indexPlatform .bgBox .bg{box-sizing: border-box;border: 495px solid #74af3d;position: absolute;width: 1080px;height: 1080px;border-radius: 50%;top: calc(50% - 540px);right: -540px;}
.platformBox{width:100%;height:100%;position: relative;}
.platformBox .hd{width: 75%;position: absolute;bottom: 10%;left: 0;right: 0;margin: auto;box-sizing: border-box;padding: 0 3%;z-index: 2;transition: all 0.8s ease;}
.platformBox .hd ul{display: table;margin: auto;width: 100%; font-size: 0;}
.platformBox .hd ul li{display:inline-block; vertical-align: bottom; cursor:pointer;width: 20%;color: #fff;font-size: 18px;text-align: center;padding: 0 0 20px;box-sizing: border-box;position: relative;}
.platformBox .hd ul li::after{content: '';width: 100%;height: 1px;background-color: #fff;position: absolute;bottom: 0;left: 0;}
.platformBox .hd ul li span{font-family: PFDinTextCompPro;text-transform: capitalize;}
.platformBox .hd ul li.on::after{height: 4px;background-color: #74af3d;}
.platformBox .bd{width: 100%;height:100%;}
.platformBox .bd .box{width: 100%;height: 100%;padding-top: 10%;box-sizing: border-box;position: relative; z-index: 1;}
.platformBox .bd .box .bg{ width: 100%; height: 100%; z-index: 0; position: absolute; top: 0; left: 0;}
.platformBox .bd .box .cont{position: relative; z-index: 2; width: 34%;margin-left: 300px; transition: all 0.8s ease; }
.platformBox .bd .box h2{font-size: 48px;font-weight: normal;color: #ffffff;margin-bottom: 6%;}
.platformBox .bd .box h2 span{font-family: PFDinTextCompPro;color: #74af3d;text-transform: capitalize;}
.platformBox .bd .box .txt{font-size: 16px;line-height: 40px;color: #ffffff;}
.platformBox .bd .box .cont a{display: block;width: 150px;height: 44px; margin-top: 50px;overflow: hidden;border: 1px solid #fff;border-radius: 2px;background-size: 12px 12px;padding:0 20px;box-sizing: border-box;font-size: 14px;line-height: 44px;color: #fff;position: relative;transition: all 0.6s ease; }
.platformBox .bd .box .cont a::after{content: '';width: 1px;height: 10px;background-color: #fff;position: absolute;top: 0;bottom: 0;right: 50px;margin: auto;transition: all 0.6s ease; }
.platformBox .bd .box .cont a::before{content: '';width: 0;height: 44px;background-color: #74af3d;position: absolute;top: 0;left: 0;z-index: -2;transition: all 0.6s ease;}
.platformBox .bd .box .cont a i{ position: absolute; right: 20px; top: 0; bottom: 0; font-size: 14px;}
.platformBox .bd .box .cont a:hover{color: #FFFFFF; border-color: #74af3d;}
.platformBox .bd .box .cont a:hover::before{width: 100%;}
.platformBox .bd .box .cont a:hover::after{}
.platformBox .bd .box .cont a:hover i{ color: #fff;}
.platformBox .bd .box .picBox{position: absolute;top: 20%;right: 0;width: 1180px;margin-right: -20%; z-index: 2; transition: all 0.8s ease;}
.platformBox .bd .box .imgBox{width: 540px;height: 540px;position: relative;z-index: 2;float: left;}
.platformBox .bd .box .imgBox::after{content:'';width: 540px;height: 540px;border-radius: 50%;background: url("../images/index_platform_img_bg.png") center center no-repeat;background-size: 100% 100%;position: absolute;top: 0;left: 0;z-index: -1;animation: circle 50s linear infinite;}
.platformBox .bd .box .img{width: 420px;height: 420px;border-radius: 50%;overflow:hidden;background-color:#000;position: relative;margin: 60px;}
.platformBox .bd .box .img img{width: 420px;height: 420px;opacity: 0.66;}
.platformBox .bd .box .imgBox .a{display: flex;width: 60px;height: 60px;border: 1px solid rgba(255,255,255,0.4);border-radius: 50%;color: #fff;font-size: 30px;text-align: center; box-sizing: border-box; position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: all 0.6s ease;  align-items: center; justify-content: center;}
.platformBox .bd .box .img:hover .a{background-color: rgba(116,175,61,0.8); border-color:rgba(116,175,61,0.8) ; width: 60%; height: 60%; color: #fff;}
@-webkit-keyframes circle { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }
@-moz-keyframes circle { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }
@keyframes circle { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }
.platformBox .bd .box .bgImg{width: 540px;height: 540px;border-radius: 50%; position: relative; z-index: 2; float: right;background: url("../images/index_platform_img_bg.png") center center no-repeat;opacity: 0.3;}
.platformBox .bd .box .bgImg img{width: 420px;height: 420px;border-radius: 50%;margin: 60px;}
.platformBox .arrow{position:absolute; left:10.5%; top:0;bottom: 0;margin: auto;z-index:3;width: 72px;height: 72px;background-color: #74af3d;border-radius: 50%;overflow: hidden;transition: all 0.8s ease;}
.platformBox .arrow::after{content: '';width: 1px;height: 18px;background-color: rgba(255,255,255,0.35);position: absolute;top: 0;bottom: 0;right: 0;left:0;margin: auto;z-index: 4;}
.platformBox .arrow a{display:block;width: 36px;height: 72px;background:#74af3d ; color: #fff; border-radius:  0 36px 36px 0 ;position: absolute;top: 0;transition: all 0.6s ease;}
.platformBox .arrow a i{ display: flex; width: 36px; height: 72px; font-size: 20px;}
.platformBox .arrow .prev{left: 0;transform: rotate(180deg);}
.platformBox .arrow .next{position: relative;left: 36px;}
.platformBox .arrow a:hover{background:#fff ; color: #74af3d;}
@media (max-width: 1680px){
    .platformBox .bd .box h2{font-size: 40px;}
    .platformBox .bd .box{padding-top: 140px;}
}
@media (max-width: 1600px){
    .platformBox .hd{bottom:6%;}
    .platformBox .bd .box .picBox{width: 960px;}
    .platformBox .bd .box .bgImg{width: 450px;height: 450px;}
    .platformBox .bd .box .bgImg img{width: 350px;height: 350px;margin: 50px;}
    .platformBox .bd .box .imgBox{width: 450px;height: 450px;}
    .platformBox .bd .box .img{width: 350px;height: 350px;margin: 50px;}
    .platformBox .bd .box .img img{width: 350px;height: 350px;}
    .platformBox .bd .box .imgBox::after{content:'';width: 450px;height: 450px;}
    .platformBox .arrow{left: 10.2%;}
    .platformBox .hd ul li{font-size: 16px;}
}
@media (max-width: 1440px){
    .platformBox .hd{bottom:8%;}
    .platformBox .bd .box .cont a{ margin-top: 30px;}

    .platformBox .bd .box .txt{font-size: 14px;line-height: 36px;}
    .platformBox .bd .box .bgImg{width: 420px;height: 420px;}
    .platformBox .bd .box .bgImg img{width: 320px;height: 320px;margin: 50px;}
    .platformBox .bd .box .imgBox{width: 420px;height: 420px;}
    .platformBox .bd .box .img{width: 320px;height: 320px;margin: 50px;}
    .platformBox .bd .box .img img{width: 320px;height: 320px;}
    .platformBox .bd .box .imgBox::after{content:'';width: 420px;height: 420px;}
}
@media (max-width: 1400px){
    .platformBox .bd .box .txt{font-size: 16px;line-height: 40px;}
}
@media (max-width: 1366px){
    .platformBox .hd{bottom: 5%;}
    .platformBox .bd .box h2{font-size: 36px;}
    .platformBox .bd .box .txt{font-size: 14px;line-height: 36px;}
    .platformBox .hd ul li{font-size: 14px;}
    .platformBox .arrow{left: 10%;}
}
@media (max-width: 1280px){
    .platformBox .bd .box .picBox{width: 860px;}
    .platformBox .bd .box .bgImg{width: 400px;height: 400px;}
    .platformBox .bd .box .bgImg img{width: 300px;height: 300px;margin: 50px;}
    .platformBox .bd .box .imgBox{width: 400px;height: 400px;}
    .platformBox .bd .box .img{width: 300px;height: 300px;margin: 50px;}
    .platformBox .bd .box .img img{width: 300px;height: 300px;}
    .platformBox .bd .box .imgBox::after{content:'';width: 400px;height: 400px;}
    .platformBox .arrow{left: 9.8%;}
    .platformBox .hd ul li{font-size: 12px;}
}


/*section4*/
.section4{}
.indexScheme{width: 100vw;height: 100vh;background-color: rgba(116,175,61,0.12);position: relative;}
.indexScheme .bgImg{width: 100%;height: 100%;position: absolute;top: 0;left: -20%;animation: cloud 20s infinite alternate;}
.indexScheme .bgImg img{width: 100%;}
@keyframes cloud{ 0%{top: 0;left:-30%;transform: rotate(-15deg);} 50%{top: 0;left:-40%;transform: rotate(0deg);} 100%{top: 0;left:-20%;transform: rotate(15deg);} }
@-webkit-keyframes cloud{ 0%{top: 0;left:-30%;transform: rotate(-15deg);} 50%{top: 0;left:-40%;transform: rotate(0deg);} 100%{top: 0;left:-20%;transform: rotate(15deg);} }
@-moz-keyframes cloud{ 0%{top: 0;left:-30%;transform: rotate(-15deg);} 50%{top: 0;left:-40%;transform: rotate(0deg);} 100%{top: 0;left:-20%;transform: rotate(15deg);} }
.schemeBox{width:100%;height: 100vh;position: relative;}
.schemeBox .bd{width: 100%;height: 100vh; position: relative;}
.schemeBox .bd .contBox{width: 100%;height: 100vh;position: relative;}
.schemeBox .bd .contBox .img{width: 50%;height: 100%;overflow: hidden;background-size:100% 100% !important;position: absolute;top: 0;right: 0;transition: all 0.8s ease;}
.schemeBox .bd .contBox:nth-child(1) .img{background: url("../images/index_scheme_img4.jpg") center center no-repeat;}
.schemeBox .bd .contBox:nth-child(2) .img{background: url("../images/index_scheme_img1.jpg") center center no-repeat;}
.schemeBox .bd .contBox:nth-child(3) .img{background: url("../images/index_scheme_img2.jpg") center center no-repeat;}
.schemeBox .bd .contBox:nth-child(4) .img{background: url("../images/index_scheme_img3.jpg") center center no-repeat;}
.schemeBox .bd .contBox .cont{width: 46%;margin-top: 14%;transition: all 0.8s ease;}
.schemeBox .bd .contBox .cont h2{font-size: 48px;font-weight: normal;color: #333333;margin-bottom: 5%;}
.schemeBox .bd .contBox .cont .txt{	font-size: 16px;line-height: 40px;color: #333333;}
.schemeBox .bd .contBox .cont .more{display: block;width: 150px;height: 44px;margin-top: 50px;overflow: hidden;border: 1px solid #74af3d;border-radius: 2px;background-size: 12px 12px;padding:0 20px;box-sizing: border-box;font-size: 14px;line-height: 44px;color: #74af3d;position: relative;transition: all 0.6s ease; }
.schemeBox .bd .contBox .cont .more::after{content: '';width: 1px;height: 10px;background-color: rgba(116,175,61,0.5);position: absolute;top: 0;bottom: 0;right: 50px;margin: auto;transition: all 0.6s ease; }
.schemeBox .bd .contBox .cont .more::before{content: '';width: 0;height: 44px;background-color: #74af3d;position: absolute;top: 0;left: 0;z-index: -2;transition: all 0.6s ease;}
.schemeBox .bd .contBox .cont .more i{ position: absolute; right: 20px; top: 0; bottom: 0; font-size: 14px;}
.schemeBox .bd .contBox .cont .more:hover{background:rgba(0,0,0,0) ;color: #FFFFFF;}
.schemeBox .bd .contBox .cont .more:hover::before{width: 100%;}
.schemeBox .bd .contBox .cont .more:hover::after{background-color: #fff ;}
.schemeBox .bd .contBox .cont .more:hover i{ color: #fff;}
.schemeBox .hd{width: 75%;min-width:1200px;position: absolute;bottom: 4%;left: 0;right: 0;margin: auto;padding: 0 2%;box-sizing: border-box;transition: all 0.8s ease;}
.schemeBox .hd ul{width: 46%; font-size: 0;  text-align: center; display: table; padding: 0; font-size: 0; position: relative;}
.schemeBox .hd ul::before{ content: ''; width: 100%; position: absolute; bottom: 0; left: 0; height: 1px; background-color: #aaa; }
.schemeBox .hd ul li{cursor:pointer;display: inline-block; width: 25%; padding: 15px 0; vertical-align: bottom; position: relative; border-bottom: solid 4px rgba(116,175,61,0); z-index: 2;}
.schemeBox .hd ul li p{width: 100%;text-align: center;	font-size: 16px;line-height: 24px;color: #333;}
.schemeBox .hd ul li.on{ border-bottom-color: rgba(116,175,61,1);}
.schemeBox .hd ul li.on p{color: #74af3d;}
@media (max-width: 1680px){
    .schemeBox .bd .contBox .cont h2{font-size: 42px;}
}
@media (max-width: 1600px){
    .schemeBox .hd ul li p{font-size: 14px;line-height: 24px;}
}
@media (max-width: 1440px){
    .schemeBox .bd .contBox .cont h2{font-size: 38px;}
    .schemeBox .bd .contBox .cont .txt{font-size: 14px;line-height: 36px;}
}
@media (max-width: 1400px){
    .schemeBox .bd .contBox .img{ background-size:100% 100% !important;}
}
@media (max-width: 1366px){
    .schemeBox .hd{bottom: 6%;}
    .schemeBox .bd .contBox .cont{margin-top: 10%;}
    .schemeBox .bd .contBox .img{ background-size:100% 100% !important;}
    .schemeBox .hd ul li p{font-size: 12px;line-height: 22px;}
}
@media (max-width: 1280px){
    .schemeBox .hd ul li p{font-size: 12px;line-height: 22px;}
    .schemeBox .bd .contBox .cont h2{font-size: 34px;}
}


/*section5*/
.section5{}
.indexApply{width: 100%;height: 100vh;position: relative;max-height: 1080px;}
.indexApply h1{font-size: 48px;color: #97e0ce;position: absolute;top: 28%;left: 50%;width: 200px;margin-left: -100px;z-index: 3;text-align: center;transition: all 0.8s ease;transform: scale(0);opacity: 0;display: inline-block;}
.applyBox{width:100%;height:100%;position: relative;}
.applyBox .hd{width: 100%;position: absolute;bottom: 15px;left: 0;z-index: 2;transition: all 0.8s ease;transform: translateY(100%);opacity: 0;}
.applyBox .hd ul{display: table;margin: auto;width: 96%; margin: 0 2%; font-size: 0; position: relative;}
.applyBox .hd ul::before{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background-color: #fff; z-index: 0;}
.applyBox .hd ul li{display:inline-block;vertical-align: bottom;cursor:pointer;width: 12.5%;color: #fff;font-size: 18px;border-bottom: 4px solid rgba(116,175,61,0);text-align: center;padding:10px 0;box-sizing: border-box;position: relative;z-index: 2;}
.applyBox .hd ul li.on{color: #97e0ce;border-bottom-color: #97e0ce;}
.applyBox .bd{width: 100%;height:100%; }
.applyBox .bd .box{width: 100%;height: 100%;position: relative; z-index: 1;}
.applyBox .bd .box::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-color: rgba(0,0,0,0.4);}
.applyBox .bd .box .wrap{position: relative;z-index: 2;height: 100%;transition: all 0.8s ease;transform: scale(1);opacity: 1;}
.applyBox .bd .box .wrap .text{font-size: 26px;color:#FFFFFF;position: absolute;top: 0;bottom: 0;margin: auto;height: 50px;line-height: 50px;}
.applyBox .bd .box .wrap .text a{color: #FFFFFF;}
.applyBox .bd .box .wrap .text1{left: 8%;}
.applyBox .bd .box .wrap .text2{right: 8%;}
.applyBox .bd .box .cont{width: 550px;height:550px;background-color: rgba(0,0,0,0.3);border-radius: 50%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding-top: 230px;box-sizing: border-box;}
.applyBox .bd .box h2{font-size: 24px;font-weight: normal;color: #ffffff;text-align: center;margin: 0 0 20px;}
.applyBox .bd .box .txt{font-size: 16px;line-height: 30px;color: #ffffff;width: 420px;margin: 0 auto;text-align: center;white-space: normal;}
.applyBox .bd .box .txt img{ display: none; max-width: 100%;}
.applyBox .arrow{width: 75%;height: 50px;position:absolute; left:0;right: 0; top:0;bottom:0;margin: auto;}
.applyBox .arrow a{display:block;width: 50px;height: 50px;border-radius:50%; position: absolute;top: 0;transition: all 0.6s ease;}
.applyBox .arrow a i{ width: 50px; height: 50px; font-size: 20px; color: #fff;}
.applyBox .arrow .prev i{transform: rotate(180deg);}
.applyBox .arrow .next{right: 2%;z-index: 3;}
.applyBox .arrow .prev{left: 2%;z-index: 3;}
.applyBox .arrow a:hover{background-color: #74af3d;}
.applyBox .arrow1{width: 75%;height: 50px;position:absolute; left:0;right: 0; top:0;bottom:0;margin: auto;}
.applyBox .arrow1 div{position: absolute;top: 0;width: 160px;height: 50px;line-height:50px;z-index: 3;font-size: 26px;color:#FFFFFF;border: 1px solid rgba(0,0,0,0);cursor: pointer;transition: all 0.6s ease;}
.applyBox .arrow1 .left{left: 8%;}
.applyBox .arrow1 .right{right: 8%;text-align: right;}
.color{color: #74af3d !important;}
@media (max-width: 1600px){
    .indexApply h1{top: 24%;}
}
@media (max-width: 1440px){
    .indexApply h1{top: 28%;}
    .applyBox .hd ul li{font-size: 16px;}
    .applyBox .bd .box .cont{width: 450px;height: 450px;padding-top: 150px;}
    .applyBox .bd .box .txt{width: 360px;}
    .applyBox .bd .box .wrap .text1{left: 14%;}
    .applyBox .bd .box .wrap .text2{right: 14%;}
}
@media (max-width: 1400px){
    .indexApply h1{top: 30%;}
}

@media (max-width: 1366px){
    .indexApply h1{top: 24%;font-size: 38px;}
    .applyBox .hd ul li{font-size: 14px;}
    .applyBox .bd .box .cont{width: 400px;height: 400px;padding-top: 130px;}
    .applyBox .bd .box .txt{width: 330px;}
}
@media (max-width: 1280px){
    .applyBox .bd .box .wrap .text1{left: 17%;}
    .applyBox .bd .box .wrap .text2{right: 17%;}
}


/*section6*/
.section6{
    padding: 3% 0;
    background: #f4f4f4;
}
.indexNews{width: 100vw;height: 100vh;background: url("../images/index_news_bg.jpg") center center no-repeat;padding-top: 10%;box-sizing: border-box;}
.newsBox{width:100%;height: 100%; }
.newsBox .hd{width: 75%;min-width:1200px;margin: 0 auto;padding: 0 2%;box-sizing: border-box;transition: all 0.8s ease;opacity: 1;}
.newsBox .hd h1{font-size: 48px;color: #ffffff;float: left;line-height: 50px;}
.newsBox .hd ul{float:right;}
.newsBox .hd ul li{cursor:pointer; position: relative;}
.newsBox .hd ul li a{display: block;width: 150px;height: 44px;margin-top: 3px;overflow: hidden;border: 1px solid #fff;border-radius: 2px;background-size: 12px 12px;padding:0 20px;box-sizing: border-box;font-size: 14px;line-height: 44px;color: #fff;position: relative;transition: all 0.6s ease; }
.newsBox .hd ul li a span{ position: relative; z-index: 2;}
.newsBox .hd ul li a::after{content: '';width: 1px;height: 10px;background-color: #fff;position: absolute;top: 0;bottom: 0;right: 50px;margin: auto;transition: all 0.6s ease; z-index: 2;}
.newsBox .hd ul li a::before{content: '';width: 0;height: 44px;background-color: #74af3d;position: absolute;top: 0;left: 0;z-index: 1;transition: all 0.6s ease;}
.newsBox .hd ul li a i{ position: absolute; right: 20px; top: 0; bottom: 0; font-size: 14px; color: #fff; z-index: 2;}
.newsBox .hd ul li a:hover{background:rgba(0,0,0,0) ;color: #FFFFFF; border-color: #74af3d;}
.newsBox .hd ul li a:hover::before{width: 100%;}
.newsBox .hd ul li a:hover::after{}
.newsBox .bd{margin: 5% auto 0;width: 75% !important;min-width:1200px;height: 100%;transition: all 0.8s ease;}
.newsBox .bd ul{width:100% !important;height: 100%;padding: 0 2%;box-sizing: border-box;}
.newsBox .bd ul li{width: 32%;margin-right: 2%;overflow: hidden;position: relative;float: left;transition: all 0.8ss ease;}
.newsBox .bd ul li:nth-of-type(3n){margin-right: 0;}
.newsBox .bd ul li .img{width: 100%;overflow: hidden; height: 260px; box-sizing: border-box;transition: all 0.8s ease;}
.newsBox .bd ul li .img img{width: 100%; min-height: 100%; transition: all 0.8s ease;}
.newsBox .bd ul li .cont{width: 100%;background-color:#fff; padding: 3% 4%; box-sizing: border-box; position: relative;transition: all 0.8s ease;}
.newsBox .bd ul li .cont .time{font-size: 18px;color: #333333;transition: all 0.8s ease;position: relative;}
.newsBox .bd ul li .cont .box{position: relative;bottom:0;left:0;width: 100%;height:80%;box-sizing: border-box;}
.newsBox .bd ul li .cont h6{font-size: 18px;color: #333333;margin: 0 0 4%;  transition: all 0.8s ease; position: relative; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsBox .bd ul li .cont .txt{font-size: 14px;line-height: 24px;color: #999999;}
.newsBox .bd ul li:hover .img img{ transform: scale(1.05); }
.newsBox .bd ul li:hover h6{ color: #74af3d;}
.newsBox .bd ul li.select{width: 40% ;}
.newsBox .bd ul li.select .img{width: 100%;height: 100% ;position: absolute;top: 0;left: 0;}
.newsBox .bd ul li.select .cont{width: 100%;height: 100% ;background-color: rgba(0,0,0,0) ;background-image: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.5));}
.newsBox .bd ul li.select .cont .time{font-size: 18px;color: #fff ;line-height: 18px;width: 96px;height: 96px;background-color: #74af3d;position: absolute;top:20px ;left: 20px ;text-align: center;padding-top: 63px;box-sizing: border-box;}
.newsBox .bd ul li.select .cont .time .s1{display: none;}
.newsBox .bd ul li.select .cont .time .s2{font-size: 48px;line-height:48px;position: absolute;top: 10px;left: 0;right: 0;margin: auto;}
.newsBox .bd ul li.select .cont .box{height: 28%;}
.newsBox .bd ul li.select .cont h6{ display: inline-block; width: 100%; font-size: 18px;color: #fff ;margin: 2% 0; position: relative; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsBox .bd ul li.select .cont .txt{font-size: 14px;line-height: 24px;color: #fff ;}
@media (max-width: 1600px){
    .indexNews{padding-top: 12%;}
    .newsBox .bd{transform: translateY(5%);}
}
@media (max-width: 1440px){
    .indexNews{padding-top: 12%;}
    .newsBox .bd ul li .img{ height: 200px; }
    .newsBox .bd{transform: translateY(10%);}
}

@media (max-width: 1366px){
    .indexNews{padding-top: 12%;}
    .newsBox .hd h1{font-size: 36px;line-height: 40px;}
    .newsBox .hd ul li{height: 40px;line-height: 40px;}
    .newsBox .bd{transform: translateY(5%);}
    .newsBox .bd ul li .cont .time{font-size: 16px;}
    .newsBox .bd ul li .cont h6{font-size: 16px;}
    .newsBox .bd ul li .cont .txt{font-size: 12px;line-height: 20px;}
    .newsBox .bd ul li.select .cont .time{font-size: 16px;}
    .newsBox .bd ul li.select .cont h6{font-size: 16px;}
    .newsBox .bd ul li.select .cont .txt{font-size: 12px;line-height: 20px;}
}


/*footer*/
.footer{/* width: 100%; *//* background-color: #000; */}

.footerBox{width: 100%;padding: 30px 0 60px 0;transition: all 0.8s ease;}
.footerBox .tel{float: left; margin-top: 25px; box-sizing: border-box;background-size: 42px 36px;padding-left: 50px;width:25%; position: relative;}
.footerBox .tel i{ position: absolute; left: 0; top: 0; font-size: 40px; color: #fff; }
.footerBox .tel p{font-size: 14px;color: #8c8c8c;line-height: 14px;margin-bottom: 6px;}
.footerBox .tel h1{font-size: 30px;color: #e2e2e2;font-family: PFDinTextCompPro;line-height: 30px;}

.footerBox .info{float: left;width: 47%; margin-top: 15px; }
.footerBox .info .txt{font-size: 14px;line-height: 16px; margin: 10px 0; color: #8c8c8c;background-size: 16px 16px;padding-left: 20px;box-sizing: border-box; position: relative; text-transform: capitalize;}
.footerBox .info .txt i{ position: absolute; top: 0; left: 0; font-size: 14px; color: #888;}
.footerBox .code{float: right;width: 28%;display: table;text-align: right;font-size: 0;}
.footerBox .code .imgBox{display: inline-block;vertical-align: top;width: 100px;height: 100px;margin-left: 5%;}
.footerBox .code .imgBox .img{width: 100px;height: 100px;}
.footerBox .code .imgBox .img img{width: 100px;height: 100px;}
.footerBox .code .imgBox p{font-size: 14px;color: #cbcccd;text-align:center;margin-top: 10px;}

.copyRight{padding: 22px 0;width: 100%;transition: all 0.8s ease; border-top: 1px solid rgba(255,255,255,0.1);}
.copyRight p{font-size: 14px;color: #8c8c8c; max-width: 48%;}
.copyRight p a{color: #8c8c8c;}
.copyRight p a:hover{color: #74af3d;}



/*Popup*/
.popup{width: 100%;height: 100vh;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.WeChat{width: 320px;height: 390px;border-radius: 10px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;display: none;margin:-195px 0 0 -160px;z-index: 1000;}
.WeChat .wx{width: 200px;height: 200px;overflow: hidden;margin: 50px auto 10px;border: 1px solid #eee;}
.WeChat .wx img{width: 100%;}
.WeChat p{color: #333;font-size: 14px;text-align: center;width: 320px;}
.WeChat .close{width: 110px;height: 36px;background: #74af3d;color: #fff;border-radius: 5px;font-size: 14px;margin: 20px auto 0;line-height: 36px;text-align: center;cursor: pointer;}


.active .header{transform: translateY(0); transition-delay: 0.5s;opacity: 1;}
.active .indexAbout .cont{transform: translateX(0); transition-delay: 0.5s;opacity: 1;}
.active .indexAbout .contBox{transform: translateX(0); transform: scale(0.8); transition-delay: 0.5s;opacity: 1;}
.active .platformBox .hd{transform: translateY(0); transition-delay: 0.5s;opacity: 1;}

.active .indexApply h1{transform: scale(1); transition-delay: 0.5s;opacity: 1;}
.active .applyBox .bd .box .wrap{transform: scale(1); transition-delay: 0.5s;opacity: 1;}
.active .applyBox .hd{transform: translateY(0); transition-delay: 0.5s;opacity: 1;}

.active .footer .box{transform: translateY(0); transition-delay: 0.5s;opacity: 1;}
.active .footer .cont{transform: translateY(0); transition-delay: 0.5s;opacity: 1;}
.active .footer .copyRight{transform: translateY(0); transition-delay: 0.5s;opacity: 1;}
@media (max-width: 1600px){
    .active .platformBox .bd .box .cont{ margin-left: 260px; transition-delay: 0.5s;opacity: 1;}
    .active .platformBox .bd .box .picBox{ margin-right: -27%; transition-delay: 0.5s;opacity: 1;}
}

@media (max-width: 1440px){
    .active .platformBox .bd .box .cont{ margin-left: 240px; transition-delay: 0.5s;opacity: 1;}
    .active .platformBox .bd .box .picBox{ margin-right: -35%; transition-delay: 0.5s;opacity: 1;}
}


.ltie10 .header{transform: translateY(-100%); transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexAbout .cont{transform: translateX(-100%); transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexAbout .contBox{transform: translateX(100%);  transition-delay: 0.5s;opacity: 1; }

.ltie10 .indexApply h1{transform: translateY(-400%); transition-delay: 0.5s;opacity: 1;}
.ltie10 .applyBox .bd .box .wrap{transform: translateY(-100%); transition-delay: 0.5s;opacity: 1;}
.ltie10 .applyBox .hd{transform: translateY(100%); transition-delay: 0.5s;opacity: 1;}

.ltie10 .footer .box{transform: translateY(-100%); transition-delay: 0.5s;opacity: 1;}
.ltie10 .footer .cont{transform: translateY(-100%); transition-delay: 0.5s;opacity: 1;}
.ltie10 .footer .copyRight{transform: translateY(100%); transition-delay: 0.5s;opacity: 1;}




canvas{display:inline-block;vertical-align:baseline;}
img{border:0;}

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width: 768px){
.container{width:750px;}
}
@media (min-width: 992px){
.container{width:970px;}
}
@media (min-width: 1200px){
.container{width: 1280px;}
}
.clearfix:before,.clearfix:after,.container:before,.container:after{display:table;content:" ";}
.clearfix:after,.container:after{clear:both;}
@media (max-width: 767px){
.hidden-xs{display:none!important;}
}

canvas{height:880px!important;}
@media (max-width: 765px){
div.cooperation .swiper-container5{margin-top:0px;background-color:#fff;}
.cooperation.clearfix .swiper-container4{background-color:#ff6600;padding:10px 0px;}
.cooperation.clearfix .container h2{display:inline-block;margin:0 auto;text-align:center;font-size:26px;color:rgb( 48, 48, 48 );font-weight:bold;padding-bottom:5px;border-bottom:3px solid #ff6600;}
.cooperation.clearfix{padding-top:15px;}
.cooperation.clearfix .container>p{font-size:15px;padding:10px 15px;text-align:center;color:rgb( 126, 127, 128 );}
.cooperation.clearfix .container{position:static;top:0px;left:50%;transform:none;}
.swiper-container4{overflow:hidden;}
.swiper-container5{overflow:hidden;}
}
.cooperation{position:relative;background-color:#f4f4f4;text-align:center;}
.cooperation .container{position:absolute;top: 5%;left:50%;transform:translateX(-50%);}
.cooperation .container h2{display:inline-block;margin:0 auto;text-align:center;font-size:33px;color:rgb( 48, 48, 48 );font-weight:bold;padding-bottom:5px;border-bottom: 3px solid #2abadc;}
.cooperation .container>p{font-size:17px;padding:30px 0px;text-align:center;color:rgb( 126, 127, 128 );}
.cooperation .swiper-container4{background:linear-gradient(45deg,#a4e4cc,#1eb6dd);padding:40px 0px;}
.cooperation .swiper-container4 .swiper-slide>p>span{font-size:30px;color:rgb( 255, 255, 255 );font-weight:bold;}
.cooperation .swiper-container4 .swiper-slide>p>span:nth-child(2){font-size:24px;}
.cooperation .swiper-container4 .swiper-slide>p:nth-child(2){font-size:14px;color:rgb( 255, 255, 255 );}
.cooperation .swiper-container5{margin-top:40px;background-color:#fff;overflow: hidden;}
.cooperation .swiper-container5 .swiper-slide{padding:15px 0px;margin:0 auto;}
.cooperation .swiper-container5 .swiper-slide img{margin:0 auto;}
.cooperation .swiper-container5 .swiper-slide p{margin-top:10px;}
.cooperation .swiper-container5 .swiper-wrapper{border-bottom:1px solid #f4f4f4;}
.cooperation .swiper-container5 .swiper-wrapper:last-child{border-bottom:none;}
.cooperation .swiper-container5 .swiper-slide{border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;box-sizing: border-box;}
.cooperation .swiper-container5 .swiper-slide>img:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.cooperation .swiper-container5 .swiper-slide:last-child{border-right:none;}
.cooperation .container{padding:0px;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}



.clear{clear:both;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0px;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
/*! CSS 选择辅助工具插件定制联系2315551020 from: http://www.ahhmhb.com/static/home/css/style.css?v=1.0.2 */
.ibox-inner{width:90%;margin:0px auto;max-width:1600px;}
.section5-list li.swiper-slide{background:#ffffff;position:relative;z-index:1;transition:all 0.6s;margin-bottom: 30px;border-radius:5px;overflow:hidden;height: auto;}
.section5-list li .img{max-height:280px;overflow:hidden;}
.section5-list li .img img{display:block;width:100%;}
.section5-list li .text{width:100%;padding:30px 25px;box-sizing:border-box;}
.section5-list li:nth-child(3n+1){/* margin-left:0; */}
.section5-list li .text h3{font-size:22px;color:#000000;margin-bottom:15px;height:40PX;line-height:40PX;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.section5-list li .text p{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.section5-list li .text .t1{margin-bottom:40px;}
.section5-list li .text .t2 span{display:inline-block;padding-bottom:10px;color:#333333;font-size:16px;font-family:arial;border-bottom:1px solid #6f6e6e;}
.section5-list li .text .t2 span img{display:inline-block;margin-left:30px;vertical-align:middle;}
.section5-list li:hover{box-shadow:0px 5px 18px rgba(178,178,178,0.35);}
.section5-list li::before{width:100%;height:100%;position:absolute;content:"";background: linear-gradient(45deg,#a4e4cc,#1eb6dd);left:-100%;z-index:-1;transition:all 0.6s;}
.section5-list li:hover::before{left:0;}
.section5-list li:hover h3,.section5-list li:hover .t2 span,.section5-list li:hover p{color:#ffffff;}
.section5-list li:hover .t2 span{border-bottom:1px solid #ffffff;display:block;width:100%;}
.section5-list li:hover .t2 span img{display:none;}
@media screen and (max-width:1370px){
.ibox-inner{width:100%;padding:0 4%;box-sizing:border-box;}
}
@media screen and (max-width:860px){
.section5-list li{width:49%;margin-left:0;}
.section5-list li:nth-child(2n){float:right;}
.section5-list li .img{max-height:initial;}
}
@media screen and (max-width:751px){
.ibox-inner{padding:0 1em;}
.section5-list li{margin-bottom:1.3em;}
.section5-list li .text h3{font-size:18px;margin-bottom:.5em;}
.section5-list li .text{padding:1.5em 1em;}
.section5-list li .text .t1{margin-bottom:1em;}
.section5-list li{width:100%;float:none;}
.section5-list li .text h3{font-size:16px;margin-bottom:0;}
}
:-webkit-full-screen{width:100%!important;height:100%!important;}
:-moz-full-screen{width:100%!important;height:100%!important;}
:-ms-full-screen{width:100%!important;height:100%!important;}
:-ms-fullscreen{width:100%!important;height:100%!important;}
:fullscreen{width:100%!important;height:100%!important;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}

.ibox_title .h2 {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 33px;
    color: rgb( 48, 48, 48 );
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 3px solid #2abadc;
}
.ibox_title .p {
	font-size: 17px;
    padding: 30px 0px;
    text-align: center;
    color: rgb( 126, 127, 128 );
}
.ibox_title {
    text-align: center;
}
.swiper-container11{
	overflow: hidden;
}
.swiper-container11 .swiper-wrapper {
    height: auto;
}
.swiper-pagination1 {
    text-align: center;
}



.hy a{display:block;width:30%;float:left;margin-right:5%;}

.newspage ul{}
.newspage li{margin: 30px 0;padding:20px 5%;background: rgba(255,255,255,0.2);transition:all 0.7s;position:relative;overflow:hidden;z-index:3;}
.newspage li a{display:block;overflow:hidden;clear:both;width:100%;margin:0;}
.newspage li figcaption{display:block;padding-left:30px;width:65%;margin-top:20px;margin:0 auto;float:right;margin-right:10%;transition:0.4s all ease;}
.newspage li h3{white-space:nowrap;overflow:hidden;font-weight:bold;text-overflow:ellipsis;font-size:16px;color:#fff;padding-bottom:15px;padding-top:15px;transition:all 0.6s ease;}
.newspage li p{color:#fff;font-size:14px;line-height:36px;height:80px;overflow:hidden;text-overflow: ellipsis;transition:all 0.6s ease;}
.newspage li:hover::before{background:rgb(44 69 217 / 15%);width:150%;height:150%;transform:translate(-5%,-5%);transform:rotate(-35deg);display:none\9;}
.pagelist{text-align:center;margin:30px;}
.newspage .pagelist li{display:inline-block;margin:10px;padding:7px 10px;font-size:15px;box-shadow:none;}
.newspage .pagelist li.active{background:#d1d1d1;color:#fff;}
.newspage .pagelist li.active a{color:#000;}
.newspage .pagelist li a{color:#ffffff;}

.news_date{font-size:22px;position:absolute;top:50%;margin-top:-15px;left:15%;transition:0.4s all ease;color:#fff;}
.news_date .year{font-size:14px;}
.newspage li:hover .news_date{left:10%;}
.newspage li:hover figcaption{margin-right:15%;}
.newspage{padding:4% 0;}
.section7 {
    background: linear-gradient(45deg,#1eb6dd,#67d1a9);
}
.section7 .ibox_title .p,.section7 .ibox_title .h2{
	color: #fff;
}
.section7 .ibox_title .h2 {
    border-bottom: 3px solid #ffffffbd;
}

.bottom-bar[data-v-c63cf8a8] {
    width: 100%;
    height: 70px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 0 -1px 3px 0 hsla(0,0%,87.5%,.5);
    box-shadow: 0 -1px 3px 0 hsla(0,0%,87.5%,.5);
    transition: 0.4s all ease;
}
.bottom-bar .wrap[data-v-c63cf8a8] {
    width: 1240px;
    margin: 0 auto;
    height: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.top-bar .tab ul li[data-v-6acd0dd0] a {
    color: #fff;
}
.newslist ul li .txt a .desc {
    white-space: normal;
    line-height: 1.8;
}

.newslist ul li .newlist_img {
    width: 30%;
}

.newslist ul li .newlist_img_right {
    padding-right: 0;
    padding-left: 80px;
}





.yuanqufengcai main{width:1200px;margin:auto;margin-top: 60px;}
.yuanqufengcai article{width:860px;float:left;}
.yuanqufengcai aside{width:320px;float:right;}
.newslist .yuanqufengcai .blogs li{overflow:hidden;margin-bottom:20px;background:#fff;padding:20px;position:relative;display: block;}
.blogs li i{display:block;width:160px;height:110px;overflow:hidden;float:left;margin-right:20px;}
.blogs li i img{width:100%;min-height:100%;transition:.5s;}
.blogs h2{margin:0 0 14px 0;}
.blog_smalltext{overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;font-size:14px;color:#666;margin-bottom:14px;white-space: normal;line-height: 1.5;}
.blog_info{color:#888;font-size:13px;}
.blog_info span{margin-right:15px;position:relative;padding-left:20px;line-height:20px;}
.blog_info span a{color:#518f97;}
.blog_info span a:hover{color:#e01109;}
.blog_info span:nth-child(n):before{position:absolute;content:"";width:20px;height:20px;left:0;top:0;}
.blog_info span:nth-child(1){background:url(https://www.chenyeke.com/application/index/view/mine/static/images/icon.png) no-repeat 0 0;background-size:18px;}
.blog_info span:nth-child(2){background:url(https://www.chenyeke.com/application/index/view/mine/static/images/icon.png) no-repeat 0 -18px;background-size:18px;}
.blog_info span:nth-child(3){background:url(https://www.chenyeke.com/application/index/view/mine/static/images/icon.png) no-repeat 0 -36px;background-size:18px;}
.blog_info span:nth-child(4){background:url(https://www.chenyeke.com/application/index/view/mine/static/images/icon.png) no-repeat 0 -54px;background-size:18px;}
.blogs li:hover{box-shadow:rgba(0,0,0,.1) 3px 5px 5px;}
.blogs li:hover h2{color:#F00;}
.blogs li:hover img{transform:scale(1.1);}
.yuanqufengcai aside div{background:#fff;margin-bottom:20px;}
.search{background: #1d1d1d;position:relative;border: #1d1d1d 2px solid;border-radius:5px;overflow:hidden;}
.search input.input_submit{border:0;color:#fff;outline:none;position:absolute;top:0;right:0;width:25%;display:block;font-size:15px;height:36px;line-height:36px;text-indent:1em;cursor:pointer;background:url(https://www.chenyeke.com/application/index/view/mine/static/images/search.png) no-repeat left 10px center;background-size:21px;}
.yuanqufengcai .search input.input_text{border:0;line-height:36px;height:36px;font-size:14px;width:75%;outline:none;text-indent:1em;}
h2.aside_title{padding:20px;}
.xinqing ul{padding:0 20px 20px;}
.xinqing ul li{margin-bottom:20px;border:#e4e4e4 1px solid;padding:10px;font-size:14px;border-radius:5px;color:#333;position:relative;}
.xinqing ul li:after{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;border-right-color:#e4e4e4;border-width:10px;top:10px;}
.xinqing ul li:nth-child(odd){background:#f5f5f5;}
.pics{overflow:hidden;}
.pics ul{overflow:hidden;margin:0 20px 20px;}
.pics ul li{width:33.333%;float:left;}
.pics ul li a{display:block;height:60px;margin:2px;overflow:hidden;background:#000;}
.pics ul li img{width:100%;min-height:100%;opacity:.8;transition:all .5s;}
.pics ul li a:hover img{opacity:1;transform:scale(1.1);}
.paihang ol{padding:0 20px 20px 40px;}
.paihang ol li{margin-bottom:20px;padding-left:10px;}
.links span{float:right;font-size:16px;font-weight:normal;}
.links span a{color:#666;}
.links span a:hover{color:#f00;}
.links ul{padding:0 20px 20px 20px;overflow:hidden;}
.links li{width:50%;float:left;display:inline-block;line-height:30px;text-align:center;}
.links li a{margin:5px;border:#666 1px solid;display:block;border-radius:3px;color:#666;}
.links li a:hover{border:#222 1px solid;color:#000;}
.tagsclous h2{padding-bottom:0!important;}
.tagsclous ul{padding:20px;overflow:hidden;position:relative;display:inline-block;}
.tagsclous ul:before{animation:linescroll 7s;animation-iteration-count:infinite;/* content:""; */width:20px;height:20px;background:red;position:absolute;z-index:9;}
.tagsclous a{display:inline-block;background:#ffffff;width:33.3333%;font-size:14px;float:left;line-height:40px;text-align:center;position:relative;}
.tagsclous a:nth-child(3n-1):before{width:1px;height:100%;content:"";position:absolute;background:#eae5e5;left:0;top:0;}
.tagsclous a:nth-child(3n-1):after{width:1px;height:100%;content:"";position:absolute;background:#eae5e5;right:0;top:0;}
.tagsclous a:nth-child(6n+1){background:#f5f5f5;}
.tagsclous a:nth-child(6n+2){background:#f5f5f5;}
.tagsclous a:nth-child(6n+3){background:#f5f5f5;}
.tagsclous a:hover{background: #1d1d1d;color:#fff;}





.sonnav{position: relative;margin-top:-50px;background:#fff;height:120px;line-height:120px;display:flex;justify-content:space-evenly;box-shadow:0px 10px 10px 0px #dcdcdc;border-radius:6px;z-index:9999;margin-left:auto;top:auto;z-index: 9;}
.sonnav a{display:block;text-align:center;font-size:24px;border-bottom:1px solid  #fff;padding:0 10px;margin:0 40px;}
.sonnav a:hover,.sonnav .active{border-bottom:1px solid  #0092d8;color:#0092d8;}
@media (max-width:1700px){
.container{max-width:1200px;}
.sonnav{position:static;margin-top:-45px;background:#fff;height:90px;line-height:90px;display:flex;justify-content:space-evenly;box-shadow:0px 4px 10px 0px #dcdcdc;border-radius:6px;z-index:999;margin-left:auto;left:50%;top:auto;}
.sonnav a{display:block;text-align:center;font-size:1.4vw;border-bottom:1px solid  #fff;padding:0 10px;margin:0 20px;}
.sonnav a:hover,.sonnav .active{border-bottom:1px solid  #0092d8;color:#0092d8;}
}


.blog_info a {
    margin-right: 10px;
    padding: 3px 10px;
    padding-left: 1px;
    border: 1px solid #c5c5c5;
}




.contact .f24{font-size:24px;line-height:40px;}
.tlist{display:flex;justify-content:space-between;flex-wrap:wrap;padding:50px 0;}
.tlist .tit{font-weight:bold;padding:10px 0;}
.tlist li{width:23%;margin:1%;text-align:center;background:url('../images/ck.png');background-repeat:no-repeat;background-size:100%;padding:30px 0;}

body .u-btn a {
    color: #fff;
}

.section.section5.sssss {
    height: auto!important;
}