@charset "utf-8";

@import "iconfont.css";
@import "jquery.fancybox.css";
@import "grid12.css";

/*---------------------------------------------------*/


.home-filters {width:100%;background-color:#fff;height:80px;position:relative;z-index:20;-webkit-transition:-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:transform .8s cubic-bezier(.165,.84,.44,1);transition:transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1)}
.home-filters.search .home-filters-search-bar-close,.home-filters.search .home-filters-search-bar-input {-webkit-transform:translateX(0);transform:translateX(0)}
.home-filters.search .home-filters-search-bar-inner {-webkit-transform:translateX(0);transform:translateX(0);}

.home-filters-bar {max-width:960px;margin:0 auto;position:relative;height:80px;background-color:#fff;-webkit-box-shadow:-1px 4px 74px -16px rgba(0,0,0,.3);box-shadow:-1px 4px 74px -16px rgba(0,0,0,.3);-webkit-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:height .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:height .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:height .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1);transition:height .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1)}

.home-filters-line{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:80px}
.home-filters-line-first {border-bottom:1px solid #eaeaea;}

.home-filters-item{width:185px;background-color:#fff;border-right:1px solid #eaeaea;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;}
.home-filters-item a{width:100%;color:#242a3a;height:80px;line-height:80px;font-size:14px;display:block;overflow:hidden;}
.home-filters-item a i{color:#333;font-size:23px;margin-right:10px;vertical-align:middle;}
.home-filters-item:hover{background-color:#242a3a;border-right:1px solid #242a3a;}
.home-filters-item:hover a{color:#fff;background-color:#242a3a;}
.home-filters-item:hover i{color:#fff;}

.home-filters-search {width:80px;float:left;}
.home-filters-search i{line-height:80px;font-size:25px;color:#333;display:inline-block;transition:All 0.4s ease-in-out;}


.home-filters-search-bar {position:absolute;top:0;left:0;width:820px;white-space:nowrap;height:80px;z-index:10;overflow:hidden;pointer-events:none}
.home-filters-search-bar-inner {display:block;background-color:#fff;-webkit-transform:translateX(740px);transform:translateX(740px);-webkit-transition:-webkit-transform 1s cubic-bezier(.77,0,.175,1) 0s;transition:-webkit-transform 1s cubic-bezier(.77,0,.175,1) 0s;transition:transform 1s cubic-bezier(.77,0,.175,1) 0s;transition:transform 1s cubic-bezier(.77,0,.175,1) 0s,-webkit-transform 1s cubic-bezier(.77,0,.175,1) 0s;pointer-events:auto}
.home-filters-search-bar-input{float:left;width:660px;display:inline-block;height:70px;padding-top:10px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(150px);transform:translateX(150px);-webkit-transition:-webkit-transform 1.3s cubic-bezier(.77,0,.175,1) 0s;transition:-webkit-transform 1.3s cubic-bezier(.77,0,.175,1) 0s;transition:transform 1.3s cubic-bezier(.77,0,.175,1) 0s;transition:transform 1.3s cubic-bezier(.77,0,.175,1) 0s,-webkit-transform 1.3s cubic-bezier(.77,0,.175,1) 0s}
.home-filters-search-bar-input input{background-color:#f3f3f3;width:100%;height:60px;line-height:60px;font-size:16px;height:100%;padding-left:20px;padding-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#242a3a;}
.home-filters-search-bar-input input::-webkit-input-placeholder {color:#c9c9c9}
.home-filters-search-bar-input input:-moz-placeholder {color:#c9c9c9;opacity:1}
.home-filters-search-bar-input input::-moz-placeholder {color:#c9c9c9;opacity:1}
.home-filters-search-bar-input input:-ms-input-placeholder {color:#c9c9c9}
.home-filters-search-bar-input input::-ms-input-placeholder {color:#c9c9c9}

.home-filters-search-bar-close {float:left;display:inline-block;width:80px;height:80px;text-align:center;position:relative;cursor:pointer;-webkit-transform:translateX(150px);transform:translateX(150px);}
.home-filters-search-bar-close i{line-height:80px;font-size:18px;color:#333;transition:All 0.4s ease-in-out;display:inline-block;}
.home-filters-search-bar-close:hover i{color:#96daf0;-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.home-filters-submit{width:140px;border:0;position:absolute;right:0;top:0;height:80px;z-index:10}
.home-filters-submit-validate{width:100%;display:block;color:#fff;background:#242A3A;text-align:center;font-size:15px;line-height:80px;}


.indexA{padding:30px 0;background:#fff;}
.indexA .tit{text-align:center;margin:0 0 30px 0;}
.indexA .tit em{font-size:18px;color:#93d1e5;}
.indexA .tit h3{color:#242a3a;font-size:50px;line-height:1;margin:10px 0 0;}

.indexA .tab{}
.indexA .tab ul{text-align:center;}
.indexA .tab ul li{display:inline-block;position:relative;margin:0 50px;padding:0 0 5px 0;color:#c8c8c8;font-size:20px;}
.indexA .tab ul li::after{content:"";width:5px;height:5px;background:#242A3A;border-radius:50%;position:absolute;right:-53px;top:11px;}
.indexA .tab ul li:last-child::after{display:none;}
.indexA .tab ul li.active{color:#242a3a;border-bottom:3px solid #96DAF0;}

.indexA .content{max-width:1440px;margin:70px auto 0;position:relative;}
.indexA .slider-nav{left:0;top:0;width:400px;height:100%;position:relative;text-align:center;height:570px;padding:0 0 0 80px;}
.indexA .slider-nav::before{content: "";display: block;background-color: #242a3a;position: absolute;width: 100vw;right:0;top:0;height: 100%;}

.indexA .slider-nav .swiper-button-prev,.indexA .slider-nav .swiper-button-next{position:relative;z-index:10;background:none;top:auto;right:auto;left:auto;margin-top:0;}

.slider-nav-container{max-width:160px;height:100%;padding:145px 0 0;}
.indexA .slider-nav .slider-nav-item {display:block;margin:0 auto;width:60px;height:60px;position:relative;margin-bottom:16px;-webkit-transition:opacity .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s cubic-bezier(.165,.84,.44,1);cursor:pointer}
.slider-nav-item:after,.slider-nav-item:before {content:"";display:block;border:4px solid #2e3448;border-radius:100%;position:absolute;width:52px;height:52px;left:0;top:0}
.slider-nav-item:before {-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,-webkit-transform .5s cubic-bezier(.455,.03,.515,.955) 80ms;transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,-webkit-transform .5s cubic-bezier(.455,.03,.515,.955) 80ms;transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms;transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms,-webkit-transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}
.slider-nav-item:after {border-color:#96daf0;opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-transition:opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94);transition:opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94)}
.slider-nav-item-icon-container {position:absolute;top:4px;left:4px;width:52px;height:52px;border-radius:100%;overflow:hidden}
.slider-nav-item i{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;width:16px;height:16px;color:#fff;-webkit-transition:-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:transform .8s cubic-bezier(.165,.84,.44,1);transition:transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1)}
.slider-nav-item-icon-1,.slider-nav-item-icon-2 {position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;-webkit-transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s}
.slider-nav-item-icon-2 {opacity:0;-webkit-transform:translateX(-80px);transform:translateX(-80px);-webkit-transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.165,.84,.44,1) 0s;transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.165,.84,.44,1) 0s;transition:transform 0s cubic-bezier(.165,.84,.44,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s;transition:transform 0s cubic-bezier(.165,.84,.44,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.165,.84,.44,1) 0s}
.swiper-button-prev i{}
.swiper-button-prev .slider-nav-item-icon-2 {-webkit-transform:translateX(80px);transform:translateX(80px)}
.slider-nav-item:hover:after {opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .4s cubic-bezier(.77,0,.175,1) 50ms,-webkit-transform .5s cubic-bezier(.455,.03,.515,.955) 50ms;transition:opacity .4s cubic-bezier(.77,0,.175,1) 50ms,-webkit-transform .5s cubic-bezier(.455,.03,.515,.955) 50ms;transition:opacity .4s cubic-bezier(.77,0,.175,1) 50ms,transform .5s cubic-bezier(.455,.03,.515,.955) 50ms;transition:opacity .4s cubic-bezier(.77,0,.175,1) 50ms,transform .5s cubic-bezier(.455,.03,.515,.955) 50ms,-webkit-transform .5s cubic-bezier(.455,.03,.515,.955) 50ms}
.slider-nav-item:hover:before {opacity:0;-webkit-transform:scale(.7);transform:scale(.7);-webkit-transition:opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94);transition:opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94)}
.slider-nav-item:hover .slider-nav-item-icon-1 {opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px);-webkit-transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1)}
.slider-nav-item:hover .slider-nav-item-icon-2 {opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1)}
.swiper-button-prev:hover .slider-nav-item-icon-1 {-webkit-transform:translateX(-80px);transform:translateX(-80px)}

.indexA .slider-nav .swiper-pagination-progress {position:static;width:100%;height:2px;left:auto;margin-left:0;top:auto;bottom:100px;background-color: rgba(255,255,255,.5);}
.indexA .slider-nav .swiper-pagination-progress .swiper-pagination-progressbar {background:#96DAF0;left:0;top:0;width:100%;height:100%;}

.indexA .slider-nav .pagenum{font-size:30px;color:#fff;position:relative;z-index:10;}

.indexA .slider-nav .swiper-pagination{position:relative;text-align: center;z-index: 10;margin-top:60px;}
.indexA .slider-nav .swiper-pagination span{font-weight:bold;}
.indexA .slider-nav .swiper-pagination .swiper-pagination-current{font-size: 60px;color:#fff;width:85px;line-height:50px;display:inline-block;}
.indexA .slider-nav .swiper-pagination .swiper-pagination-total{font-size:30px;color:#2e3448;display:inline-block;}

.indexA .slider-nav .swiper-pagination2{background:#2E3448;height:2px;width:100%;margin:30px 0 0;position:relative;z-index:10;}

.indexA .list{left:20%;top:50%;margin-top:-205px;width:1500px;position:absolute;}
.indexA .swiper-container{padding-bottom:50px;}
.indexA .swiper-container .swiper-wrapper{}
.indexA .swiper-slide{box-sizing:border-box;box-shadow: -1px 4px 74px -16px rgba(0,0,0,.15);}
.indexA .swiper-container .swiper-slide .pic{display:block;width:100%;height:200px;overflow:hidden;}
.indexA .swiper-slide .pic img{width:100%;display:block;}
.indexA .swiper-slide .t{background:#fff;padding:18px 30px;}
.indexA .swiper-slide .t h5{font-size:24px;}
.indexA .swiper-slide .t h5 a{color:#242a3a;}
.indexA .swiper-slide .t em{display:block;font-size:14px;color:#93d1e5;margin:4px 0 0;}
.indexA .swiper-slide .t .tip{margin:10px 0 0;}
.indexA .swiper-slide .t .tip span{margin:0 10px 0 0;line-height:20px;display:inline-block;font-size:13px;color:#242a3a;}
.indexA .swiper-slide .t .tip span.time{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px;}
.indexA .swiper-slide .t .tip span.st{background:url(../images/i4.png) no-repeat left center;padding:0 0 0 23px;}
.indexA .swiper-slide .t hr{background:#EAEAEA;height:1px;border:none;margin:15px 0 12px;}
.indexA .swiper-slide .t h6{color:#242a3a;font-size:14px;}
.indexA .swiper-slide .t p{color:#96daf0;display:block;font-size:36px;margin-top:12px;font-weight:bold;}


.indexB{padding:60px 0 200px;background:#fff url(../images/ibg4.jpg) no-repeat center 600px;background-size:100% auto;}
.indexB .tit{text-align:center;margin:0 0 30px 0;}
.indexB .tit em{font-size:18px;color:#93d1e5;}
.indexB .tit h3{color:#242a3a;font-size:50px;line-height:1;margin:10px 0 0;}

.indexB .content{width:960px;margin:0 auto;background:url(../images/ibg5.jpg) no-repeat left center;height:430px;}

.indexB .content .txt{float:left;width:643px;padding:50px 75px 0;box-sizing:border-box;}
.indexB .content .txt h2{font-size:36px;color:#242a3a;}
.indexB .content .txt p{font-size:16px;color:#74767d;line-height:29px;margin:10px 0 0;}
.indexB .content .txt a.more{width:210px;height:56px;line-height:56px;border:1px solid #242A3A;display:block;margin:40px 0 0;font-size:14px;color:#242a3a;text-align:center;}
.indexB .content .txt a.more i{font-size:18px;color:#242a3a;margin-right:15px;}
.indexB .content .txt a.more:hover{background:#242A3A;color:#fff;}
.indexB .content .txt a.more:hover i{color:#fff;}

.indexB .content .list{float:right;width:317px;background:#242A3A;height:430px;box-sizing:border-box;position:relative;}
.indexB .swiper-container{}
.indexB .swiper-container .swiper-wrapper{}
.indexB .swiper-container .swiper-slide{box-sizing:border-box;padding:40px 50px 0;}
.indexB .swiper-container .swiper-slide .pic{display:block;width:180px;height:180px;margin:0 auto;position:relative;border-radius:100%;box-sizing:border-box;}
.indexB .swiper-container .swiper-slide .pic img{width:100%;display:block;border-radius:50%;}
.indexB .swiper-container .swiper-slide h5{font-size:24px;color:#fff;margin:15px 0 0;}
.indexB .swiper-container .swiper-slide em{font-size:12px;color:#96daf0;display:block;margin:7px 0 0;}
.indexB .swiper-container .swiper-slide p{font-size:12px;color:#d9dce6;line-height:20px;margin:10px 0 0;}

.indexB .swiper-pagination{width:100%;text-align:center;box-sizing:border-box;display:block;bottom:30px;}
.indexB .swiper-pagination-bullet {height:7px;width:7px;border-radius:50%;background:#fff;opacity:1;margin:0 2px;}
.indexB .swiper-pagination-bullet-active{background:#96DAF0;}


.indexB .world{margin-top:200px;}
.indexB .world .pic{float:left;width:640px;position:relative;}
.indexB .world .pic .w::after{position:absolute;display:block;content: "";top: -180px;width: 100%;height: 501px;z-index: 10;background: url(../images/yun.png) repeat-x;-webkit-transition: opacity .8s cubic-bezier(.25,.46,.45,.94);transition: opacity .8s cubic-bezier(.25,.46,.45,.94);-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-animation: moveCloud1 30s linear infinite;animation: moveCloud1 30s linear infinite;}
.indexB .world .pic .w::before {position: absolute;display: block;content: "";bottom: -200px;width: 100%;height: 450px;z-index: 10;background: url(../images/yun.png) repeat-x;-webkit-transform: translateZ(0) scaleY(-1);transform: translateZ(0) scaleY(-1);-webkit-transition: opacity .8s cubic-bezier(.25,.46,.45,.94);transition: opacity .8s cubic-bezier(.25,.46,.45,.94);-webkit-animation: moveCloud2 30s linear infinite;animation: moveCloud2 30s linear infinite;}
.indexB .world .pic .w{width:640px;height:640px;overflow:hidden;position:relative;border-radius:50%;background-size: auto 100%;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18), 0 14px 56px rgba(0, 0, 0, 0.18);}
.indexB .world .pic .w ins{width:640px;height:640px;display:block;overflow:hidden;position:aboslute;left:0;top:0;z-index:20;border-radius:50%;box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.5)}

@-webkit-keyframes moveCloud1 {0% {opacity:1;background-position:0 0} 30% {opacity:.5} 60% {opacity:1} 80% {opacity:.5} 100% {opacity:1;background-position:817px 0}}
@keyframes moveCloud1 {0% {opacity:1;background-position:0 0} 30% {opacity:.5} 60% {opacity:1} 80% {opacity:.5} 100% {opacity:1;background-position:817px 0}}
@-webkit-keyframes moveCloud2 {0% {opacity:1;background-position:408px 0} 30% {opacity:.5} 60% {opacity:1} 80% {opacity:.5} 100% {opacity:1;background-position:1225px 0} }
@keyframes moveCloud2 {0% {opacity:1;background-position:408px 0} 30% {opacity:.5} 60% {opacity:1} 80% {opacity:.5} 100% {opacity:1;background-position:1225px 0}}

.indexB .world .txt{float:right;width:400px;padding:70px 0 0;box-sizing:border-box;}
.indexB .world .txt em{font-size:18px;color:#96daf0;display:block;}
.indexB .world .txt h5{font-size:40px;color:#242a3a;margin:10px 0 0;}
.indexB .world .txt p{font-size:16px;color:#74767d;line-height:29px;margin:25px 0 0;}
.indexB .world .txt a.more{width:210px;height:56px;line-height:56px;border:1px solid #242A3A;display:block;margin:40px 0 0;font-size:14px;color:#242a3a;text-align:center;}
.indexB .world .txt a.more i{font-size:18px;color:#242a3a;margin-right:15px;}
.indexB .world .txt a.more:hover{background:#242A3A;color:#fff;}
.indexB .world .txt a.more:hover i{color:#fff;}


.indexD{padding:85px 0 100px;background:url(../images/ibg1.jpg) no-repeat center top;}
.indexD .tit{text-align:center;}
.indexD .tit em{font-size:18px;color:#93d1e5;}
.indexD .tit h3{color:#fff;font-size:50px;line-height:1;margin:10px 0 0;}
.indexD ul{margin:40px -90px 0;}
.indexD ul li{width:152px;float:left;margin:20px 0 20px 90px;cursor:pointer;}
.indexD ul li .box{width:152px;height:152px;border:1px solid #fff;border-radius:50%;text-align:center;box-sizing:border-box;}
.indexD ul li .box1{padding:15px 0 0;position:relative;}
.indexD ul li .box1::after{content:"";display:block;left:50%;margin:0 0 0 -11px;bottom:-57px;width:22px;height:32px;background:url(../images/i3.png) no-repeat;position:absolute;z-index: 1;}
.indexD ul li .box2{padding:43px 0 0;margin-top:78px;}
.indexD ul li .box em{color:#fff;font-size:16px;display:block;}
.indexD ul li .box span{color:#93d1e5;font-size:36px;display:block;margin:5px 0 0;}
.indexD ul li .box p{color:#fff;font-size:16px;margin:8px 0 0;}

.indexD ul li:hover .box{box-shadow:rgba(255,255,255,0.5) 0px 3px 13px 1px;}



.indexF{padding:70px 0 50px;background:#fff;}

.indexF .tit{text-align:center;}
.indexF .tit em{font-size:18px;color:#93d1e5;}
.indexF .tit h3{color:#242a3a;font-size:50px;line-height:1;margin:10px 0 0;}

.indexF .box{margin:60px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexF .indexnews{width:800px;height:360px;box-shadow: rgba(0,0,0,0.12) 0px 3px 13px 1px;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexF .indexnews .pic{display:block;width:320px;overflow:hidden;background-size:cover;background-position:50% 100%;background-repeat:no-repeat;}
.indexF .indexnews .pic img{width:100%;display:block;transition:all 0.8s ease 0s;}
.indexF .indexnews .t{-webkit-flex:1;flex:1;padding:30px 50px 0;box-sizing:border-box;}
.indexF .indexnews .t em{font-size:14px;color:#242a3a;}
.indexF .indexnews .t h5{font-size:26px;margin:5px 0 15px 0;}
.indexF .indexnews .t h5 a{color:#242a3a;}
.indexF .indexnews .t h5 a:hover{color:#96DAF0;}
.indexF .indexnews .t span{font-size:12px;color:#93D1E5;display:block;}
.indexF .indexnews .t p{font-size:14px;color:#74767d;margin:10px 0 0;}

.indexF .indexsolu{width:300px;}
.indexF .indexsolu ul{}
.indexF .indexsolu ul li{height:165px;position:relative;}
.indexF .indexsolu ul li:last-child{margin-top:30px;}
.indexF .indexsolu ul li .pic{display:block;width:100%;overflow:hidden;height:165px;}
.indexF .indexsolu ul li .pic img{width:100%;display:block;transition:all 0.8s ease 0s;}
.indexF .indexsolu ul li .txt{position:absolute;top:0;left:0;width:100%;height:100%;padding:25px 30px 0;background:rgba(0,0,0,0.6);box-sizing:border-box;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;text-align:center;}
.indexF .indexsolu ul li .txt span{font-size:13px;color:#93D1E5;display:block;}
.indexF .indexsolu ul li .txt h5{color:#fff;font-size:14px;margin:10px 0 0;}
.indexnews .news-hover,.indexsolu .news-hover{position:absolute;top:0;left:-20px;height:100%;width:40px;overflow:hidden;}
.indexnews .news-hover::before,.indexsolu .news-hover::before{content:"";display:block;position:absolute;top:0;left:0;width:40px;height:100%;left:0;background-color: #96daf0;-webkit-transform: scaleX(0) translateX(0);transform: scaleX(0) translateX(0);-webkit-transition: background .5s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;transition: background .5s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s,background .5s cubic-bezier(.165,.84,.44,1) 0s;transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s,background .5s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;}
.indexnews .news-hover i,.indexsolu .news-hover i{color:#fff;width: 14px;height: 14px;position: absolute;top: 50%;left: 50%;margin-left: -7px;margin-top: -7px;opacity: 0;-webkit-transform: translateX(-40px);transform: translateX(-40px);-webkit-transition: opacity .2s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .2s cubic-bezier(.165,.84,.44,1) .2s;transition: opacity .2s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .2s cubic-bezier(.165,.84,.44,1) .2s;transition: transform .2s cubic-bezier(.165,.84,.44,1) .2s,opacity .2s cubic-bezier(.165,.84,.44,1) 0s;transition: transform .2s cubic-bezier(.165,.84,.44,1) .2s,opacity .2s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .2s cubic-bezier(.165,.84,.44,1) .2s;}

.indexF .indexnews:hover .news-hover:before,.indexsolu ul li:hover .news-hover:before {background-color:#96daf0;-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transition:background .7s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .7s cubic-bezier(.165,.84,.44,1) 0s;transition:background .7s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .7s cubic-bezier(.165,.84,.44,1) 0s;transition:transform .7s cubic-bezier(.165,.84,.44,1) 0s,background .7s cubic-bezier(.165,.84,.44,1) 0s;transition:transform .7s cubic-bezier(.165,.84,.44,1) 0s,background .7s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .7s cubic-bezier(.165,.84,.44,1) 0s}
.indexF .indexnews:hover .news-hover i,.indexsolu ul li:hover .news-hover i{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .5s cubic-bezier(.77,0,.175,1) 0s,-webkit-transform .7s cubic-bezier(.77,0,.175,1) 0s;transition:opacity .5s cubic-bezier(.77,0,.175,1) 0s,-webkit-transform .7s cubic-bezier(.77,0,.175,1) 0s;transition:transform .7s cubic-bezier(.77,0,.175,1) 0s,opacity .5s cubic-bezier(.77,0,.175,1) 0s;transition:transform .7s cubic-bezier(.77,0,.175,1) 0s,opacity .5s cubic-bezier(.77,0,.175,1) 0s,-webkit-transform .7s cubic-bezier(.77,0,.175,1) 0s}

.indexF .indexnews:hover .pic img,.indexF .indexsolu ul li:hover .pic img{-webkit-transform:scale(1.12);transform:scale(1.12)}


.indexG{background:url("../images/ibg3.jpg") no-repeat center top;margin-right:160px;padding:33px 0 0;height:140px;box-sizing:border-box;}
.indexG ul{}
.indexG ul li{float:left;width:20%;text-align:center;}
.indexG ul li img{}
.indexG ul li p{margin:18px 0 0;font-size:16px;color:#fff;}

.indexH{padding-top:130px;padding-bottom:30px;background-color:#fff;}
.indexH .box{text-align:center;position:relative;height:600px;overflow:hidden;}
.indexH .bg {position:absolute;width:100%;left:0}
.indexH .bg img {width:100%}
.indexH .mountain{position:absolute;right:23.3%;top:24%;height:0;padding-bottom:35.8%;width:46.8%;z-index:5}
.indexH .mountain img{width:100%;height:100%;position:absolute;right:0;bottom:0;top:0;left:0}

.indexH .yun{position:absolute;z-index:8;top:0;padding-bottom:calc(686 / 1440 * 100%);width:100%;pointer-events:none}
.indexH .yun img {position:absolute;width:100%;height:100%}
.indexH .yun .yun-item{width:100%;position:absolute;left:0;height:100%;will-change:transform;top:280px}
.indexH .yun .yun-item img {position:absolute;width:100%;height:100%;left:0;}
.indexH .yun .yun-item-1:after {content:"";display:block;position:absolute;bottom:-2000px;background-color:#fff;width:100%;height:2000px}

.indexH .content h3{font-size:200px;line-height:1;color:#242a3a;position:relative;z-index:3;top:40px;font-family:'PlayfairDisplay-Black';will-change: transform;}
.indexH .content p{font-size:24px;color:#242a3a;text-transform:uppercase;letter-spacing:.4em;margin:30px 0 0;position:relative;z-index:8;}

.indexH .list{position:relative;z-index:20;}
.indexH .list h5{font-size:19px;line-height:26px;margin:30px 0 0;}
.indexH .list h5 a{color:#242a3a;}
.indexH .list .line{height:3px;background:#FABC05;width:100%;position:relative;border-radius:5px;margin:10px 0 0;}
.indexH .list .line::before{content:"";position:absolute;left:0;top:0;width:25%;height:3px;background:#EA4235;border-radius:5px 0 0 5px;}
.indexH .list .line::after{content:"";position:absolute;left:25%;top:0;width:25%;height:3px;background:#4286F5;}
.indexH .list em{position:absolute;left:50%;top:0;width:25%;height:3px;display:block;background:#34A853;}
.indexH .list .t{margin:15px 0 0;font-size:13px; height:200px; min-height:200px;}
.indexH .list p{color:#74767d;margin:0 0 10px;line-height:24px;}


.indexPartner{padding:40px 0 0;position:relative;}
.indexPartner .tit{float:left;}
.indexPartner .tit em{font-size:18px;color:#93d1e5;}
.indexPartner .tit h3{color:#242a3a;font-size:48px;line-height:1;display:block;margin:6px 0 0 0;}

.indexPartner .ul-flow{float:right;margin:15px 0 0 -20px;position:relative;z-index:3;}
.indexPartner .ul-flow li{float:left;width:150px;text-align:center;margin:0 0 0 20px;position:relative;padding:20px 0;}
.indexPartner .ul-flow li img{opacity:0.5;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%);filter: gray;}
.indexPartner .ul-flow li:hover img{opacity:1;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;}

/*------------------------------------------------------------*/

.main{padding-top:40px;padding-bottom:40px;}

.sidebanner{background-image:url(../images/banner03.jpg);height:600px;background-position:center center;background-repeat:no-repeat;padding:280px 0 0;box-sizing:border-box;position:relative;z-index:10;}
.sidebanner::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10;}
.sidebanner .txt{text-align:center;position:relative;z-index:20;}
.sidebanner .txt h5{font-size:32px;font-weight:500;line-height:1.33;color:#fff;}
.sidebanner .txt p{font-size:18px;line-height:1.88;margin-top:14px;color:#fff;padding:0 80px;}
.sidebanner .btn {font-size:16px;display:inline-block;border-radius:4px;cursor:pointer;text-align:center;background-color:#fff;border:solid 1px #fff;color:#242A3A;padding:8px 35px 8px 34px;margin-top:25px;}


.contact-banner{position:relative;height:100vh;background-position:50% 50%;background-size:cover;background-attachment:fixed;}
.contact-banner .t{text-align:center;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;color:#fff;z-index:20;}
.contact-banner .t h5{font-size:80px;letter-spacing:6px;line-height:1.3;color:#fff;font-weight:bold;}
.contact-banner .t p{font-size:18px;line-height:1.88;margin-top:14px;color:#fff;}

.mask {width:458px;height:75px;position:absolute;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-animation: move 40s infinite;animation: move 40s infinite;background-image: url(../images/aboutbg2.jpg);-webkit-mask: url(../images/worldsou.svg); mask:url(../images/worldsou.svg);-webkit-mask-size:cover;mask-size:cover;}

@-webkit-keyframes move { 0% { background-position: 0 0; } 50% { background-position: 100% 0;} }

@keyframes move { 0% { background-position: 0 0;} 50% { background-position: 100% 0;}}



.contact-banner .down{position:absolute;bottom:40px;left:50%;width:22px;height:34px;margin-left:-11px;opacity:.9;border:2px solid #fff;border-radius:30px;text-align:center;cursor:pointer;transition: .3s;user-select: none;z-index:20;-webkit-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;-webkit-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;}

.contact-banner .down svg {width: 10px;height: 25px;}
svg:not(:root) {overflow: hidden;}

.contact-banner .down svg .circle {animation-duration: 1.5s;animation-name: tem16_guide_language_scrolldownhoney;animation-iteration-count: infinite;fill:#fff;}
.contact-banner .down svg .circle2 {animation-delay: 0.75s;}

@keyframes tem16_guide_language_scrolldownhoney{ 0%{opacity:0;transform:translate(0,-8px);} 50%{opacity:1;transform:translate(0,0);} 100%{opacity:0;transform:translate(0,8px);} }

@keyframes go-btn {%0,%100 {bottom:10px;opacity:1} 50% {bottom:50px;opacity:.5}}
@-webkit-keyframes go-btn {%0,%100 {bottom:10px;opacity:1}50% {bottom:50px;opacity:.5}}



.tabbar{background:#F8FBFD;}
.tabbar ul{display:-webkit-flex;display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;}
.tabbar ul li{text-align: center;color: #869aa3;padding:18px 40px;font-size: 16px;font-weight: 500;line-height: 1.12;display: inline-block;position:relative;}
.tabbar ul li::after{display:none;content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#242A3A;z-index:10;}
.tabbar ul li a{display:block;}
.tabbar ul li a:hover{color:#242A3A;}
.tabbar ul li.active a{color:#242A3A;}
.tabbar ul li.active::after{display:block;}


.casebar{margin-top:40px;}
.casebar ul{text-align:center;font-size:0;}
.casebar ul li{display:inline-block;padding:0 30px;border-right:1px solid rgba(255,255,255,0.1);height:40px;line-height:40px;font-size:15px;text-align:center;box-sizing:border-box;cursor:pointer;background:#333331;color:#fff;}
.casebar ul li a{color:#fff;}
.casebar ul li:first-child{border-radius:10px 0 0 10px;}
.casebar ul li:last-child{border-radius:0 10px 10px 0;}
.casebar ul li.active{background:#006BA5;}

.applist{margin:50px 0 0;}
.applist ul{position:relative;}
.applist ul li{width:285px;cursor:pointer;position:relative;box-shadow: rgba(72,76,89,0.3) 2px 2px 6px 0px;}
.applist ul li .pic{width:100%;display:block;position:relative;overflow:hidden;}
.applist ul li .pic::after{content:'';background:rgba(0,0,0,0.8);width:100%;height:100%;position:absolute;left:0;top:0;display:none;}
.applist ul li .pic img{width:100%;display:block;transition:all 0.5s ease 0s;}

.applist ul li .box{position:absolute;text-align:center;z-index:20;top:calc(50% - 26px);left:0;width:100%;padding:0 10px;box-sizing:border-box;opacity:0;-webkit-transition:all .3s;transition:all .3s;}
.applist ul li .box em{color:#fff;font-size:15px;display:block;}
.applist ul li .box p{color:#fff;font-size:16px;height:28px;line-height:28px;display:inline-block;margin-top:5px;}


.applist ul li .post-info{padding:15px;border-top:1px solid #fff;text-align:center;}
.applist ul li .post-info span{color:#fff;font-size:16px;}

.applist ul li:nth-child(2n+1) .post-info{background:#6bddd7;}
.applist ul li:nth-child(2n+2) .post-info{background:#56de7f;}
.applist ul li:nth-child(2n+3) .post-info{background:#fcc300;}
.applist ul li:nth-child(2n+4) .post-info{background:#0087fa;}

.applist ul li:hover .pic::after{display:block;}
.applist ul li:hover .box{opacity:1;}


.case-content{padding:20px;width:1100px;margin:0 auto;}

.case-left{width:680px;float:left;}
.case-left img{width:100%;}

.case-right{float:right;width:350px;}
.case-right h5{font-size:20px;color:#333;margin-bottom:15px;}
.case-right p{font-size:15px;color:#333;line-height:24px;margin-bottom:15px;}
.case-right a{width:180px;height:50px;line-height:48px;border:1px solid #242A3A;display:block;margin:30px 0 0;font-size:16px;color:#242a3a;text-align:center;}
.case-right a i{font-size:19px;color:#242a3a;margin-right:10px;vertical-align:middle;}
.case-right a:hover{background:#242A3A;color:#fff;}
.case-right a:hover i{color:#fff;}

.fancybox-slide--iframe .fancybox-content {width:1100px;height:800px;max-width:1100px;max-height:80%;margin:0;}


.casenr{padding:30px 0;}
.casenr h1{font-size:28px;color:#111;}

.casenr .tips{margin:15px 0 0;padding:10px 0;border-bottom:1px solid #ccc;}
.casenr .tips span{float:left;margin:0 10px 0 0;font-size:13px;color:#666;}
.casenr .tips a.more{float:right;color:#666;font-size:13px;}
.casenr .tips a.more:hover{color:#D01120;}

.casenr .myart{margin:30px 0;line-height:24px;font-size:16px;color:#333;}
.casenr .myart p{margin:0 0 15px;}


.pnbar{margin-top:40px;border-top:1px solid #ccc;padding:20px 0 0;}
.pnbar p{float:left;width:48%;line-height:44px;height:44px;background:#fff;border:1px solid #D9D9D9;font-size:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pnbar p:last-child{float:right;}
.pnbar p a{color:#666;}
.pnbar p:hover a{color:#FF7F0E;}


/*----------------------------------------*/

.line-title, .line-title-left{font-size:32px;line-height:1.5;text-align:center;color:#2E4446;}
.line-title::after, .line-title-left::after{content:'';width:85px;height:3px;border-radius:4px;background-color:#242A3A;display:block;margin:25px auto 0;}

.line-title-sub, .line-title-left-sub{display: inline-block;width: 100%;max-width: 778px;font-size: 18px;line-height: 1.56;text-align: center;color: rgba(125,139,134,.7);margin-top: 25px;}

.btn{font-size: 16px;display: inline-block;border-radius: 2px;cursor: pointer;text-align: center;}
.btn3{background-color:rgba(255,255,255,.2);border:solid 1px #fff;color:#fff;}
.btn4{background-color:#fff;border:solid 1px #fff;color:#00c587;}


.section{position:relative;padding:90px 0;text-align: center;}

.platform .cards{margin-top: 18px;display: block;font-size: 0;}
.platform .cards li{width:49%;height:339px;display:inline-block;vertical-align:top;padding-top:65px;}

.platform .cards li:nth-of-type(1){border-right:solid 1px #e9e9e9;border-bottom:solid 1px #e9e9e9;}
.platform .cards li:nth-of-type(2){border-bottom:solid 1px #e9e9e9;}
.platform .cards li:nth-of-type(3){border-right:solid 1px #e9e9e9;}

.platform .cards li p:nth-of-type(1){margin-top:36px;font-size:20px;font-weight:500;line-height:1.6;color:#7d8b86;}
.platform .cards li p:nth-of-type(2){margin-top:19px;font-size:18px;line-height:1.79;text-align:center;color:rgba(125,139,134,.8);padding:0 107px;}

.platform .figure{margin-top:75px;}

.scene{background-color: rgba(244,248,251,.6);}
.scene .tab-cards {margin-top:56px;display:inline-block;width:810px;border-radius:2px;background-color:#f0f4f7;}
.scene .tab-cards li {margin:5px;width:192px;float:left;border-radius:2px;line-height:1.8;color:#7d8b86;font-size:24px;cursor:pointer;}
.scene .tab-cards li.active {background-color:#fff;}
.scene .tab-contents {margin:0 20px;padding-top:102px;}
.scene .tab-contents .tab-content {display:none;}
.scene .tab-contents .tab-content.active{display: inline-block;}
.scene .tab-contents .left,.scene .tab-contents .right {float:left;width:49.5%;}
.scene .tab-contents .left {text-align:left;padding-left:75px;}
.scene .tab-contents .left p:nth-of-type(1) {font-weight:500;line-height:1.58;color:#7572f7;font-size: 20px;}
.scene .tab-contents .left p:nth-of-type(2) {margin-top:18px;margin-bottom:11px;line-height:2;font-size: 18px;text-align:justify;color:rgba(125,139,134,.8)}
.scene .tab-contents .left dl {margin-top:33px;text-align: left;}
.scene .tab-contents .left dl dt {display:list-item;list-style:disc;margin-left:25px;font-weight:500;line-height:1.6;color:#7d8b86;font-size: 18px;}
.scene .tab-contents .left dl dd {margin-top:5px;line-height:2.14;text-align:justify;color:rgba(125,139,134,.8);font-size: 18px;}
.scene .tab-contents .right {padding-left:40px;}
.scene .tab-contents .right img {width:100%;box-shadow:0 15px 30px 0 rgba(26,52,45,.1);}

.personas .cards {margin-top:102px;padding-left:165px;padding-right:165px;position:relative;height:412px;max-width:1088px;display:inline-block;font-size:0;background-image:url(../images/user.png);background-repeat:no-repeat;background-position:48.7% 50%;width:100%}
.personas .cards .card {padding:32px 37px 36px 33px;width:335.6px;height:155px;position:absolute;border-radius:2px}
.personas .cards .card::before {content:'';display:inline-block;position:absolute}
.personas .cards .card p {color:#fff}
.personas .cards .card p:nth-of-type(1) {font-weight:500;line-height:1.6;font-size: 20px;}
.personas .cards .card p:nth-of-type(2) {margin-top:5px;line-height:1.79;text-align:justify;font-size: 14px;}
.personas .cards .card:nth-of-type(1) {background-color:#47e196;left:20px;top:0}
.personas .cards .card:nth-of-type(1)::before {border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid #47e196;left:100%;-webkit-transform:rotate(135deg);transform:rotate(135deg);border-radius:12px;margin-left:-11px;top:35%}
.personas .cards .card:nth-of-type(2) {background-color:#36c4fd;right:20px;top:0}
.personas .cards .card:nth-of-type(2)::before {border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid #36c4fd;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:12px;margin-left:-20px;top:35%}
.personas .cards .card:nth-of-type(3) {background-color:#2ae4d8;left:20px;bottom:0}
.personas .cards .card:nth-of-type(3)::before {border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:30px solid #2ae4d8;left:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:12px;margin-left:-11px;top:35%}
.personas .cards .card:nth-of-type(4) {background-color:#8c91f1;right:20px;bottom:0}
.personas .cards .card:nth-of-type(4)::before {border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:30px solid #8c91f1;left:0;-webkit-transform:rotate(135deg);transform:rotate(135deg);border-radius:12px;margin-left:-20px;top:35%}

.customer {background-color:rgba(244,248,251,.6)}

.customer .message {margin:112px auto 0;padding:52px 53px 27px 55px;max-width:874px;border-radius:4px;background-color:#fff;box-shadow:0 15px 30px 0 rgba(26,52,45,.1);position:relative;white-space:nowrap}
.customer .message .talk {transition:all .7s}
.customer .message::before {content:'';background:url(../images/pi_5.svg);background-repeat:no-repeat;background-size:contain;width:113px;height:98px;position:absolute;top:-50px;left:40px}
.customer .message li {transition:all .7s;display:inline-block;white-space:normal;opacity:0;position:relative}
.customer .message li.active {opacity:1}
.customer .message li img {width:78px;height:78px;position:absolute;top:-88px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.customer .message p:nth-of-type(1) {font-size:18px;font-weight:500;line-height:1.5;text-align:center;color:#7d8b86}
.customer .message p:nth-of-type(2) {margin-top:30px;font-size:16px;line-height:1.69;text-align:justify;color:rgba(125,139,134,.8)}


.feature .cards {display:inline-block;margin-top:75px;margin-left:-2%;}
.feature .cards li {width:23%;height:230px;float:left;border-radius:2px;background-color:#fff;box-shadow:0 15px 25px 0 rgba(26,52,45,.1);margin:16.5px 0 16.5px 2%;padding:32px 35px 42px 30px;vertical-align:top;text-align:left;position:relative;}
.feature .cards li p:nth-of-type(1) {margin-top:20px;line-height:1.9;color:#7d8b86;font-size: 20px;}
.feature .cards li p:nth-of-type(2) {margin-top:3px;opacity:.7;line-height:1.79;text-align:justify;font-size: 14px;color:rgba(125,139,134,.7)}
.feature .cards li .btn{display:none;left:30px;bottom:30px;position:absolute;background-color:rgba(255,255,255,.2);border:solid 1px #fff;color:#fff;text-align:center;border-radius:2px;font-size:16px;padding:6px 35px 6px 34px;}
.feature .cards li:hover {background-image:linear-gradient(to top,#40c99b,#21df96);box-shadow:0 0 20px 0 rgba(26,52,45,.1)}
.feature .cards li:hover .btn{display:inline-block;}
.feature .cards li:hover p:nth-of-type(1) {color:#fff}
.feature .cards li:hover p:nth-of-type(2) {visibility:hidden}
.feature .cards li:hover svg ellipse:nth-of-type(1) {fill:#fff;opacity:1}


.start {background-image:linear-gradient(106deg,#02e894,#00ab75);background-size:cover;padding-bottom:0;overflow:hidden;position: relative;}
.start::before {content:'';width:100%;height:70%;background-image:url(../images/pi_18.svg);background-repeat:no-repeat;background-position:bottom;background-size:contain;display:inline-block;position:absolute;bottom:-2px;right:-5px;z-index:0}
.start .footer {height:24px;background:#2f3939}
.start .bottom-laptop {position:absolute;right:0;bottom:-124px}
.start > div{text-align:left;height:270px;position:relative;padding-top:40px;z-index:1}
.start > div p {color:#fff;font-weight:500}
.start > div p:nth-of-type(1) {line-height:1.5;font-size: 24px;}
.start > div p:nth-of-type(2) {margin-top:10px;line-height:1.71;font-size: 14px;}
.start > div .buttons {margin-top:25px;position:relative;font-size:0}
.start > div .buttons .btn {margin:0 5px;padding: 3px 12px;}
.start > div .buttons .btn:first-child {margin-left:0}
.start > div .buttons .btn:last-child {margin-right:0}
.start > div .drawbridge {position:absolute;height:50%;bottom:-2px;right:0}


.collection .cards {margin-top:46px}
.collection .cards li {margin:24px 0;width:220px;display:inline-block;position:relative}
.collection .cards li .arrow {margin:12px 12px 12px 24px;top:25px}
.collection .cards li .arrow,.collection .cards li .arrow::before,.collection .cards li .arrow::after {border:12px solid transparent;width:0;height:0;display:inline-block;position:absolute}
.collection .cards li .arrow::before,.collection .cards li .arrow::after {content:'';top:-12px}
.collection .cards li .arrow::before {left:-28px}
.collection .cards li .arrow::after {left:6px}
.collection .cards li .arrow:nth-of-type(1) {left:170px}
.collection .cards li .arrow:nth-of-type(2) {left:222px}
.collection .cards li:nth-of-type(1) .arrow:nth-of-type(1) {border-left-color:#8cbcfd}
.collection .cards li:nth-of-type(1) .arrow:nth-of-type(1)::before {border-left-color:#8cb8fd}
.collection .cards li:nth-of-type(1) .arrow:nth-of-type(1)::after {border-left-color:#8cbffd}
.collection .cards li:nth-of-type(1) .arrow:nth-of-type(2) {border-left-color:#8dcefe}
.collection .cards li:nth-of-type(1) .arrow:nth-of-type(2)::before {border-left-color:#8cc6fd}
.collection .cards li:nth-of-type(1) .arrow:nth-of-type(2)::after {border-left-color:#8dd5fe}

.collection .cards li:nth-of-type(2) .arrow:nth-of-type(1) {border-left-color:#8dddfa}
.collection .cards li:nth-of-type(2) .arrow:nth-of-type(1)::before {border-left-color:#8ddcfe}
.collection .cards li:nth-of-type(2) .arrow:nth-of-type(1)::after {border-left-color:#8cddf6}
.collection .cards li:nth-of-type(2) .arrow:nth-of-type(2) {border-left-color:#8bdfe7}
.collection .cards li:nth-of-type(2) .arrow:nth-of-type(2)::before {border-left-color:#8bdeee}
.collection .cards li:nth-of-type(2) .arrow:nth-of-type(2)::after {border-left-color:#8ae0df}

.collection .cards li:nth-of-type(3) .arrow:nth-of-type(1) {border-left-color:#8de3d6}
.collection .cards li:nth-of-type(3) .arrow:nth-of-type(1)::before {border-left-color:#89e1d7}
.collection .cards li:nth-of-type(3) .arrow:nth-of-type(1)::after {border-left-color:#91e4d5}
.collection .cards li:nth-of-type(3) .arrow:nth-of-type(2) {border-left-color:#a1ebd0}
.collection .cards li:nth-of-type(3) .arrow:nth-of-type(2)::before {border-left-color:#99e8d2}
.collection .cards li:nth-of-type(3) .arrow:nth-of-type(2)::after {border-left-color:#a9efcd}

.collection .cards li:nth-of-type(4) .arrow:nth-of-type(1) {border-left-color:#b9f1c6}
.collection .cards li:nth-of-type(4) .arrow:nth-of-type(1)::before {border-left-color:#b1f2cb}
.collection .cards li:nth-of-type(4) .arrow:nth-of-type(1)::after {border-left-color:#c0f0c1}
.collection .cards li:nth-of-type(4) .arrow:nth-of-type(2) {border-left-color:#dfebac}
.collection .cards li:nth-of-type(4) .arrow:nth-of-type(2)::before {border-left-color:#cfeeb7}
.collection .cards li:nth-of-type(4) .arrow:nth-of-type(2)::after {border-left-color:#eee9a2}

.collection .cards li img {width:90px;height:90px}
.collection .cards li p {color:#7d8b86;margin-top:18px;font-size:18px;}


.challenge {background-color:rgba(244,248,251,.6)}
.challenge .cards {margin:20px auto -27px;position:relative}
.challenge .cards li {width:42%;max-width:480px;text-align:left;border-radius:2px;background-color:#fff;box-shadow:0 15px 30px 0 rgba(26,52,45,.1);margin:27px 23px;padding:35px 56px 35px 117px;display:inline-block;position:relative}
.challenge .cards li .h1 {position:absolute;left:47px;top:39px;color:#00c587;font-size: 32px;}
.challenge .cards li .h6 {line-height:1.79;font-size:14px;}
.challenge .cards li:nth-of-type(1) {top:0;left:0}
.challenge .cards li:nth-of-type(1) .h2 {color:#57db9b}
.challenge .cards li:nth-of-type(2) {top:0;right:0}
.challenge .cards li:nth-of-type(2) .h2 {color:#26b2f0}
.challenge .cards li:nth-of-type(3) {bottom:0;left:0}
.challenge .cards li:nth-of-type(3) .h2 {color:#ffbe58}
.challenge .cards li:nth-of-type(4) {bottom:0;right:0}
.challenge .cards li:nth-of-type(4) .h2 {color:#6f94f0}

.choice .cards {display:inline-block}
.choice .cards li {padding:104px 0;width:100%;border-bottom:solid 1px rgba(151,151,151,.2)}
.choice .cards li:last-child {padding-bottom:0}
.choice .cards li:nth-of-type(n+2) {border-top:solid 1px #979797}
.choice .cards li:nth-of-type(2n+2) {direction:rtl}
.choice .cards li:nth-of-type(2n+2) div {direction:ltr}
.choice .cards li:nth-last-of-type(1) {border-bottom:0}
.choice .cards li div {width:45%;display:inline-block;vertical-align:top}
.choice .cards li .text {text-align:left;padding-left:88px;padding-right:20px}
.choice .cards li a {color:#04cb94}
.choice .cards li p{line-height:1.79}
.choice .cards li p.h2{font-size:24px;}
.choice .cards li p.h4{margin-top:17px;font-size:18px;}
.choice .cards li p.h6{margin-top:5px;font-size:14px;}


.tower{background-color: rgba(244,248,251,.6);}
.tower .figure{margin-top: 42px;}

.footstone .content {margin-top: 60px;direction: rtl;}
.footstone .content div{width: 45%;display: inline-block;vertical-align: top;direction: ltr;}
.footstone .content .text {text-align: justify;max-width: 450px;}
.footstone .content .text p{color: #6C7C7D;font-size:18px;line-height:30px;}

.custom .figure{margin-top: 30px;}

.plan {background-color:rgba(244,248,251,.6);}
.plan .cards {padding:0 50px;margin:60px auto 0;}
.plan .cards li {min-height:168px;padding:40px 0;position:relative;}
.plan .cards li:nth-child(n+2) {border-top:solid 1px rgba(151,151,151,.2);}
.plan .cards li .icon {position:absolute;height:70px;top:48px;left:89px;}
.plan .cards li .h3 {font-size:20px;}
.plan .cards li:nth-of-type(1) .h3 {color:#797ff3;}
.plan .cards li:nth-of-type(2) .h3 {color:#57db9b;}
.plan .cards li:nth-of-type(3) .h3 {color:#37c4fd;}
.plan .cards li:nth-of-type(4) .h3 {color:#20d0c4;}
.plan .cards li:nth-of-type(5) .h3 {color:#ffbe58;}
.plan .cards li:nth-of-type(6) .h3 {color:#fc9641;}
.plan .cards li p {text-align:left;padding-left:274px;padding-right:91px;}
.plan .cards li p:nth-of-type(2) {margin-top:16px;font-size:18px;line-height:1.79;text-align:justify;color:rgba(125,139,134,.7);}


.saas {background-color:rgba(244,248,251,.6);}
.saas .cards {margin-top:60px;font-size:0;}
.saas .cards li {display:inline-block;text-align:center;vertical-align:top;max-width:414px;width:33%;min-height:219px;border-radius:2px;}
.saas .cards li:nth-of-type(1) {background-color:#47e196;}
.saas .cards li:nth-of-type(2) {background-color:#2ae4d8;}
.saas .cards li:nth-of-type(3) {background-color:#36c4fd;}
.saas .cards li p {color:#fff;}
.saas .cards li p:nth-of-type(1) {font-weight:500;margin-top:57px;font-size:20px;}
.saas .cards li p:nth-of-type(2) {line-height:1.69;text-align:center;padding:0 57px;margin-top:26px;font-size:18px;}


/*
.newslist{}
.newslist ul{}
.newslist ul li{float:left;width:600px;margin:0 0 30px 0;}
.newslist ul li:nth-child(2n){float:right;}
.newslist ul li .pic{width:100%;display:block;position:relative;}
.newslist ul li .pic img{width:100%;display:block;}
.newslist ul li .pic .date{position:absolute;right:20px;top:20px;width:66px;}
.newslist ul li .pic .date em{width:66px;display:block;height:36px;background:#96DAF0;line-height:36px;text-align:center;color:#fff;font-size:15px;}
.newslist ul li .pic .date span{display:block;height:36px;line-height:36px;text-align:center;font-size:15px;color:#333;background:#fff;}

.newslist ul li h5{font-size:17px;margin:15px 0 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.newslist ul li h5 a{color:#000;}
.newslist ul li h5 a:hover{color:#96DAF0;}
.newslist ul li hr{border:none;width:30px;height:2px;background:#96DAF0;margin:15px 0 0;transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.newslist ul li p{font-size:14px;color:#333;line-height:22px;margin:15px 0 0 0;height:66px;}
.newslist ul li a.more{width:130px;height:34px;line-height:34px;display:block;border:1px solid #96DAF0;border-radius:4px;background:#fff;text-align:center;color:#96DAF0;font-size:12px;margin:15px 0 0 0;}
.newslist ul li a.more i{font-size:14px;vertical-align:middle;}
.newslist ul li a.more:hover{color:#fff;background:#96DAF0;}

.newslist ul li:hover hr{width:250px;}
*/

.newslist{}
.newslist ul li{margin:0 0 20px 0;padding:50px 70px;transition:all 0.3s ease 0s;box-sizing:border-box;background:#fff;border-radius:5px;}
.newslist ul li a.pic{float:left;width:420px;display:block;overflow:hidden;}
.newslist ul li a.pic img{width:100%;transition:all 0.3s ease 0s;}
.newslist ul li .t{margin:0 0 0 480px;box-sizing:border-box;}
.newslist ul li .t h5{font-size:18px;}
.newslist ul li .t h5 a{color:#333;}
.newslist ul li .t h5 a:hover{color:#2F508A;}
.newslist ul li .t span{display:block;font-size:13px;color:#666;margin:15px 0 0 0;}
.newslist ul li .t p{color:#666;font-size:15px;margin:15px 0 0 0;line-height:24px;}

.newslist ul li:hover img{transform:scale(1.11);-webkit-transform:scale(1.11);}


.newsnr{border:1px solid #EAEAEA;padding:20px;}
.newsnr h1{font-size:24px;line-height:1;margin:20px 0 0;color:#222;text-align:center;font-weight:bold;letter-spacing:1px;}

.newsnr .artInfo{padding:15px 0 20px;border-bottom:1px dotted #ddd;text-align:center;margin:35px 0 0;}
.newsnr .artInfo span{margin:0 10px;}
.newsnr .artInfo span.time{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px;}
.newsnr .artInfo span.hit{background:url(../images/hit.png) no-repeat left center;padding:0 0 0 23px;}

.newsnr .myart{margin:10px 0;line-height:2;font-size:15px;}
.newsnr .myart p{margin:10px 0 0 0;line-height:2;}


/*-----------------*/

.service{padding:90px 0;background:#F7F7F7;}
.service h3{font-size:36px;text-align:center;color:#111;}
.service ul{margin:80px 0 0 -1%;}
.service ul li{background:#fff;float:left;width:24%;margin:1% 0 0 1%;height:360px;text-align:center;padding:55px 0 0;box-sizing:border-box;transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.service ul li i{font-size:50px;color:#333;}
.service ul li h5{font-size:22px;margin:20px 0 0;}
.service ul li p{padding:50px 30px 0;font-size:16px;line-height:26px;}

.service ul li:hover{box-shadow:0 8px 10px 0 #ccc;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.service ul li:hover i,.service ul li:hover h5,.service ul li:hover p{color:#96DAF0;}

.service2{padding:90px 0;}
.service2 h3{font-size:36px;text-align:center;color:#111;}
.service2 ul{margin:80px 0 0;border-top:1px solid #E8E8E8;}
.service2 ul li{position:relative;padding:.7rem 0;border-bottom:1px solid #E8E8E8;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:376px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}

.service2 ul li .text{position: relative;display: inline-block;text-align: left;max-width: 330px;}
.service2 ul li .text h5{font-size:28px;margin-bottom:30px;color: #333;}
.service2 ul li .text p{font-size: 16px;line-height: 28px;margin-bottom: 26px;}
.service2 ul li .text a.more{font-size: 17px;line-height: 18px;-webkit-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.service2 ul li .text a.more::after {display:inline-block;content:'';margin-left:10px;vertical-align:middle;overflow:hidden;position:relative;top:-2px;z-index:1;border-left:7px solid #333;border-top:5.5px dashed transparent;border-bottom:5.5px dashed transparent;}
.service2 ul li .pic{position: relative;display: inline-block;height: 234px;right: 50px;float: right;}
.service2 ul li .pic img{width:auto;height:100%;}



.foot-contact{padding:70px 0;background:#F7F7F7;}
.foot-contact h3{font-size:36px;text-align:center;color:#111;}
.foot-contact ul{margin:40px 0 0 -1%;}
.foot-contact ul li{background:#fff;float:left;width:24%;margin:1% 0 0 1%;height:260px;text-align:center;padding:55px 0 0;box-sizing:border-box;transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.foot-contact ul li i{font-size:50px;color:#333;}
.foot-contact ul li h5{font-size:17px;margin:20px 0 0;color:#333;font-weight:bold;}
.foot-contact ul li p{padding:20px 20px 0;font-size:16px;line-height:26px;}





/*-----about------*/


.compary .text{padding:45px 80px 0;color:#6C7C7D;font-size: 18px;}
.compary .text p{text-align: justify;margin-bottom: 38px;}
.compary .wall{position: relative;display: inline-block;width: 100%;height: 450px;}
.compary .wall li {display: inline-block;position: absolute;overflow: hidden;background-color: #fff;background-repeat: no-repeat;background-position: center;background-size: 70%;box-shadow: 0 12px 30px 2px rgba(155,165,163,.2);border-radius:50%;}

.memorabilia{background-color:#f8fbfd;}
.memorabilia .logs {text-align:left;margin-left:20px;padding:0 200px;}
.memorabilia .logs li{line-height:3.26;color:#63706b;position:relative;font-size:14px;}
.memorabilia .logs li::before{content:'';border-left:solid 1px #dcdcdc;display:inline-block;width:1px;height:100%;position:absolute;left:-27px;border-left-style:dashed;}
.memorabilia .logs li.flag::before{width:20px;left:-30px;background-image:url(../images/flag.svg);background-repeat:no-repeat;background-position:0 23px;border-left:0;}


.about{padding:50px 0;}
.about .ico{text-align:center;}
.about .ico i{font-size:30px;}
.about h3{font-size:32px;line-height:1.5;text-align:center;color:#111;margin:15px 0 0;}

.about .txt{margin:20px 50px 0;color:#333;}
.about .txt p{font-size:14px;line-height:26px;margin-bottom:15px;}

.about ul{margin:40px 0 0;}
.about ul li{float:left;width:20%;padding:30px 20px 0;box-sizing:border-box;text-align:center;}
.about ul li i{font-size:35px;color:#242A3A;}
.about ul li h5{font-size:16px;color:#242A3A;margin:15px 0 0 0;}
.about ul li p{color:#555;margin:10px 0 0 0;font-size:14px;}
.about ul li p a{color:#555;}

.about1{padding-top:90px;padding-bottom:40px;position:relative;}
.about1::after{content:"";background:#EEF7FF;width:100%;height:300px;position:absolute;left:0;right:0;top:115px;}
.about1 .pic{float:left;width:661px;position:relative;z-index:10;}
.about1 .txt{margin:0 0 0 661px;padding:50px 90px 0 47px;position:relative;z-index:10;}
.about1 .txt h3{color:#202020;font-size:24px;}
.about1 .txt h3 i{margin-right:15px;}
.about1 .txt hr{border:none;width:58px;height:10px;background:#003B8F;}
.about1 .txt p{color:#555;font-size:14px;line-height:32px;margin:20px 0 0;}


.about5{padding:70px 0 130px;border-bottom:1px solid #E1E1E1;}
.about5 h3{font-size:32px;line-height:1.5;text-align:center;color:#111;}
.about5 .list{margin-top:30px;position:relative;}
.about5 .list .swiper-slide{float:left;background:#fff;position:relative;box-sizing:border-box;}
.about5 .list .swiper-slide a.video{display:block;width:100%;position:relative;overflow:hidden;}
.about5 .list .swiper-slide a.video::after{content:"\e626";font-family:"qico";position:absolute;width:60px;height:40px;border:2px solid #fff;left:calc(50% - 60px/2);top:calc(50% - 40px/2);z-index:9999;background:rgba(0,0,0,0.7);display:block;border-radius:6px;text-align:center;line-height:40px;color:#fff;font-size:20px;}
.about5 .list .swiper-slide a.video img {width:100%;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.about5 .list .swiper-slide a.video:hover img {transform:scale(1.11);-webkit-transform: scale(1.11);}
.about5 .list .swiper-slide a.video:hover::after{background-color:rgba(0,0,0,0.5);}
.about5 .list .swiper-slide p{line-height:24px;height:48px;text-align:center;font-size:16px;color:#000;margin:13px 0 0;}

.about5 .swiper-button-prev,.about5 .swiper-button-next{width:70px;height:34px;background:#96DAF0;color:#fff;top:auto;bottom:-60px;margin-top:0;text-align:center;}
.about5 .swiper-button-prev i,.about5 .swiper-button-next i{font-size:20px;line-height:34px;color:#fff;}
.about5 .swiper-button-prev,.about5 .swiper-container-rtl .swiper-button-next{left:50%;margin-left:-80px;right:auto;}
.about5 .swiper-button-next,.about5 .swiper-container-rtl .swiper-button-prev{right:50%;margin-right:-80px;left:auto;}

.about5 .swiper-button-prev:hover,.about5 .swiper-button-next:hover{background:#00A1E9;color:#fff;}
.about5 .swiper-button-prev:hover i,.about5 .swiper-button-next:hover i{color:#fff;}

.about2{background:#1D1D1D;padding:50px 0 30px;}

.about2 ul{}
.about2 ul li{position:relative;padding:40px;margin-bottom:20px;}
.about2  ul li .ico{position:relative;width:120px;height:120px;background:#1D1D1D;float:left;border-radius:50%;padding:25px 0 0;box-sizing:border-box;text-align:center;}
.about2  ul li .ico img{transition:All 0.4s ease-in-out;width:70px;}
.about2  ul li .t{margin:0 0 0 135px;font-family: Verdana,Arial,Helvetica,sans-serif;}
.about2 ul li .t h5{font-size:20px;color:#999;font-weight:bold;margin:5px 0 0;}
.about2 ul li .t p{font-size:14px;color:#999;margin:12px 0 0;line-height:24px;}

.about2 ul li .bgbox{position:absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;background-color: rgba(91,91,91,.2);opacity:0;transition:.5s;box-sizing:border-box;}
.about2 ul li .bgbox .description{right:10px;transform: translate(100%,0) rotate(-90deg);z-index:4;position:relative;}

.about2 ul li:hover .bgbox{opacity:1;box-shadow:0 13px 18px rgba(94, 94, 94, 0.2);}
.about2  li:hover .ico img{transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);}
.about2 ul li .line{position: absolute;top: 0;left: 0;width: 100%;height:100%;border:rgb(132, 132, 132) solid 1px;}

.about2 ul li .dots{position: absolute;top: 0;left: 0;width: 100%;height:100%;border-color:rgb(132, 132, 132);}

.about2 ul li .dots .dot.left {left:0;position:absolute;width:1px;height:100%;border-color:inherit;}

.about2 ul li .dots .dot::before,.about2 ul li .dots .dot::after{content: "";width:3px;height:3px;border:2px solid rgb(132, 132, 132);border-radius: 50%;display:block;position:absolute;box-sizing:border-box;}
.about2 ul li .dots .dot.left::before{left: -2px;top: -2px;}
.about2 ul li .dots .dot.left::after{left: -2px;bottom: -2px;}

.about2 ul li .dots .dot.right::before{right: -2px;top: -2px;}
.about2 ul li .dots .dot.right::after{right: -2px;bottom: -2px;}



.history {padding:60px 0 65px;}
.history .tit{text-align:center;}
.history .tit h3{font-size:26px;color:#333;}
.history .tit em{font-size:13px;line-height:30px;color:#888;}
.history .tit p{font-size:13px;line-height:30px;color:#888;}

.history .list{position:relative;}
.history .list::after{content:'';width:100%;height:1px;background:#E9E9E9;position:absolute;left:0;top:110px;z-index:10;}
.history .list .list-box{padding:0 100px;position:relative;z-index:100;}
.history .swiper-container{}
.history .swiper-wrapper{z-index:100;}
.history .swiper-slide{cursor:pointer;font-size:16px;color:#000;margin:15px 0;position:relative;z-index:100;box-sizing:border-box;text-align:center;}
.history .swiper-slide:after{content:'';background:url(../images/dot4.png) no-repeat;width:12px;height:12px;position:absolute;z-index:100;top:90px;left:50%;margin-left:-5px}

.history .swiper-slide .box{padding:60px 60px 50px;}
.history .swiper-slide .box em{font-size:18px;color:#737373;display:inline-block;transition:all 0.3s ease 0s;}
.history .swiper-slide .box .t{color:#737373;font-size:12px;line-height:24px;margin-top:24px;transition:all 0.3s ease 0s;}

.history .swiper-slide:hover{box-shadow:rgba(0,0,0,0.12) 0px 3px 13px 1px;}
.history .swiper-slide:hover .box em{transform:translate(0,-15px);-webkit-transform:translate(0,-15px);}
.history .swiper-slide:hover .box .t{transform:translate(0,10px);-webkit-transform:translate(0,10px);}


.history .swiper-slide:hover:after{background:url(../images/dot3.png) no-repeat;}

.history .swiper-button-prev,.history .swiper-button-next{width:34px;height:34px;border-radius:50%;background:none;margin-top:-17px;text-align:center;}
.history .swiper-button-prev i,.history .swiper-button-next i{font-size:20px;line-height:34px;color:#7D7D7D;}
.history .swiper-button-prev,.history .swiper-container-rtl .swiper-button-next{left:50px;right:auto;}
.history .swiper-button-next,.history .swiper-container-rtl .swiper-button-prev{right:50px;left:auto;}
.history .swiper-button-prev:hover i,.history .swiper-button-next:hover i{color:#96DAF0;}


.about3{padding:50px 0 60px;background:#F5F5F5;}
.about3 .tit{text-align:center;}
.about3 .tit h3{font-size:26px;color:#333;}
.about3 .tit em{font-size:13px;line-height:30px;color:#888;}
.about3 .tit p{font-size:13px;line-height:30px;color:#888;}

.about3 ul{margin-top:30px;display: flex;display:-webkit-flex;align-items:center;-webkit-align-items: center;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.about3 ul li{text-align:center;width:33.333333%;box-sizing:border-box;cursor:pointer;background:#38383D;padding:35px 60px;}
.about3 ul li:nth-child(1){border-radius:6px 0 0 6px;}
.about3 ul li:nth-child(2){background:#00A1E9;position:relative;z-index:1;border-radius:6px;padding:50px 60px;box-shadow: 0 0 30px rgba(0,0,0,.2);}
.about3 ul li:nth-child(3){border-radius:0 6px 6px 0;}

.about3 ul li .txt h5{font-size:20px;color:#333;font-weight:bold;margin:17px 0 0;}
.about3 ul li .txt p{font-size:14px;color:#fff;line-height:23px;}
.about3 ul li hr{border:none;width:20px;height:1px;background:#fff;margin:15px auto 0;}
.about3 ul li .des{margin:30% 0 25%;}
.about3 ul li .des em{font-size:14px;color:rgba(255,255,255,.5);text-align:right;display:inline-block;}
.about3 ul li .des h5{font-size:80px;font-weight:700;color:#fff;}
.about3 ul li .des p{font-size:14px;color:rgba(255,255,255,.5);}


.team{}
.team ul{margin:40px 0 0;font-size:0;text-align:center;}
.team ul li{display:inline-block;position:relative;width:210px;height:210px;border-radius:50%;margin:30px 40px;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;box-sizing:border-box;cursor:pointer;}
.team ul li .img{border-radius:50%;position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.team ul li .img img{width:100%;height:100%;border-radius:50%}

.team ul li .spinner{width:220px;height:220px;border:10px solid #00A1E9;border-right-color:#78B02B;border-bottom-color:#78B02B;box-sizing:border-box;border-radius:50%;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.team ul li .info{position:absolute;top:10px;bottom:0;left:10px;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.team ul li .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:55px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3);box-sizing:border-box;}
.team ul li .info p{color:#fff;padding:10px 5px;box-sizing:border-box;margin:0 30px;font-size:13px;border-top:1px solid rgba(255,255,255,.5)}
.team ul li:hover .spinner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.team ul li:hover .info{opacity:1}

.photo{padding:0 0 60px;margin-top:-84px;position:relative;z-index:10;}


.photo .list{position:relative;margin:30px 0 0;}
.photo .list .swiper-slide .pic{display:block;width:100%;box-sizing:border-box;position:relative;}
.photo .list .swiper-slide .pic img{width:100%;box-sizing:border-box;}

/*-----video------*/
.videolist ul{margin-top:-20px;}
.videolist ul li{overflow:hidden;padding:30px 0;border-bottom:2px solid #ccc;}
.videolist ul li:last-child{border-bottom:none;}
.videolist ul li .v{float:left;width:362px;position:relative;display:block;overflow:hidden;}
.videolist ul li .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.videolist ul li .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url("../images/v1.png") no-repeat center;display:block;}
.videolist ul li .t{margin:0 0 0 392px;box-sizing:border-box;position:relative;}
.videolist ul li .t h5{font-size:20px;color:#202020;}
.videolist ul li .t span{display:block;font-size:16px;color:#848484;margin:15px 0 0;}
.videolist ul li .t p{font-size:16px;color:#848484;line-height:24px;margin:15px 0 0;}
.videolist ul li:hover img{transform:scale(1.11);-webkit-transform: scale(1.11);}
.videolist ul li:hover .v::after{background-color:rgba(0,0,0,0.6);}


.projectlist ul{margin:0 0 0 -2%;}
.projectlist ul li{float:left;width:31.3333333%;margin:0 0 20px 2%;cursor:pointer;}
.projectlist ul li .pic{width:100%;display:block;position:relative;overflow:hidden;}
.projectlist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.projectlist ul li h5{padding:15px 10px 15px;font-size:15px;color:#333;text-align:center;}
.projectlist ul li:hover img{transform:scale(1.11);-webkit-transform:scale(1.11);}


.support ul{margin:0 0 0 -75px;}
.support ul li {background:#fff;float:left;width:350px;overflow:hidden;margin:30px 0 5px 75px;border-radius:10px;box-shadow: 0 6px 12px rgba(0,0,0,0.176);}
.support ul li a{display:block;width:100%;height:auto;position:relative;}
.support ul li img{width:100%;height:auto;}
.support ul li h6{text-align:center;font-size:18px;margin:30px 0 0 0}
.support ul li p{background:#838280;height:40px;line-height:40px;text-align:center;font-size:16px;margin:30px 0 0 0;color:#fff;}
.support ul li p img{width:auto;height:auto;vertical-align:middle;margin:0 0 0 10px;}
.support ul li a:hover{color:#F38001;}
.support ul li:hover p{background:#F38001;color:#fff;}


/*-----faq------*/
.faq ul{}
.faq ul li {margin:0 0 20px 0;background:#fff;padding:15px;position:relative;border:1px solid #eee;box-sizing:border-box;box-shadow:rgba(0,0,0,0.09) 0px 6px 9px 0px;}
.faq ul li .tit{height:40px;overflow:hidden;font-family:Verdana, Geneva, sans-serif;color:#fff;cursor:pointer;position:relative;z-index:888;}
.faq ul li .tit span{float:right;display:block;width:40px;text-align:center;border-radius:2px;background:#eee;}
.faq ul li .tit span i{color:#333;width:40px;line-height:40px;height:40px;font-size:20px;}
.faq ul li .tit h4{float:left;font-size:16px;color:#333;line-height:40px;height:40px;font-weight:bold;}

.faq ul li .con{font-size:14px;line-height:23px;color:#666;}
.faq ul li .con p{margin:10px 0 0 0;}

.faq ul li.active{border:2px solid #1E8E44;padding:14px;}
.faq ul li.active .tit span{background:#1E8E44;}
.faq ul li.active .tit span i{color:#fff;}


/*contact*/

.certbox{}
.certbox h3{line-height:50px;font-size:20px;color:#333;font-family:Arial;text-align:center;}
.certbox table{width:100%;border:1px solid #ddd;border-top:5px solid #EE8301; background:#fff;border-collapse: collapse;}
.certbox table th{text-align:center;border:1px solid #ddd;border-bottom:none;font-weight:bold;padding:12px 0;font-size:15px;color:#333;}
.certbox table th td{text-align:center;border:1px solid #ddd;border-bottom:none;font-weight:bold;padding:8px;}
.certbox table td{text-align:center;border:1px solid #ddd;border-bottom:none;padding:8px;}
.certbox table td img{width:120px;}
.certbox table td a.t{font-size:16px;color:#333;}
.certbox table td a.t:hover{color:#FF7F0E;text-decoration:underline;}
.certbox table td a.jian,.certbox table td a.jia{display:inline-block;width:30px;height:30px;line-height:30px;border:1px solid #E6E6E6;vertical-align:top;cursor:pointer;}
.certbox table td a.jian:hover,.certbox table td a.jia:hover{background:#FF7F0E;color:#fff;}
.certbox table td a.jian i,.certbox table td a.jia i{font-size:13px;}
.certbox table td input{display:inline-block;width:30px;height:30px;line-height:30px;font-family:Arial;padding:0;margin:0 2px;font-size:13px;border:1px solid #E6E6E6;color:#333;text-align:center;vertical-align:top;}

.certbox-form{border:1px solid #ddd;padding:0px 15px 15px;margin:20px 0 0 0;}

/*contact*/

.contact{}
.contact h4{font-size:22px;color:#000;line-height:1;font-weight:bold;text-align:center;margin:50px 0 0;}
.contact-top ul{margin:40px 0 0;border-top:1px solid #EBEBEB;}
.contact-top ul li{float:left;width:33.3333%;padding:30px 20px 0;box-sizing:border-box;height:160px;text-align:center;border-bottom:1px solid #EBEBEB;border-left:1px solid #EBEBEB;}
.contact-top ul li:nth-child(3n){border-right:1px solid #EBEBEB;}
.contact-top ul li i{font-size:35px;color:#242A3A;}
.contact-top ul li h5{font-size:17px;color:#242A3A;margin:15px 0 0 0;}
.contact-top ul li p{color:#555;margin:10px 0 0 0;font-size:17px;font-family:Verdana;}
.contact-top ul li p a{color:#555;}

.contact hr{width:100%;background:#D9D9D9;height:1px;border:none;margin:50px 0 0;}

.contact .list{margin:40px 0 0;}
.contact .list ul {}
.contact .list ul li{float:left;width:48%;}
.contact .list ul li:nth-child(2n) {float:right;}
.contact .list ul li .location-card {padding:32px 30px 45px;margin-bottom:30px;border:1px solid #EBEBEB;border-radius: 4px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.contact .list ul li .location-card .card-header {margin-bottom:50px;display:-webkit-flex;display:flex;-ms-flex-line-pack:stretch;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;}
.contact .list ul li .location-card h2,#contact .list ul li.location-card h4 {color:#FEFFFF;position:relative;z-index:2;font-size:1.5625em;line-height:34px;}
.contact .list ul li .location-card p{font-size:17px;color:#fff;line-height:22px;height:44px;}
.contact .list ul li .location-card em{display:block;font-size:15px;color:#fff;margin-top:10px;}
.contact .list ul li .btn{font-weight:500;display:inline-block;font-style:normal;font-stretch:normal;color:#fff;display:inline-block;margin:4px 0 0 0;font-size:14px;padding:0 15px;height:30px;line-height:28px;background-color:transparent;border-radius:4px;border:1px solid #FEFFFF;opacity:1;-webkit-transition:opacity 400ms;-moz-transition:opacity 400ms;transition:opacity 400ms;}



.contact-map{margin-top:30px;position:relative;}
.contact-map .mapbox{width:100%;}

.contact-map .map-txt{position:absolute;top:50%;left:19%;transform:translateX(-50%) translateY(-50%);}
.contact-map .map-txt .txt {background:#00A1E9;width:427px;padding:40px 64px;box-sizing:border-box;}
.contact-map .map-txt .txt dd {font-size:32px;color:#fff;margin-bottom:30px;}
.contact-map .map-txt .txt dd span {font-size:24px;margin-left:15px;}
.contact-map .map-txt .txt dt p {color:#fff;font-size:14px;line-height:35px;}
.contact-map .map-txt .pic img{width:100%;display:block;}


.huodong{text-align:center;padding:0 0 40px;}
.huodong img{display:inline-block;}


.countdownbox{border-top:1px solid #ddd;padding:40px 0;}
.countdownbox h1{position:relative;font-size:30px;color: #333;text-align:center;}

#counter{width:740px;height:100px;margin:50px auto 0;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-weight: 400;font-size: 92px;color: #333;line-height: 92px;text-shadow: 0 3px 0 rgba(0,0,0,.2);overflow: hidden;}
#counter p {float: left;margin: 0 30px;padding: 0;}
#counter #counterdiv{position: relative;float: left;margin: 0;padding: 0;}
#counter .digit{position: absolute;top: 0;left: 0;width: 60px;padding: 0;}
#counter div p{position: relative;width: 60px;height: 92px;padding: 0;margin: 0;line-height: 92px;}

.countdownbox .time{width:738px;margin:10px auto 0;font-weight: 400;font-size:20px;color:#222;overflow: hidden;	}
.countdownbox .time div{float:left;width:120px;margin:0 0 0 86px;text-align:center;}
.countdownbox .time div:first-child{margin:0;}

.txtMarquee-top{overflow:hidden;position:relative;}
.txtMarquee-top fieldset{padding:10px 30px 20px;margin:10px 0 0 0;border:1px solid #ddd;background:#fff;}
.txtMarquee-top fieldset legend {color:#333;font-weight:bold;font-size:16px;padding:8px 25px;background:#96DAF0;}
.txtMarquee-top .bd{}
.txtMarquee-top .infoList li{height:30px;line-height:30px;font-size:15px;}
.txtMarquee-top .infoList li em{font-size:15px;}
.txtMarquee-top .infoList li .date{ float:right; color:#999;}


.custform{margin-top:40px;}
.custform h4{color:#202020;font-size:18px;}
.custform hr{border:none;width:45px;height:3px;background:#EEEEEE;margin:20px 0 0;}

.custform fieldset{padding:40px 30px 20px;margin:10px 0 0 0;border:1px solid #ddd;background:#fff;}
.custform fieldset legend {color:#333;font-weight:bold;font-size:16px;padding:8px 25px;background:#fff;border:1px dashed #ddd;}

.inquirbox .row{margin-bottom:20px;font-family:Arial;}
.inquirbox .row em{font-size:17.87px;color:#484848;margin:0 0 13px 0;display:block;}
.inquirbox input[type="text"],.inquirbox textarea{padding:13px 10px;font-size:16px;border:1px solid #D2D2CF;width:100%;line-height:24px;text-align:left;color:#666;box-sizing:border-box;}
.inquirbox textarea {display:block;max-width:100%;width:100%;resize:none;}
.inquirbox input[type="text"]:focus,.inquirbox textarea:focus{box-shadow:0 0 5px #999;border-color:#999;}
.inquirbox .red{color:#f00;font-weight:bold;}
.inquirbox .yzm { width:70%; margin-right:10px;}
.inquirbox img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}

.inquirbox input.submit{padding:0;display:block;background:#242A3A;color:#fff;line-height:60px;width:200px;font-size:17px;text-align:center;border-radius:4px;cursor:pointer;margin:0 auto;}

.case-inquiry{padding:5px;background:#EAEAEA;}
.case-inquiry .row{margin-bottom:10px;}
.case-inquiry input[type="text"],.case-inquiry textarea{padding:7px 8px;font-size:14px;border:1px solid #D2D2CF;width:100%;line-height:22px;text-align:left;color:#666;box-sizing:border-box;}
.case-inquiry input.submit{padding:0;display:block;background:#242A3A;color:#fff;line-height:40px;width:100%;font-size:15px;text-align:center;border-radius:4px;cursor:pointer;margin:0 auto;}

/*-----分页----*/
.digg{padding:20px 10px 3px 0;margin:30px 0 20px 0;clear:both;line-height:28px;text-align:center;border-top:1px solid #BEBEBE;}
.digg a,.digg span{line-height:16px;padding:7px 12px;margin:0 2px;display:inline-block;border:1px solid #bebebe;background:#fff;font-size:13px;font-family:Arial;}
.digg a:active{border:#0A5A6A 1px solid;color:#f18101; }
.digg span.disabled{color:#fff;border:1px solid #F18101;background:#fff;}
.digg span.disabled,.digg a:hover{border:1px solid #96DAF0;background:#96DAF0;color:#fff;}