@charset "UTF-8";
    body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,td,textarea,th,ul {
    padding:0;
    margin:0;
}
.clear {
    clear:both;
}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,input,legend,li,ol,p,pre,textarea,th,ul {
    font-style:inherit;
    font-weight:inherit;
}
h1,h2,h3,h4,h5,h6 {
    font-size:14px;
    font-weight:400;
}
img,input,select {
    vertical-align:middle;
}
i {
    font-style:normal;
}
ol,ul {
    border:0;
    list-style:none;
}
a {
    text-decoration:none;
    color:#666;
    cursor:pointer;
}
a:hover {
    color:#0077d5;
}
img {
    border:0;
}
html {
    width:100%;
    height:100%;
}
body {
    font:14px/1.5 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif;
    color:#333;
    height:100%;
    width:100%;
    background-color:#fff;
}
a:active {
    background-color:transparent;
}
.clearfix:after {
    content:".";
    display:block;
    visibility:hidden;
    height:0;
    line-height:0;
    clear:both;
}
.clearfix {
    display:block;
}
a:active {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -moz-tap-highlight-color:rgba(0,0,0,0);
    -ms-tap-highlight-color:rgba(0,0,0,0);
    -o-tap-highlight-color:rgba(0,0,0,0);
    tap-highlight-color:rgba(0,0,0,0);
}
.icon-close {
    background:url(../images/icon.png) -607px -126px transparent;
    width:20px;
    height:20px;
}
.icon-download-btn {
    background:url(../images/icon.png) 0 0 transparent;
    width:356px;
    height:122px;
}
.icon-feather1 {
    background-image:url(../images/icon.png);
    background-position:-492px -252px;
    width:45px;
    height:60px
}
.icon-feather2 {
    background-image:url(../images/icon.png);
    background-position:-360px -181px;
    width:53px;
    height:53px
}
.icon-feather3 {
    background-image:url(../images/icon.png);
    background-position:-438px -126px;
    width:55px;
    height:51px
}
.icon-feather4 {
    background-image:url(../images/icon.png);
    background-position:-360px -126px;
    width:74px;
    height:51px
}
.icon-feather5 {
    background-image:url(../images/icon.png);
    background-position:-417px -181px;
    width:53px;
    height:53px
}
.icon-feather6 {
    background-image:url(../images/icon.png);
    background-position:-474px -181px;
    width:52px;
    height:52px
}
.icon-next {
    background-image:url(../images/icon.png);
    background-position:-585px -126px;
    width:18px;
    height:26px
}
.icon-prev {
    background-image:url(../images/icon.png);
    background-position:-530px -181px;
    width:15px;
    height:22px
}
.icon-top {
    background-image:url(../images/icon.png);
    background-position:-497px -126px;
    width:40px;
    height:40px
}
.icon-view-btn {
    background-image:url(../images/icon.png);
    background-position:-164px -252px;
    width:160px;
    height:160px
}
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    direction:ltr;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform,left,top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition-timing-function:ease;
    -moz-transition-property:-moz-transform,left,top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0,0,0);
    -moz-transition-timing-function:ease;
    -o-transition-property:-o-transform,left,top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0,0);
    -ms-transition-property:-ms-transform,left,top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0,0,0);
    -ms-transition-timing-function:ease;
    transition-property:transform,left,top;
    transition-duration:0s;
    transform:translate3d(0,0,0);
    transition-timing-function:ease;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide {
    float:left;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-wp8-horizontal {
    -ms-touch-action:pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action:pan-x
}
.wrap {
    width:1200px;
    margin:0 auto;
    position:relative;
    overflow:hidden
}
.mod-nav {
    width:100%;
    height:100px;
    line-height:100px;
    position:relative;
    background-color: #fff;
    box-shadow: 0 6px 10px #ccc;
    z-index:99;
    *zoom:1;
}
.mod-nav .logo-box {
    display:block;
    line-height:100px;
    float:left;
    *display:inline
}

.mod-nav .nav-list {
    height:100px;
    line-height:100px;
    float:right;
    *display:inline;
    *zoom:1
}
.mod-nav .nav-list ul {
    float:right;
    *display:inline
}
.mod-nav .nav-list li {
    float:left;
    *display:inline;
    position:relative;
}
.mod-nav .nav-list li a {
    display:block;
    padding:0 15px;
    text-align:center;
    line-height:100px;
    font-size:16px;
    font-weight:bold;
    color:#595959;
    -webkit-transition:color .2s linear;
    -moz-transition:color .2s linear;
    -ms-transition:color .2s linear;
    -o-transition:color .2s linear;
    transition:color .2s linear
}
.mod-nav .nav-list li a:hover,.mod-nav .nav-list li.cur a {
    color:#0077d5;
    -webkit-transition:color .2s linear;
    -moz-transition:color .2s linear;
    -ms-transition:color .2s linear;
    -o-transition:color .2s linear;
    transition:color .2s linear
}

.mod-nav .nav-list li a::after,.mod-nav .nav-list li a::after {
    content: "";
    position: absolute;
    height: 0;
    width: 18px;
    background-color: #0077d5;
    bottom: 32px;
    border-radius: 5px;
    left: 50%;
    margin-left: -9px;
}

.mod-nav .nav-list li a:hover::after,.mod-nav .nav-list li.cur a::after {
    transition:.1s;
    height: 3px;
}

.mod-nav .nav-list .download-btn {
    float:right;
    *display:inline;
    display:block;
    width:104px;
    height:30px;
    border:1px solid #0077d5;
    border-radius:30px;
    text-align:center;
    line-height:30px;
    color:#0077d5;
    font-size:14px;
    margin:34px 0 0 45px;
    -webkit-transition:background-color .2s linear;
    -moz-transition:background-color .2s linear;
    -ms-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    transition:background-color .2s linear;
    background-color:#fff
}
.mod-nav .nav-list .download-btn:hover {
    -webkit-transition:background-color .2s linear;
    -moz-transition:background-color .2s linear;
    -ms-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    transition:background-color .2s linear;
    color:#fff;
    background-color:#0077d5
}
.mod-page1 {
    position:relative;
    width:100%
}
.mod-page1 .support-system {
    height:288px;
    background-color:#0077d5;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    z-index:9999
}
.mod-page1 .support-system .support-title {
    height:140px;
    line-height:140px;
    font-size:18px;
    color:#fff;
    text-align:center;
    font-weight:400;
    position:relative
}
.mod-page1 .support-system .support-title i {
    position:absolute;
    width:44px;
    height:2px;
    background-color:#fff;
    bottom:44px;
    left:50%;
    margin-left:-22px
}
.mod-page1 .support-system .support-info {
    display:block;
    background:url(../images/system_item.png) no-repeat;
    width:483px;
    height:88px;
    margin:0 auto
}
.mod-page1 .m-page1 {
    height:495px;
    padding-top:60px
}
.mod-page1 .m-page1 .img-left {
    width:609px;
    height:371px;
    background:url(../images/computer_img.png) no-repeat;
    display:inline-block;
    float:left;
    margin-right:55px;
    position:relative;
    *zoom:1;
    z-index:3
}
.mod-page1 .m-page1 .txt-right {
    display:inline-block;
    margin-top:30px;
    position:relative;
    *zoom:1;
    z-index:3
}
.m-page1 .txt-right .text {
    width:482px;
    height:211px;
    display:block;
    background:url(../images/text_img.png) no-repeat
}
.mod-page1 .m-page1 .swiper-banner {
    height:88px;
    margin-top:20px;
    position:relative
}
.mod-page1 .m-page1 .swiper-banner .swiper-slide p {
    color:#3d3d3d;
    font-size:20px;
    text-align:center;
    line-height:50px
}
.mod-page1 .m-page1 .swiper-banner .swiper-slide.animate p {
    -webkit-animation:fadeIn 1.2s ease forwards;
    animation:fadeIn 1.2s ease forwards;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.mod-page1 .m-page1 .swiper-banner .pagination {
    position:absolute;
    left:50%;
    bottom:0;
    font-size:0;
    margin-left:-48px
}
.mod-page1 .m-page1 .swiper-banner .swiper-pagination-switch {
    width:12px;
    height:12px;
    display:inline-block;
    border-radius:12px;
    background:#e5e5e5;
    opacity:1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:alpha(opacity=100);
    cursor:pointer;
    margin:0 10px
}
.mod-page1 .m-page1 .swiper-banner .swiper-active-switch {
    background:#0077d5
}
.mod-page1 .m-page1 .download-box {
    padding-top:22px;
    position:relative;
    margin-left:-18px
}
.mod-page1 .m-page1 .download-box a,.mod-page3 .download-btn {
    display:block;
    margin:0 auto;
    position:relative;
    z-index:999
}
.mod-page1 .m-page1 .download-box a {
    margin:0
}
.mod-page1 .m-page1 .download-box a:hover,.mod-page3 .download-btn:hover {
    background-position:0 -126px
}
.mod-page1 .m-page1 .download-box a:active,.mod-page3 .download-btn:active {
    background-position:-360px 0
}
.mod-page1 .m-page1 .i-dec {
    width:817px;
    height:457px;
    position:absolute;
    top:290px;
    left:50%;
    margin-left:-409px
}
.view-box {
    position:fixed;
    right:120px;
    top:50%;
    margin-top:-118px;
    z-index:9999;
    display:none
}
.view-box .preview {
    display:block
}
.view-box .preview:hover {
    background-position:0 -252px
}
.view-box .preview:active {
    background-position:-328px -252px
}
.mod-dia {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:999999;
    display:none
}
.mod-dia .mask {
    background:#000;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:.8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    filter:alpha(opacity=80)
}
.mod-dia .m-dia {
    position:absolute;
    width:970px;
    height:566px;
    top:50%;
    left:50%;
    margin:-283px 0 0 -485px
}
.mod-dia .m-dia .i-computer {
    background:url(../images/i_computer.png) no-repeat;
    width:880px;
    height:526px;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin:-263px 0 0 -440px
}
.mod-dia .m-dia .swiper-dia {
    width:691px;
    height:512px;
    padding-top:44px;
    position:relative;
    z-index:9999;
    *zoom:1
}
.mod-dia .m-dia .swiper-dia .dia-pagination {
    position:absolute;
    left:50%;
    bottom:0;
    font-size:0;
    margin-left:-84px
}
.mod-dia .m-dia .swiper-dia .swiper-pagination-switch {
    width:12px;
    height:12px;
    display:inline-block;
    border-radius:12px;
    background:#efefef;
    opacity:.5;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    filter:alpha(opacity=50);
    cursor:pointer;
    margin:0 8px
}
.mod-dia .m-dia .swiper-dia .swiper-active-switch {
    background:#0077d5;
    opacity:1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:alpha(opacity=100)
}
.mod-dia .m-dia .control-btn {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.mod-dia .m-dia .next-btn,.mod-dia .m-dia .prev-btn {
    position:absolute;
    width:56px;
    height:70px;
    display:block;
    background-color:#191919;
    background-color:rgba(0,0,0,.5);
    top:50%;
    margin-top:-35px;
    -webkit-transition:background-color .2s linear;
    -moz-transition:background-color .2s linear;
    -ms-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    transition:background-color .2s linear
}
.mod-dia .m-dia .next-btn:hover,.mod-dia .m-dia .prev-btn:hover {
    background-color:#000;
    background-color:rgba(0,0,0,.9);
    -webkit-transition:background-color .2s linear;
    -moz-transition:background-color .2s linear;
    -ms-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    transition:background-color .2s linear
}
.mod-dia .m-dia .next-btn i,.mod-dia .m-dia .prev-btn i {
    display:block;
    margin:24px auto
}
.mod-dia .m-dia .prev-btn {
    left:0
}
.mod-dia .m-dia .next-btn {
    right:0
}
.mod-dia .m-dia .i-close {
    position:absolute;
    display:block;
    right:20px;
    top:10px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
.mod-dia .m-dia .i-close:hover {
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    transform:rotateZ(180deg);
    -webkit-transform:rotateZ(180deg);
    -moz-transform:rotateZ(180deg);
    -ms-transform:rotateZ(180deg);
    -o-transform:rotateZ(180deg)
}
.mod-page2 {
    width:100%;
    background-color:#fff
}
.mod-page2 .m-box {
    padding:8% 0 3% 0;
    *zoom:1
}
.mod-page2 .title-box {
    margin-bottom:8%;
    opacity:0;
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.mod-page2 .m-title {
    width:100%;
    font-size:38px;
    color:#07143a;
    text-align:center;
    -webkit-animation-delay:.4s;
    -moz-animation-delay:.4s;
    -ms-animation-delay:.4s;
    -o-animation-delay:.4s;
    animation-delay:.4s;
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s
}
.mod-page2 .title-info {
    margin-top:16px;
    font-size:18px;
    color:#8e93a2;
    text-align:center;
    display:block;
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -ms-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s
}
.feature-box li {
    float:left;
    *display:inline;
    width:33.33%;
    height:204px;
    padding-bottom:9%;
    opacity:0;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s;
    *zoom:1
}
.feature-box li:nth-child(1) {
    -webkit-animation-delay:.2s;
    -moz-animation-delay:.2s;
    -ms-animation-delay:.2s;
    -o-animation-delay:.2s;
    animation-delay:.2s
}
.feature-box li:nth-child(2) {
    -webkit-animation-delay:.4s;
    -moz-animation-delay:.4s;
    -ms-animation-delay:.4s;
    -o-animation-delay:.4s;
    animation-delay:.4s
}
.feature-box li:nth-child(3) {
    -webkit-animation-delay:.6s;
    -moz-animation-delay:.6s;
    -ms-animation-delay:.6s;
    -o-animation-delay:.6s;
    animation-delay:.6s
}
.feature-box li:nth-child(4) {
    -webkit-animation-delay:.8s;
    -moz-animation-delay:.8s;
    -ms-animation-delay:.8s;
    -o-animation-delay:.8s;
    animation-delay:.8s
}
.feature-box li:nth-child(5) {
    -webkit-animation-delay:.9s;
    -moz-animation-delay:.9s;
    -ms-animation-delay:.9s;
    -o-animation-delay:.9s;
    animation-delay:.9s
}
.feature-box li:nth-child(6) {
    -webkit-animation-delay:1.1s;
    -moz-animation-delay:1.1s;
    -ms-animation-delay:1.1s;
    -o-animation-delay:1.1s;
    animation-delay:1.1s
}
.feature-box li i,.feature-box li span {
    display:block;
    margin:0 auto;
    text-align:center
}
.feature-box li .m-feature {
    font-size:24px;
    color:#07143a;
    margin-top:26px
}
.feature-box li .feature-info {
    font-size:16px;
    color:#8e93a2;
    line-height:26px;
    margin-top:30px
}
.mod-page3 {
    background: linear-gradient(60deg,rgba(84,58,183,1) 0%,rgb(0 148 193) 100%);
    height:328px
}
.mod-page3 .title {
    width:393px;
    height:61px;
    margin:55px auto 0 auto
}
.mod-page3 .info {
    color:#feffff;
    font-size:26px;
    height:84px;
    line-height:74px;
    display:block;
    width:100%;
    text-align:center
}
.mod-page3 .download-btn {
    margin:-18px auto 0 auto
}
.footer {
    width:100%;
    background-color:#202232;
    padding:24px 0 22px;
    clear: both;
}
.footer p {
    width:100%;
    text-align:center;
    color:#989898;
    font-size:14px;
}
.footer .link-box{
    margin-bottom: 12px;
}
.footer .link-box span{
    color:#989898;
    margin-right: 6px;
}
.footer .link-box a {
    display: inline-block;
    color:#989898;
    font-size:14px;
    margin-right: 10px;
}
.footer .link-box a:hover {
    text-decoration:underline
}
.small-screen .mod-page1 .m-page1 {
    padding-top:20px
}
.small-screen .mod-page1 .m-page1 .img-left {
    width:562px;
    height:342px;
    margin-right:50px;
    background:url(../images/computer_img_s.png) no-repeat
}
.small-screen .m-page1 .txt-right .text {
    width:476px;
    height:202px;
    display:block;
    background:url(../images/text_img_s.png) no-repeat
}
.small-screen .mod-page1 .m-page1 .i-dec {
    top:210px;
    margin-left:-290px
}
.small-screen .mod-page1 .m-page1 .swiper-banner {
    height:60px;
    margin-top:13px
}
.small-screen .mod-page1 .m-page1 .swiper-banner .swiper-slide p {
    font-size:16px;
    text-align:center;
    line-height:35px
}
.small-screen .mod-page1 .support-system {
    height:142px
}
.small-screen .mod-page1 .support-system .support-title {
    height:60px;
    line-height:60px;
    margin-bottom:13px
}
.small-screen .mod-page1 .support-system .support-info {
    background:url(../images/system_item_s.png) no-repeat;
    width:566px;
    height:36px
}
.small-screen .mod-page1 .support-system .support-title i {
    bottom:8px
}
.small-screen .mod-page1 .m-page1 .download-box .icon-download-btn {
    background:url(../images/s_icon.png) 0 0 transparent;
    width:296px;
    height:108px
}
.small-screen .mod-page1 .m-page1 .download-box .icon-download-btn:hover {
    background-position:-300px 0
}
.small-screen .mod-page1 .m-page1 .download-box .icon-download-btn:active {
    background-position:0 -112px
}
.small-screen .mod-page1 .m-page1 .download-box {
    padding-top:18px
}
.small-screen .view-box {
    right:30px
}
.banner-box {
    width:100%;
    position:relative;
    *zoom:1;
    min-width:1200px
}
.banner-box .m-banner {
    background:url(../images/inside_banner.png) no-repeat center top;
    height:385px;
    display:block
}
.banner-box .download-btn {
    position:absolute;
    display:block;
    width:240px;
    height:56px;
    line-height:56px;
    text-align:center;
    font-size:24px;
    color:#13b83e;
    background-color:#edfc6d;
    border-radius:5px;
    left:50%;
    margin-left:27px;
    bottom:145px;
    -webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);
    -moz-box-shadow:0 2px 10px rgba(0,0,0,.15);
    box-shadow:0 2px 10px rgba(0,0,0,.15);
    z-index:9999
}
.banner-box .download-btn:hover {
    -webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);
    -moz-box-shadow:0 2px 10px rgba(0,0,0,.3);
    box-shadow:0 2px 10px rgba(0,0,0,.3)
}
.banner-box .download-btn:active {
    bottom:144px;
    -webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);
    -moz-box-shadow:0 2px 10px rgba(0,0,0,.15);
    box-shadow:0 2px 10px rgba(0,0,0,.15)
}
.mod-step {
    width:100%
}
.mod-step .tittle-box {
    padding:90px 0
}
.mod-step .tittle-box h3 {
    font-size:32px;
    color:#42495f;
    text-align:center;
    font-weight:400
}
.mod-step .tittle-box .info {
    height:60px;
    line-height:60px;
    font-size:18px;
    color:#8e93a2;
    text-align:center;
    display:block
}
.mod-step .m-step {
    margin:0 126px 100px 30px;
    border-left:1px dashed #ccc;
    *zoom:1
}
.mod-step .m-step .step-item {
    padding-left:120px;
    margin-bottom:45px;
    position:relative;
    *zoom:1
}
.mod-step .m-step .step-content .title {
    font-size:26px;
    color:#586383;
    margin-bottom:10px
}
.mod-step .m-step .step-content .info {
    color:#8e93a2;
    font-size:18px;
    margin-bottom:20px
}
.mod-step .m-step .step-content img {
    max-width:920px;
    height:auto;
    border:1px solid #b8b8b8
}
.mod-step .m-step .step-item .i-step {
    position:absolute;
    background:url(../images/i_step.png) no-repeat;
    width:28px;
    height:28px;
    left:-14px;
    top:0;
    z-index:9999
}
.mod-trouble {
    width:100%
}
.mod-trouble .title {
    color:#42495f;
    font-size:32px;
    height:206px;
    line-height:206px;
    text-align:center;
    font-weight:400
}
.mod-trouble .m-trouble {
    padding-bottom:115px;
    *zoom:1
}
.mod-trouble .deal-box,.mod-trouble .question-box {
    float:left;
    *display:inline;
    width:50%
}
.mod-trouble .question-box .m-question {
    padding-right:50px;
    float:right;
    *display:inline
}
.mod-trouble .deal-box .m-deal {
    max-width:306px;
    margin:0 auto
}
.mod-trouble .m-trouble .item-title {
    font-size:26px;
    color:#585a60;
    display:block
}
.mod-trouble .m-trouble li a {
    display:block;
    color:#7f8493;
    font-size:16px;
    margin-top:24px
}
.mod-trouble .m-trouble li a:hover {
    text-decoration:underline
}
.mod-company {
    width:100%;
    padding:50px 0 113px 0;
    *zoom:1
}
.mod-company .title {
    color:#42495f;
    font-size:32px;
    font-weight:400;
    text-align:center;
    line-height:110px
}
.mod-company p {
    font-size:16px;
    color:#7f8493
}
.mod-company .main-info {
    text-indent:34px
}
.contact-box p {
    text-align:center;
    margin-bottom:22px
}
.go-top {
    position:fixed;
    bottom:120px;
    left:50%;
    margin-left:610px;
    width:40px;
    height:40px
}
.go-top .icon-top {
    display:block
}
.go-top .icon-top:hover {
    background-image:url(../images/icon.png);
    background-position:-541px -126px;
    width:40px;
    height:40px
}
@-webkit-keyframes fadeIn {
    0% {
    opacity:0
}
30% {
    opacity:0
}
100% {
    opacity:1
}
}@keyframes fadeIn {
    0% {
    opacity:0
}
30% {
    opacity:0
}
100% {
    opacity:1
}
}@-moz-keyframes fadeIn {
    0% {
    opacity:0
}
30% {
    opacity:0
}
100% {
    opacity:1
}
}@-o-keyframes fadeIn {
    0% {
    opacity:0
}
30% {
    opacity:0
}
100% {
    opacity:1
}
}@-webkit-keyframes fadeInUp {
    0% {
    opacity:0;
    -webkit-transform:translate3d(0,30%,0);
    transform:translate3d(0,30%,0)
}
100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}@keyframes fadeInUp {
    0% {
    opacity:0;
    -webkit-transform:translate3d(0,30%,0);
    -ms-transform:translate3d(0,30%,0);
    transform:translate3d(0,30%,0)
}
100% {
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
}.fadeInUp {
    -o-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -ms-animation-name:fadeInUp;
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}


/*系统下载*/
.in-banner{
  width: 100%;
  height: 269px;
  background:url(../images/in-banner.png) no-repeat center center;
  padding-top: 50px;
}

.in-banner h3{
  color:#fff;
  font-size: 54px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 10px;
}

.in-banner h4{
  color:#fff;
  font-size: 24px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 15px;
}

.in-banner .button{
  width: 300px;
  height: 65px;
  background:#edfc6d;
  display:block;
  margin:0 auto;
  text-align: center;
  line-height: 65px;
  color:#0077d5;
  font-size: 28px;
  border-radius: 50px;
  margin-bottom: 15px;
}

.in-banner .button:hover{
  background:#ffcc00;
  color:#fff;
}

.in-banner span{
  font-size: 12px;
  color:#fff;
  margin:0 auto;
  text-align: center;
  display:block;
}

.in-sec2{
  width: 100%;
  padding-top: 35px;
}

.in-sec2 h5{
  font-size: 36px;
  color:#333;
  text-align: center;
  font-weight: normal;
}

.in-box{
  height: 1000px;
  width: 1027px;
  margin:0 auto;

}

.ipic{margin-top:15px;width:1200px;}
.ipic ul{width: 1200px; height: 445px;}
.ipic ul li{float: left; width: 540px; height: 200px;background:#CEF7B2; padding:40px 10px 40px 40px;}
.ipic ul li .imgpc{margin:15px; width: 199px; height: 167px; display:inline-block; float: left; margin-top: 36px; margin-left: -12px; margin-right: 28px;}
.ipic ul li .imgR{width: 309px;height: 180px; display:inline-block;float: left; padding:10px 0 10px 5px; position:relative;}
.ipic ul li .imgR h3{color:#0077d5;margin-bottom: 5px; font-weight: normal; font-size: 24px;}
.ipic ul li .imgR .buttonright,.ipic ul li .imgR .buttonleft{width: 120px;height: 35px; border: none; cursor:pointer; display:inline-block; color:#fff; font-size: 15px;text-align: center;line-height: 33px;}

.ipic ul li .imgR .buttonleft{position:absolute;left: 23px; bottom: 20px; background:#edfc6d; color:#0077d5; font-size: 16px; background-size: 100% auto; border-radius: 5px; text-align: center;}
.ipic ul li .imgR .buttonleft:hover{background:#ffcc00; text-decoration: none;  background-size: 100% auto;color: #fff;}
.ipic ul li .imgR .buttonright{right: 40px;bottom: 20px; position:absolute;background:#0077d5; text-decoration: none;  background-size: 100% auto;border-radius: 5px; font-size:16px;}
.ipic ul li .imgR .buttonright:hover{background:#1fc313; text-decoration: none;  background-size: 100% auto;}
.ipic ul li .imgR .imgleft i{color:#0077d5;font-size: 12px;font-style: normal;}
.ipic ul li .imgR .imgleft{ float: left;}
.ipic ul li .imgR .imgright{float: right; display:block;}
.ipic ul li .imgR .imgright i{color:#0077d5;font-size: 15px;font-style: normal;}

.ipic li{float:left;height:185px;width:290px;margin-left:10px;margin-top:15px;}
.ipic h2{font-size:14px;font-weight:normal;line-height:40px;}
.ipic h2 a:link{color:#333;text-decoration:none;}
.ipic h2 a:hover{color:#000000;text-decoration:underline;}
.ipic h2 a:visited{color:#333;}
.ipic .box .xtjs{float:left;}
.ipic .box .xtjj{float:left;font-size:12px;line-height:20px;margin-left:10px;color:#333333;}
.ipic .nydown{display:block;background-image:url(../img/dl.png);background-position:0px 0px;width:66px;height:28px;color:#FFFFFF;text-decoration:none;font-size:14px;padding-left:45px;padding-top:5px;}
.ipic .nydown:hover{display:block;background-image:url(../img/dl.png);background-position:0px -33px;}

.wrapper {
    padding: 20px 0 50px;
}
.news-wrap{
    width:100%;
    background-color:#f8f8f8;
}
.content .bd{
    width:1200px;
    margin:0 auto;
}

/*系统列表*/
.list{ width:1200px;margin-right:auto;margin-left:auto;}
.list .l .daohan{font-size:14px;height:30px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F0F0F0;color:#333;}
.list .l .daohan a{color:#333;text-decoration:none;}
.list .l .daohan a:hover{color:#000;}
.list .l .gylx{overflow:hidden;margin-top:15px;margin-right:auto;margin-left:auto; line-height:40px;  }
.list .l .gylx p {text-align: left;padding-left: 0px;padding-right: 0px;line-height: 30px;text-indent: 30px;margin-bottom: 15px;}


.list .l .info .soft-info{height:190px;padding-top:10px;overflow:hidden;}
.list .l .info .icon{float:left;}
.list .l .info .soft-box{float:left;padding-left:15px;overflow:hidden;width:470px;}
.list .l .info .soft-name h1{font-size:20px;padding-left:3px;}
.list .l .info .soft-detail{}
.list .baidus{overflow:hidden;height:40px;}
.list .soft-detail ul{display:block;line-height:36px;}
.list .soft-detail li{float:left;display:block;width:200px;}
.list .soft-detail{overflow:hidden;height:100px;padding-left:3px;color:#333;font-size:14px;}
.list .soft-name{line-height:30px;overflow:hidden;margin-bottom:10px;}


.list .l .info .soft-info-lanmu{height:160px;padding-top:10px;overflow:hidden; border-bottom: 1px #CCCCCC dashed; padding-left:65px;}
.list .l .info .icon-lanmu{float:left;}
.list .l .info .soft-box-lanmu{float:left;padding-left:75px;overflow:hidden;width:555px; position:relative;}
.list .l .info .soft-name-lanmu h1{font-size:20px;padding-left:3px;}
.list .l .info .soft-detail-lanmu{}
.list .soft-detail-lanmu ul{display:block;line-height:26px;}
.list .soft-detail-lanmu li{float:left;display:block;width:200px;}
.list .soft-detail-lanmu{overflow:hidden;height:26px;padding-left:3px;color:#333;font-size:14px;}
.list .soft-name-lanmu{line-height:30px;overflow:hidden;margin-bottom:0px;}
.list .l .info .soft-jieshao-lanmu {font-size:14px;padding-left:3px; height:90px; line-height:23px;overflow: hidden;}
.list .l .info .soft-name-lanmu .num64{width: 60px;height: 60px;  display:inline-block; position:absolute; right: 25px; top: 0; background:url(../img/64.png) no-repeat; background-size:100% auto;}
.list .l .info .soft-name-lanmu .num32{width: 60px;height: 60px;  display:inline-block; position:absolute; right: 25px; top: 0; background:url(../img/32.png) no-repeat; background-size:100% auto;}
.list .l .info .soft-name-lanmu .xp{width: 60px;height: 60px;  display:inline-block; position:absolute; right: 25px; top: 0; background:url(../img/xp.png) no-repeat; background-size:100% auto;}
.list .l .info .soft-name-lanmu .w7{width: 60px;height: 60px;  display:inline-block; position:absolute; right: 25px; top: 0; background:url(../img/w7.png) no-repeat; background-size:100% auto;}
.list .l .info .soft-name-lanmu .w8{width: 60px;height: 60px;  display:inline-block; position:absolute; right: 25px; top: 0; background:url(../img/w8.png) no-repeat; background-size:100% auto;}
.list .l .info .soft-name-lanmu .w10{width: 60px;height: 60px;  display:inline-block; position:absolute; right: 25px; top: 0; background:url(../img/w10.png) no-repeat; background-size:100% auto;}


.list .ls .title1{color:#FFFFFF;background-color:#108bd2;height:30px;float:left;width:100px;line-height:30px;font-size:14px;text-align:center;}
.list .ls{overflow:hidden;width:680px;}
.list .ls .bod{border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#108BD2;height:30px;overflow:hidden;}

.list .r{
    float: right;
    width: 298px;
}

/*系统详情页*/
.list .sysMsg,.list .systemContent{
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 10px #ccc;
    position: relative;
    padding:38px 42px 42px;
}

.list .sysMsg h1{
    font-size:28px;
    font-weight: bold;
}
.list .sysMsg .intro{
    font-size: 20px;
    color:#666;
    margin-top:2px;
    margin-bottom: 10px;
}
.list .sysMsg .parameter{
    background-color:#f5f5f5;
    height: 200px;
    padding-left: 344px;
    padding-right: 38px;
    position: relative;
    overflow: hidden;
}

.list .sysMsg .parameter>img{
    width: 306px;
    height: 200px;
    position: absolute;
    left: 0;
}
.sysMsg .parameter ul {
    overflow: hidden;
    margin-top:18px;
}
.sysMsg .parameter ul li{
    color:#666;
    float: left;
    width: 206px;
}
.sysMsg .parameter ul span{
    color: #999;
    margin-right: 6px;
}
.sysMsg .parameter .dlBox{
    clear: both;
    margin: 18px 0 16px;
}
.sysMsg .parameter .dlBox a{
    font-size: 20px;
    color: #fff;
    background-color: #276ffc;
    border-radius: 6px;
    padding: 8px 52px;
    transition: .1s;
}
.sysMsg .parameter .dlBox a:hover {
    box-shadow: 0 2px 10px #276ffc;
}
.sysMsg .parameter .tips{
    font-size: 12px;
    color:#999;
    padding-left: 32px;
    position: relative;
}
.sysMsg .parameter .tips img{
    position: absolute;
    left: 0;
    top:6px;
}

.list .systemContent{
    margin-top: 22px;
    margin-bottom: 25px;
}
.list .systemContent img{
    max-width: 100%;
}
.list .systemContent .ttips{
    margin-top: 40px;
    font-size: 16px;
    background-color: #fef6d3;
    color:#c93a25;
    border:1px solid #fad57d;
    padding: 16px 18px;
}
.list .systemContent .ttips dt{
    font-weight: bold;
    margin-bottom: 6px;
}
.list .systemContent .dlBox{
    margin-top:20px;
}
.list .systemContent .dlBox a{
    font-size: 17px;
    color: #fff;
    background-color: #276ffc;
    border-radius: 4px;
    padding: 3px 22px;
    transition: .1s;
    margin:0 8px 12px 0;
}
.list .systemContent .dlBox a:hover{
    box-shadow: 0 2px 10px #276ffc;
}
.r .ad a{
    display: block;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 22px;
}
.r .ad a img{
    width: 298px;
    height: 364px;
}
.r .rank{
    background-image: linear-gradient(#fff,#fdfdfd,#f0f0f0);
    border-radius: 10px;
}
.r .rank .sysRank,.r .rank .articleRank,.r .rank .toolRank{
    overflow: hidden;
    padding: 22px 20px 10px;
    font-size: 16px;
}
.r .rank dt{
    border-left: 4px solid #0077d5;
    padding-left: 8px;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 20px;
    position: relative;
}
.r .rank dt a{
    position: absolute;
    right: 0;
    font-weight: normal;
    font-size: 15px;
}
.r .rank dd{
    width: 258px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
    line-height: 28px;
}
.r .sysRank span{
    padding: 0 8px 0 5px;
    font-style: italic;
    margin-right: 8px;
    display: inline-block;
    padding-left: 8px;
    width: 10px;
}
.r .articleRank dd{
    font-style: italic;
}
.r .toolRank img{
    width:28px;
    height:28px;
    margin-right: 12px;
}
.r .toolRank dd{
    margin-bottom: 10px;
}
.r .sysRank span.hh{
    color:#fff;
    background-color: #0077d5;
    border-radius: 50%;
}
/*新系统页面*/
.main{
    background-color: #f0f0f0;
    padding-top:25px;
    position: relative;
    overflow: hidden;
}
.main .content{
    padding-bottom: 25px;
}
.main .content .sysNav{
    background-color:#fff;
    border-radius: 10px;
    width: 300px;
    left: 0;
    overflow: hidden;
    box-shadow: 0 6px 10px #ccc;
    position: relative;
    z-index: 1;
}
.sysNav ul{
    padding:90px 0 32px;
    cursor: pointer;
}
.sysNav .system1,.sysNav:hover .system1.on{
    background: url(../images/sysbg11.png) no-repeat 50px 30px;
}
.sysNav .system1:hover,.sysNav .system1.on,.sysNav:hover .system1.on:hover{
    background: url(../images/sysbg12.png) no-repeat 50px 30px;
}
.sysNav .system2,.sysNav:hover .system2.on{
    background: url(../images/sysbg21.png) no-repeat 50px 30px;
}
.sysNav .system2:hover,.sysNav .system2.on,.sysNav:hover .system2.on:hover{
    background: url(../images/sysbg22.png) no-repeat 50px 30px;
}
.sysNav .system3,.sysNav:hover .system3.on{
    background: url(../images/sysbg31.png) no-repeat 50px 30px;
}
.sysNav .system3:hover,.sysNav .system3.on,.sysNav:hover .system3.on:hover{
    background: url(../images/sysbg32.png) no-repeat 50px 30px;
}
.sysNav .system4,.sysNav:hover .system4.on{
    background: url(../images/sysbg41.png) no-repeat 50px 30px;
}
.sysNav .system4:hover,.sysNav .system4.on,.sysNav:hover .system4.on:hover{
    background: url(../images/sysbg42.png) no-repeat 50px 30px;
}
.sysNav .system5,.sysNav:hover .system5.on{
    background: url(../images/sysbg51.png) no-repeat 50px 30px;
}
.sysNav .system5:hover,.sysNav .system5.on,.sysNav:hover .system5.on:hover{
    background: url(../images/sysbg52.png) no-repeat 50px 30px;
}
.sysNav .system:hover,.sysNav .system.on,.sysNav:hover .system.on:hover{
    background-color: #0077d5;
}
.sysNav:hover .system.on{
    background-color: #fff;
}
.sysNav ul:hover li,.sysNav .on li,.sysNav:hover ul:hover li{
    color:#ddd;
}
.sysNav ul li:hover span,.sysNav li.do span{
    transition:.2s;
    transform: rotate(0deg);
    -ms-transform:rotate(0deg); /* IE 9 */
    -webkit-transform:rotate(0deg); /* Safari and Chrome */
}
.sysNav ul li{
    padding-left:38px;
    padding-right: 8px;
    margin-left: 50px;
    margin-right: 12px;
}
.sysNav ul li:hover,.sysNav ul li.do,.sysNav:hover ul li.do,.sysNav:hover ul li:hover,.sysNav:hover ul:hover li.do{
    color:#fff;
    border-radius: 1px;
}
.sysNav:hover ul li.do{
    color:#666;
}
.sysNav:hover ul li{
    color:#666;
}

.sysNav li{
    font-size: 16px;
    color: #888;
    line-height: 28px;
    position: relative;
}
.sysNav li span{
    float:right;
    transform: rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Safari and Chrome */
}
.sysNav li .edition span{ display: none;}

.sysNav ul .edition{
    overflow: hidden;
    color:#ddd;
    height: 0;
    transition:.2s;
    display: none;
}
.sysNav ul .edition.op{
    height: 56px;
}
.sysNav ul .edition p{
    padding-left:1px;
    font-size: 14px;
}

.sysNav ul .edition p:hover{
    color:#fff;
}
.sysNav ul .edition p.sl{
    color:#eee;
    text-decoration: underline;
}
.content .sysWindow{
    position:absolute;
    top:0;
    right: 0;
    height: 100%;
}

.sysTh li{
    font-size:16px;
    font-weight: bold;
    color: #777;
    display: inline-block;
    width: 288px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background-color: #f9f9f9;
    border-radius: 26px 26px 10px 10px;
    clip-path: polygon(5% 0%, 95% 0%, 101% 100%, -1% 100%);
    -webkit-clip-path:polygon(5% 0%, 95% 0%, 101% 100%, -1% 100%);
    cursor: pointer;
    z-index: 9;
    position: relative;
}

.sysTh li:hover,.sysTh li.select{
    color:#0077d5;
    background-color: #fff;
}

.sysTh li:nth-of-type(2){
    border-radius: 10px 10px 26px 26px;
    clip-path: polygon(-1% 0%, 101% 0%, 95% 100%, 4% 100%);
    -webkit-clip-path: polygon(-1% 0%, 101% 0%, 95% 100%, 4% 100%);
}

.content .thBox{
    background-color: #f0f0f0;
    position: absolute;
    height: 60px;
    margin-top: -10px;
    width: 873px;
    z-index: 0;
}
/*ie兼容处理*/
.content .thBox{
    display: none\9;
    #display: none;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .content .thBox{
        display: none;
    }
}
/*选中样式调整*/
.content .thBg1{
    background-color: #f0f0f0;
    width: 288px;
    height: 70px;
    border-radius: 10px 10px 26px 26px;
    clip-path: polygon(-2% 0%, 101% 0%, 95% 100%, 4% 100%);
    -webkit-clip-path: polygon(-2% 0%, 101% 0%, 95% 100%, 4% 100%);
    position: absolute;
    margin-left: 283px;
    margin-top: -44px;
}

.content .whiteBg{
    background-color: #fff;
    width: 300px;
    height: 180px;
    position: absolute;
}

.content .no2 .thBg1{
    clip-path: polygon(5% 0%, 95% 0%, 101% 100%, -1% 100%);
    -webkit-clip-path:polygon(5% 0%, 95% 0%, 101% 100%, -1% 100%);
    margin-left: 17px;
    margin-top: -45px;
}

.content .no2 .thBg2{
    background-color: #f0f0f0;
    width: 288px;
    height: 70px;
    border-radius: 10px 10px 26px 26px;
    clip-path: polygon(5% 0%, 95% 0%, 101% 100%, -1% 100%);
    -webkit-clip-path:polygon(5% 0%, 95% 0%, 101% 100%, -1% 100%);
    position: absolute;
    right: 20px;
    margin-top:-45px;
}

.content .no2 .whiteBg{
    right: 287px;
}

.content .no3 .thBg1{
    right: 281px;
}

.content .no3 .whiteBg{
    right: 0;
}

.content .wBox{
    width: 873px;
    box-sizing:border-box;
    background-image: linear-gradient(#fff,#f0f0f0);
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    border:2px solid #fff;
    bottom: 290px;
    top: 85px;
    display: none;
}
.content .window{
    width: 873px;
    box-sizing:border-box;
    padding: 0 500px 0 88px;
}

.content .wBox.do{
    display: flex;
}

.content .window{
    background-image: url(../images/win11bg.png);
    background-position: 86px 0;
    background-repeat: no-repeat;
    align-self: center;
}
.content .wBox.nf404 .window{
    background-image: none;
}
.content .window.win5{
    background-image: url(../images/win11bg.png);
}
.content .window.win4{
    background-image: url(../images/win10bg.png);
}
.content .window.win3{
    background-image: url(../images/win8bg.png);
}
.content .window.win2{
    background-image: url(../images/win7bg.png);
}
.content .window.win1{
    background-image: url(../images/xpbg.png);
}

.content .window .sysImg{
    position: absolute;
    margin-top: -103px;
    right: -66px;
    background: url(../images/win11.png) no-repeat;
    width: 618px;
    height: 400px;
}

.content .window .sysImg img{
    width:306px;
    height:200px;
    margin-left: 136px;
    margin-top:8px;
}

.content .wBox.nf404 .sysImg img{
    width:128px;
    height:128px;
    margin-left: 136px;
    margin-top:8px;
    padding:36px 89px;
    background-color: #0077d5;
}

.content .window h2{
    font-size: 19px;
    font-weight: bold;
    color:#555;
    padding-bottom:10px;
    padding-top: 69px;
}

.content .window .intro{
    color:#666;
    margin-bottom: 28px;
}

.content .window .dlBox a{
    font-size: 20px;
    color:#fff;
    background-color: #276ffc;
    border-radius: 6px;
    padding:8px 41px;
    transition:.1s;
}

.content .window .bit32{
    position: absolute;
    margin-left: 170px;
    margin-top: -15px;
}
.content .window .bit32 a{
    text-decoration: underline;
    color: #0077d5;
}
.content .window .bit32 a:hover{
    color: #276ffc;
}

.content .window .dlBox a:hover{
    box-shadow: 0 2px 10px #276ffc;
}

.content .wBox.nf404 .dlBox a:hover{
    box-shadow:none;
    cursor:no-drop;
}

.content .wBox.nf404 .dlBox a{
    font-size: 20px;
    color:#fff;
    background-color: #777;
    border-radius: 6px;
    padding: 8px 41px;
    transition:.1s;
}

.content .window .sysmsg{
    margin-top:18px;
    color:#666;
}

.content .window .sysmsg span:first-child{
    margin-right: 6px;
}

.sysWindow .guide{
    position: absolute;
    color:#666;
    width: 100%;
    bottom: 25px;
}

.guide .why{
    width:520px;
}

.guide .why .whyMsg{
    background-image:linear-gradient(#fff,#f0f0f0);
    border:2px solid #fff;
    padding: 20px 40px 30px;
    border-radius: 20px;
    font-size:15px;
}

.guide .why .whyMsg span{
    font-weight: bold;
    margin-right: 5px;
}

.guide .why .tips{
    margin-top:10px;
    margin-bottom: 4px;
    color: #0077d5;
}

.guide .how{
    width: 769px;
    margin: 0 auto;
    text-align: center;
}

.guide .how a{
    font-size: 22px;
    text-align: center;
    display: inline-block;
    width:320px;
    background-image: linear-gradient(to bottom right,#fff,#f0f0f0);
    border: 2px solid #fff;
    border-radius: 20px;
    padding:10px 0;
    margin-top: -10px;
    margin-bottom: 6px;
    transition:.2s;
}
.guide .how a:first-child{
    margin-right: 26px;
}

.guide .how a:hover{
    background-image: linear-gradient(to right,#fff,#f0f0f0);
    box-shadow: 0 6px 10px #ccc;
}
.guide .how a img{
    width: 46px;
    height: 46px;
    margin-right: 16px;
}
.guide h3 {
    color:#0077d5;
    font-size:30px;
}
.guide h3 img{
    width: 36px;
    height: 36px;
    margin-right: 10px;
}
.guide .how p{
    position: relative;
    margin-top: -10px;
}

/*下载按钮*/
.dlBtn{
    display: inline-block;
    padding:1px 18px;
    height: 30px;
    border: 1px solid #0077d5;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
    margin:6px 8px;
    background-color: #276ffc;}
.dlBtn:hover,.dlBtn.on{ background-color: #276ffc; box-shadow: 0 2px 10px #276ffc; color: #fff;}

body{min-width:1200px; background-color: #f0f0f0;}

.linkBox{display:none;}


/*article*/
.bannerBox{ width:1040px; margin:0 auto; overflow:hidden;}
.bannerTitle{ float:left; padding-left:70px; height: 70px;}
.bannerTitle img{ position:absolute; margin-left:-70px;}
.bannerTitle .word{ padding-top:14px; font-weight:bold;}
.bannerTitle p{ color:#fff; }
#searchForm{ width: 720px; margin:25px auto 40px; overflow: hidden; line-height:52px; border:1px solid #ccc; border-radius: 10px; background-color: #fff; height: 52px; position: relative;}
#searchForm .serContent { line-height: 50px; text-indent: 28px; border: none; outline: none; background: none; width: 592px; font-size: 15px; margin-left: 6px;}
#searchForm .submit { background-color: #0077d5; border: none; outline: none; overflow: hidden; cursor: pointer; position: absolute; height: 52px; right: 0; width: 120px; font-size: 17px; color: #fff;}
#searchForm .submit i {padding: 9px 10px; font-size: 18px; outline: none; transition: .3s; }
#searchForm .submit:hover { background-color: #0077d5; transition: .3s;}
#searchForm .submit:hover i {font-size: 28px; }


.info.article{ color:#999; }
.info.article li{ color:#999; }
.info.article .articleTitle a{
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.info.article .articleTitle a:hover{
    color: #0077d5;
}

.articleLi h1{ font-size: 22px; font-weight: normal; text-align: center; padding-bottom:10px; color:#333;}
.articleLi .liTitle{ padding-bottom:12px; text-align:center; height:auto !important; color:#999; }
.articleLi .liTitle span{margin:0 6px;}
.articleLi,.softwareLi{ background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 10px #ccc;
    position: relative;
    padding: 44px 42px 50px;
    margin-bottom: 25px;}
.articleLi .liContent,.softwareLi .liContent{ height:auto !important; padding-bottom:10px; }
.articleLi .liContent img,.softwareLi .liContent img{ max-width:100%; }

.near{padding:16px 65px 2px;}

.list .l{ width:880px; float: left;}
.list .l .info .soft-info-lanmu{ padding-right:65px; }

.collection{ width: 1200px; margin: 0 auto; margin-top: 40px;}
.collection ul{ margin-left: -24px;}
.collection li{
    float: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 380px;
    margin-left: 24px;
    margin-bottom: 25px;
    position: relative;
}
.collection li a{ color: #aaa;}
.collection li p{
    padding: 12px 16px;
}
.collection li a p:first-child:hover,.collection li.on a p:first-child{
    color: #0077d5;
}
.collection li p:first-child{
    color: #333;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.sorts {width: 1200px; margin: 25px auto 0;}
.sorts li{ float: left; text-align: center; border-radius: 10px; box-shadow: 0 2px 10px #aaa; margin-right: 20px; padding: 28px 0; width: 224px;}
.sorts li:last-child{ margin-right: 0;}
.sorts a{ font-size: 19px; font-weight: bold; color: #828282;}
.sorts a:hover,.sorts a.on{ color: #0077d5;}
.sorts a img{ margin-right: 4px; margin-top: -3px;}

.p_title{ font-size: 22px; margin-bottom: 28px; font-weight: bold;}

.artilceList{
    margin-top:54px;
    margin-bottom:80px;
}
.rightSide{ width: 314px; float: right; background-image: linear-gradient(#fff,#f0f0f0);
    padding: 20px 20px 60px;
    border-radius: 10px; box-sizing: border-box;}
.articleNav{ margin-bottom: 18px; height: 52px;}
.articleNav a{
    display: inline-block;
    font-size: 14px;
    margin-right: 46px;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
    color: #9f9f9f;
}
.articleNav a.on,.articleNav a:hover{
    color: #2c7ff6;
    border-bottom: 4px solid;
    padding-bottom: 6px;
}
.artilceList .soft-info-lanmu{
    overflow: hidden;
    padding-bottom: 60px;
    margin-bottom: 39px;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.artilceList .soft-info-lanmu.soft{
    position: relative;
    padding-left: 98px;
}
.artilceList .soft-info-lanmu.soft img{
    position: absolute;
    width: 75px;
    height: 75px;
    left: 0;
    top: 4px;
}
.artilceList .soft-info-lanmu.soft .msg p{
    margin-bottom: 0;
    margin-top:6px;
}
.articleTitle{
    padding-bottom:11px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.msg p{
    line-height: 1.7em;
    height: 3.4em;
    overflow: hidden;
    width: 80%;
    margin-bottom: 1em;
    text-align: justify;
}
.msg span{margin-right:6px;}
.msg a{ float:right; border:1px solid #0077d5; padding:1px 8px; color:#0077d5;}
.msg a:hover{color:#fff;background-color:#0077d5;}

.rightSide .zebra{z-index: 1;}
.xt,.gj,.jc{ overflow:hidden; position: relative;}
.rightSide ul{ overflow: hidden; clear: both; margin-bottom:10px;}
.rightSide li{ margin:7px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.rightSide em{ display:inline-block; margin-right:5px; background-color:#c8c8c8; color:#fff; text-align: center; line-height: 22px; height: 22px; width: 22px;}
.rightSide .em1{ background-color:#0269bb;}
.rightSide .em2{ background-color:#0077d5;}
.rightSide .em3{ background-color:#188de9;}

.artilceList .pagination{
    text-align: left;
    font-size: 15px;
}

/*pagination*/
.pagination{ text-align:center; margin-top:12px; clear: both; padding-right: 68px; position: relative; top:10px;}
.pagination li{ display:inline-block; padding:4px 6px;}

/*software*/
.subnav{ float:left; }
.software{ float: right;}
.subnav{ width: 180px; background-image: linear-gradient(#fff,#f0f0f0);
    padding: 20px 0 60px;
    border-radius: 10px;}
.subnav a{ display: block; margin:3px 0; padding:5px 0;}
.subnav li.on,.subnav li:hover{ background: url(../images/nav_turning.png) no-repeat right bottom;}
.subnav .on a,.subnav li:hover a{ background-color:#0077d5; color:#fff; transition:.2s;}
.software{ width: 966px; font-size: 12px; color: #999; background-image: linear-gradient(#fff,#f0f0f0);
    border: 2px solid #fff;
    padding: 20px 0 30px;
    border-radius: 20px;
    margin-bottom: 40px;}
.subnav li{ text-align: center; font-size:15px; color:#666; position: relative; left: 9px; padding-bottom: 7px;}
.software dd{ float:left; width:316px; height:92px; overflow:hidden; position:relative; padding-left:100px; border-bottom: 1px solid #f0f0f0; margin:10px 0 10px 22px;}
.software dd img{ width:75px; height:75px; position:absolute; margin-left:-90px;}
.software h3{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.software h3 a{ font-size: 16px; color: #0077d5;}
.software .intro{ height:3em; overflow:hidden; }

.softwareLi .liTitle{ padding-left:165px !important; padding-bottom:24px; }
.softwareLi .liTitle img{ width: 75px; height: 75px; border-radius: 11px; position:absolute; margin-left:-100px;}
.softwareLi .liTitle h1{ font-size:16px; color:#0077d5; padding-bottom: 6px;}
.softwareLi .liTitle span{ float:left; width:36%; color:#999;}
.list .l .info.softwareLi .soft-info-lanmu{ height:auto; }
#links{ padding-bottom:10px;}

/*index*/
.noShadow{ box-shadow: none;}
.banner{
    position:relative;
    text-align:center;
    background:linear-gradient(60deg,rgba(84,58,183,1) 0%,rgb(0 148 193) 100%);
    color:white;
    height: 518px;
}
.banner .waveBox{
    width: 100%;
    position: absolute;
    bottom: 0;
}
.waves {
    position:relative;
    width:100%;
    height:15vh;
    margin-bottom:-28px;
    /*Fix for safari gap*/  min-height:100px;
    max-height:150px;
}
.banner .content {
    position:relative;
    height:20vh;
    text-align:center;
    background-color:white;
}
.banner .rcBox{
    width: 1200px;
    height: 500px;
    margin:0 auto;
    background: url(../images/bannerBg.png) no-repeat 2px 56px;
    position: relative;
    padding-left: 688px;
    padding-top:68px;
    box-sizing: border-box;
    text-align: left;
}
.banner .rcBox >img{
    position: absolute;
    left: 9px;
    top:63px;
    width: 495px;
    height: 279px;
}
.banner .rcBox.pe8{
    background: none;
}
.banner .rcBox.pe8 >img{
    position: absolute;
    left: 9px;
    top:63px;
    width: auto;
    height: auto;
}
.banner .rcBox h2{
    font-size: 50px;
}
.banner .intro{
    font-size: 20px;
    margin-bottom: 16px;
    margin-top:22px;
}
.banner .mmg{
    padding-left: 1px;
}
.banner p span{
    display: inline-block;
    min-width:180px;
}
.banner .bannerDl{
    margin-top: 88px;
    clear: both;
}
.banner ul{
    margin-top:14px;
}
.banner ul li{
    position: relative;
    float: left;
    margin-right: 16px;
    font-size: 15px;
}
.banner ul li i{
    display: inline-block;
    background-color: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.banner ul li span{
    line-height: 5px;
    padding: 2px;
    margin-right: 4px;
    border:1px solid #fff;
    border-radius: 50%;
    display: inline-block;
}
.banner .course a{
    color:#fff;
    margin-right: 8px;
}
.banner .course a:hover{
    text-decoration: underline;
}
.banner .rcBox .bannerDl a{
    display: inline-block;
    width: 205px;
    height: 50px;
    line-height: 48px;
    margin-bottom: 10px;
    margin-right: 18px;
    font-size: 24px;
    color: #fff;
    background-image: linear-gradient(90deg, #4e74f0 0%, #00b7e6 100%);
    border-radius: 4px;
    text-align: center;
    transition:.2s;
}
.banner .rcBox .bannerDl a.xl{
    background: none;
    border: 1px solid #24c2ff;
    box-sizing: border-box;
    width: 168px;
    position: absolute;
}
.banner .rcBox .bannerDl a:hover{
    background: #24c2ff ;
}
.parallax >use {
    animation:move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax >use:nth-child(1) {
    animation-delay:-2s;
    animation-duration:7s;
}
.parallax >use:nth-child(2) {
    animation-delay:-3s;
    animation-duration:10s;
}
.parallax >use:nth-child(3) {
    animation-delay:-4s;
    animation-duration:13s;
}
.parallax >use:nth-child(4) {
    animation-delay:-5s;
    animation-duration:20s;
}
@keyframes move-forever {
    0% {
    transform:translate3d(-90px,0,0);
    }
    100% {
        transform:translate3d(85px,0,0);
    }
}
.title{ font-weight: bold; font-size: 22px; color: #0269bb; float: left; padding-right: 30px; border-left: 4px solid #0077d5; padding-left: 8px; line-height: 24px; margin-bottom: 12px;}
.more{ float: right; width: 60px; margin-top: 6px; font-size: 12px; color: #43950a; background: #fff; text-align: right;}

.articleBox,.softwareBox{ overflow:hidden; clear:both; padding-top:20px; margin-right: -40px; padding-bottom:30px;}
.articleBox dl{ float:left; width:270px; margin-right: 40px;}
.articleBox a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.8em; background: url(../images/article.png) no-repeat 4px 6px; padding-left:26px;}
.articleBox dt img{ width: 270px; height: 180px; display:block; margin-bottom:6px; }
#articleIcon{ width:16px; height:16px; position:absolute;}

.softwareBox img{ width: 75px; height: 75px; display: block; margin:0 auto 6px;}
.softwareBox li{ float:left; width: 110px; text-align: center; margin-bottom:17px;}

/*面包屑*/
.crumb{ margin:0 auto; width: 1200px; position: relative; margin-bottom: 20px; color:#666;}
.crumb .position{ line-height: 29px; padding-left: 2px;}
.crumb #rightSearch{
    position: absolute;
    right: 0; top: 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 298px;
    height: 28px;
    overflow: hidden;
    background-color: #fff;
}
#rightSearch .serContent{
    font-size: 15px;
    border: none;
    width: 254px;
    line-height: 30px;
    padding-left: 12px;
    height: 28px;
    outline: none;
}
#rightSearch .submit{
    border: none;
    background: url(../images/searchSubmit.png) no-repeat center;
    width: 32px;
    height: 28px;
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 0;
}

/*下载新样式*/
.linksBox{
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 10px #ccc;
    position: relative;
    padding: 44px 42px 50px;
    margin-bottom: 25px;
}
.dlLinks#links{
    position: relative;
    padding-right: 369px;
    padding-bottom: 0px;
    min-height: 138px;
    overflow: hidden;
}
.ss .dlLinks#links{
    min-height: auto;
}
.dlLinks#links.softPage{
    padding-left:65px;
    padding-right: 65px;
}
.dlLinks#links.softPage .dlCount{
    width: 192px;
}
.dlLinks .lTitle{
    font-size: 16px;
    font-weight: bold;
    height: 98%;
    padding: 4px;
    box-sizing: border-box;
    text-align: center;
    letter-spacing:8px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #3a8ff9;
    color:#fff;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
}
.dlLinks .dlCount{
    background-color: #3a8ff9;
    color: #fff;
    width: 180px;
    display: inline-block;
    margin: 6px 16px 6px 0;
    padding: 4px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dlLinks .dlCount input{ position: absolute; opacity: 0; height: 0;}
.dlLinks .dlCount:hover{ box-shadow: 0 0px 10px #3a8ff9;}
.dlLinks .dlCount img{ margin:0 6px 0 8px; position: relative; margin-top:-2px;}
.dlLinks .bd img{
    position: absolute;
    right: 0;
    top: 0;
    width: 360px;
    /*height: 230px;*/
}

/*导航搜索框*/
.mod-nav .nav-search{
    float: right;
    border:2px solid #0077d5;
    height: 29px;
    line-height: 28px;
    margin-top:33px;
    margin-left: 38px;
    border-radius: 10px;
}
.nav-search .serContent{
    line-height: 28px;
    text-indent: 8px;
    border: none;
    outline: none;
    background: none;
    width: 280px;
    font-size: 15px;
    margin-left: 6px;
}
.nav-search .submit{
    border: none;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    height: 29px;
    right: 1px;
    width: 38px;
    font-size: 17px;
    color: #fff;
    background-color: #0077d5;
    height: 31px;
    margin-top: -1px;
    border-radius: 0 6px 6px 0;
}

/*友情链接*/
.mod-page4 .links{
    padding:50px 0 50px 0;
}

.underBg{
    position: relative;
    background-color: #f0f0f0;
    width: 100%;
}

/*搜索页*/
.artilceList .software{
    width: auto;
    background-image: none;
    border:none;
    padding:0;
}
.artilceList .software dd{
    width: 469px;
    margin:0 28px 18px 0;
}
.artilceList .msg .s_span {
    padding: 1px 7px;
    color: #FFF;
    border-radius: 2px;
}
.artilceList .msg .span_o{
    background-color: #EC6C62;
}
.artilceList .msg .span_b{
    background-color: #52A3CC;
}
.artilceList .msg .span_g{
    background-color: #009688;
}
.artilceList .msg .span_r{
    background-color: #ec6273;
}
.artilceList .msg .span_h{
    background-color: #888;
}