body {line-height:1}
.clearfix:after {content:" ";display:table;width:100%;clear:both}
.base-title {font-size:36px;font-weight:lighter;color:#000;text-align:center}
.base-desc {text-align:center;color:#626262;font-weight:400;font-size:16px}
.content{ width:1200px; margin:0 auto; text-align:center;}
.introduce {padding:90px 0}
.introduce .introduce-main {overflow:hidden;padding-top:72px}
.introduce .base-desc {margin-top:18px}
.introduce .content {height:450px;background:url(../images/home_pic1.png) no-repeat 50% 50%;position:relative;z-index:2}
.introduce .wrap {position:absolute;z-index:1;width:600px}
.introduce .wrap.wrap-1 {top:0;left:645px;text-align:left}
.introduce .wrap.wrap-2 {top:110px;left:-96px;text-align:right}
.introduce .wrap.wrap-2 .item:before {opacity:0}
.introduce .wrap.wrap-2 .item:after {opacity:1}
.introduce .wrap.wrap-3 {top:230px;left:705px;text-align:left}
.introduce .wrap.wrap-4 {position:static;margin:5px auto 0;text-align:center}
.introduce .wrap .title {font-weight:700;font-size:18px;color:#313131;position:relative;z-index:1;padding:0 8px}
.introduce .wrap.wrap-4 .title {font-size:22px}
.introduce .wrap .title:before {content:" ";position:absolute;z-index:-1;display:block;background:#e8f5ff;width:96px;height:20px;border-radius:10px;bottom:-8px}
.introduce .wrap.wrap-1 .title:before {left:0}
.introduce .wrap.wrap-2 .title:before {right:0}
.introduce .wrap.wrap-3 .title:before {left:0}
.introduce .wrap.wrap-4 .title:before {width:66px;height:26px;opacity:.8;filter:aplha(opacity=80);left:50%;margin-left:-33px;bottom:-9px}
.introduce .wrap .desc {font-size:16px;color:#535353;margin:16px 0}
.introduce .wrap .item:after,.introduce .wrap .item:before {content:" ";width:4px;height:4px;background:#acacac;vertical-align:5px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.introduce .wrap .item:before {margin-right:8px}
.introduce .wrap .item:after {margin-left:8px;opacity:0}
.introduce .wrap .item {color:#898989;font-size:14px;margin-top:10px}
.introduce .wrap .item .text {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%;display:inline-block}
.introduce .create-active-number {color:#4381fd;font-size:20px;padding:0 5px}
.advantage {height:500px; margin-bottom:50px;}
.advantage .base-title {margin-bottom:69px}
.advantage .content .card {float:left;width:370px;background:#fff;text-align:center;box-shadow:0 2px 20px 0 rgba(89,135,212,.2);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;height:360px;transition:top .3s;-webkit-transition:top .3s;-moz-transition:top .3s;-ms-transition:top .3s;-o-transition:top .3s;position:relative;top:0;cursor:pointer}
.advantage .content .card:hover {top:-10px}
.advantage .content .card+.card {margin-left:45px}
.advantage .content .card .picture {height:160px;width:160px;display:table;overflow:hidden;padding:55px 0 0;margin:0 auto}
.advantage .content .card .title {font-size:18px;color:#000;margin-top:40px}
.advantage .content .card .desc {color:#898989;font-size:14px;line-height:20px;margin-top:10px}
.shortcut-register {background:url(../images/home_bg2.jpg) no-repeat 50% 50%;height:240px;}
.shortcut-register .content {position:relative;z-index:2}
.shortcut-register .content .btn,.shortcut-register .content .text-wrap {position:absolute;z-index:1}
.shortcut-register .content .text-wrap {top:94px;left:222px;color:#fff;text-align:center}
.shortcut-register .content .text-wrap .title {font-size:26px}
.shortcut-register .content .text-wrap .desc {margin-top:15px;font-size:20px}
.shortcut-register .content .text-wrap .desc .text {display:inline-block;margin:0 10px}
.shortcut-register .content .text-wrap .desc .spacer {width:80px;height:1px;background:#62fdff;opacity:.6;display:inline-block;vertical-align:middle}
.shortcut-register .content .btn {top:100px;right:200px;width:190px;height:50px;background:url(../images/home_sprites.png) -10px -10px}
.shortcut-register .content .btn:hover {background-position:-10px -80px}
.solution {padding:155px 0;background:url() no-repeat 50% 50%}
.solution .list-wrap {margin:0 -20px -35px}
.solution .list-wrap .item {display:block;float:left;margin:0 20px 35px;width:580px;height:300px;position:relative;z-index:2;background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat}
.solution .list-wrap .item.item-bg-1 {background-image:url(../images/soluction_bg_1.jpg)}
.solution .list-wrap .item.item-bg-2 {background-image:url(../images/soluction_bg_2.jpg)}
.solution .list-wrap .item.item-bg-3 {background-image:url(../images/soluction_bg_3.jpg)}
.solution .list-wrap .item.item-bg-4 {background-image:url(../images/soluction_bg_4.jpg)}
.solution .list-wrap .item.item-bg-5 {background-image:url(../images/soluction_bg_5.jpg)}
.solution .list-wrap .item.item-bg-6 {background-image:url(../images/soluction_bg_6.jpg)}
.solution .list-wrap .item .mask,.solution .list-wrap .item .text-wrap {position:absolute;z-index:1;bottom:0;left:0;right:0}
.solution .list-wrap .item .mask {background:#000;height:100%;opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;}
.solution .list-wrap .item:hover .mask {opacity:.5}
.solution .list-wrap .item .text-wrap {padding:59px 55px 30px 30px;background:url(../images/soluction_mask.png) repeat-x}
.solution .list-wrap .item .text-wrap .title {font-family:SourceHanSansCN-Medium;font-size:20px;color:#fff}
.solution .list-wrap .item .text-wrap .desc {margin-top:8px;font-family:SourceHanSansCN-Medium;font-size:14px;color:#fff}
.solution .list-wrap .item .text-wrap .icon {position:absolute;z-index:1;right:40px;bottom:36px;width:16px;height:31px;background:url(../images/home_sprites.png) -220px -81px;display:block}
.cooperation {padding:122px 0 109px;background:url(../images/home_bg4.jpg) no-repeat 50% 50%}
.cooperation .base-title {margin-bottom:76px}
.cooperation .cooperation-swiper,.cooperation .ctrl-wrap {float:left;height:139px;overflow:hidden}
.cooperation .ctrl-wrap {width:70px;text-align:center;line-height:139px;cursor:pointer;background:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
.cooperation .ctrl-wrap .ctrl-left,.cooperation .ctrl-wrap .ctrl-right {vertical-align:middle;display:inline-block;width:22px;height:51px;background-repeat:no-repeat;background-image:url(../images/home_sprites.png)}
.cooperation .ctrl-wrap .ctrl-left {background-position:-220px -10px}
.cooperation .ctrl-wrap .ctrl-right {background-position:-10px -150px}
.cooperation .cooperation-swiper {margin:0 76px;width:908px}
.cooperation .cooperation-swiper .swiper-wrapper {width:400%}
.cooperation .cooperation-swiper .swiper-wrapper .swiper-slide {width:25%}
.news {padding:144px 0 122px}
.news .base-title {margin-bottom:60px}
.news .content {overflow:hidden}
.news .content .list {margin:0 -70px}
.news .content .list .item {margin:0 70px;float:left;width:530px;height:150px;text-align:left;vertical-align:top;position:relative}
.news .content .list .item .link {display:block}
.news .content .list .item .title {line-height:16px;padding-bottom:22px;font-size:16px;font-family:'微软雅黑';color:#000;width:400px;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}
.news .content .list .item .icon {width:19px;height:19px;background:url(/image/textdetail.png) 0 0 no-repeat;position:absolute;right:0;top:0}
.news .content .list .item .desc {max-height:72px;width:400px;font-family:'微软雅黑';font-size:14px;line-height:24px;color:#b0b0b0;margin-bottom:50px;overflow:hidden}
.news .content .list .item .date-wrap {float:left;margin-right:20px;width:54px;height:54px;border:solid 1px #2598ed;color:#2598ed;font-size:20px;text-align:center}
.news .content .list .item .date-wrap .day {padding-top:10px}
.news .content .list .item .date-wrap .year-month {font-size:12px;color:#9bccf7}
.news .content .list .item .link:hover .date-wrap {background-color:#2598ed}
.news .content .list .item .link:hover .date-wrap .day {color:#fff}
.news .content .list .item .link:hover .icon {background-position:0 -140px}
.statistical {margin-bottom:124px}
.statistical .item {float:left;width:25%;text-align:center;padding:21px 0 17px;box-sizing:border-box}
.statistical .item+.item {border-left:1px solid #dcdcdc}
.statistical .item .title {font-size:16px;color:#2083ff}
.statistical .item .title .large {font-size:30px}
.statistical .item .title .sup {vertical-align:12px;margin-left:5px;display:inline-block;width:17px;height:17px;background:url(../images/home_sprites.png) no-repeat -52px -150px}
.statistical .item .desc {margin-top:12px;font-size:14px;color:#535353}
.hd-video-tips {width:228px;height:120px;position:fixed;bottom:20px;right:20px;z-index:200;background:url(/image/xcpyl.png) no-repeat;background-size:100%;cursor:pointer;z-index:99999}
.hd-video-tips .tips-btn {width:116px;height:45px;background:url() no-repeat;background-size:100%;position:absolute;bottom:5px;left:10px}
.hd-video-tips .tips-btn:hover {background-position:0 -45px}
.hd-video-tips .tips-close {width:30px;height:31px;background:url(/image/close.png) no-repeat;background-size:100%;position:absolute;right:-12px;top:-15px;z-index:11;cursor:pointer}
.hd-video-tips .video-wrap .video-mask {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:101;cursor:default}
.hd-video-tips .video-wrap .video-box {width:860px;position:fixed;top:120px;left:0;right:0;margin:auto;text-align:center;padding:10px;background:#fff;z-index:102}
.hd-video-tips .video-wrap .video-box .video-close {width:30px;height:31px;background:url(/image/close.png) no-repeat;background-size:100%;position:absolute;right:-12px;top:-15px;z-index:11;cursor:pointer}

@media screen and (max-width:768px) {
.introduce {
    padding: 30px 0;
}
.base-title{ font-size:22px;}
.introduce .introduce-main{ padding-top:30px; overflow:auto;}
.content{ width:100%;}
.introduce .wrap{ width:90%; position:static; margin:0 auto;margin-bottom:20px;}
.introduce .wrap.wrap-1{left:20px;}
.introduce .content{ background:none;}
.introduce .wrap.wrap-2{left:20px; text-align:left;}
.introduce .wrap.wrap-3{left:20px; text-align:left;}
.introduce .wrap.wrap-2 .title:before{ right:auto; left:20px;}
.introduce .wrap .item:after, .introduce .wrap .item:before{ display:none;}
.advantage{ height:auto;}
.advantage .base-title{ margin-bottom:30px;}
.advantage .content .card{ float:none; width:88%; margin:0 auto; margin-bottom:20px;}
.advantage .content .card+.card{ margin-left:auto;}
.shortcut-register{ background-size:cover; height:180px;}
.shortcut-register .content .text-wrap{left:0; top:24px; position: static; padding-top:30px;}
.shortcut-register .content .text-wrap .title{ font-size:16px;}
.shortcut-register .content .btn{ right:0; left:0; margin-left:auto; margin-right:auto; top:auto; margin-top:30px; }
.shortcut-register .content .text-wrap .desc .spacer{ display:none;}
.solution{ padding:25px 0;}
.solution .list-wrap{ width:90%; margin:0;}
.solution .list-wrap .item{ width:100%; height:200px;background-size:cover;}
.solution .list-wrap .item .mask, .solution .list-wrap .item .text-wrap{ bottom:-14px;}
}