html,body{height: 100%;}
body{min-width:1200px;}
/*header*/
.header.white{position: relative;}
.header.white .header-nav>li a{color: #666;}
.header.white .header-nav>li:hover>a{color: #17ddc4;}
.header{position: absolute;top: 0;z-index:2;width: 100%;height: 60px;border-bottom: 1px solid rgba(204,204,204,0.2);}
.header .logo{margin-right: 20px;line-height: 59px;font-size:0;}
.header-nav>li{position: relative;float: left;padding: 0 37px;line-height: 59px;}
.header-nav>li a{color: #fff;}
.header-nav>li:hover a{color: #17ddc4;}
.header-nav>li:hover .header-subnav{display: block;}
.header .icon{width: 20px;height: 16px;margin-top: 21px;margin-right: 18px;}
.header .icon.search{margin-right: 0;background:url('../images/search.png') no-repeat center center;}
.header .icon.qq{background:url('../images/qq.png') no-repeat center center;}
.header .icon.wechat{position: relative;background:url('../images/wechat.png') no-repeat center center;}
.header .icon.wechat img{display: none;position: absolute;left: 50%;top: 30px;margin-left: -50px;width: 100px;max-width:none;}
.header .icon.wechat:hover img{display: block;}
.header .header-subnav{display: none;position: absolute;left: 0;right: 0;top: 59px;background-color: #fff;}
.header .header-subnav li a{line-height: 42px;font-size:14px;color: #666;text-align: center;}
.header .header-subnav li a:hover{color: #fff;background-color: #2ad5c2;}
.header-search{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;}
.header-search .logo{margin-right: 115px;}
.header-search .header-input{width: 200px;font-size:16px;line-height: 59px;color: rgb(204, 204, 204);}
.header-search .header-submit{margin-top: 12px;margin-right: 20px;width: 60px;height: 35px;border:1px solid rgb(204, 204, 204);border-radius: 10px;font-size:18px;color: rgb(204, 204, 204);}
.header-search .close{margin-top: 11px;width: 35px;height: 35px;border:1px solid rgb(204, 204, 204);border-radius:50%;font-size:28px;color: rgb(204, 204, 204);line-height: 28px;text-align: center;cursor:pointer;}
/*footer*/
.footer{overflow: hidden;background-color: #222;}
.footer .container{margin-top: 75px;}
.footer-main{width: 880px;margin: 0 auto;margin-top: 40px;}
.footer-main>li{float: left;width: 200px;margin-right: 140px;}
.footer-main li:last-child{margin-right: 0;}
.footer-main li .head{height: 50px;line-height: 50px;background-color:#262626;}
.footer-main li.item1 .head{font-size:12px;color: #fff;text-align: center;}
.footer-main li.item1 .head span{color: #17ddc4;}
.footer-main li.item1 .ewm{display: block;margin:15px auto 0;}
.footer-main li.item2 .head{background:#262626 url('../images/footer01.png') no-repeat center center;}
.footer-main li.item2 .footer-contact li{margin-top: 13px;margin-bottom: 16px;margin-right: -20px;color: rgba(255,255,255,.5);font-size: 0;line-height: 1.5;}
.footer-main li.item2 .footer-contact li span{display: inline-block;vertical-align: top;font-size:12px;}
.footer-main li.item2 .footer-contact li span:first-child{width: 46px;}
.footer-main li.item2 .footer-contact li span:last-child{width: 174px;}
.footer-main li.item3 .head{background:#262626 url('../images/footer02.png') no-repeat center center;}
.footer-main li.item3 .footer-contact li{margin-top: 13px;margin-bottom: 16px;margin-right: -20px;color: rgba(255,255,255,.5);font-size: 0;line-height: 1.5;}
.footer-main li.item3 .footer-contact li span{display: inline-block;vertical-align: top;font-size:12px;}
.footer-main li.item3 .footer-contact li span:first-child{width: 58px;}
.footer-main li.item3 .footer-contact li span:last-child{width: 162px;}
.footer-text h2{margin-top: 36px;color:rgba(254,254,254,.8);font-size:16px;text-align: center;line-height: 1.9;font-weight: normal;}
.footer-text p{margin-bottom: 16px;color:rgba(254,254,254,.5);font-size:12px;text-align: center;line-height: 1.9;}
.footer-text a{display:inline;color:rgba(254,254,254,.5);}
/*headline*/
.headline{text-align: center;}
.headline h2{font-size:24px;color: #fff;font-weight: normal;}
.headline.black h2{color: #333;}
.headline .line{display: block;width: 16px;height: 1px;margin: 10px auto;background-color: rgb(57, 194, 176);}
.headline p{font-size:14px;color: #999;}
/*banner*/
.banner{height: 100%;}
.banner-slider{height: 100%;position: relative;width: 100%;}
.banner-pagination{position: absolute;bottom: 5.5%;left: 50%;z-index:1;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.banner-pagination li{width: 24px;height: 8px;background-color: #fff;float: left;border-radius:5px;opacity:1;margin-right: 10px;}
.banner-pagination li.swiper-pagination-bullet-active{background-color: #39c2b0;}
.banner-pagination li:last-child{margin: 0;}
.banner-slider-container{height: 100%;width: 100%;overflow: hidden;}
.banner-slider-container .swiper-slide,.banner-slider-container .swiper-slide a{height: 100%;width: 100%;}
.banner-slider-container .swiper-slide a{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;}
.banner-button{height: 0;position: absolute;top: 50%;left: 50%;margin-top: -24px;margin-left: -43.75%;width: 87.5%;z-index:2;}
.banner-button span.banner-button-prev{width: 48px;height: 48px;background: url('../images/arrow.png') no-repeat 0 0;}
.banner-button span.banner-button-prev:hover{background-position: 0 -48px;}
.banner-button span.banner-button-next{width: 48px;height: 48px;background: url('../images/arrow.png') no-repeat -48px 0;}
.banner-button span.banner-button-next:hover{background-position: -48px -48px;}
/*index product*/
.index-product{border-top: 10px solid #25d9c4;}
.index-product .container{margin-top: 80px;}
.index-product-main{margin-top: 32px;}
.index-product-main li{float: left;width: 299px;text-align: center;}
.index-product-main li *{-webkit-transition: all .25s ease;-moz-transition: all .25s ease;transition: all .25s ease;}
.index-product-main li.line{height: 135px;width: 0;margin-top: 55px;border-right: 1px dashed #ccc;}
.index-product-main li .icon{height: 194px;background-repeat: no-repeat;background-position: center center;}
.index-product-main li .icon1{background-image: url('../images/index_icon1.png');}
.index-product-main li .icon2{background-image: url('../images/index_icon2.png');}
.index-product-main li .icon3{background-image: url('../images/index_icon3.png');}
.index-product-main li .icon4{background-image: url('../images/index_icon4.png');}
.index-product-main li h2{margin-top: 40px;font-size:20px;color: #666;line-height: 1.5;}
.index-product-main li p{margin-bottom: 73px;font-size:14px;color: #666;line-height: 2.1;}
.index-product-main li:hover h2{color: #2ed2bf;}
.index-product-main li:hover .icon1{background-image: url('../images/index_icon5.png');}
.index-product-main li:hover .icon2{background-image: url('../images/index_icon6.png');}
.index-product-main li:hover .icon3{background-image: url('../images/index_icon7.png');}
.index-product-main li:hover .icon4{background-image: url('../images/index_icon8.png');}
/*index cases*/
.index-cases{overflow: hidden;background-color: #f5f5f5;}
.index-cases .container{margin-top: 80px;}
.index-cases-main{margin-bottom: 60px;}
.index-cases-main li{float: left;width: 409.5px;margin-top: 50px;padding-right: 28.5px;border-bottom: 1px solid #d8d8d8;text-align: center;}
.index-cases-main li *{-webkit-transition: all .25s ease;-moz-transition: all .25s ease;transition: all .25s ease;}
.index-cases-main li:nth-child(3n){width: 381px;padding-right: 0;}
.index-cases-main li:nth-last-child(-n+3){border:none;}
.index-cases-main li .img{position: relative;height: 253px;overflow: hidden;}
.index-cases-main li .img .mask{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8) url('../images/index_cases_search.png') no-repeat center center;}
.index-cases-main li:hover .img .mask{display: block;}
.index-cases-main li:hover .img img{
-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);
    }
.index-cases-main li h2{margin-top: 12px;font-size:18px;line-height: 1.6;font-weight: normal;}
.index-cases-main li p{margin-bottom: 12px;font-size:14px;color: #999;line-height: 2.1;}
/*index more*/
.index-more{overflow: hidden;background-color: #0bd0bf;}
.index-more-btn{margin:30px auto;width: 276px;height: 58px;line-height: 58px;border:1px solid #fff;font-size:14px;color: #fff;text-align: center;text-transform: uppercase;border-radius:40px;}
/* guide about && guide news */
.guide_about{background-color: #f9f9f9;}
.guide_about *{-webkit-box-sizing:content-box;box-sizing:content-box;}
.guide_atimg{background: url(../images/guide_1.jpg) no-repeat 800px bottom;}
.guide_about .content{width: 560px;padding: 65px 0 80px;}
.guide_about .content .title{height: 60px;}
.guide_about .content .title span,.guide_about .content .title em,.guide_about .content i.line{float: left;}
.guide_about .content .title span{font-size: 50px;color: #444;font-weight: 500;}
.guide_about .content .title em{font-size: 20px;font-weight: 600;color: #444;margin-top: 25px;}
.guide_about .content .title i.line{background-color: #48bceb;width: 2px;height: 38px;display: inline-block;margin: 15px 20px 0;}
.guide_about .content .con{font-size: 14px;line-height: 26px;color: #999;padding-top: 5px;}
.guide_about .content .con p{margin-top: 15px;}
.guide_about .content a.more{font-size: 16px;font-weight: 600;color: #666;display: block;padding-left: 45px;height: 20px;line-height: 20px;background: url(../images/guide_look.png) no-repeat;margin-top: 30px;}
.guide_news{padding: 50px 0 60px;}
.guide_news *{-webkit-box-sizing:content-box;box-sizing:content-box;}
.guide_news .title{position: relative;color: #444;border-bottom: 1px solid #ededed;margin-bottom: 35px;padding-bottom: 10px;}
.guide_news .title span{text-transform: uppercase;font-size: 19px;width: 26px;border-bottom: 2px solid #48bceb;padding-bottom: 8px;}
.guide_news .title i.line{margin: 0 7px 0 4px;color: #000;font-size: 15px;}
.guide_news .title strong{font-size: 16px;font-weight: 600;}
.guide_news .title a.more{font-size: 12px;color: #999;position: absolute;right: 0;top: 0;text-transform: uppercase;}
.guide_news ul li{float: left;width: 285px;margin-right: 20px;}
.guide_news ul li:last-child{margin-right: 0;}
.guide_news ul li a{display: block;border: 1px solid #ededed;}
.guide_news ul li a .guide_newsimg{display: block;width: 100%;height: 135px;}
.guide_news ul li a .content{padding: 20px;}
.guide_news ul li a .content .contop{padding: 0 40px 10px 0;position: relative;}
.guide_news ul li a .content .contop h3{font-size: 16px;color: #444;font-weight: 500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.guide_news ul li a .content .contop p.time{padding-left: 20px;height: 16px;line-height: 16px;background: url(../images/guide_time.png) no-repeat left center;font-size: 13px;color: #999;margin-top: 6px;}
.guide_news ul li a .content .contop .arrow{width: 34px;height: 34px;display: inline-block;border-radius: 50%;background: url(../images/guide_arrow1.png) no-repeat 13px 10px;position: absolute;top: 5px;right: 0;}
.guide_news ul li a .content .con{font-size: 14px;line-height: 26px;color: #666;font-weight: 500;border-top: 1px solid #ededed;padding-top: 10px;}
.guide_news ul li a:hover .contop .arrow{background-color: #48bceb;background-position: -32px 10px;}
.guide_news ul li a:hover{box-shadow:0 2px 6px #ededed;background-color: #f9f9f9;}
.footer_link{padding-left:70px;min-height:30px;line-height:30px;margin-bottom:15px;}
.footer_link span{margin-left:-70px;display:block;float:left;}
.footer_link a{color:#666;display:inline-block;margin-right:15px;}
.footer_link a:hover{color:#48bceb;}

/*product page*/
.product{padding-top: 50px;padding-bottom: 60px;background-color: #f9f9f9;}
.product-nav{width: 220px;margin-right: 60px;}
.product-nav li a{height: 128px;margin-bottom: 10px;overflow: hidden;background-color: #fff;}
.product-nav li a i{display: block;width: 48px;height: 58px;margin: 0 auto;margin-top: 20px;background-repeat: no-repeat;background-image: url('../images/product_icon.png');}
.product-nav li.item1 a i{background-position: 0 0;}
.product-nav li.item2 a i{background-position: 0 -135px;}
.product-nav li.item3 a i{background-position: 0 -280px;}
.product-nav li.item4 a i{background-position: 0 -424px;}
.product-nav li.item5 a i{background-position: 0 -557px;}
.product-nav li.item6 a i{background-position: 0 -699px;}
.product-nav li a p{margin-top: 5px;font-size:16px;line-height: 1.9;color: #999;text-align: center;}
.product-nav li:hover,.product-nav li.hover{box-shadow: 1.5px 2.598px 4px 0px rgba(0, 0, 0, 0.039);}
.product-nav li:hover a p,.product-nav li.hover a p{color: #2ad5c2;}
.product-nav li.item1:hover a i,.product-nav li.item1.hover a i{background-position: -67px 0;}
.product-nav li.item2:hover a i,.product-nav li.item2.hover a i{background-position: -67px -135px;}
.product-nav li.item3:hover a i,.product-nav li.item3.hover a i{background-position: -67px -280px;}
.product-nav li.item4:hover a i,.product-nav li.item4.hover a i{background-position: -67px -424px;}
.product-nav li.item5:hover a i,.product-nav li.item5.hover a i{background-position: -67px -557px;}
.product-nav li.item6:hover a i,.product-nav li.item6.hover a i{background-position: -67px -699px;}
.product-main{width: 920px;}
.product-main li{margin-right: 19px;margin-bottom: 20px;}
.product-main li *{-webkit-transition: all .25s ease;-moz-transition: all .25s ease;transition: all .25s ease;}
.product-main li:nth-child(3n){margin-right: 0;}
.product-main li a{width: 294px;height: 368px;background-color: #fff;text-align: center;}
.product-main li a .product-img{position: relative;display:table-cell;width: 294px;height: 240px;vertical-align: bottom;text-align: center;}
.product-main li a .product-img .plus{position: absolute;top: 0;left: 0;right: 0;width: 60px;height: 60px;margin: 0 auto;background:url('../images/plus.png') no-repeat 0 0;opacity: 0;}
.product-main li a h2{margin-top: 35px;font-size:16px;color: #333;line-height: 1.9;font-weight: normal;}
.product-main li a p{font-size:14px;color: #999;line-height: 2.1;}
.product-main li a:hover{box-shadow: 3px 5.196px 8px 0px rgba(0, 0, 0, 0.039);}
.product-main li a:hover h2{color: #2ad5c2;}
.product-main li a:hover .plus{top: 55%;opacity: 1;}
/*product del page*/
.breadcrumb{font-size:0;}
.breadcrumb span,.breadcrumb a{display: inline-block;vertical-align: middle;}
.breadcrumb .home{margin-right: 10px;width: 16px;height: 14px;background: url('../images/home.png') no-repeat 0 0;}
.breadcrumb .arrow{margin: 0 7px 0 10px;border:6px solid transparent;border-left-color: #999;}
.breadcrumb a{font-size:16px;color: #666;text-transform: uppercase;}
.breadcrumb a:hover{color: #17ddc5;}
.product-del{padding: 50px 0;background-color: #f9f9f9;}
.product-goods{margin-top: 20px;border-top: 1px solid rgb(229, 229, 229);}
.product-goods .show{width: 600px;}
.product-del-slide{float: left;width: 64px;margin-top: 90px;}
.product-del-slide .swiper-container{height: 274px;}
.product-del-slide .swiper-slide{height: 64px;text-align: center;border:1px solid transparent;}
/*.product-del-slide .swiper-slide.swiper-slide-active{border:1px solid #34e7d1;}*/
.product-del-slide .swiper-slide.active{border-color:#34e7d1;}
.product-del-slide .product-prev{margin-bottom: 15px;height: 14px;background: url('../images/product_prev.png') no-repeat center center;}
.product-del-slide .product-next{margin-top: 15px;height: 14px;background: url('../images/product_next.png') no-repeat center center;}
.bigimg{width: 420px;height: 420px;margin-right: 20px;margin-top: 50px;border:1px solid rgb(229, 229, 229);background-position: center center;-webkit-background-size: cover;background-size: cover;background-image: url('../images/product_del_s01.png');}
.product-goods .text{width: 600px;}
.product-goods-des{margin-top: 85px;margin-left: 158px;}
.product-goods-des h2{font-size:32px;color: #333;line-height: 1.9;}
.product-goods-des h3{font-size:16px;color: #666;line-height: 1.9;font-weight: normal;}
.product-goods-des p{font-size:0;}
.product-goods-des p span{display: inline-block;font-size:16px;color: #666;line-height: 1.9;vertical-align: top;}
.product-goods-des p span:first-child{width: 26px;}
.product-goods-des p span:last-child{width: 416px;}
.product-goods-des .consulting{display: inline-block;margin-top: 65px;width: 150px;height: 40px;background-color: rgb(42, 213, 194);font-size:16px;color: #fff;line-height: 40px;text-align: center;}
.product-goods-des .consulting.online-shop{margin-left: 20px;}
.product-del-headline{border-bottom: 1px solid #e5e5e5;}
.product-del-headline ul{border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.product-del-headline li{float: left;width: 25%;border-right: 1px solid #e5e5e5;}
.product-del-headline li a{height: 60px;line-height: 60px;text-align: center;font-size:18px;color: #999;}
.product-del-headline li a:hover,.product-del-headline li a.hover{background-color: #2ad5c2;color: #fff;}
.product-del-info h1{margin-top: 50px;margin-bottom: 20px;font-size:24px;color: #333;line-height: 1.25;font-weight: normal;}
.product-del-info .detail{width: 100%;margin-bottom: 80px;border-top: 1px solid #ccc;}
.product-del-info .detail td{padding-left: 30px;border-bottom: 1px solid #e5e5e5;}
.product-del-info .detail td:nth-child(odd){width: 180px;height: 50px;line-height: 50px;background-color: #f9f9f9;font-size:16px;color: #999;}
.product-del-info .detail td:nth-child(even){width: 420px;font-size:16px;color: #666;line-height: 50px;}
.product-del-info .wrap{margin-bottom:80px;}
.product-del-info .wrap p{font-size:16px;line-height:1.9;color: #666;text-indent:2em;}
/*scheme page*/
.scheme-house{background-color: #f0f0f0;}
.scheme-house h1{height: 100px;line-height: 100px;text-align: center;background-color: #2ad5c2;font-size:30px;color: #fff;font-weight: 600;}
.scheme-house li{float: left;}
.scheme-house li a{position: relative;width: 300px;height: 540px;}
.scheme-house li a>img{width: 100%;height: 100%;}
.scheme-house li a .mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);text-align: center;}
.scheme-house li a i{display: block;width: 132px;height: 132px;margin: 0 auto;margin-top: 160px;background: url('../images/scheme_house_icon.png') no-repeat;}
.scheme-house li.item2 a i{background-position: -300px 0;}
.scheme-house li.item3 a i{background-position: -600px 0;}
.scheme-house li.item4 a i{background-position: -900px 0;}
.scheme-house li a p{margin-top: 30px;margin-bottom: 45px;font-size:28px;color: #fff;line-height: 1.3;}
.scheme-house-btn{display: block;margin: 0 auto;width: 150px;height: 40px;line-height: 38px;text-align: center;font-size:18px;color: #fff;border-radius:10px;border:1px solid #fff;}
.scheme-house li a:hover .scheme-house-btn{color: #17ddc4;border-color:#17ddc4;}
.house-bg{display: none;position: fixed;z-index:20;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0,.6);}
.house-dialog{display: none;position: absolute;z-index:21;width: 900px;margin: 0 auto;top: 250px;right: 0;left: 0;background-color: #fff;}
.house-dialog .item{display: none;}
.house-dialog .item.on{display: block;}
.house-dialog .pic img{width: 100%;max-width:none;}
.house-dialog-list{padding: 50px;}
.house-dialog .box{width: 800px;height: 340px;overflow: auto;}
.house-dialog .box h2{margin-bottom: 25px;font-size:30px;color: #333;font-weight: normal;}
.house-page{margin: 50px;border-top: 1px solid #e5e5e5;}
.house-page a{width: 117px;height: 70px;text-indent: 100%;white-space: nowrap;overflow: hidden;background-image: url('../images/scheme_dialog03.jpg');background-repeat: no-repeat;}
.house-page a.prev{background-position: -50px 0;}
.house-page a.prev:hover{background-position: -50px -119px;}
.house-page a.next{background-position: -723px 0;}
.house-page a.next:hover{background-position: -723px -120px;}
.scheme-dialog-close{position: absolute;top: 0;right: -40px;width: 30px;height: 30px;background: url('../images/scheme_dialog_close.png') no-repeat 0 0;transition:all .4s;-webkit-transition:all .4s;}
.scheme-dialog-close:hover{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.scheme-system .title{margin-top: 40px;margin-bottom: 45px;text-align: center;}
.scheme-system .title h2{font-weight: normal;font-size:0;}
.scheme-system .title h2 span{display: inline-block;vertical-align: middle;}
.scheme-system .title h2 span.line{width: 83px;height: 2px;background-color: #999;}
.scheme-system .title h2 span:nth-child(2){margin: 0 30px;font-size:34px;color: #333;}
.scheme-system .title p{font-size:18px;color: #666;text-transform: uppercase;}
.scheme-system-slide{position: relative;height: 600px;overflow: hidden;}
.scheme-system-container,.scheme-system-container .swiper-slide a{height: 100%;}
.scheme-system-container .swiper-slide a{background-position: center center;-webkit-background-size: cover;background-size: cover;}
.scheme-system-main{position: absolute;height: 100%;width: 1200px;top: 0;right: 0;left: 0;margin: 0 auto;z-index:2;}
.scheme-pagination{position: absolute;bottom: 8%;left: 0;z-index:1;}
.scheme-pagination li{width: 12px;height: 12px;background-color: transparent;float: left;border-radius:100%;opacity:1;margin-right: 15px;border:1px solid #fff;}
.scheme-pagination li.swiper-pagination-bullet-active{background-color: #17ddc5;border-color: #17ddc5;}
.scheme-pagination li:last-child{margin: 0;}
.scheme-system-main .content-wrapper{width: 520px;margin-top: 80px;padding: 0 20px;overflow: hidden;background: url('../images/scheme_system_bg.png');}
.scheme-system-main .content h2{margin-top: 20px;font-size:36px;color: #fff;font-weight: normal;}
.scheme-system-main .content h3{font-size:26px;color: #fff;font-weight: normal;}
.scheme-system-main .content p{margin-top: 20px;margin-bottom: 60px;font-size:16px;color: #fff;line-height: 1.9;}
.scheme-compatible{}
.scheme-compatible .title{text-align: center;}
.scheme-compatible .title h2{padding-top: 50px;border-bottom: 1px solid #e5e5e5;font-size:30px;color: #333;line-height: 1.2;font-weight: normal;}
.scheme-compatible .title h2 .line{display: block;margin: 0 auto;margin-bottom: -1px;margin-top: 20px;height: 2px;width: 44px;background-color: rgb(42, 213, 194);}
.scheme-compatible .title p{font-size:24px;color: #999;line-height: 1.5;text-transform: uppercase;}
.scheme-compatible-list{margin-top: 30px;margin-bottom: 80px;}
.scheme-compatible-list li{float: left;width: 240px;text-align: center;}
.scheme-compatible-list li h2{font-size:24px;color: #333;line-height: 1.5;font-weight: normal;}
.scheme-compatible-list li i{display: block;width: 140px;height: 140px;margin: 20px auto;background: url('../images/scheme_compatible.png') no-repeat;}
.scheme-compatible-list li:nth-child(1) i{background-position: 0 0;}
.scheme-compatible-list li:nth-child(2) i{background-position: -262px 0;}
.scheme-compatible-list li:nth-child(3) i{background-position: -528px 0;}
.scheme-compatible-list li:nth-child(4) i{background-position: -793px 0;}
.scheme-compatible-list li:nth-child(5) i{background-position: -1058px 0;}
.scheme-compatible-list li p{font-size:16px;color: #666;line-height: 1.5;}
/*join page*/
.join-headline{text-align: center;}
.join-headline h2{font-size:40px;font-weight: normal;color: rgb(127, 128, 128);}
.join-headline span{display: block;width: 21px;height: 4px;margin: 0 auto;margin-top: 8px;background-color: rgba(127, 128, 128,.8);border-radius:2px;}
.join-adva .join-headline{margin-top: 70px;}
.join-adva-list{margin-top: 40px;margin-bottom: 80px;}
.join-adva-list li{float: left;width: 300px;text-align: center;}
.join-adva-list li i{margin: 0 auto;display: block;width: 78px;height: 78px;background: url('../images/join_adva.png') no-repeat;}
.join-adva-list li:nth-child(1) i{background-position: 0 0;}
.join-adva-list li:nth-child(2) i{background-position: -301px 0;}
.join-adva-list li:nth-child(3) i{background-position: -602px 0;}
.join-adva-list li:nth-child(4) i{background-position: -907px 0;}
.join-adva-list li h2{font-size:20px;line-height: 2.9;color: #333;font-weight: normal;}
.join-adva-list li .line{display: block;margin: 0 auto;width: 10px;height: 2px;background-color: #333;}
.join-adva-list li p{margin-top: 12px;font-size:16px;color: #666;line-height: 1.5;}
.join-intro{height: 740px;background: url('../images/join_intro.jpg') no-repeat center center/cover;overflow: hidden;}
.join-intro .join-headline{margin-top: 70px;}
.join-intro .join-headline h2{color: #fff;}
.join-intro .join-headline span{background-color: #fff;}
.join-intro-list{margin-top: 50px;}
.join-intro-list li{float: left;width: 200px;}
.join-intro-list li .text{width: 194px;height: 170px;margin: 0 auto;background:url('../images/join_intro01.png') no-repeat 0 0/100% 100%;overflow: hidden;}
.join-intro-list li .text .content{margin:35px 35px 0 50px;}
.join-intro-list li .text .content h2{margin-bottom: 12px;font-size:14px;font-weight: 700;color: #fff;line-height: 1.28;}
.join-intro-list li .text .content p{font-size:12px;color: #fff;line-height: 1.5;}
.join-intro .des{margin-top: 45px;font-size:20px;color:rgba(255,255,255,.7);line-height: 1.5;}
.join-fun .join-headline{margin-top: 70px;}
.join-fun-up{margin-top: 42px;margin-bottom: 12px;}
.join-fun-up li{padding: 0 15px;width: 200px;text-align: center;}
.join-fun-up li:nth-child(odd){height: 100px;}
.join-fun-up li:nth-child(even) h2{margin-bottom: 6px;font-size:20px;color: #333;font-weight: normal;}
.join-fun-up li:nth-child(even) p{margin-bottom: 10px;font-size:14px;color: #666;line-height: 1.43;text-align: left;}
.join-fun-up li:nth-child(even) .icon{display: block;margin-bottom: 20px;height: 43px;background: url('../images/join_fun02.png') no-repeat center center;}
.join-fun-list li{width: 200px;}
.join-fun-list li i{display: block;width: 124px;height: 124px;margin: 0 auto;background: url('../images/join_fun01.png') no-repeat;}
.join-fun-list li:nth-child(1) i{background-position: 0 0;}
.join-fun-list li:nth-child(2) i{background-position: -195px 0;}
.join-fun-list li:nth-child(3) i{background-position: -390px 0;}
.join-fun-list li:nth-child(4) i{background-position: -584px 0;}
.join-fun-list li:nth-child(5) i{background-position: -778px 0;}
.join-fun-list li:nth-child(6) i{background-position: -972px 0;}
.join-fun-blow{margin-bottom: 80px;}
.join-fun-blow li{padding: 0 15px;width: 200px;text-align: center;}
.join-fun-blow li:nth-child(even){height: 100px;}
.join-fun-blow li:nth-child(odd) h2{margin-top: 6px;font-size:20px;color: #333;font-weight: normal;}
.join-fun-blow li:nth-child(odd) p{margin-top: 10px;font-size:14px;color: #666;line-height: 1.43;text-align: left;}
.join-fun-blow li:nth-child(odd) .icon{display: block;margin-top: 20px;height: 43px;background: url('../images/join_fun02.png') no-repeat center center;}
.join-cases{background-color: #f0f0f0;overflow: hidden;}
.join-cases .join-headline{margin-top: 70px;}
.join-cases-list{margin-top: 50px;margin-bottom: 50px;}
.join-cases-list li{/*height: 400px;*/width: 585px;margin-right: 30px;margin-bottom: 30px;overflow: hidden;}
.join-cases-list li:nth-child(2n){margin-right: 0;}
.join-cases-list li a{position: relative;overflow: hidden;}
.join-cases-list li a img{max-width:none;width: 100%;-webkit-transition:all .5s;transition:all .5s;}
.join-cases-list li a .mask{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8) url('../images/index_cases_search.png') no-repeat center center;}
.join-cases-list li a:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.join-cases-list li a:hover .mask{display: block;}
.join-us{height: 720px;background: url('../images/join_us01.jpg') no-repeat center center/cover;overflow: hidden;}
.join-us .join-headline{margin-top: 70px;}
.join-us .join-headline h2{color: #fff;}
.join-us .join-headline span{background-color: #fff;}
.join-us .text{width: 820px;margin: 40px auto;font-size:20px;color: #fff;text-align: center;line-height: 1.5;}
.join-us-form{width: 980px;margin: 0 auto;font-size:0;}
.join-us-form .name,.join-us-form .phone{display:inline-block;margin-bottom: 20px;}
.join-us-form .name{margin-right: 24px;}
.join-us-form .name input,.join-us-form .phone input{width: 478px;height: 55px;padding: 0 10px;background-color: #fff;font-size:18px;color: #999;}
.join-us-form textarea{margin-bottom: 30px;height: 180px;width: 100%;padding: 15px 10px;font-size:18px;color: #999;border:none;}
.join-us-submit{height: 55px;width: 100%;background-color: #2ad5c2;font-size:20px;color: #fff;text-align: center;}
/*services install*/
.services{padding-top: 50px;padding-bottom: 80px;background-color: #f9f9f9;}
.services-nav{width: 300px;}
.services-nav li{padding-left: 40px;overflow: hidden;}
.services-nav li a{height: 115px;overflow: hidden;}
.services-nav li a h2{margin-top: 25px;font-weight: normal;font-size:28px;color: #666;}
.services-nav li a p{font-size:14px;color: #666;}
.services-nav li.hover{background: url('../images/services_nav.jpg') no-repeat 0 0/100% 100%;}
.services-nav li.hover a h2{color: #fff;}
.services-nav li.hover a p{color: #fff;}
.services-nav li:not(.hover):hover a h2{color: #17ddc4;}
.services-nav li:not(.hover):hover a p{color: #17ddc4;}
.services-wrapper{width: 900px;background-color: #fff;}
.services-install{padding: 50px 60px 80px;}
.services-install-list{margin-bottom: 50px;border-bottom: 1px solid #e5e5e5;}
.services-install-list a{border-top: 1px solid #e5e5e5;}
.services-install-list a h2{margin-top: 10px;font-size:20px;color: #333;font-weight: normal;}
.services-install-list a:hover h2{color: #17ddc4;}
.services-install-list a h3{font-size:12px;color: #999;font-weight: normal;line-height: 2.5;}
.services-install-list a h3 span:first-child{margin-right: 10px;}
.services-install-list a p{height: 48px;margin-bottom: 15px;line-height: 24px;overflow: hidden;font-size:14px;color: #666;}
/*page*/
.page{width:100%;height:40px;text-align:center;line-height:38px;}
.page_con{display:inline-block;*display:inline;*zoom:1;}
.page a,
.page_text,
.page_btn{display:block;width:38px;height:38px;float:left;border:1px solid #cccccc;font-size:14px;color:#999;background:#fff;margin:0 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);/*transition: all 0.3as ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;*/-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.page a:hover,
.page_btn:hover{background:#2ad5c2;color: #fff;}
.page a.on{background:#2ad5c2;color:#fff;font-weight:bolder;border-color:#2ad5c2;}
/*.page a.goprev{margin-right:15px;}*/
.page a.goprev{background-image: url('../images/page_arrow.png');background-repeat: no-repeat;background-position: 13px 12px;}
.page a.goprev:hover{background-image: url('../images/page_arrow.png');background-repeat: no-repeat;background-position: -24px 12px;}
.page a.gonext{background-image: url('../images/page_arrow.png');background-repeat: no-repeat;background-position: 14px -20px;}
.page a.gonext:hover{background-image: url('../images/page_arrow.png');background-repeat: no-repeat;background-position: -23px -20px;}
.page a.non{background-color:#f8f8f8;border-color:#e9e9e9;color:#ababab;cursor:default;}
.page a.goprev.non{background: #f8f8f8 url('../images/page_arrow.png') no-repeat 13px 12px;}
.page a.gonext.non{background: #f8f8f8 url('../images/page_arrow.png') no-repeat 13px 12px;}
.page span{font-size:14px;color:#999;margin:0 5px;float:left;}
.page_text{text-align:center;color:#333;width: 60px;}
.page .page_start,.page .page_end{width: 60px;}
#page_btn{background:url('../images/page_search.jpg') no-repeat center center;font-size:0;}
/*services install del page*/
.services-install-del{padding: 50px 60px 80px;}
.content-wrapper{margin-top: 20px;border-top: 1px solid #e5e5e5;padding-top: 35px;text-align: center;}
.content-wrapper>h2{font-size:24px;color: #333;line-height: 2;font-weight: normal;}
.content-wrapper>h3{margin-bottom: 5px;font-size:14px;color: #999;line-height: 2.5;font-weight: normal;}
.content-wrapper>h3 span:first-child{margin-right: 22px;}
.content-wrapper .content{font-size:15px;color: #666;line-height: 2;text-align: left;}
.content-wrapper .content p{text-indent: 2em;}
/*services question page*/
.services-question{padding: 50px 60px 80px;}
.services-question .search-text{width: 250px;height: 30px;padding-left: 10px;margin-right: 10px;border:1px solid rgb(204,204,204);font-size:14px;color: rgb(204, 204, 204);border-radius:20px;}
.services-question .search-submit{width: 50px;height: 28px;border:1px solid rgb(204,204,204);border-radius: 5px;font-size:16px;color: #666;}
.services-question-list{margin-top: 30px;margin-bottom: 50px;border-top: 1px solid #e5e5e5;}
.services-question-list li{border-bottom: 1px solid #e5e5e5;}
.services-question-list li .title{height: 83px;line-height: 83px;position: relative;font-size:20px;color: #666;cursor:pointer;}
.services-question-list li .title .icon{position: absolute;left: 0;top: 33px;width: 20px;height: 20px;background: url('../images/services_question.png') no-repeat 0 0;}
.services-question-list li .title .text{margin-left: 30px;}
.services-question-list li .title.on .text{color: #333;}
.services-question-list li .title .plus{position: absolute;right: 0;top: 33px;width: 12px;height: 12px;background: url('../images/services_question.png') no-repeat -26px 0;}
.services-question-list li .title.on .plus{background-position: -44px 5px;}
.services-question-list li .content{display: none;margin-top: 5px;margin-bottom: 40px;font-size:16px;color: #666;line-height: 1.875;}
.services-question-list li .content p{text-indent: 2em;}
/*services download page*/
.services-download{padding: 50px 60px 80px;}
.services-download .search-text{width: 250px;height: 30px;padding-left: 10px;margin-right: 10px;border:1px solid rgb(204,204,204);font-size:14px;color: rgb(204, 204, 204);border-radius:20px;}
.services-download .search-submit{width: 50px;height: 28px;border:1px solid rgb(204,204,204);border-radius: 5px;font-size:16px;color: #666;}
.services-download-search .title h2{font-size:18px;color: #333;font-weight: normal;}
.services-download-search .title .line{display: block;width: 16px;height: 2px;margin-top: 5px;background-color: rgb(11, 208, 191);border-radius:2px;}
.services-download-class{margin: 40px 0;font-size:0;}
.services-download-class span,.services-download-class a{display: inline-block;vertical-align: middle;font-size:16px;}
.services-download-class span.text{margin-right: 26px;color: #999;}
.services-download-class span.line{width: 1px;height: 14px;margin: 0 20px;background-color: rgb(229, 229, 229);}
.services-download-class a{color: #333;}
.services-download-class a.item{margin-right: 55px;}
.services-download-class a:hover{color: rgb(255, 72, 0);}
.services-download-list table{width: 100%;margin-bottom: 50px;}
.services-download-list th,.services-download-list td{width: 130px;text-align: left;}
.services-download-list th:nth-child(1),.services-download-list th:nth-child(6),.services-download-list td:nth-child(1),.services-download-list td:nth-child(6){width: 100px;}
.services-download-list th:nth-child(7),.services-download-list td:nth-child(7){width: 60px;}
.services-download-list th{height: 35px;border-bottom: 1px solid #e5e5e5;font-size:14px;color: #333;font-weight: normal;}
.services-download-list td{height: 109px;border-bottom: 1px solid #e5e5e5;font-size:14px;color: #999;text-transform: uppercase;}
.services-download-list td:nth-child(1) img{width: 69px;height: 69px;border:1px solid #e5e5e5;}
.services-download-list td:nth-child(2) span{display: inline-block;color: #333;padding-right: 10px;}
.services-download-list td:nth-child(7){text-align: right;}
.services-download-list .down-file{display: inline-block;width: 32px;height: 25px;background: url('../images/services_download02.png') no-repeat 0 0;}
.services-download-list .down-file:hover{background-position: 0 -109px;}
/*services idea page*/
.services-idea{padding: 50px 60px 80px;}
.services-idea .title{margin-bottom: 68px;font-size:16px;color: #666;line-height: 1.875;}
.services-idea .title h2{font-weight: normal;}
.services-idea .title p{text-indent: 2em;}
.services-idea .feedback h2{margin-bottom: 16px;font-size:20px;font-weight: normal;color: #333;}
.services-idea .feedback h2 span{font-size:15px;color: #ff0000;}
.services-idea .feedback textarea{margin-bottom: 21px;height: 270px;width: 100%;padding: 10px;border:1px solid #e5e5e5;font-size:16px;color: #666;resize:none;}
.services-idea .upload h2{margin-bottom: 20px;font-size:20px;font-weight: normal;color: #333;}
.services-idea .upload h2 span{font-size:15px;color: #999;}
.services-idea .upload label{display: block;width: 90px;height: 90px;margin-bottom: 30px;border:1px dashed rgb(204, 204, 204);text-align: center;}
.services-idea .upload label i{display: block;width: 33px;height: 37px;margin: 0 auto;margin-top: 15px;background: url('../images/services_idea01.png') no-repeat 0 0;}
.services-idea .upload label p{font-size:14px;color: rgb(204, 204, 204);}
.services-idea .upload .tip{margin-bottom: 20px;font-size:13px;color: #999;}
.services-idea .contact h2{margin-bottom: 20px;font-size:20px;font-weight: normal;color: #333;}
.services-idea .contact h2 span{font-size:15px;color: #999;}
.services-idea .contact-phone{width: 382px;height: 34px;line-height: 32px;border:1px solid #e5e5e5;font-size:0;}
.services-idea .contact-phone label{display: inline-block;width: 70px;height:32px;border-right: 1px solid #e5e5e5;font-size:15px;color: #999;text-align: center;}
.services-idea .contact-phone input{padding-left: 10px;font-size:15px;color: #666;}
.services-idea-submit{display: block;margin: 0 auto;margin-top: 50px;width: 136px;height: 43px;border:1px solid rgb(11, 193, 170);text-align: center;border-radius: 5px;color: #fff;
  background-image: -moz-linear-gradient(rgb(50,239,215),rgb(56,216,195));
  background-image: -webkit-linear-gradient(rgb(50,239,215),rgb(56,216,195));
  background-image: -ms-linear-gradient(rgb(50,239,215),rgb(56,216,195));
  background-image:linear-gradient(rgb(50,239,215),rgb(56,216,195));
}
/*about instr page*/
.about-headline{padding-left: 5px;border-left: 3px solid rgb(23, 221, 196);}
.about-headline h2{margin-bottom: 5px;font-size:48px;color: rgb(204, 204, 204);font-weight: normal;text-transform: uppercase;line-height: 1;}
.about-headline p{font-size:30px;color: #333;line-height: 1;}
.about-instr{padding: 50px 0 80px;}
.about-instr .content-main{margin-top: 40px;}
.about-instr-img{width: 460px;margin-left: 30px;}
.about-instr-img img{width: 100%;max-width:auto;}
.about-instr .content{font-size:16px;color: #666;line-height: 2.5;}
.about-instr .content p{text-indent: 2em;}
/*about contact page*/
.about-contact{padding: 50px 0 80px;}
.about-contact-list{margin-top: 50px;}
.about-contact-list li{padding: 50px 0;border-top: 1px dashed #ccc;}
.map{float: left;width: 480px;height: 267px;margin-right: 50px;}
.map img{max-width:none;}
.about-contact-info h2{margin-bottom: 6px;font-size:16px;color: #333;font-weight: normal;}
.about-contact-info h3{margin-bottom: 25px;font-size:14px;color: #999;font-weight: normal;}
.about-contact-info p{font-size:14px;color: #666;line-height: 1.8;}
.about-contact-info p span{color: #333;}
/*about recruit page*/
.about-recruit{padding: 50px 0 80px;}
.about-recruit .tip{margin: 30px 0;font-size:16px;color: #666;}
.about-recruit-title span{float: left;/*width: 14.285%;*/width: 160px;font-size:18px;color: #333;line-height: 2.2;text-align: center;}
.about-recruit-title span:first-child{width: 240px;}
.about-recruit-list{border-bottom: 1px dashed #ccc;}
.about-recruit-list .list-title{height: 60px;border-top: 1px dashed #ccc;cursor:pointer;}
.about-recruit-list .list-title span{float: left;/*width: 14.285%;*/width: 160px;font-size:16px;color: #666;line-height: 58px;text-align: center;}
.about-recruit-list .list-title span:first-child{width: 240px;}
.about-recruit-list .list-title span:last-child i{display: inline-block;width: 21px;height: 11px;background:url('../images/about_recruit_arrow.png') no-repeat 0 -737px;}
.about-recruit-list .list-del{display: none;padding: 40px 20px 50px;}
.about-recruit-list .title{margin-bottom: 20px;font-size:16px;color: #666;line-height: 2.5;}
.about-recruit-list .title span{margin-right: 75px;}
.about-recruit-list .des,.about-recruit-list .req{margin-bottom: 10px;}
.about-recruit-list .des h2,.about-recruit-list .req h2{font-size:16px;color: #666;line-height: 2.5;font-weight: normal;}
.about-recruit-list .des ul,.about-recruit-list .req ul{padding-left: 40px;}
.about-recruit-list .des li,.about-recruit-list .req li{font-size:16px;color: #666;line-height: 2.5;}
.list-del-btn{margin-top: 50px;width: 220px;height: 50px;line-height: 50px;font-size:20px;text-align: center;color: #fff;background-color: rgb(42, 213, 194);}
.about-recruit .list-item.on{background-color: #f2f5fa;}
.about-recruit .list-item.on .list-title{border-bottom: 1px dashed #ccc;border-top-style: solid;}
.about-recruit .list-item.on .list-title span{color: rgb(42, 213, 194);}
.about-recruit .list-item.on .list-title span:last-child i{background-position: 0 0;}
/*about news page*/
.about-news{padding: 50px 0 80px;}
.about-news-nav{width: 180px;margin-right: 50px;}
.about-news-nav .item{padding: 15px 0;border-bottom: 1px solid #f0f0f0;}
.about-news-nav .item h2{font-size:20px;color: #333;line-height: 1.5;font-weight: normal;}
.about-news-nav .item li a{font-size:14px;color: #999;line-height: 2.1;}
.about-news-nav .item li a:hover{color: #17ddc5;}
.about-news-main{margin-bottom: 50px;width: 970px;}
.about-news-list li{padding: 40px 0 50px;border-bottom: 1px solid #f0f0f0;}
.about-news-list li:first-child{padding-top: 0;}
.about-news-img{width: 260px;margin-left: 130px;}
.about-news-img img{width: 100%;max-width:auto;}
.about-news-list li .content h2{font-size:18px;color: #333;font-weight: normal;line-height: 1.5;}
.about-news-list li .content .time{font-size:12px;color: #999;}
.about-news-list li .content p{margin-top: 18px;font-size:16px;color: #666;line-height: 1.5;}
.about-news-list li a:hover h2{color: #17ddc5;}
/*about news del page*/
.about-news-del{padding: 80px 0 80px;}
.about-news-del .title{padding-bottom: 25px;text-align: center;border-bottom: 1px solid #f1f1f1;}
.about-news-del .title h2{margin-bottom: 8px;font-size:24px;font-weight: normal;line-height: 2;color: #333;}
.about-news-del .title .time{font-size:14px;color: #999;}
.about-news-del .content{padding: 40px 0;border-bottom: 1px solid #f1f1f1;font-size:15px;color: #666;line-height: 2;text-transform: uppercase;text-align: center;}
.about-news-del .content p{text-indent: 2em;text-align: left;}
.about-news-del .content img{margin: 20px 0;}
.about-news-del-page{margin-top: 30px;}
.about-news-del-page .page-left{width: 1060px;}
.about-news-del-page .page-left a{font-size:16px;color: #666;line-height: 1.8;}
.about-news-del-page .page-left a:hover,.about-news-del-page .page-left a.hover{color: rgb(42, 213, 194);}
.about-news-del-return{width: 121px;height: 34px;line-height: 34px;background-color: rgb(42, 213, 194);font-size:16px;text-align: center;color: #fff;border-radius:20px;}
/*search page*/
.el{opacity: 0;}
.search-page{padding-bottom: 80px;}
.search-page .title{padding: 25px 0;border-bottom: 1px solid #dadada;font-size:20px;color: #999;}
.search-page li{height: 55px;border-bottom: 1px solid #dadada;}
.search-page .list-title{font-size:0;}
.search-page .list-title a{display: inline-block;margin-right: 45px;font-size:16px;color: #999;line-height: 54px;}
.search-page .list-title a:hover,.search-page .list-title a.hover{color: #333;}
.search-page .list-item{position: relative;font-size:0;line-height: 54px;}
.search-page .list-item .des{display: inline-block;vertical-align: middle;font-size:16px; color: rgb(23, 221, 196);font-weight: bold;}
.search-page .list-item .line{margin: 0 17px;display: inline-block;vertical-align: middle;height: 16px; width: 1px;background-color: rgb(218, 218, 218);}
.search-page .list-item .info{display: inline-block;vertical-align: middle;font-size:16px;color: #333;}
.search-page .list-item .info:hover{color: #2ad5c2;}
.search-page .list-item .time{position: absolute;top: 0;right: 0;font-size:16px;color: #333;}
/*app page*/
.container-s{width: 1000px;margin: 0 auto;}
.app-banner{position: relative;height: 980px;}
.app-banner .container-s{position: absolute;z-index:5;width: 1000px;height: 100%;top: 0;right: 0;left: 0;}
.app-banner-slide{height: 980px;width: 100% !important;overflow: hidden;}
.app-banner-slide .bd,.app-banner-slide .bd li{height: 980px;width: 100% !important;}
.app-banner-slide li{background-position: center center;-webkit-background-size: cover;
background-size: cover;}
.app-banner-slide li.item1{background-image: url('../images/app_banner01.jpg');}
.app-banner-slide li.item2{background-image: url('../images/app_banner02.jpg');}
.app-banner-slide li.item3{background-image: url('../images/app_banner03.jpg');}
.app-banner-slide li.item4{background-image: url('../images/app_banner04.jpg');}
.logo-wrapper{margin-top: 230px;}
.logo-wrapper h2{margin-top: 20px;font-size:32px;color: #000;font-weight: normal;}
.logo-wrapper h3{font-size:22px;font-weight: normal;color: #666;line-height: 1.8;text-align: center;}
.app-download{margin-top: 45px;width: 370px;border-radius:40px;
  background-image: -moz-linear-gradient( rgb(13,221,205),rgb(36,198,143));
  background-image: -webkit-linear-gradient( rgb(13,221,205),rgb(36,198,143));
  background-image: -ms-linear-gradient( rgb(13,221,205),rgb(36,198,143));
  background-image: linear-gradient( rgb(13,221,205),rgb(36,198,143));
}
.app-download .title{height: 77px;line-height: 77px;text-align: center;font-size:0;}
.app-download .title span{vertical-align: middle;display: inline-block;font-size:42px;color: #fff;}
.app-download .title i{position: relative;top: 3px;margin-right: 10px;vertical-align: middle;display: inline-block;width: 34px;height: 34px;background: url('../images/app_logo_icao.png') no-repeat 0 0;}
.ewm-wrapper{display: none;padding-top: 24px;text-align: center;}
.play.app-logo{-webkit-animation:downIn 1.5s ease forwards;animation:downIn 1.5s ease forwards;}
.logo-wrapper h2.play,.logo-wrapper h3.play{-webkit-animation:downIn 1.2s .3s ease forwards;animation:downIn 1.2s .3s ease forwards;}
.play.app-download{-webkit-animation:downIn .9s 0.6s ease forwards;animation:downIn .9s .6s ease forwards;}
.app-page1{height: 980px;background: url('../images/app02.jpg') no-repeat center center/cover;}
.app-page1 .container-s{height: 100%;}
.app-page1 .container-s .content-left{width: 500px;padding-top: 80px;font-size:0;}
.app-page1 .container-s .content-left img:first-child{margin-right: 24px;}
.app-page1 .container-s .content-right{margin-top: 390px;}
.app-page1 .container-s .content-right .title{font-size:42px;color: #fff;font-weight: 700;}
.app-page1 .content-right .title .line{position: relative;top: -2px;margin-left: 15px;}
.app-page1 .container-s .content-right h2{margin-top: 10px;font-size:42px;color: #fff;font-weight: normal;}
.app-page1 .container-s .content-right p{margin-top: 40px;font-size:20px;color: #fff;}
.app-page1 .content-right .title.play{-webkit-animation:downIn 1.5s ease forwards;animation:downIn 1.5s ease forwards;}
.app-page1 .content-right h2.play{-webkit-animation:downIn 1.2s .3s ease forwards;animation:downIn 1.2s .3s ease forwards;}
.app-page1 .content-right p.play{-webkit-animation:downIn .9s 0.6s ease forwards;animation:downIn .9s .6s ease forwards;}
.app-page1 .content-left img:first-child.play{-webkit-animation:leftIn 1.5s ease-out forwards;animation:leftIn 1.5s ease-out forwards;}
.app-page1 .content-left img:last-child.play{-webkit-animation:leftIn 1.2s .3s ease-out forwards;animation:leftIn 1.2s .3s ease-out forwards;}
.app-page2{height: 660px;background: url('../images/app03.jpg') no-repeat center center/cover;}
.app-page2 .container-s{height: 100%;overflow: hidden;}
.app-page2 .content-left{margin-top: 170px;}
.app-page2 .content-left .title{font-size:42px;color: #3ad1be;font-weight: 700;}
.app-page2 .content-left .title .line{position: relative;top: -2px;margin-left: 15px;}
.app-page2 .content-left h2{margin-top: 10px;font-size:42px;color: #3ad1be;font-weight: normal;}
.app-page2 .content-left p{margin-top: 25px;font-size:20px;color: #3ad1be;line-height: 1.8;}
.app-page2 .content-right img{margin-top: 112px;}
.app-page2 .content-left.play{-webkit-animation:leftIn 1.5s ease-out forwards;animation:leftIn 1.5s ease-out forwards;}
.app-page2 .content-right img.play{-webkit-animation:rightIn 1.5s ease-out forwards;animation:rightIn 1.5s ease-out forwards;}
.app-page3{height: 1100px;background: url('../images/app04.jpg') no-repeat center center/cover;}
.app-page3 .container-s{height: 100%;}
.app-page3 .content-left{position: relative;margin-top: 160px;width: 500px;height: 940px;overflow: hidden;}
.app-page3 .content-left .img1{position: absolute;top: 0;left: -50px;}
.app-page3 .content-left .img2{position: absolute;top: 30px;left: 103px;}
.app-page3 .content-right{margin-top: 323px;}
.app-page3 .content-right .title{font-size:42px;color: #fff;font-weight: 700;}
.app-page3 .content-right .title .line{position: relative;top: -2px;margin-left: 15px;}
.app-page3 .content-right h2{margin-top: 10px;font-size:42px;color: #fff;font-weight: normal;}
.app-page3 .content-right p{margin-top: 40px;font-size:20px;color: #fff;}
.app-page3 .content-left .img1.play{-webkit-animation:downIn 1.5s ease-out forwards;animation:downIn 1.5s ease-out forwards;}
.app-page3 .content-left .img2.play{-webkit-animation:downIn 1.2s .3s ease-out forwards;animation:downIn 1.2s .3s ease-out forwards;}
.app-page3 .content-right.play{-webkit-animation:rightIn 1.5s ease-out forwards;animation:rightIn 1.5s ease-out forwards;}
.app-page4{height: 1140px;background: url('../images/app05.jpg') no-repeat 0 0/100% 100%;}
.app-page4 .container-s{height: 100%;}
.app-page4 .content-right{margin-top: 160px;}
.app-page4 .content-left{width: 500px;margin-top: 527px;text-align: right;}
.app-page4 .content-left .title{font-size:42px;color: #fff;font-weight: 700;}
.app-page4 .content-left .title .line{position: relative;top: -2px;margin-left: 15px;}
.app-page4 .content-left h2{margin-top: 10px;font-size:42px;color: #fff;font-weight: normal;}
.app-page4 .content-left p{margin-left: 120px;margin-top: 30px;font-size:20px;color: #fff;line-height: 1.8;text-align: left;}
.app-page4 .content-left .title.play{-webkit-animation:downIn 1.5s ease forwards;animation:downIn 1.5s ease forwards;}
.app-page4 .content-left h2.play{-webkit-animation:downIn 1.2s .3s ease forwards;animation:downIn 1.2s .3s ease forwards;}
.app-page4 .content-left p.play{-webkit-animation:downIn .9s .6s ease forwards;animation:downIn .9s .6s ease forwards;}
.app-page4 .content-right img.play{-webkit-animation:rightIn 1.5s ease-out forwards;animation:rightIn 1.5s ease-out forwards;}
.app-header{position: absolute;z-index:10;height: 80px;width: 100%;line-height: 80px;background-color: rgba(0, 0, 0,.7);}
.app-header .return,.app-header .gonext{font-size:16px;color: #fff;}
.app-header .line{margin: 0 6px;margin-top: 32px;height: 16px;width: 1px;background-color: #fff;}
.app-footer{padding: 33px 0;font-size:12px;color: rgb(175, 165, 169);text-align: center;line-height: 24px;}
.app-footer-nav{font-size:0;}
.app-footer-nav a{display: inline-block;vertical-align: middle;font-size:12px;color: rgb(175, 165, 169);}
.app-footer-nav a:hover{color: #3ad1be;}
.app-footer-nav .line{display: inline-block;margin: 0 9px;vertical-align: middle;width: 1px;height: 13px;background-color: rgb(175, 165, 169);}
.app-footer-content a{display: inline;color: rgb(175, 165, 169);}

/*动画*/
@-webkit-keyframes downIn {
    from {
        opacity:0;
        -webkit-transform:scale(.98,.98) translate3d(0,30px,0);
    }
    to {
        opacity:1;
        -webkit-transform:scale(1) translate3d(0,0,0);
    }
}
@keyframes downIn {
    from {
        opacity:0;
        transform:scale(.98,.98) translate3d(0,30px,0);
    }
    to {
        opacity:1;
        transform:scale(1) translate3d(0,0,0);
    }
}
@-webkit-keyframes leftIn {
    from {
        opacity:0;
        -webkit-transform:scale(1,1) translate3d(30px,0,0);
    }
    to {
        opacity:1;
        -webkit-transform:scale(1) translate3d(0,0,0);
    }
}
@keyframes leftIn {
    from {
        opacity:0;
        transform:scale(1,1) translate3d(30px,0,0);
    }
    to {
        opacity:1;
        transform:scale(1) translate3d(0,0,0);
    }
}
@-webkit-keyframes rightIn {
    from {
        opacity:0;
        -webkit-transform:scale(1,1) translate3d(-30px,0,0);
    }
    to {
        opacity:1;
        -webkit-transform:scale(1) translate3d(0,0,0);
    }
}
@keyframes rightIn {
    from {
        opacity:0;
        transform:scale(1,1) translate3d(-30px,0,0);
    }
    to {
        opacity:1;
        transform:scale(1) translate3d(0,0,0);
    }
}
@-webkit-keyframes topIn {
    from {
        opacity:0;
        -webkit-transform:scale(.98,.98) translate3d(0,-30px,0);
    }
    to {
        opacity:1;
        -webkit-transform:scale(1) translate3d(0,0,0);
    }
}
@keyframes topIn {
    from {
        opacity:0;
        transform:scale(.98,.98) translate3d(0,-30px,0);
    }
    to {
        opacity:1;
        transform:scale(1) translate3d(0,0,0);
    }
}
.more_param .product-del-info{
    display: none;
}
.more_param .product-del-info:first-child{
    display: block;
}