@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:14px Arial,"microsoft yahei"; color:#666; background:#fff; min-width: 1200px;}
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:#298081;}
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: #298081;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 #298081;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: 75%;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:#298081;}
.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: #298081 !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: #298081;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 #298081;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 #298081;}
.indexBanner .hd ul li.on::before,.indexBanner .hd ul li:hover::before{width: 18px;height: 18px;border: 1px solid #298081;}
.indexBanner .hd .prev,.indexBanner .hd .next{width: 12px;height: 12px; font-size: 20px; color: #298081; 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;text-align: justify;}
.indexAbout .cont .more{display: block;width: 150px;height: 44px;margin-top: 50px;overflow: hidden;border: 1px solid #298081;border-radius: 2px;background-size: 12px 12px;padding:0 20px;box-sizing: border-box;font-size: 14px;line-height: 44px;color: #298081;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: #298081;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: #298081;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:#298081 url("../images/index_about_icon1.png") center center no-repeat;}
.indexAbout .contBox .box .icon2 i{background:#298081 url("../images/index_about_icon3.png") center center no-repeat;}
.indexAbout .contBox .box .icon3 i{background:#298081 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 #298081;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 #298081;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;text-align: justify;}
    

}
@media (max-width: 1366px){
    .indexAbout .contBox{width: 500px;height: 500px;margin-top: 12%;}
    .indexAbout .contBox .img{width: 500px;}
    .indexAbout .contBox .img img{width: 500px;}
    .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 #298081;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: #298081;}
.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: #298081;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: #298081;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: #298081;}
.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: #298081;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:#298081 ; 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: #298081;}
@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 #298081;border-radius: 2px;background-size: 12px 12px;padding:0 20px;box-sizing: border-box;font-size: 14px;line-height: 44px;color: #298081;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: #298081;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(41, 128, 129);}
.schemeBox .hd ul li.on p{color: #298081;}
@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: 100vw;height: 100vh;position: relative;}
.indexApply h1{font-size: 48px;color: #298081;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: 10%;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: #298081;border-bottom-color: #298081;}
.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(0);opacity: 0;}
.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;}
.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: #298081;}
.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: #298081 !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{}
.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: #298081;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: #298081;}
.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: #298081;}
.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: #298081;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: #298081;}



/*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: #298081;color: #fff;border-radius: 5px;font-size: 14px;margin: 20px auto 0;line-height: 36px;text-align: center;cursor: pointer;}


/* CSS3过度及动画 */
.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 .indexPlatform .bgBox{transform: translateX(0); transition-delay: 0.5s;opacity: 1;}
.active .platformBox .bd .box .cont{ margin-left: 300px; transition-delay: 0.5s;opacity: 1;}
.active .platformBox .bd .box .picBox{ margin-right: -20%; transition-delay: 0.5s;opacity: 1;}
.active .platformBox .arrow{transform: translateX(0); transition-delay: 0.5s;opacity: 1;}
.active .schemeBox .bd .contBox .img{margin-right: 0;transition-delay: 0.5s;opacity: 1;}
.active .schemeBox .bd .contBox .cont{margin-left: 0;transition-delay: 0.5s;opacity: 1;}
.active .schemeBox .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 .newsBox .hd{transform: translateY(0); transition-delay: 0.5s;opacity: 1;}
.active .newsBox .bd{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 .platformBox .hd{transform: translateY(100%); transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexPlatform .bgBox{transform: translateX(0); transition-delay: 0.5s;opacity: 1;}
.ltie10 .platformBox .bd .box .cont{ margin-left: -100%; transition-delay: 0.5s;opacity: 1;}
.ltie10 .platformBox .bd .box .picBox{ margin-right: -100%; transition-delay: 0.5s;opacity: 1;}
.ltie10 .platformBox .arrow{transform: translateX(0); transition-delay: 0.5s;opacity: 1;}
.ltie10 .schemeBox .bd .contBox .img{margin-right: -100%;transition-delay: 0.5s;opacity: 1;}
.ltie10 .schemeBox .bd .contBox .cont{margin-left: -100%;transition-delay: 0.5s;opacity: 1;}
.ltie10 .schemeBox .hd{transform: translateY(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 .newsBox .hd{transform: translateY(-100%); transition-delay: 0.5s;opacity: 1;}
.ltie10 .newsBox .bd{transform: translateY(0); 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;}


.hexin{
	width:100%;
	padding-bottom:170px;
    position:relative;
    background:#fff; 
}
.hexincon{
	width:1200px;
	margin:0 auto;
	padding:185px 0 90px;
}
.heleft{
	width:450px;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heleft h3{
	font-size:48px;
	/*font-family:'SourceHanSerifSC-Heavy';*/
    font-family: "微软雅黑";
	color:#464646;	
}
.heright{
	width:calc(100% - 450px);
    position:relative;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heright::after{
    position:absolute;
    content: '';
    width:1px;
    height:140px;
    background:#e5e5e5;
    top:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateY(-50%);
    left:-34px; 
}
.heright p{
	font-size:16px;
	font-family:"微软雅黑";
	color:#333333;
	line-height: 30px;
	letter-spacing: 1px;
    height: 90px;
    overflow: hidden;	
}	
.heixinlistbox{
    position:relative;
}
.heixinlist{
	width:100%;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heixinlist .slick-dots {
	bottom:-81px;
}
.heixinlist .slick-dots li{
	width:16px;
	height:16px;
	background:#e5e5e5;
	border-radius: 0;
    margin: 0 9px;
}
.heixinlist .slick-dots li.slick-active{
	background:#005599;
}
.hxin_item{
	position:relative;
	width:1200px;
	margin:0 54px;
}

.heixinlist .slick-active .hxin_txt{
	display:block;
}
.hitbox{
	width: 100%;
    opacity: 0.3;
}
.heixinlist .slick-active .hitbox{
    opacity: 1;
}
.hxin_txt{
	position:absolute;
	background:#fff;
	width:380px;
	height:422px;
	bottom:10px;
	left:10px;
	padding:56px 53px 42px;
	display:none;
    z-index: 1;
}
.hxin_txt h2{
	color:#333333;
	font-size:30px;
	font-family:"微软雅黑";	
	position:relative;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt h2::after{
	position: absolute;
	top:8px;
	content: '';
	width:73px;
	height: 2px;
	background:#298081;	
	left:-97px;
}
.hxin_txt> p{
	color:#666666;
	font-size:16px;
	font-family:"微软雅黑";	
	margin:30px 0 76px;
	line-height: 30px;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt a{
	color:#298081;
	font-size:20px;
	font-family:"微软雅黑";
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;		
}
.gengduo span{
    color:#298081;
    font-size:20px;
    font-family:"微软雅黑";
}

.pagebox{
	width:100%;
	text-align: center;
	margin-top:66px;
}
.pagebox p{
	color:#999999;
	font-size:24px;
	font-family:"Arial";		
}
.pagebox p i{
	font-style:normal;
	color:#333333;
	font-size:36px;
	font-family:"Arial";	
}

.heixinlistbox{
    position:relative;
}
.heixinlist{
	width:100%;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heixinlist .slick-dots {
	bottom:-81px;
}
.heixinlist .slick-dots li{
	width:16px;
	height:16px;
	background:#e5e5e5;
	border-radius: 0;
    margin: 0 9px;
}
.heixinlist .slick-dots li.slick-active{
	background:#005599;
}
.hxin_item{
	position:relative;
	width:1200px;
	margin:0 54px;
}

.heixinlist .slick-active .hxin_txt{
	display:block;
}
.hitbox{
	width: 100%;
    opacity: 0.3;
}
.heixinlist .slick-active .hitbox{
    opacity: 1;
}
.hxin_txt{
	position:absolute;
	background:#fff;
	width:380px;
	height:422px;
	bottom:10px;
	left:10px;
	padding:56px 53px 42px;
	display:none;
    z-index: 1;
}
.hxin_txt h2{
	color:#333333;
	font-size:30px;
	font-family:"微软雅黑";	
	position:relative;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt h2::after{
	position: absolute;
	top:8px;
	content: '';
	width:73px;
	height: 2px;
	background:#298081;	
	left:-97px;
}
.hxin_txt> p{
	color:#666666;
	font-size:16px;
	font-family:"微软雅黑";	
	margin:30px 0 76px;
	line-height: 30px;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt a{
	color:#298081;
	font-size:20px;
	font-family:"微软雅黑";
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;		
}
.hxin_txt .gengduo span:nth-child(2){
    margin-left: 2px;
    transition: all 0.8s;
}
.hitbox a{
    display: block;
    overflow: hidden;
}
.hitbox img{
    transition: all 1s;
}
@media screen and (min-width:1200px){

	.xailabox a:hover{
		color:#000;
	}
	.navitem a:hover{
		color:#009cff;
	}
	.lianhuamore:hover span{
		color:#009cff;
        transition: all 0.8s;
	}
    .lianhuamore:hover .lianhuaspana{
        margin-left:10px;
    }
    .lianhuamore:hover{
       /* border-color:#009cff;*/
       background-color: #fff;
        transition: all 0.8s;
    }
	.ft_itembox a:hover{
		color:#009cff;
	}	
    .hxin_txt:hover .gengduo span:nth-child(2){
        margin-left: 20px;
        transition: all 0.5s;
    }
     .lianjie:hover span:nth-child(2){
        margin-left: 20px;
        transition: all 0.5s;
    }
    .lianjie:hover span{
        color: #009cff;
        transition: all 0.5s;
    }
    .lianjie:hover{
        background-color: #fff;
        transition: all 0.5s;
    }
    .lianjiea:hover .jian{
        margin-left: 30px;
        transition: all 0.5s;
    }
    .neleft h2:hover{
        color:#000;
        transition:all 0.3s;
    }
    .neleft p:hover{
        color:#000;
        transition:all 0.3s;
    }
    .lianjiea:hover span:nth-child(2){
        margin-left: 10px;
        transition: all 0.8s;
    }

    .hxin_item:hover img{
        transition: all 1s;
        transform: scale(1.1);
    }
.heixinlist .slick-prev, .heixinlist .slick-next{
    background:#b2b2b2;
    width:91px;
    height:56px;
    z-index: 50;
}
.heixinlist .slick-prev{
	left:13.3%;
	background:url(../images/prev.png) no-repeat center #b2b2b2;
}
.heixinlist .slick-next{
	right:13.3%;
	background:url(../images/next.png) no-repeat center #b2b2b2;
}
/**首页核心产业**/
.wrap_textbox {
    position: absolute;
    top: 67px;
    left: 11.6%;
}
.wrap_textbox .box {
    position: absolute;
    left: 140px;
    top: 0;
    width: 380px;
    height: 422px;
    background: #fff;
    box-shadow: 10px 15px 50px rgba(0,0,0,0.25);
    -webkit-box-shadow: 10px 15px 50px rgba(0,0,0,0.25);
    padding: 55px 50px;
	box-sizing: border-box;
}
.wrap_textbox .box .wrap_txt li.active {
    display: block;
}
.wrap_textbox .box .wrap_txt li {
    display: none;
}
.wrap_textbox .box .wrap_txt li .tit {
    font-family: "微软雅黑";
    font-size: 30px;
    color: #333;
    line-height: 30px;
    position:relative;
}
.wrap_textbox .box .wrap_txt li .tit::after{
	position:absolute;
	content:'';
	top:7px;
	width:73px;
	height:2px;
	background:#298081;
	left:-98px;
}
.wrap_textbox .box .wrap_txt li .wrap_desc {
    margin-top: 20px;
    color:#666666;
    font-size:16px;
    font-family:"微软雅黑";
    line-height: 30px;
}
.wrap_textbox .box .wrap_txt li .btn_text_6 {
    margin-top: 77px;
    display:block;
}
.btn_text_6 span {
    display: inline-block;
    font-family: "微软雅黑";
    font-size: 20px;
    color: #298081;
}
.btn_text_6 span:after {
    display: inline-block;
    content: "";
    width: 6px;
    height: 9px;
    background: url(../images/d4pic00100.png) no-repeat;
    margin-left: 10px;
}
.slide_page {
    position: absolute;
    bottom: 40px;
    left: 10.6%;
}
.slide_page .slides_log {
    padding-left: 285px;
    font-family: nbr;
    font-size: 20px;
    color: #666;
    letter-spacing: 2px;
}
.slide_page .slides_log .slide_num {
    font-size: 36px;
    color: #333;
    font-family:"Arial";
}
.slide_page .slides_log .slide_num span {
    font-family: nbb;
}
.slide_total_num{
    font-size: 24px;
    color: #999999;
    font-family:"Arial";    
}
.mapboxa{
    display:none;
    width:100%;
}
.mapboxa img{
    width:100%;
}
.video_boxoo{
    display:none;
    width:auto;
    position:relative;
    height:100%;
    top:0;
    left:0;
}
.pcxiala{
    width:100%;
    height:400px;
    background:rgba(255,255,255,0.92);
    position:absolute;
    top:86px;
    left:0;
    display:none;
}
.pcxialacon{
    width:1200px;
    margin:0 auto;
    padding:65px 0px;
}
.pcxialaa h3{
    color:#333333;
    font-size: 36px;
    font-family:"微软雅黑";
    position:relative;
}
.pcxialaa h3::after{
    position:absolute;
    content:'';
    width:51px;
    height:3px;
    background:#1785ff;
    left:0;
    bottom:-37px;
}
.pcxialaa p{
    color:#333333;
    font-size: 16px;
    font-family:"微软雅黑";
    line-height: 36px;
    margin-top:75px;
}
.pcxialacon .pcxialaa:nth-child(1){
    width:304px;
    overflow: hidden;
}
.pcxialacon .pcxialaa:nth-child(2){
    width:592px;
    overflow: hidden;
    padding-left:197px;
}
.pcxialacon .pcxialaa:nth-child(3){
    width:303px;
    overflow: hidden;
}
.pxialapic{
    width:100%;
}
.pxialapic img{
    width:100%;
}
.pcxialaa h4{
    color:#333333;
    font-size: 18px;
    font-family:"微软雅黑";
    margin-top:27px;    
}
.pcxialaaboxa a{
    display:block; 
    color:#666666!important;
    font-size: 18px;
    font-family:"微软雅黑";
    margin-bottom:25px;
}
.nav_aside{
    width:260px;
    text-align: center;
    /*padding-left:12px;*/
    position:absolute;
    top:86px;
    right:-260px;
    background:#fff;
    height:100vh;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
    z-index: 66;
}
.nav_aside.active{
    right:0;
}
.nav_asida{
    /*border-bottom:1px solid #eaebeb;*/
    padding-left:12px;
}
.nav_asida a{
    display:block;
    padding:30px 0;
    color:#666666;
    font-size:16px;
    font-family:"微软雅黑";
    border-bottom: 1px solid #eaebeb;
}
.lanjian{
    transform: translateX(-65px);
    opacity: 0;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
}
.nav_asida:hover .nav_cela{
    display:block;
} 
.nav_cela{
    width: 258px;
    padding:0 25px;
    background:rgba(255,255,255,0.92);
    position:absolute;
    top:0;
    right:260px;
    height:100vh;
    display:none;
}
.nav_class{
    border-bottom:1px solid rgba(0,0,0,0.06);
}