html, body {
    width: 100%;
    height: 100%;
    background: #fff;
}

.wrap {
    width: 1200px;
    margin: 0 auto 20px;
    color: #434343;
}

.bread-link {
    margin-top: 18px;
    margin-bottom: 20px;
    font-size: 16px;
}

.bread-link a {
    color: #17a2e7;
}

.bread-link em {
    color: #434343;
}

.download_box {
    width: 100%;
    /*border: 1px solid #eee;*/
    box-shadow: 3px 3px 6px #eee;
    padding: 12px;
    box-sizing: border-box;
    overflow: hidden;
    background:url(../images/win.jpg) no-repeat right bottom;
    background-size: 22%;
}

.sys_img {
    float: left;
    width: 390px;
    height: 223px;
    overflow: hidden;
}

.sys_img img {
    width: 100%;
    height: 100%;
}

.sys_down {
    float: right;
    color: #454545;
    font-size: 16px;
    width: 740px;
    margin-top: 10px;
}

.sys_tit {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.sys_intro {
    line-height: 26px;
}

.down_box {
    width: 100%;
    margin-top: 34px;
}

.down_box>a {
    font-size: 20px;
    width: 190px;
    height: 50px;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    float: left;
    margin-right: 38px;
    border: 1px solid #00aaff;
    box-sizing: border-box;
    color: #00aaff;
    font-size: 20px;
}
.down_box div{
    width: 190px;
    height: 50px;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    float: left;
    background: #4eb8ec;
    color: #fff;
    border: 1px solid #4eb8ec;
    margin-right: 38px;
    cursor: pointer;

}

.down_box em {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.do1 em {
    background: url(../images/icon.png) no-repeat;
    background-position: -491px -23px;
    margin-top: -5px;
}

.do2 em {
    background: url(../images/icon.png) no-repeat;
    background-position: -405px -23px;
    width: 29px;
    height: 26px;
}

.down_box>a:hover {
    background: #4eb8ec;
    color: #fff;
    border: 1px solid #4eb8ec;
}

.down_box>.do1:hover em {
    background: url(../images/icon.png) no-repeat;
    background-position: -491px -105px;
}

.down_box>.do2:hover em {
    background: url(../images/icon.png) no-repeat;
    background-position: -405px -106px;
}

.four_a_lian {
    width: 100%;
    overflow: hidden;
    margin-top: 28px;
    padding: 6px 2px;
    box-sizing: border-box;
}
.lian1 {background:#5accda;}
.lian2 {background:#93cd74;}
.lian3 {background:#eeac6b;}
.lian4 {background:#ee8b8b;}
.lian1 em {
    width: 58px;
    height: 51px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon.png) no-repeat;
    background-position: -24px -18px;
    margin-right: 15px;
}

.lian2 em {
    width: 58px;
    height: 51px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon.png) no-repeat;
    background-position: -116px -18px;
    margin-right: 15px;
}

.lian3 em {
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon.png) no-repeat;
    background-position: -215px -18px;
    margin-right: 15px;
}

.lian4 em {
    width: 44px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon.png) no-repeat;
    background-position: -317px -18px;
    margin-right: 15px;
}

.four_a_lian>a {
    width: 289px;
    line-height: 72px;
    box-sizing: border-box;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    float: left;
    margin-right: 12px;
    overflow: hidden;
}

.four_a_lian .tesu_b {
    margin-right: 0;
}

.four_a_lian>a:hover {

    color: #555;
}

.wz_box {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.wz_left {
    float: left;
    width: 820px;
}

.top_tit {
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #17a2e7;
}

.top_tit>div {
    width: 33.33%;
    float: left;
    color: #434343;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
}

.top_tit>div:hover {
    background: #17a2e7;
    color: #fff;
}

.top_tit .on {
    background: #17a2e7;
    color: #fff;
}
.right_one .on {
    background: #17a2e7;
    color: #fff;
}

.wz_row {
    padding: 40px 0 0;
    box-sizing: border-box;
}

.wz_zu {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-left: 5px;
    box-sizing: border-box;
}

.fen_lei {
    position: absolute;
    left: 0;
    top: 6px;
    width: 57px;
    height: 28px;
    background: url(../images/icon.png) no-repeat;
    background-position: -19px -103px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}

.wz_img {
    float: left;
    width: 216px;
    height: 165px;
    cursor: pointer;
}

.wz_right {
    float: right;
    width: 570px;
}

.blue_wz {
    font-size: 20px;
    color: #434343;
    cursor: pointer;
    width: 100%;
    margin-bottom: 30px;
    display: block;
}

.wz_row:hover .blue_wz {
    color: #17a2e7;
}

.san_wenzi {
    color: #6e6e6e;
    font-size: 16px;
}

.san_wenzi span {
    margin-right: 25px;
}

.wz_intro {
    color: #6e6e6e;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 26px;
}

.wz_twobox {
    width: 100%;
    overflow: hidden;
}

.wz_twobox>a {
    width: 200px;
    height: 40px;
    border: 1px solid #17a2e7;
    color: #17a2e7;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    margin-right: 25px;
    border-radius: 5px;
    line-height: 40px;
    box-sizing: border-box;
    font-weight: 400;
}

.wz_twobox>a:hover {
    background: #17a2e7;
    color: #fff;
    border: 0 none;
}

.dede_pages_ghost008 {
    display: block;
    overflow: hidden;
    padding: 0 0 30px 0;
    list-style: none;
    margin-top: 20px;
}

.dede_pages_ghost008 li {
    float: left;
    line-height: 38px;
    margin-right: 12px;
    padding: 0 16px;
    border: 1px solid #E9E9E9;
    border-radius: 3px;
}

.dede_pages_ghost008 li a {
    float: left;
    color: #555;
    display: block;
    font-size:14px;
}

.dede_pages_ghost008 .thisclass {
    color: #F8F8F8;
    font-weight: bold;
    background: #17a2e7;
}

.dede_pages_ghost008 li select {
    width: 100%;
    border: 0 none;
}

.article_right {
    float: right;
    width: 355px;
}

.right_one {
    width: 100%;
    overflow: hidden;
}

.right_one>a {
    width: 170px;
    height: 45px;
    border: 1px solid #ccc;
    color: #6e6e6e;
    font-size: 15px;
    float: left;
    text-align: center;
    line-height: 45px;
    margin-bottom: 15px;
    margin-right: 5px;
    border-radius: 5px;
}

.right_one>a:nth-of-type(2n) {
    float: right;
    margin-right: 0;
}

.right_one>a:hover {
    background: #17a2e7;
    color: #fff;
    border: 1px solid #17a2e7;
}

.right_two {
    width: 100%;
    height: 278px;
    background: #ecf3f9;
    margin-top: 20px;
}

.right_two img {
    width: 100%;
    display: block;
}

.right_three, .right_four, .right_five {
    width: 100%;
    overflow: hidden;
    margin-top:30px;
}

.three_tit {
    width: 100%;
    overflow: hidden;
    font-size: 24px;
    color: #434343;
    font-weight: bold;
    margin-bottom: 30px;
}

.three_tit span {
    width: 14px;
    height: 23px;
    background: url(../images/icon.png) no-repeat;
    background-position: -134px -100px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.three_bbox {
    width: 100%;
    overflow: hidden;
}

.bbox_row {
    width: 100%;
    overflow: hidden;
    color: #6e6e6e;
    font-size: 14px;
    margin-bottom: 15px;
}

.bbox_row span {
    display: inline-block;
    width: 37px;
    height: 24px;
    background: url(../images/icon.png) no-repeat;
    background-position: -351px -103px;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    padding-right: 5px;
    box-sizing: border-box;
}

.bbox_row:nth-of-type(1) span {
    background-position: -184px -103px;
}

.bbox_row:nth-of-type(2) span {
    background-position: -241px -103px;
}

.bbox_row:nth-of-type(3) span {
    background-position: -297px -103px;
}

.bbox_row a {
    font-size: 16px;
    color: #6e6e6e;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.bbox_row a:hover {
    color: #17a2e7;
    border-bottom: 1px solid #17a2e7;
}

.five_tit {
    width: 100%;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #17a2e7;
}

.five_tit>div {
    width: 33.33%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.five_tit .on, .five_tit>div:hover {
    color: #fff;
    background: #17a2e7;
}

.five_bbox {
    width: 100%;
    overflow: hidden;
}

.five_bbox>div {
    width: 33.33%;
    overflow: hidden;
    margin-top: 30px;
    float: left;
}

.five_tu {
    overflow: hidden;
    width: 85px;
    height: 85px;
    display: block;
    border-radius: 8px;
    background: #fff;
    margin: 0 auto;
}

.five_tu img {
    height: 100%;
    width: 100%;
}

.five_tu img:hover {
    transform: scale(1.2);
    transition: 1s;
    -webkit-transform: scale(1.2);
    -webkit-transition: 1s;
}

.five_zi {
    display: block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #434343;
    font-size: 16px;
    text-align: center;
    margin: 10px auto 0;
}

.five_zi:hover {
    color: #17a2e7;
}

.five_hide {
    display: none;
}

.device {
    width: 355px;
    height: 265px;
    position: relative;
    overflow: hidden;
    background-size: cover;
}

.device .arrow-left {
    background: url(../images/icon.png) no-repeat;
    background-position: -382px -64px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -13px;
    width: 18px;
    height: 26px;
    z-index: 10;
}

.device .arrow-right {
    background: url(../images/icon.png) no-repeat;
    background-position: -420px -64px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -13px;
    width: 18px;
    height: 26px;
    z-index: 10;
}

.swiper-container {
    height: 265px;
    width: 100%;
}

.swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.gup_bb {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
    width: 100%;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
}

.content-slide {
    padding: 20px;
    color: #fff;
}

.title {
    font-size: 25px;
    margin-bottom: 10px;
}

.pagination {
    position: absolute;
    right: 0px;
    text-align: center;
    bottom: 10px;
    z-index: 2;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #fff;
    margin-right: 10px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #17a2e7;
}

/* 新增弹框 */
.mengban { display: none; width: 100%; height: 3000px; position: fixed; left: 0; top: 0; z-index: 2019; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); }
.downlwrap {box-sizing: unset; display: none; width:690px; padding: 30px 20px; background: #f5f5f5; border: 2px solid rgba(0, 0, 0, 0.3); position: fixed; left: 50%; top: 50%;  z-index: 2020;margin-left: -345px;margin-top: -260px;box-sizing: border-box; }
.downlwrap .closebtn { position: absolute; right: -2px; top: -62px; width: 90px; height: 60px; cursor: pointer; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000); }
.downlwrap .closebtn img { display: block; margin: 18px auto 0; }
.downlwrap .bt { font-size: 32px; height: 50px; line-height: 50px; width: 100%; overflow: hidden; color: #333; font-weight: 400; }
.downlwrap .desc { height: 40px; line-height: 20px; font-size: 15px; color: #555; margin: 10px auto; overflow: hidden; }
.downlwrap .desc span { color: #999; }
.downlwrap .downlbtn { width: 100%;display: table; position: relative; z-index: 3; }
.downlwrap .downlbtn .lis + .lis { float: right; }
.downlwrap .downlbtn .lis + .lis .btn { background: -webkit-linear-gradient(to right, #3295f9 0%, #b699ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3295f9', endColorstr='#b699ff', GradientType=1); background: linear-gradient(to right, #3295f9 0%, #b699ff 100%); }
.downlwrap .downlbtn .lis { width: 315px; position: relative; float: left; }
.downlwrap .downlbtn .lis .btn { display: block; width: 315px; height: 80px; background: -webkit-linear-gradient(to right, #4bc39b 0%, #c0e971 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0e971', endColorstr='#4bc39b', GradientType=1); background: linear-gradient(to right, #4bc39b 0%, #c0e971 100%); font-size: 28px; color: #fff; font-weight: bold; line-height: 80px; text-align: center; transition: all .1s linear; -webkit-transition: all .1s linear; }
.downlwrap .downlbtn .lis .btn i { display: inline-block; width: 24px; height: 24px; background: url(/images/icon_downl.png) no-repeat; margin: 0 14px -2px 0; background-size: 100%; }
.downlwrap .downlbtn .lis ul { display: block; background: #fff; width: 100%; overflow: hidden; }
.downlwrap .downlbtn .lis ul li { width: 100%; line-height: 45px; margin: 2px auto; overflow: hidden; }
.downlwrap .downlbtn .lis ul li a, .downlwrap .downlbtn .lis ul li p { width: 50%; display: block; float: left; font-size: 15px; text-align: center; color: #333; }
.downlwrap .downlbtn .lis ul li a span, .downlwrap .downlbtn .lis ul li p span { color: #333; }
.downlwrap .downlbtn .lis ul li a:hover span { color: #14cc8f; }
.downlwrap .downlbtn .lis ul li p { color: #999; }
.downlwrap .downlbtn .lis ul li p span { color: #555; }
.downlwrap .downlbtn .lis ul li + li { border-top: 1px solid #d5d5d5; }

/*广告*/
#gotoTop{display: none;}
.toolbar-item{background:url(/static/images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;z-index: 100;}
.toolbar-item{display:block;width:70px;height:70px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-app{background-position:0 -24px;}
.toolbar-item-app img{display: none;}
.hover_on img{display: block;}
.toolbar-item-app:hover img {display: block;}
.toolbar-item-app:hover{background-position:0 -111px;}
.toolbar-item-app .toolbar-layer{display: block;width: 200px;opacity:0;}
.toolbar-item-top{background-position:0 -198px;}
.toolbar-item-top:hover{background-position:0 -287px;}
.toolbar-layer{position:absolute;right:70px;bottom:0px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}


.hot-search-title {
    padding-left: 30px;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    background: url(../../imgs/dialogue.png) no-repeat left center;
}

.wyrs li {
    margin-top: 12px;
    float: left;
    margin-right: 40px;
    width: auto;
}

.wyrs a {
    font-size: 16px;
    border-radius: 5px;
    padding: 6px 10px;
    width: 100%;
    height: auto;
    background-color: #b7b9fd;
    display: inline-block;
    line-height: 18px;
    /* white-space: nowrap; */
}

.wyrs li:nth-of-type(2n+2) a {
    background-color: #f2db71;
}

.wyrs li:nth-of-type(3n+3) a {
    background-color: #ace2e4;
}

.wyrs li:nth-of-type(4n+4) a {
    background-color: #d1c0a5;
}

.wyrs a {
    color: white;
}

.hehe_jiji{width: 100%;}
.hh_hj_row{width: 100%;display: block;position:relative;height: 180px;background:#f7f7f7;margin-top: 8px;margin-bottom: 8px;}
.hh_hj_row img{width: 100%;height: 100%;}
.hh_hj_tit{position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.5);color:#fff;font-size:15px;line-height: 35px;width:100%;text-align: center;margin: 0;}