@charset "utf-8";.dc-SlideShow{visibility:hidden;position:relative;transition:opacity .3s;opacity:0}.dc-SlideShow.loaded,.dc-SlideShow.loading{visibility:visible;opacity:1}.dc-SlideShow .slide-item,.dc-SlideShow .slides-list{height:100%;margin:0;padding:0;list-style:none}.dc-SlideShow .slides-list{overflow:hidden;position:relative;z-index:2}.dc-SlideShow .slide-item{visibility:hidden;position:absolute;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.dc-SlideShow .slide-item.active,.dc-SlideShow .slide-item.draging{visibility:visible}.slide-item .slide-bg{display:none}.slide-item.has-transition{transition:all .3s ease-out}.dc-SlideShow .slide-item.hidden{visibility:hidden}.dc-SlideShow .slide-bullets,.dc-SlideShow .slide-hotarea{z-index:10}.dc-SlideShow .slide-hotarea{position:absolute;top:50%;width:40px;height:70px;margin-top:-35px;cursor:default;transition:transform .4s ease-out,opacity .4s;opacity:0}.dc-SlideShow .slide-hotarea.prev{left:30px;transform:translate3d(-200px,0,0)}.dc-SlideShow .slide-hotarea.next{right:30px;transform:translate3d(200px,0,0)}.dc-SlideShow.loaded:hover .slide-hotarea.next,.dc-SlideShow.loaded:hover .slide-hotarea.prev{transform:translate3d(0,0,0);opacity:1}.dc-SlideShow:hover .slide-hotarea{display:block;cursor:pointer}.dc-SlideShow .slide-hotarea>.slide-btn{display:block;position:absolute;top:50%;width:100%}.slide-hotarea.prev .slide-btn{left:0}.slide-hotarea.next .slide-btn{right:0}.slide-hotarea>.slide-btn:after,.slide-hotarea>.slide-btn:before{position:absolute;top:-1px;width:100%;height:2px;content:'';transform:rotate(-45deg);background-color:#fff}.slide-hotarea>.slide-btn:after{transform:rotate(45deg)}.prev .slide-btn:after,.prev .slide-btn:before{transform-origin:0 0}.next .slide-btn:after,.next .slide-btn:before{transform-origin:100% 0}.dc-SlideShow .slide-hotarea:hover>.slide-btn{color:#fff;border-radius:3px;background:rgba(102,102,102,.4)}.dc-SlideShow .slide-bullets{position:absolute;bottom:175px;left:0;width:100%;height:20px;margin:0;padding:0;text-align:center;font-size:0}.dc-SlideShow .slide-bullet{display:inline-block;width:20px;height:20px;font-size:0;line-height:20px;text-align:center;cursor:pointer}.dc-SlideShow .slide-bullet:before{content:'';display:inline-block;width:10px;height:10px;border:solid 1px #666;border-radius:50%;vertical-align:middle}.dc-SlideShow .slide-bullets.dark-bg .slide-bullet:before{border-color:rgba(255,255,255,.8)}
@media (max-width:1023px){.dc-SlideShow .slide-bullets{bottom:8px}}.dc-SlideShow .slide-bullet.active:before{width:12px;height:12px;border-width:2px;border-color:#20a3dd}.dc-SlideShow .slide-bullets.dark-bg .slide-bullet.active:before{border-color:rgba(255,255,255,.9)}.effect-layer{display:none;overflow:hidden;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.effect-layer.show-effect{display:block}.fade>.effect-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.fade>.curr-slide{z-index:2}.fade>.next-slide{z-index:1}.show-effect.fade>.curr-slide{animation:effect-fadeOut 1s forwards}.show-effect.fade>.next-slide{animation:effect-fadeIn 1s forwards}@keyframes effect-fadeIn{from{opacity:0}to{opacity:1}}@keyframes effect-fadeOut{from{opacity:1}to{opacity:0}}.effect-layer .effect-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.show-effect.slide .curr-slide{animation:effect-slideOutLeft 1s forwards}.show-effect.slide .next-slide{animation:effect-slideInRight 1s forwards}.show-effect.slide.reverse .curr-slide{animation:effect-slideOutRight 1s forwards}.show-effect.slide.reverse .next-slide{animation:effect-slideInLeft 1s forwards}.show-effect.slide-vertical .curr-slide{animation:effect-slideOutUp 1s forwards}.show-effect.slide-vertical .next-slide{animation:effect-slideInDown 1s forwards}.show-effect.slide-vertical.reverse .curr-slide{animation:effect-slideOutDown 1s forwards}.show-effect.slide-vertical.reverse .next-slide{animation:effect-slideInUp 1s forwards}@keyframes effect-slideInLeft{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes effect-slideInRight{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes effect-slideOutLeft{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes effect-slideOutRight{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes effect-slideInUp{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}@keyframes effect-slideInDown{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes effect-slideOutUp{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-100%,0)}}@keyframes effect-slideOutDown{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,100%,0)}}.stage-3d-effect{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;perspective:2000px}.turn-down .curr-slide:before,.turn-left .curr-slide:before,.turn-right .curr-slide:before,.turn-up .curr-slide:before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';background:rgba(0,0,0,.4)}.show-effect.turn-down .curr-slide:before,.show-effect.turn-left .curr-slide:before,.show-effect.turn-right .curr-slide:before,.show-effect.turn-up .curr-slide:before{animation:effect-fadeIn 1s forwards}.show-effect.turn-right .next-slide{transform-origin:100% 0;animation:effect-turnInRight 1s forwards}.show-effect.turn-left .next-slide{transform-origin:0 0;animation:effect-turnInLeft 1s forwards}.show-effect.turn-down .next-slide{transform-origin:0 100%;animation:effect-turnInDown 1s forwards}.show-effect.turn-up .next-slide{transform-origin:100% 0;animation:effect-turnInUp 1s forwards}@keyframes effect-turnInLeft{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes effect-turnInRight{from{transform:rotateY(-90deg)}to{transform:rotateY(0)}}@keyframes effect-turnInDown{from{transform:rotateX(90deg)}to{transform:rotateY(0)}}@keyframes effect-turnInUp{from{transform:rotateX(-90deg)}to{transform:rotateY(0)}}.show-effect.shift-down .curr-slide,.show-effect.shift-left .curr-slide,.show-effect.shift-right .curr-slide,.show-effect.shift-up .curr-slide{animation:effect-zoomOut 1s forwards}.show-effect.shift-right .next-slide{transform-origin:100% 0;animation:effect-shiftInRight 1s forwards}.show-effect.shift-left .next-slide{transform-origin:0 0;animation:effect-shiftInLeft 1s forwards}.show-effect.shift-up .next-slide{transform-origin:0 100%;animation:effect-shiftInUp 1s forwards}.show-effect.shift-down .next-slide{transform-origin:100% 0;animation:effect-shiftInDown 1s forwards}@keyframes effect-zoomOut{from{transform:scale(1)}to{transform:scale(.6)}}@keyframes effect-shiftInLeft{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes effect-shiftInRight{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes effect-shiftInUp{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}@keyframes effect-shiftInDown{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}.unfold.effect-layer{overflow:visible}.effect-layer.unfold .effect-slide{width:50%}.effect-layer.unfold .next-slide{left:50%;background-position:100% 0}.effect-layer.unfold .unfold-effect-slides{position:absolute;top:0;left:50%;width:50%;height:100%;transform-style:preserve-3d}.unfold-effect-slides .unfold-back,.unfold-effect-slides .unfold-front{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;backface-visibility:hidden}.unfold .unfold-front{background-position:100% 0}.unfold .unfold-back{transform:rotate3d(0,1,0,180deg)}.show-effect.unfold .unfold-effect-slides{transform-origin:0 0;animation:effect-unfoldLeft 1s forwards}.unfold.reverse .next-slide{left:0;background-position:0 0}.unfold.reverse .curr-slide{left:50%;background-position:100% 0}.unfold.reverse .unfold-effect-slides{left:0}.reverse.unfold .unfold-back{background-position:100% 0}.reverse.unfold .unfold-front{background-position:0 0}.show-effect.unfold.reverse .unfold-effect-slides{transform-origin:100% 0;animation:effect-unfoldRight 1s forwards}.unfold-vertical.effect-layer{overflow:visible}.effect-layer.unfold-vertical .unfold-effect-slides{position:absolute;top:0;left:50%;width:100%;height:50%;transform-style:preserve-3d}.effect-layer.unfold-vertical .effect-slide{height:50%}.effect-layer.unfold-vertical .curr-slide{top:50%;background-position:0 100%}.effect-layer.unfold-vertical .unfold-effect-slides{position:absolute;top:0;left:0;width:100%;height:50%;transform-style:preserve-3d}.unfold-vertical .unfold-back{transform:rotate3d(1,0,0,180deg);background-position:0 100%}.show-effect.unfold-vertical .unfold-effect-slides{transform-origin:0 100%;animation:effect-unfoldDown 1s forwards}.unfold-vertical.reverse .next-slide{top:50%;background-position:0 100%}.unfold-vertical.reverse .curr-slide{top:0;background-position:0 0}.unfold-vertical.reverse .unfold-effect-slides{top:50%}.reverse.unfold-vertical .unfold-back{background-position:0 0}.reverse.unfold-vertical .unfold-front{background-position:0 100%}.show-effect.unfold-vertical.reverse .unfold-effect-slides{transform-origin:100% 0;animation:effect-unfoldUp 1s forwards}@keyframes effect-unfoldLeft{from{transform:rotate3d(0,1,0,0)}to{transform:rotate3d(0,1,0,-180deg)}}@keyframes effect-unfoldRight{from{transform:rotate3d(0,1,0,0)}to{transform:rotate3d(0,1,0,180deg)}}@keyframes effect-unfoldDown{from{transform:rotate3d(1,0,0,0)}to{transform:rotate3d(1,0,0,-180deg)}}@keyframes effect-unfoldUp{from{transform:rotate3d(1,0,0,0)}to{transform:rotate3d(1,0,0,180deg)}}.overview .dc-SlideShow{height:560px}.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;color:#3550d6}.slide-content.slide-play{visibility:visible}
.dc-SlideShow.mobile-deviceSize .slide-content{visibility:hidden}.dc-SlideShow.mobile-device .slide-content [slider-transition-enter-effect],.dc-SlideShow.mobile-device .slide-content [slider-transition-exit-effect]{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.dc-SlideShow .slide-hotarea,.dc-SlideShow:hover .slide-hotarea{display:none}.slide-link{display:block;height:100%}
@media (max-width:1023px){.overview .dc-SlideShow{height:auto}}.content-block.overview{position:relative;max-width:none;margin:0;padding:0;background:#fff}
@media (max-width:1023px){.content-block.overview{background:#dee6ee}}.swiper-slide,.swiper-wrapper{height:560px!important}.swiper-container{height:500px}.swiper-slide{width:100%}.banner-wrapper{width:100%;height:100%;background:url(../images/bysoft/img_2018/index-v2/banner/rds-bg.jpg) no-repeat center}.banner-main{position:relative;max-width:1180px;margin:0 auto;padding-top:107px;color:#333;text-align:left}.banner-main.not-pro{padding-top:100px;text-align:center}
@media (max-width:1200px){.banner-main{padding-left:20px;padding-right:20px}}

.banner-main .txt-01{font-size:24px;line-height:44px}.banner-main.not-pro .txt-01{display:inline-block;padding:0 5px;color:#333;font-size:24px;margin-left:510px;border-bottom:2px solid #96abc4;margin-bottom:20px}.banner-main.not-pro.ide .txt-01 strong{font-weight:700}.banner-main .txt-02{font-size:48px;line-height:68px}.banner-main.not-pro .txt-02{color:#2b3033;font-size:70px;text-align:center;margin-bottom:25px}.banner-main .txt-03{font-size:16px;line-height:36px}.banner-main.not-pro .txt-03{color:#2b3033;font-size:30px;text-align:center}.banner-main .btn-banner{width:142px;height:40px;margin-top:35px;background:#20a3dd;font-size:16px;color:#fff;line-height:40px;text-align:center}.banner-main-bg{position:absolute;z-index:0;top:0;left:50%;width:1920px;height:560px;margin-left:-960px;background-repeat:no-repeat;background-position:center center}.pagination{position:absolute;z-index:20;bottom:150px;width:100%;text-align:center}.swiper-pagination-switch{display:inline-block;width:50px;height:20px;margin:0 5px;background:0 0;border-bottom:3px solid rgba(0,0,0,.2);border-radius:0;cursor:pointer}.swiper-active-switch{border-bottom:3px solid #20a3dd}.banner-mb{display:none}
@media (max-width:1023px){.swiper-container{height:auto}.swiper-slide,.swiper-wrapper{height:auto!important}.banner-main{display:none}.banner-mb{display:block}.banner-mb img{width:100%;display:block}.pagination{bottom:10px}}
@-webkit-keyframes fadeInFg{0%{opacity:0;-webkit-transform:translate3d(2%,2%,0);transform:translate3d(2%,2%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInFg{0%{opacity:0;-webkit-transform:translate3d(2%,2%,0);-ms-transform:translate3d(2%,2%,0);transform:translate3d(2%,2%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInFg{-webkit-animation-name:fadeInFg;animation-name:fadeInFg}[slider-transition-enter-effect=transition-fadeIn]{opacity:0}[slider-transition-enter-effect=transition-fadeIn][slider-transition-state=enter]{-webkit-transition-timing-function:ease;transition-timing-function:ease;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[slider-transition-enter-effect=transition-fadeInUp]{opacity:0;-webkit-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}[slider-transition-enter-effect=transition-fadeInUp][slider-transition-state=enter]{-webkit-transition-timing-function:ease;transition-timing-function:ease;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[slider-transition-enter-effect=transition-fadeInTopLeft-short]{opacity:0;-webkit-transform:translate3d(20px,20px,0);-ms-transform:translate3d(20px,20px,0);transform:translate3d(20px,20px,0)}[slider-transition-enter-effect=transition-fadeInTopLeft-short][slider-transition-state=enter]{-webkit-transition-timing-function:ease;transition-timing-function:ease;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[slider-transition-exit-effect=transition-fadeOut][slider-transition-state=exit]{-webkit-transition-timing-function:ease;transition-timing-function:ease;opacity:0;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[slider-transition-exit-effect=transition-fadeOutUp][slider-transition-state=exit]{-webkit-transition-timing-function:ease;transition-timing-function:ease;opacity:0;-webkit-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}.slide-content-product .banner-main{padding-top:90px}.banner-product-text{position:relative;z-index:3;padding-left:30px}.banner-product-text h3{margin-bottom:10px;font-size:24px;color:#333;line-height:36px}.banner-product-text h2{margin-top:10px;margin-bottom:10px;font-size:48px;color:#333;line-height:60px}.banner-product-text p{margin-top:10px;font-size:18px;color:#333;line-height:22px}.banner-product-text em{font-style:normal;color:#20a3dd}.banner-product-text .aui-button{margin-top:30px}.banner-product-text .btn-primary{box-shadow:0 10px 20px 0 rgba(239,35,54,.2)}.banner-product-text .aui-button+.aui-button{margin-left:7px}.banner-product-image-main,.banner-product-image-sub{position:absolute;z-index:1;top:0;right:-190px;width:930px;height:560px}[slider-transition-enter-effect=transition-fadeInBottomLeft-product]{opacity:0;-webkit-transform:translate3d(104px,-71px,0);-ms-transform:translate3d(104px,-71px,0);transform:translate3d(104px,-71px,0)}[slider-transition-enter-effect=transition-fadeInBottomLeft-product][slider-transition-state=enter]{-webkit-transition-timing-function:ease;transition-timing-function:ease;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slide-content-activity .banner-main{height:400px;padding-top:105px;font-size:0;text-align:center}.banner-activity-text{position:relative;z-index:3;text-align:center}.banner-activity-text h3{margin-bottom:10px;font-size:24px;line-height:36px;color:#333}.banner-activity-text h2{margin-top:10px;margin-bottom:10px;font-size:56px;line-height:70px;color:#333}.banner-activity-text p{margin-top:10px;margin-bottom:10px;font-size:18px;line-height:22px;color:#333}.banner-activity-text em{font-style:normal;color:#20a3dd}.banner-activity-text .banner-activity-text-subp{display:block;margin-top:12px;margin-bottom:12px;font-size:14px;line-height:18px;color:#999}.banner-activity-button-wrapper{margin-top:20px}.banner-activity-button-wrapper .aui-button{box-shadow:0 10px 20px 0 rgba(239,35,54,.2)}.home-events{position:absolute;z-index:10;left:0;right:0;bottom:0;padding-bottom:58px}.home-events-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.7)}.home-events-bar-wrapper{max-width:1210px;height:40px;padding:10px 15px;margin-left:auto;margin-right:auto}.home-events-bar-new{float:left;width:58px;height:20px;margin-right:20px;background-image: url(../images/bysoft/img_2018/index-v2/events/events-new.svg?sttl=0817007);background-repeat:no-repeat;background-size:auto 14px;background-position:center center}.home-events-bar-item{position:relative;float:left;padding-right:20px;padding-left:12px;width:calc((100% - 120px)/ 3);font-size:14px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-events-bar-item:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;margin-right:10px;background:#20a3dd;vertical-align:middle}.home-events-bar-item em{font-style:normal;color:#20a3dd}.home-event-bar-more{float:right;margin-left:-30px}.home-events-box{max-width:1210px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.home-events-box-wrapper{width:100%;border:solid 1px #fff;border-radius:2px;box-shadow:0 8px 16px 0 rgba(0,0,0,.06)}.home-events-box-wrapper:after{content:"";display:table;clear:both}.home-events-box-item{position:relative;float:left;width:25%;height:100px;background:rgba(255,255,255,.9);-webkit-transition:.2s;transition:.2s}.home-events-box-item+.home-events-box-item{border-left:solid 1px #e9e9e9}.home-events-box-item a{display:block;height:100%;padding:24px 5px 24px 90px}.home-events-box-item i{position:absolute;top:20px;left:15px;width:60px;height:60px}.home-events-box-item i img{position:absolute;width:100%;height:100%;-webkit-transition:opacity .2s;transition:opacity .2s;will-change:opacity}.home-events-box-item i img:last-child{opacity:0}.home-events-box-item h2,.home-events-box-item p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-events-box-item h2{margin-bottom:4px;font-size:18px;line-height:25px;color:#333;-webkit-transition:.2s;transition:.2s;will-change:color}.home-events-box-item p{font-size:14px;line-height:20px;color:#999}
@media (min-width:1024px){.home-events-box-item:hover{background:rgba(255,255,255,1)}.home-events-box-item:hover i img:first-child{opacity:.5}
.home-events-box-item:hover i img:last-child{opacity:1}
.home-events-box-item:hover h2{color:#20a3dd}}
@media (max-width:1023px){.home-events{position:relative;padding-bottom:30px;border-top:solid 1px #fff;background:rgba(255,255,255,.4)}.home-events-bar{position:static;background:0 0}.home-events-bar-wrapper{height:38px;padding-top:7px;padding-bottom:7px}.home-events-bar-new{width:50px;height:22px;margin-right:10px;background-size:auto 12px}.home-events-bar-item{width:calc(100% - 60px);padding-top:3px;padding-bottom:3px;font-size:12px;line-height:16px}.home-event-bar-more,.home-events-bar-item+.home-events-bar-item{display:none}.home-events-box{display:block}.home-events-box:after{content:"";display:table;clear:both}.home-events-box-wrapper{border:none;box-shadow:none}.home-events-box-item{display:block;float:left;width:calc((100% - 5px)/ 2);border:1px solid #fff!important;background:rgba(255,255,255,.4);box-shadow:0 5px 15px 0 rgba(189,189,189,.5)}.home-events-box-item:nth-child(2n){margin-left:5px}.home-events-box-item:nth-child(2)~.home-events-box-item{margin-top:5px}.home-events-box-item a{padding:10px 0 8px}.home-events-box-item i{position:relative;top:auto;left:auto;display:block;margin-left:auto;margin-right:auto}.home-events-box-item h2{margin-top:2px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center}.home-events-box-item p{display:none}}title{font-size:21px}
@media (min-width:768px){title{font-size:22px}}
@media (min-width:1024px){title{font-size:23px}}
@media (min-width:1280px){title{font-size:24px}}
@media (min-width:1366px){title{font-size:25px}}
@media (min-width:1680px){title{font-size:26px}}.home-section h2,.home-section p{text-align:justify}
.section-head{max-width:1210px;padding:60px 15px 30px;margin-left:auto;margin-right:auto;text-align:center}.section-head h2{margin-bottom:5px;font-size:24px;line-height:36px;text-align:center;color:#333}.section-head p{font-size:18px;line-height:24px;text-align:center;color:#999}
.section-more-wrap{padding-top:30px;padding-bottom:60px;text-align:center}
.section-more-wrap a{display:inline-block;font-size:16px;line-height:21px;color:#999;cursor:pointer}


.m-go-box {
    height: 110px;
    background: #f8f8f8;
    text-align: center;
}
.m-go-box .text {
    font-size: 35px;
    font-weight: 500;
    color: #333;
    line-height: 35px;
    padding-top: 60px;
}
.m-go-box .go-btn {
    width: 411px;
    height: 50px;
    background: #a0ae3d;
    border-radius: 4px;
    display: inline-block;
    margin-top: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    font-weight: 400;
    color: #fff;
}
.m-go-box .go-btn i{padding-right:10px}


@media (min-width:1024px){.section-more-wrap a:hover{color:#4082bb;border-color:#4082bb}}
@media (max-width:1023px){.section-head{padding:38px 15px 23px}.section-more-wrap{display:none}.section-head h2{margin-bottom:3px;font-size:21px;line-height:30px}.section-head p{font-size:14px;line-height:20px}}.section-product{background:#fff}.product-nav-tabs{overflow:hidden;max-width:1210px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.product-nav-tabs>li{float:left;width:25%;padding-top:28px;text-align:center}.product-nav-tabs[data-cols="5"]>li{width:20%}.product-nav-tabs[data-cols="6"]>li{width:calc(100% / 6)}.product-nav-tabs[data-cols="7"]>li{width:calc(100% / 7)}.product-nav-tabs[data-cols="8"]>li{width:12.5%}.product-nav-tabs i{display:block;width:48px;height:48px;margin-left:auto;margin-right:auto;background-size:100% 100%}.product-nav-tabs>li>a{display:inline-block;cursor:pointer}.product-nav-tabs i:before{content:"";width:0;height:0}.product-nav-tabs p{display:inline-block;position:relative;height:50px;padding-left:10px;padding-right:10px;margin-top:12px;font-size:14px;line-height:18px;text-align:center;color:#8a8d93;-webkit-transition:.2s;transition:.2s}.product-nav-tabs p:after{content:"";position:absolute;bottom:0;left:50%;right:51%;height:4px;background:#20a3dd;-webkit-transition:.2s;transition:.2s}
@media (min-width:1024px){.product-nav-tabs a:hover p{color:#20a3dd}}.product-nav-tabs>li.active p{color:#20a3dd}.product-nav-tabs>li.active p:after{left:0;right:0}.product-tab-content{overflow:hidden;background:#fafafa;-webkit-transition:.35s;transition:.35s}.product-tab-panel{display:none;max-width:1210px;padding:30px 15px;margin-left:auto;margin-right:auto}.product-tab-panel.active{display:block}.product-list:after{content:"";display:table;clear:both}.product-item{display:inline}.product-item>a{position:relative;float:left;width:33.333333%;height:140px;padding:20px 45px 20px 20px;-webkit-transition:.2s;transition:.2s}.caret-new{display:inline-block;width:36px;height:16px;margin-top:-2px;margin-left:10px;line-height:16px;background:#20a3dd;font-size:12px;color:#fff;text-align:center;vertical-align:middle}.caret-new:before{content:"NEW"}.product-item>a h2{margin-bottom:14px;font-size:16px;line-height:25px;color:#333}.product-item>a p{height:60px;overflow:hidden;font-size:14px;line-height:20px;color:#999;text-align:justify}.product-item>a:after{content:"";opacity:0;position:absolute;top:50%;right:20px;width:8px;height:8px;margin-top:-4px;border-right:solid 1px #20a3dd;border-top:solid 1px #20a3dd;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.2s;transition:.2s}

/*@media (min-width:1024px){.product-item>a:hover h2{color:#20a3dd}
	.product-item>a:hover{background-color:#fff;box-shadow:0 3px 8px 0 rgba(32,163,221,.1)}
	.product-item>a:hover:after{opacity:1}}
.product-icon-calc,li.active .product-icon-calc:before{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-calc.svg?sttl=0817007)}
.product-icon-disk{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-disk.svg?sttl=0817007)}
.product-icon-web{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-web.svg?sttl=0817007)}
.product-icon-safe{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-safe.svg?sttl=0817007)}
.product-icon-datalib{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-datalib.svg?sttl=0817007)}
.product-icon-analysis{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-analysis.svg?sttl=0817007)}
.product-icon-develop{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-develop.svg?sttl=0817007)}
.product-icon-new{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-new.svg?sttl=0817007)}
.product-icon-service{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-service.svg?sttl=0817007)}
.product-icon-manage{background-image: url(../images/bysoft/img_2018/index-v2/product/icon-manage.svg?sttl=0817007)}
.product-body-mb{display:none}*/


@media (max-width:1023px){.section-product{background:#dee6ee}
	.product-body-pc{display:none}
	.product-body-mb{display:block;padding-bottom:25px}
	.product-nav-tabs>li{width:calc(50% - 1px);padding-top:0;margin-top:2px;background:#fff}
	.product-nav-tabs:first-child>li{margin-top:0}.product-nav-tabs>li+li{margin-left:2px}.product-nav-tabs>li>a{display:block;position:relative;height:75px;padding-left:54px;font-size:0;line-height:75px;text-align:left}.product-nav-tabs>li>a:before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background-color:#20a3dd;-webkit-transition:.2s;transition:.2s}.product-nav-tabs>li.active>a:before{left:0;right:0}.product-nav-tabs i{position:absolute;top:50%;left:15px;width:24px;height:24px;margin-top:-12px}.product-nav-tabs p{display:inline-block;height:auto;padding:0;margin-top:0;font-size:14px;line-height:20px;color:#252b3a;vertical-align:middle}.product-tab-content{margin-left:15px;margin-right:15px;background:#fff;-webkit-transition:.35s;transition:.35s}.product-nav-tabs p:after{content:none}.product-tab-panel{border-top:solid 2px #dee6ee;padding:0}.product-list{padding:25px 30px;background:#fff}.product-item{display:list-item}.product-item+.product-item{margin-top:25px}.product-item>a{float:none;display:block;width:auto;height:auto;padding:0}.product-item>a p{height:auto}}
.section-solution{background:#f5f5f5}
.solution-wrapper{/*background:url(../images/bysoft/img_2018/solution-bg.jpg);background-size:cover*/}
.solution-body{max-width:1210px;/*max-width:1440px;*/margin-left:auto;margin-right:auto;overflow:hidden}
.solution-item{overflow:hidden;position:relative;float:left;width:20%;height:450px;background-size:cover;background-position:center center}
.solution-item-business{background-image:url(../images/bysoft/img_2018/bg-business.jpg)}
.solution-item-game{background-image:url(../images/bysoft/img_2018/bg-business2.jpg)}
.solution-item-webmobile{background-image:url(../images/bysoft/img_2018/bg-business3.jpg)}
.solution-item-calc{background-image:url(../images/bysoft/img_2018/bg-business4.jpg)}
.solution-item-sap{background-image:url(../images/bysoft/img_2018/bg-business5.jpg)}
.solution-item:before{content:"";position:absolute;z-index:1;top:0;left:0;right:100%;height:4px;background:#20a3dd;-webkit-transition:.35s;transition:.35s}
.solution-inner{height:520px;padding:170px 20px 0;-webkit-transition:.35s;transition:.35s}
.solution-item:nth-child(2n+1) .solution-inner{background-color:rgba(37,43,58,.4);}
.solution-item:nth-child(2) .solution-inner{background-color:rgba(37,43,58,.3)}
.solution-item:nth-child(4) .solution-inner{background-color:rgba(37,43,58,.3)}
.solution-inner i{display:block;width:60px;height:60px;margin:0 auto 23px;background-size:100% 100%;-webkit-transition:.35s;transition:.35s}
.solution-inner i:before{content:"";width:0;height:0}
.solution-inner h2{margin-bottom:20px;font-size:20px;line-height:28px;text-align:center;color:#fff;-webkit-transition:.35s;transition:.35s}
.solution-inner p{opacity:0;max-width:180px;min-height:72px;margin:0 auto 10px;font-size:12px;line-height:18px;color:#252b3a;-webkit-transition:.35s;transition:.35s}
.solution-inner a{opacity:0;display:block;max-width:180px;margin:0 auto;text-align:center;box-shadow:0 8px 16px 0 rgba(32,163,221,.3);-webkit-transition:.35s;transition:.35s}

@media (min-width:1024px){.solution-item:hover .solution-inner{background:rgba(246,251,255,.9);-ms-transform:translate3d(0,-70px,0);transform:translate3d(0,-70px,0)}.solution-item:hover:before{right:0}.solution-item:hover .solution-inner h2{color:#252b3a}.solution-item:hover .solution-inner a,.solution-item:hover .solution-inner p{opacity:1}}
.section-solution .section-more-wrap{display:none}
.solution-icon-business{background-image: url(../images/bysoft/img_2018/icon-guoqi.svg)}
.solution-icon-game{background-image: url(../images/bysoft/img_2018/icon-jianzhu.svg)}
.solution-icon-webmobile{background-image: url(../images/bysoft/img_2018/icon-dichan.svg)}
.solution-icon-calc{background-image: url(../images/bysoft/img_2018/icon-zhizao.svg)}
.solution-icon-sap{background-image: url(../images/bysoft/img_2018/icon-lvyou.svg)}


@media (min-width:1024px)
{.solution-icon-business:before,.solution-item:hover .solution-icon-business{background-image: url(../images/bysoft/img_2018/icon-guoqi-active.svg)}
	.solution-icon-game:before,.solution-item:hover .solution-icon-game{background-image: url(../images/bysoft/img_2018/icon-jianzhu-active.svg)}
	.solution-icon-webmobile:before,.solution-item:hover .solution-icon-webmobile{background-image: url(../images/bysoft/img_2018/icon-dichan-active.svg)}
	.solution-icon-calc:before,.solution-item:hover .solution-icon-calc{background-image: url(../images/bysoft/img_2018/icon-zhizao-active.svg)}
	.solution-icon-sap:before,.solution-item:hover .solution-icon-sap{background-image: url(../images/bysoft/img_2018/icon-lvyou-active.svg)}}

@media (max-width:1023px)
{.section-solution{background:#252b3a}
	.section-solution .section-head{display:block}
	.section-solution .section-head h2{color:#fff}
	.solution-item{float:none;width:auto;height:100px!important}
	.solution-item:nth-child(3)~.solution-item{display:none}
	.solution-item-business{background-image:url(../images/bysoft/img_2018/index-v2/solution/bg-business-mb.jpg?v=4d53aff24a)}
	.solution-item-game{background-image:url(../images/bysoft/img_2018/index-v2/solution/bg-game-mb.jpg?v=9fc53fe93e)}
	.solution-item-webmobile{background-image:url(../images/bysoft/img_2018/index-v2/solution/bg-webmobile-mb.jpg?v=b04bccae97)}
	.solution-item-calc{background-image:url(../images/bysoft/img_2018/index-v2/solution/bg-calc-mb.jpg?v=7892476335)}
	.solution-item-sap{background-image:url(../images/bysoft/img_2018/index-v2/solution/bg-sap-mb.jpg?v=251917ff56)}
	.solution-item:nth-child(2n) .solution-inner{background-color:rgba(107,116,137,.4)}
	.solution-item:nth-child(5) .solution-inner{background-color:rgba(32,163,221,.7)}
	.solution-inner{position:relative;height:100px;padding-top:22px!important}
	.solution-inner i{width:30px;height:30px;margin-bottom:6px}
	.solution-inner h2{font-size:14px;line-height:20px}
	.solution-inner a{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;max-width:none}
	.section-solution .section-more-wrap{display:block;padding-top:25px;padding-bottom:20px}
	.section-more-wrap a{font-size:14px;line-height:20px}
	.section-more-wrap a:before{content:"查看全部 >"}
	.solution-body.showmore .solution-item{display:block}
	.solution-body.showmore+.section-more-wrap a:before{content:"收起"}}
.section-service{background-image:url(../images/bysoft/img_2018/index-v2/service/service-bg.jpg?v=d70548c5eb);background-size:cover;background-position:center center}
.service-wrapper{max-width:1210px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}
.service-body{overflow:hidden;background:#fff;border-radius:2px;box-shadow:0 5px 15px 0 rgba(0,0,0,.06)}
.service-item{position:relative;float:left;height:330px;width:33.333333%;padding-top:68px}
.service-item+.service-item:before{content:"";position:absolute;left:0;top:34px;bottom:34px;border-right:solid 1px #e5e7ed}.service-item>a{display:block;width:90px;margin-left:auto;margin-right:auto}.service-item i{display:block;width:80px;height:80px;margin-left:auto;margin-right:auto;background-size:100% 100%}.service-item i:before{content:"";width:0;height:0}.service-item h2{margin-top:16px;margin-bottom:26px;font-size:18px;line-height:28px;text-align:center;color:#282820}

@media (min-width:1024px){.service-item a:hover h2{color:#20a3dd}}.service-list{font-size:0;text-align:center}.service-list>li{display:inline}.service-list>li+li:before{content:"|";padding-left:8px;padding-right:8px}.service-list>li+li:before,.service-list>li>a{display:inline-block;font-size:14px;line-height:22px;color:#999}

@media (min-width:1024px){.service-list>li>a:hover{color:#2d56b1}}.service-item:nth-child(3) .service-list:nth-of-type(1)>li:last-child a:after{content:"\2003"}
.service-icon-basesoft{background-image: url(../images/bysoft/img_2018/index-v2/service/icon-basesoft.svg?sttl=0817007)}
.service-icon-businessSoft{background-image: url(../images/bysoft/img_2018/index-v2/service/icon-businesssoft.svg?sttl=0817007)}
.service-icon-profession{background-image: url(../images/bysoft/img_2018/index-v2/service/icon-profession.svg?sttl=0817007)}

@media (max-width:1023px){.service-wrapper{padding-bottom:25px}.service-item{height:137px;padding-top:30px}.service-item+.service-item:before{top:14px;bottom:14px}.service-item i{width:40px;height:40px}.service-item h2{margin-top:15px;margin-bottom:30px;font-size:14px;line-height:20px}.service-list{display:none}}.section-community{background:#f9fafd}.community-wrapper{max-width:1210px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.community-body{padding-bottom:50px}.community-list{overflow:hidden;margin-left:-10px;margin-right:-10px}.community-item{float:left;width:33.333333%;padding-left:10px;padding-right:10px}.community-main{display:block;-webkit-transition:.2s;transition:.2s}
@media(min-width:1024px){.community-main:hover{box-shadow:0 3px 8px 0 rgba(32,163,221,.1)}.community-main:hover .community-main-text{color:#2d56b1}}.community-main-image{overflow:hidden;background:#eee}.community-main-image>img{display:block;width:100%}.community-main-text{height:60px;padding:19px 10px;border:solid 1px #e5e7ed;border-top-width:0;background:#fff;font-size:16px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.community-more{padding:20px 0}.community-more>li{position:relative;padding-right:10px;font-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.community-more>li+li{margin-top:10px}.community-more a{position:relative;display:inline-block;max-width:100%;padding-left:10px;font-size:14px;color:#666}.community-more a:before{content:"";position:absolute;top:50%;left:6px;width:4px;height:4px;margin-top:-2px;border-radius:50%;border:solid 2px}.section-community .section-more-wrap{display:none}
@media(min-width:1024px){.community-more a:hover{color:#2d56b1}}
@media (max-width:1023px){.community-item{width:50%}}
@media (max-width:767px){.community-item{width:100%}.community-body{padding-bottom:0}.community-item+.community-item{margin-top:10px}.community-main-text{height:auto;padding:10px 10px;font-size:14px}.community-more{display:none}.section-community .section-more-wrap{display:block;padding-top:25px;padding-bottom:20px}}.partner-wrapper{max-width:1210px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.partner-body{overflow:hidden}.partner-item{float:left;width:20%;height:110px;padding-top:25px}.partner-logo{display:block;width:140px;height:60px;margin:0 auto}
@media (max-width:1023px){.partner-body{padding-bottom:20px}.partner-item{width:33.333333%;height:60px;padding-top:15px}.partner-logo{height:30px;width:70px}}.section-news{background-image:-webkit-gradient(linear,left top,left bottom,from(#ecf2f8),to(#fff));background-image:linear-gradient(#ecf2f8 0,#fff 100%)}.news-wrapper{max-width:1210px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.news-body{overflow:hidden;padding-top:26px;padding-bottom:10px}.news-image-box{position:relative;float:left;width:445px}.news-image-box img{position:relative;z-index:1;float:right;width:380px;height:240px;background-color:#fff}.news-image-box:before{content:"";position:absolute;top:-10px;right:108px;width:282px;height:180px;background-color:#20a3dd}.news-list{float:left;width:calc(100% - 445px);padding-left:54px;padding-right:30px}.news-list>li{position:relative;padding-left:58px}.news-list>li+li{margin-top:39px}.news-list-date{position:absolute;top:0;bottom:0;left:0;width:58px;color:#999}.news-list-date:after{content:'';position:absolute;top:0;right:7px;bottom:0;border-left:solid 1px #979797}.news-list-date-year{display:block;margin-top:-3px;font-weight:300;font-size:36px;line-height:42px}.news-list-date-month{display:block;margin-top:-7px;font-size:12px;line-height:25px}.news-list h2{font-size:18px;line-height:24px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-list p{margin-top:10px;font-size:14px;line-height:20px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-list>li:hover h2{color:#20a3dd}
@media (max-width:1023px){.news-body{margin-top:-26px;padding-bottom:0}.news-wrapper{padding-bottom:0}.news-image-box{float:none;width:380px;margin-left:auto;margin-right:auto}.news-image-box:before{right:auto;left:-10px}.news-image-box img{float:none;display:block}.news-list{float:none;width:auto;padding:25px 30px}.news-list>li{padding:0}.news-list>li+li{margin-top:25px}.news-list-date{display:none}.news-list h2{font-size:14px;line-height:20px}.news-list p{margin-top:10px;font-size:12px;line-height:16px;color:#8a8d93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:767px){.news-image-box{width:auto;margin-left:30px;margin-right:30px}.news-image-box:before{width:75%;height:75%}.news-image-box img{width:100%;height:auto;min-height:100px}}

#index_con {
	width: 100%;
	padding: 50px 0;
	background: #f8f8f8
}

#index_con .index_box {
	width: 75pc;
	margin: auto;
	overflow: hidden
}

.index_news {
	width: 29%;
	float: left;
	margin: 0 18pt
}

.index_news .title_t {
	width: 345px;
	height: 28px;
	line-height: 28px
}

.index_news .title_t div {
	float: left;
	color: #000;
	font-size: 18px
}

.index_news ul {
	margin-top: 30px;
	width: 100%;
	height: 200px;
	overflow: hidden
}

.index_news ul li {
	width: 100%;
	position: relative;
	height: 30px;
	margin-bottom: 10px;
	float: left
}

.index_news ul li a {
	width: 70%
}

.index_news ul li .index_a1, .index_news ul li a {
	float: left;
	line-height: 22px;
	font-size: 15px;
	color: #666;
	padding-left: 13px
}

.index_news ul li .index_a1 {
	width: 100%;
	white-space: nowrap
}

.index_news ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #208eeb;
	border-radius: 50%
}

.index_news ul li a:hover {
	color: #4aae38
}

.index_news ul li span {
	float: right;
	font-size: 9pt;
	background: #e5e5e5;
	border-radius: 8px;
	width: 70px;
	text-align: center
}

.index_news .title_t .more_a {
	display: inline-block
}

.index_news .title_t .more_a a {
	position: relative;
	padding-right: 0px
}

 .more_a .i {
	top: 50%;
	right: 0;
	margin-top: -6px;
	width: 13px;
	height: 13px;
	background: url(/static/images/more_a.png) no-repeat -13px 0
}

.index_news .more_a a:hover i {
	background-position: 0 0
}

.green, .green a {
	color: #999
}
.green a:hover{color:#4082bb;}
.font16 {
	font-size: 15px
}
.banner-left-grid a img {
	width: 100%;
	height: 180px;
	border: 1px solid #cbcbcb;
	margin: 2em 0 1em
}

.banner-left-grid a h4 {
	position: relative;
	font-size: 15px;
	color: #666;
	font-style: normal;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-align:center;
}

.banner-left-grid a h4 .dian {
	position: absolute;
	color: #4082bb;
	font-size: 3pc;
	top: -3px
}

.banner-left-grid a h4 .h4 {
	margin-left: 0;
}

.banner-left-grid a h4:hover {
	color: #4082bb
}

.banner-left-grid p.text {
	color: #afafaf;
	margin: 5px 0 15px;
	font-size: 13px;
	height: 42px;
}
.blog-grids {
	padding-left:10px;	
}

.blog-grid-right a {
	font-size: 15px;
	line-height:28px;
	color: #666;
	text-decoration: none;
	position: relative;
	margin-left: 0;
	white-space: nowrap;
    padding: 0px;
    outline: none !important;
}

.blog-grid-right a:hover {
	color: #4082bb
}

.banner-left-grid a:after {
	content: "";
	position: absolute;
	left: -13px;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #afafaf;
	border-radius: 50%
}
.right {
	float: right
}

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

Slider

-------------------------------- */
.cd-hero {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top:-69px;
}

.cd-hero-slider {
  position: relative;
  height: 580px;
  overflow: hidden;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider {
    height: 580px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider {
    height: 580px;
  }
}

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

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
  background-image: url("/static/assets/video-replace-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(2) {
  background-color: #2c343b;
  background-image: url("/static/assets/img1.jpg");
}
.cd-hero-slider li:nth-of-type(3) {
  background-color: #3d4952;
  background-image: url("/static/assets/tech-1-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(4) {
  background-color: #586775;
  background-image: url("/static/assets/tech-2-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(5) {
  background-color: #2c343b;
  background-image: url("/static/assets/img.jpg");
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 100px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
  /* hide image on mobile device */
  display: none;
}
.cd-hero-slider .cd-img img {
  max-width:98%;
  
  position: absolute;
  left: 50%;
  top: 39%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
  /* you won't see this element in the html, but it will be injected using js */
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  margin: 0 auto 14px;
  color: #ffffff;
  width: 90%;
  max-width: 400px;
}
.cd-hero-slider h2 {
  font-size: 2.4rem;
}
.cd-hero-slider p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 1.2em 1.4em;
  margin-top: .8em;
  background-color: rgba(212, 68, 87, 0.9);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
  margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
  background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
  background-color: #161a1e;
}
@media only screen and (min-width: 768px) {

  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 150px;
  }
  .cd-hero-slider .cd-bg-video-wrapper {
    display: block;
  }
  .cd-hero-slider .cd-half-width {
    width: 45%;
  }
  .cd-hero-slider .cd-half-width:first-of-type {
    left: 5%;
  }
  .cd-hero-slider .cd-half-width:nth-of-type(2) {
    right: 5%;
    left: auto;
  }
  .cd-hero-slider .cd-img-container {
    display: block;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    max-width: 520px;
  }
  .cd-hero-slider h2 {
    font-size: 2.4em;
    font-weight: 300;
  }
  .cd-hero-slider .cd-btn {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 220px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
  }
  .cd-hero-slider h2 {
    font-size: 3.2em;
  }
  .cd-hero-slider p {
    font-size: 1.6rem;
  }
}

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

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
  }
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
  }
}
/* -------------------------------- 

Slider navigation

-------------------------------- */
.cd-slider-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
  text-align: center;
  height: 55px;
  background-color: rgba(0, 1, 1, 0.5);
}
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {
  height: 100%;
  font-size:14px;
  font-family: "Microsoft Yahei", "Open Sans", sans-serif;
}
.cd-slider-nav nav {
  display: inline-block;
  position: relative;
}
.cd-slider-nav .cd-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 100%;
  color: #d44457;
  background-color: #ffffff;
  box-shadow: inset 0 2px 0 currentColor;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
}
.cd-slider-nav .cd-marker.item-2 {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-slider-nav .cd-marker.item-3 {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.cd-slider-nav .cd-marker.item-4 {
  -webkit-transform: translateX(300%);
  -moz-transform: translateX(300%);
  -ms-transform: translateX(300%);
  -o-transform: translateX(300%);
  transform: translateX(300%);
}
.cd-slider-nav .cd-marker.item-5 {
  -webkit-transform: translateX(400%);
  -moz-transform: translateX(400%);
  -ms-transform: translateX(400%);
  -o-transform: translateX(400%);
  transform: translateX(400%);
}
.cd-slider-nav ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-slider-nav li {
  display: inline-block;
  width: 60px;
  float: left;
}
.cd-slider-nav li.selected a {
  color: #2c343b;
  font-size:14px;
  font-weight: 500;
  font-family: "Microsoft Yahei", "Open Sans", sans-serif;
}
.no-touch .cd-slider-nav li.selected a:hover {
  background-color: transparent;
}
.cd-slider-nav a {
  display: block;
  position: relative;
  padding-top: 35px;
  font-size:14px;
  font-weight: 500;
  color: #a8b4be;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  font-family: "Microsoft Yahei", "Open Sans", sans-serif;
}
.cd-slider-nav a::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../assets/cd-icon-navigation.svg) no-repeat 0 0;
}
.no-touch .cd-slider-nav a:hover {
  background-color: rgba(0, 1, 1, 0.5);
}
.cd-slider-nav li:first-of-type a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:first-of-type a::before {
  background-position: 0 -24px;
}
.cd-slider-nav li:nth-of-type(2) a::before {
  background-position: -24px 0;
}
.cd-slider-nav li.selected:nth-of-type(2) a::before {
  background-position: -24px -24px;
}
.cd-slider-nav li:nth-of-type(3) a::before {
  background-position: -48px 0;
}
.cd-slider-nav li.selected:nth-of-type(3) a::before {
  background-position: -48px -24px;
}
.cd-slider-nav li:nth-of-type(4) a::before {
  background-position: -72px 0;
}
.cd-slider-nav li.selected:nth-of-type(4) a::before {
  background-position: -72px -24px;
}
.cd-slider-nav li:nth-of-type(5) a::before {
  background-position: -96px 0;
}
.cd-slider-nav li.selected:nth-of-type(5) a::before {
  background-position: -96px -24px;
}
@media only screen and (min-width: 768px) {
  .cd-slider-nav {
    height: 80px;
  }
  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width: 95px;
  }
  .cd-slider-nav a {
    padding-top: 48px;
    font-size:14px;
  font-family: "Microsoft Yahei", "Open Sans", sans-serif;
    text-transform: uppercase;
  }
  .cd-slider-nav a::before {
    top: 18px;
  }
}