.mb-10{margin-bottom:10px}
.index_content{width:100%;margin:0 auto}
.body1200 .index_content{width:1200px}
.body1200 .N-nav-channel{width:1200px}
.body1200 .N-nav-channel a{padding:0 12px}
.body1200 .N-nav-channel a.first{padding-right:11px;padding-left:0}
.body1200 .N-nav-channel a.last{padding-right:0}
.button{position:relative;display:block}
.button .btn-txt{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;font-size:.2rem;border:1px solid #fff;display:block}
.button:after{position:absolute;display:block;width:97%;height:92%;content:"";z-index:1;border:1px solid #fff;right:-3px;bottom:-3px}
.sb-line{margin:.16rem auto;text-align:center}
.sb-line:before{content:'';background:#000;display:inline-block;width:.18rem;height:2px}
.sb-line:after{content:'';margin-left:3px;display:inline-block;width:4px;height:2px;background:#000}
.button-more{color:#fff;width:1.14rem;height:.4rem;line-height:.4rem;min-width:80px;min-height:28px}
.button-more .btn-txt{background:#e2231b}
.button-more .btn-txt .plus{display:block;width:100%;height:100%;background:url("../img/ico_plus.png") no-repeat .16rem 48%}
.button-pic{background:url(../img/bg_white_btn.png) no-repeat 0 0/100% 100%;display:block;color:#fff;width:1.22rem;height:.44rem}
.button-pic .btn-txt{font-size:.1618rem;text-align:center;color:#fff;line-height:.4rem}
.title-en{font-weight:lighter;letter-spacing:4px}
.no-letter-space{letter-spacing:initial}
.add_transform_left{transform:translateX(-360px);-ms-transform:translateX(-360px);-moz-transform:translateX(-360px);-webkit-transform:translateX(-360px);-o-transform:translateX(-360px);transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out}
.add_transform_right{transform:translateX(360px);-ms-transform:translateX(360px);-moz-transform:translateX(360px);-webkit-transform:translateX(360px);-o-transform:translateX(360px);transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out}
.focus-bg{width:100%;height:6.8rem;background:url("../img/bg_swiper.png") no-repeat 0 0/cover;overflow:hidden}
.focus-bg .dots{margin:.5rem auto 0;width:2rem}
.focus-bg .dots .dot{width:.2rem;background:#9b9fa4;height:2px;float:left;margin-right:5px}
.focus-bg .dots .dot.on{width:.5rem;background:#fff}
.focus-wrapper{width:12rem;margin:.8rem auto 0;color:#fff}
.focus-wrapper .leftTxt{width:3.6rem;float:left;margin-right:.4rem;padding-top:.18rem;overflow:hidden}
.focus-wrapper .leftTxt .info-wrapper-banner{width:700%;overflow:hidden;position:relative;left:-3.6rem}
.focus-wrapper .leftTxt .info-wrapper-banner .leftTxtItem{float:left;width:3.6rem}
.focus-wrapper .leftTxt .info-wrapper-banner .leftTxtItem .title{font-size:.48rem}
.focus-wrapper .leftTxt .info-wrapper-banner .leftTxtItem .vice-title{color:white;font-weight:bold;text-transform:uppercase;line-height:.32rem;padding-top:.2rem;font-size:.28rem;height:.88rem;overflow:hidden;box-sizing:border-box;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:pre-wrap}
.focus-wrapper .leftTxt .info-wrapper-banner .leftTxtItem .date{font-size:.22rem;margin-top:.16rem;margin-bottom:.24rem}
.focus-wrapper .leftTxt .info-wrapper-banner .leftTxtItem .content{font-size:.20rem;height:1rem;line-height:.32rem;box-sizing:border-box;text-align:justify;font-weight:lighter}
.focus-wrapper .leftTxt .button-pic{width:1.5rem;height:.52rem;text-align:center;margin-top:.6rem;background:url("../img/bg_view_pub.png") no-repeat 0 0/contain}
.focus-wrapper .leftTxt .button-pic .btn-txt{color:#fff;font-size:.22rem;line-height:.48rem;font-weight:bold}
.focus-wrapper .swipe{width:8rem;height:4.6rem;position:relative;float:right}
.focus-wrapper .swipe .bd{width:100%;height:100%}
.focus-wrapper .swipe .bd .img{width:100%;height:100%;overflow:hidden}
.focus-wrapper .swipe .next,.focus-wrapper .swipe .prev{width:.5rem;height:.66rem;position:absolute;top:50%;margin-top:-0.25rem}
.focus-wrapper .swipe .next{right:0;background:url("../img/ico_swipe_btn_right.png") no-repeat 0 0/cover}
.focus-wrapper .swipe .prev{left:0;background:url("../img/ico_swipe_btn_left.png") no-repeat 0 0/cover}
.focus-wrapper .swipe .tempWrap{height:100%;width:100%}
.menu-wrapper{width:100%;height:6.3rem;background:url("../img/bg_menu_wrapper.png") no-repeat 0 0/cover;overflow:hidden}
.menu-wrapper .menus{width:12rem;height:3.9rem;margin:1.2rem auto 0}
.menu-wrapper .menus .menu-item{height:100%;width:20%;float:left;background-image:url("../img/bg-menu-item1.png")}
.menu-wrapper .menus .menu-item .normal{height:100%;width:100%;overflow:hidden;position:relative;background-color:rgba(255,255,255,0.9)}
.menu-wrapper .menus .menu-item .normal .icon{width:.6rem;height:.54rem;margin:1.1rem auto 0;display:block;background:url("../img/ico_video_b.png") no-repeat 50% 0/contain}
.menu-wrapper .menus .menu-item .normal .name{font-size:.22rem;color:#000;text-align:center;font-weight:bold}
.menu-wrapper .menus .menu-item .normal .banner{display:none;font-size:.16rem;color:#fff;width:1.72rem;margin:0 auto;text-align:center}
.menu-wrapper .menus .menu-item .normal .banner li{display:inline-block;margin-left:.1rem;margin-bottom:5px}
.menu-wrapper .menus .menu-item .normal .button-pic{display:none;position:absolute;left:50%;bottom:.47rem;margin-left:-.57rem;color:#fff;width:1.18rem;height:.44rem;line-height:.4rem}
.menu-wrapper .menus .menu-item .normal .button-pic .btn-txt{font-size:.16rem;font-weight:bold}
.menu-wrapper .menus .menu-item .normal .button-pic .btn-txt .plus{display:block;padding-left:.1rem;background:url("../img/ico_plus.png") no-repeat .12rem 48%}
.menu-wrapper .menus .menu-item:nth-child(1){background-image:url("../img/bg_menu_front.png")}
.menu-wrapper .menus .menu-item:nth-child(1) .normal .icon{background-image:url("../img/ico_video_b.png")}
.menu-wrapper .menus .menu-item:nth-child(2){background-image:url("../img/bg_menu_short_video.png")}
.menu-wrapper .menus .menu-item:nth-child(2) .normal .icon{background-image:url("../img/ico_class_b.png")}
.menu-wrapper .menus .menu-item:nth-child(3){background-image:url("../img/bg_menu_public.png")}
.menu-wrapper .menus .menu-item:nth-child(3) .normal .icon{background-image:url("../img/ico_case_b.png")}
.menu-wrapper .menus .menu-item:nth-child(4){background-image:url("../img/bg_menu_case.png")}
.menu-wrapper .menus .menu-item:nth-child(4) .normal .icon{background-image:url("../img/ico_h5_b.png")}
.menu-wrapper .menus .menu-item:nth-child(5){background-image:url("../img/bg_menu_h5.png")}
.menu-wrapper .menus .menu-item:nth-child(5) .normal .icon{background-image:url("../img/ico_front_b.png")}
.menu-wrapper .menus .menu-item:hover .normal{background-color:rgba(226,35,27,0.9)}
.menu-wrapper .menus .menu-item:hover .normal .icon{margin-top:.58rem}
.menu-wrapper .menus .menu-item:hover .normal .sb-line{display:none}
.menu-wrapper .menus .menu-item:hover .normal .name{color:#fff;margin-top:.3rem;margin-bottom:.3rem}
.menu-wrapper .menus .menu-item:hover .normal .banner{display:block}
.menu-wrapper .menus .menu-item:hover .normal .button-pic{display:block}
.menu-wrapper .menus .menu-item:hover:nth-child(1) .normal .icon{background-image:url("../img/ico_video_w.png")}
.menu-wrapper .menus .menu-item:hover:nth-child(2) .normal .icon{background-image:url("../img/ico_class_w.png")}
.menu-wrapper .menus .menu-item:hover:nth-child(3) .normal .icon{background-image:url("../img/ico_case_w.png")}
.menu-wrapper .menus .menu-item:hover:nth-child(4) .normal .icon{background-image:url("../img/ico_h5_w.png")}
.menu-wrapper .menus .menu-item:hover:nth-child(5) .normal .icon{background-image:url("../img/ico_front_w.png")}
#short-video{background:url("../img/bg_short_video.png") no-repeat 0 0/cover;overflow:hidden;padding-bottom:1rem}
#short-video .title-wrapper{color:#000;margin-top:1rem}
#short-video .title-wrapper .title{font-size:.418rem;text-align:center}
#short-video .title-wrapper .title-en{font-size:.39rem;text-align:center;margin-top:.1rem}
#short-video .title-wrapper .sb-line:before{background:#e92a31;width:.5rem}
#short-video .title-wrapper .sb-line:after{background:#e96368;width:.15rem}
#short-video .video-wrapper{width:12rem;margin:.36rem auto 0}
#short-video .video-wrapper .button{float:left;box-sizing:border-box}
#short-video .video-wrapper .button .btn-txt{border:0}
#short-video .video-wrapper .button .btn-txt .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3) url("../img/ico_video_sign.png") no-repeat center center}
#short-video .video-wrapper .button .img{width:100%;overflow:hidden;height:100%}
#short-video .video-wrapper .button:after{border-color:#e92a31;right:-4px;bottom:-4px;width:98%;height:98%}
#short-video .video-wrapper .item-big{width:6rem;height:4rem;margin-right:.15rem}
#short-video .video-wrapper .item-small{width:2.8rem;height:1.86rem}
#short-video .video-wrapper .item-small:nth-child(2){margin-right:.15rem;margin-bottom:.27rem}
#short-video .video-wrapper .item-small:nth-child(3){margin-bottom:.27rem}
#short-video .video-wrapper .item-small:nth-child(4){margin-right:.15rem}
#short-video .bottom-btn{margin-top:.34rem;margin-bottom:1rem}
#short-video .bottom-btn .button-more{margin:0 auto;width:1.22rem;height:.44rem}
#short-video .bottom-btn .button-more .btn-txt{border:0}
#short-video .bottom-btn .button-more .btn-txt .plus{font-size:.16rem;padding-left:.38rem;line-height:.42rem;font-weight:bold}
#short-video .bottom-btn .button:after{border-color:#e92a31}
#pub-class{width:100%;height:5.5rem}
#pub-class .left{height:100%;width:42.7%;background:url("../img/test_bg_public.png") 0 0/cover;overflow:hidden;position:relative}
#pub-class .left .info-wrapper{position:absolute;color:#fff;right:.3rem;bottom:.5rem;width:4.6rem}
#pub-class .left .info-wrapper .title{font-size:.48rem;text-align:right;font-weight:bold}
#pub-class .left .info-wrapper .vice-title{font-size:.36rem;text-align:right;margin-top:.1rem}
#pub-class .left .info-wrapper .button-pic{width:1.65rem;height:.56rem;float:right;margin-top:.18rem}
#pub-class .left .info-wrapper .button-pic .btn-txt .play{display:inline-block;font-size:.22rem;line-height:.5rem;font-weight:bold;padding-left:.25rem;margin-left:-.1rem;background:url("../img/ico_video_btn.png") no-repeat 0 50%;image-rendering:-webkit-optimize-contrast}
#pub-class .right{height:7.5rem;width:57.3%;background:#af1812;margin-top:-1rem}
#pub-class .right .right-content{margin-left:.7rem;width:6.68rem}
#pub-class .right .right-content .title-wrapper{color:#fff;margin-top:1rem;width:6.52rem;position:relative}
#pub-class .right .right-content .title-wrapper .title{font-size:.418rem}
#pub-class .right .right-content .title-wrapper .title-en{font-size:.39rem;margin-top:.05rem}
#pub-class .right .right-content .title-wrapper .sb-line{text-align:left;margin-top:.15rem;margin-bottom:0}
#pub-class .right .right-content .title-wrapper .sb-line:before{background:#fff;width:.5rem}
#pub-class .right .right-content .title-wrapper .sb-line:after{background:#e7bab8;width:.15rem}
#pub-class .right .right-content .title-wrapper .right-btn{position:absolute;right:0;top:.125rem}
#pub-class .right .right-content .title-wrapper .right-btn .button-pic{color:#fff;width:1.2rem;height:.43rem}
#pub-class .right .right-content .title-wrapper .right-btn .button-pic .btn-txt .plus{display:block;padding-left:.1rem;line-height:.38rem;font-size:.16rem;font-weight:bold;background:url("../img/ico_plus.png") no-repeat .14rem 48%}
#pub-class .right .right-content .class-swiper{margin-top:.7rem}
#pub-class .right .right-content .class-swiper .bd2 .swipe-item{color:#fff;width:2.06rem;margin-right:.18rem}
#pub-class .right .right-content .class-swiper .bd2 .swipe-item .img{width:100%;height:2rem;overflow:hidden}
#pub-class .right .right-content .class-swiper .bd2 .swipe-item .title{font-size:.22rem;max-width:100%;text-align:center;font-weight:bold;line-height:.24rem;margin-top:.12rem}
#pub-class .right .right-content .class-swiper .bd2 .swipe-item .vice-title{font-size:.18rem;max-width:100%;text-align:center;line-height:.24rem}
#pub-class .right .right-content .class-swiper .bd2 .swipe-item .button-pic{text-align:center;color:#fff;width:1.09rem;height:.44rem;margin:.17rem auto 0}
#pub-class .right .right-content .class-swiper .bd2 .swipe-item .button-pic .btn-txt{color:#fff;font-size:.18rem;line-height:.39rem;font-weight:bold}
#pub-class .right .right-content .dots2{margin-top:.4rem;margin-left:2.9rem}
#pub-class .right .right-content .dots2 li{width:.1rem;background:#c25a57;height:2px;float:left;margin-right:5px}
#pub-class .right .right-content .dots2 li.on{width:.4rem;background:#fff}
#case{width:100%;background:url("../img/bg_case.png") 0 0/cover;padding-top:2rem;padding-bottom:1rem}
#case .title-wrapper{color:#fff;margin:0 auto;width:12rem;position:relative}
#case .title-wrapper .title{font-size:.418rem;text-align:center}
#case .title-wrapper .title-en{font-size:.39rem;text-align:center;margin-top:.05rem}
#case .title-wrapper .sb-line:before{background:#fff;width:.5rem}
#case .title-wrapper .sb-line:after{background:#c1c2c4;width:.15rem}
#case .title-wrapper .doc-download{display:block;position:absolute;right:0;top:.2rem;width:1.22rem;height:.44rem;background:url("../img/ico_doc_download.png") no-repeat 0 0/contain}
#case .case-wrapper{margin:.88rem auto .1rem;width:12rem}
#case .case-wrapper .item{width:5.9rem;height:1.68rem;margin-right:.2rem;float:left;margin-bottom:.4rem;color:#fff}
#case .case-wrapper .item .img{width:3rem;height:100%;float:left}
#case .case-wrapper .item .title{font-size:.28rem;margin-left:.2rem;float:left;max-width:2.7rem;font-weight:bold;line-height:1.2;text-transform:uppercase;height:.7rem;overflow:hidden;box-sizing:border-box;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:pre-wrap}
#case .case-wrapper .item .digest{font-size:.16rem;color:#c2c4c6;float:left;margin-left:.2rem;max-width:2.7rem;line-height:.22rem;margin-top:.18rem}
#case .case-wrapper .item:nth-of-type(2n){margin-right:0}
#case .case-wrapper .item:nth-child(4){margin-right:0}
#case .bottom-btn .button-pic{color:#fff;width:1.22rem;height:.44rem;margin:0 auto}
#case .bottom-btn .button-pic .btn-txt .plus{display:block;padding-left:.1rem;line-height:.4rem;font-size:.16rem;font-weight:bold;background:url("../img/ico_plus.png") no-repeat .12rem 49%}
#h5{width:100%;height:6.9rem;background:url("../img/bg_h5.png") 0 0/cover}
#h5 .content{width:12rem;height:100%;margin:0 auto;padding:0 .3rem}
#h5 .content .left{float:left;height:100%;padding-top:1.45rem;max-width:4.5rem}
#h5 .content .left .title-wrapper{color:#000}
#h5 .content .left .title-wrapper .title{font-size:.418rem}
#h5 .content .left .title-wrapper .title-en{font-size:.39rem;margin-top:.1rem}
#h5 .content .left .title-wrapper .sb-line{text-align:left}
#h5 .content .left .title-wrapper .sb-line:before{background:#e92a31;width:.5rem}
#h5 .content .left .title-wrapper .sb-line:after{background:#ed676c;width:.15rem}
#h5 .content .left .digest{font-size:.2rem;color:#000;line-height:1.4;margin-top:.3rem}
#h5 .content .left .button-more{width:1.6rem;height:.56rem;margin-top:.9rem;margin-left:0}
#h5 .content .left .button-more .btn-txt{border:0}
#h5 .content .left .button-more .btn-txt .plus{font-size:.22rem;padding-left:.46rem;line-height:.53rem;font-weight:bold;background-position-x:.2rem}
#h5 .content .left .button:after{border-color:#e92a31}
#h5 .content .right{float:right;position:relative;height:100%}
#h5 .content .right .btn-bg{position:absolute;bottom:0;right:.73rem;width:3.85rem;height:5.65rem;background:url("../img/bg_h5_btn.png") no-repeat 50% 50%/cover}
#h5 .content .right .sb-phone{position:absolute;bottom:0;right:.5rem;z-index:2;width:4.3rem;height:5.86rem;background:url("../img/bg_sb_phone.png") no-repeat 0 0/cover}
#h5 .content .right .sb-phone .btn-wrapper{position:absolute;bottom:.26rem;left:50%;margin-left:-.61rem}
#h5 .content .right .sb-phone .code-wrapper{position:absolute;top:.23rem;left:.26rem;right:.25rem;bottom:0;border-top-left-radius:.35rem;border-top-right-radius:.35rem}
#h5 .content .right .sb-phone .code-wrapper #qrcode{width:2rem;height:2rem;position:absolute;top:50%;left:50%;margin-top:-1rem;margin-left:-1rem;border:1px solid #fff;padding:.12rem}
#h5 .content .right .sb-phone .code-wrapper #qrcode img{width:100%;height:100%}
#h5 .content .right .sb-phone .code-wrapper .tip{position:absolute;bottom:1.3rem;left:0;width:100%;font-size:.18rem;text-align:center;color:#fff}
#front{width:100%;background:#fff;padding:1rem 0}
#front .title-wrapper{color:#000}
#front .title-wrapper .title{font-size:.418rem;text-align:center}
#front .title-wrapper .title-en{font-size:.404rem;text-align:center;margin-top:.1rem}
#front .title-wrapper .sb-line:before{background:#e92a31;width:.5rem}
#front .title-wrapper .sb-line:after{background:#e96368;width:.15rem}
#front .case-wrapper{margin:.4rem auto 0;width:12rem}
#front .case-wrapper .item{width:3.48rem;box-sizing:border-box;margin-right:.78rem;float:left;color:#000}
#front .case-wrapper .item .title{font-size:.3rem;font-weight:bold;background:url(../img/before_title.png) no-repeat 0 65%;padding-left:.2rem}
#front .case-wrapper .item .title-en{font-size:.227rem;color:#70706f;margin-left:.1rem}
#front .case-wrapper .item .img{width:3.48rem;overflow:hidden;height:2.06rem;margin-top:.2rem}
#front .case-wrapper .item .list-wrapper{margin:.1rem 0 .2rem}
#front .case-wrapper .item .list-wrapper li{font-size:.16rem;line-height:.35rem}
#front .case-wrapper .item .list-wrapper li:before{content:'';margin-right:.1rem;background:url(../img/before-title_dot.png) no-repeat;display:inline-block;width:.1rem;height:.1rem}
#front .case-wrapper .item .button{position:relative;display:block;height:.44rem;width:1.22rem}
#front .case-wrapper .item .button .btn-txt{display:inline-block;text-align:center;font-size:.16rem;line-height:.4rem;color:#fff;font-weight:bold;background:#e2231b}
#front .case-wrapper .item .button:after{border-color:#e92a31}
#front .case-wrapper .item.last{margin-right:0}
.bottom-bar{width:100%;min-height:7.45rem;background:#1e272b url("../img/bg_bottom_bar.png") no-repeat 0 0;padding:1.6rem 0}
.bottom-bar .title{font-size:.15rem;color:#fff;line-height:3;width:12rem;margin:0 auto;padding:0 .5rem;box-sizing:border-box}
.bottom-bar .link-wrapper{width:12rem;margin:0 auto;padding:0 .5rem}
.bottom-bar .link-wrapper .link-item{display:inline-block;height:1rem;width:1.5rem;float:left;margin-right:.65rem;background-size:contain;background-repeat:no-repeat;background-position:0 50%}
.bottom-bar .link-wrapper .link-item:nth-child(1){background-image:url("../img/1b_logo.png");width:2.5rem}
.bottom-bar .link-wrapper .link-item:nth-child(2){background-image:url("../img/2b_logo.png")}
.bottom-bar .link-wrapper2 .link-item:nth-child(1){background-image:url("../img/1bb_logo.png");width:1.5rem}
.bottom-bar .link-wrapper2 .link-item:nth-child(2){background-image:url("../img/2bb_logo.png")}
.bottom-bar .link-wrapper2 .link-item:nth-child(3){background-image:url("../img/3bb_logo.png")}
.bottom-bar .link-wrapper2 .link-item:nth-child(4){background-image:url("../img/4bb_logo.png")}
.bottom-bar .link-wrapper2 .link-item:nth-child(5){background-image:url("../img/5bb_logo.png")}
.bottom-bar .link-wrapper2 .link-item:nth-child(6){background-image:url("../img/6bb_logo.png")}
.bottom-bar .co-wrapper{width:12rem;margin:0 auto;padding:0 .5rem}
.bottom-bar .co-wrapper .co-item{background-color:#e2231b;display:inline-block;max-width:100%;height:.54rem;margin-right:.3rem;margin-bottom:.2rem}
.bottom-bar .co-wrapper .co-item .name{margin-left:.3rem;margin-right:.3rem;height:100%;line-height:.52rem;font-size:.18rem;color:#fff;text-transform:uppercase}
.fix_top{position:fixed;top:43px;-webkit-animation:bounceInDown .8s;-moz-animation:bounceInDown .8s;-ms-animation:bounceInDown .8s;-o-animation:bounceInDown .8s;animation:bounceInDown .8s}