@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:#888;
}
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) -23px -14px transparent;
    width:220px;
    height:75px;
    float: left;
}
.icon-thunder-btn {
    background:url(../images/icon.png) -23px -99px transparent;
    width:220px;
    height:75px;
    float: left;
}

.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:135px;
    line-height:100px;
    *zoom:1;
    background-color: #fff;
}
.mod-nav .logo-box {
    display:block;
    line-height:100px;
    float:left;
    *display:inline
}
.mod-nav .logo-box img {
    width:234px;
    height:52px
}
.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:17px;
    color: #202232;
    -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,.mod-nav .nav-list li .child-menu .cur{
    color:#01AAE3;
    -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 .download-btn {
    float:right;
    *display:inline;
    display:block;
    width:104px;
    height:30px;
    border:1px solid #0ad15d;
    border-radius:30px;
    text-align:center;
    line-height:30px;
    color:#0ad15d;
    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:#0ad15d
}
.mod-nav li .icon-zjds {
    position: absolute;
    top: 39px;
    right: 6px;
}
.icon-zjds {
    background-image: url(../images/icon2.png);
    background-position: -421px -245px;
    width: 6px;
    height: 6px;
}
.nav-list .triangle {
    background: #fff;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0;
    border-color: #202232 transparent transparent;
    display: inline-block;
    position: relative;
    top: -7px;
    *top: -7px;
    *left: 6px;
}
.nav-list .child-menu {
    width: 114px;
    height: 70px;
    border-radius: 2px;
    background: #EBF1F8;
    position: absolute;
    top: 66px;
    left: 0;
    display: none; 
}
.nav-list .child-menu a .icon-gl {
    left: 8px;
    top: 15px;
}
.nav-list .child-menu a i {
    position: absolute;
    display: none;
}
.mod-nav .nav-list .child-menu a{
    height: 35px;
    line-height: 35px;
    display: block;
    font-size: 14px;
    color: #252525;
    text-align: center;
    position: relative;
    *zoom: 1;
}
.nav-list .child-menu a.active i, .nav-list .child-menu a:hover i {
    display: inline-block;
}
.icon-gl {
    background-image: url(../images/icon2.png);
    background-position: -421px -261px;
    width: 5px;
    height: 7px;
}
.nav-list .child-menu a .icon-gt {
    right: 8px;
    top: 16px;
}
.mod-nav .nav-list .mati{
    height: 138px;
    z-index: 1;
}
.mod-nav .nav-list .mati:hover .triangle,.nav-list .cur .triangle{
    border-color: #01AAE3 transparent transparent;
}
.mod-nav .nav-list .mati:hover .child-menu{
    display: inline-block;
}

.icon-gt {
    background-image: url(../images/icon2.png);
    background-position: -417px -277px;
    width: 5px;
    height: 5px;
}
.mod-page1 {
    position:relative;
    width:100%;
    background: #3597FF;
}
.mod-page1 .support-system {
    height:288px;
    background-color:#252525;
    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:829px;
    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:#0ad15d
}
.mod-page1 .m-page1 .download-box {
    padding-top:38px;
    position:relative;
}
.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-right: 30px;
}
.mod-page1 .m-page1 .download-box .thunder-btn:hover {
    background-position:-23px -182px
}
.mod-page1 .m-page1 .download-box .thunder-btn:active {
    background-position:-483px -324px
}
.mod-page1 .m-page1 .download-box a:hover,.mod-page3 .download-btn:hover {
    background-position:-246px -14px
}
.mod-page1 .m-page1 .download-box a:active,.mod-page3 .download-btn:active {
    background-position:-473px -14px; 
}
.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:#0ad15d;
    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:url(../images/footer_bg.jpg) no-repeat center top;
    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
}
.footer p {
    width:100%;
    text-align:center;
    color:#949494;
    font-size:14px;
    margin-bottom:12px
}
.footer .link-box {
    margin:0 auto;
    text-align:center;
    color:#949494;
    font-size:14px
}
.footer .link-box a {
    color:#949494;
    font-size:14px;
    padding:0 30px
}
.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%;
    background: #f8f8f8;
}
.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 0 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;
  padding-top: 20px;
}

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

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

.in-banner .button{
  width: 300px;
  height: 65px;
  background-color: #4e74f0;
  background-image: linear-gradient(90deg, #4e74f0 0%,#00b7e6 33%,#00b7e6 66%,#00b7e6 100%);
  display:block;
  margin:0 auto;
  text-align: center;
  line-height: 65px;
  color:#fff;
  font-size: 28px;
  border-radius: 50px;
  margin-bottom: 15px;
  background-size: 300% 100%;
}

.in-banner .button:hover{
    background-image: linear-gradient(90deg, #00b7e6 0%,#00b7e6 100%,#00b7e6 100%,#00b7e6 100%);
    background-color: #00b7e6;
    color:#fff;
}

.in-banner span{
  font-size: 12px;
  color:#252525;
  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; padding:40px 10px 40px 40px;box-shadow: 0 1px 6px #999;background: #fff;}
.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:#252525;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;font-size: 16px; background-size: 100% auto; border-radius: 5px; text-align: center;background-color: #4e74f0;background-image: linear-gradient(90deg, #4e74f0 0%,#00b7e6 33%,#00b7e6 66%,#00b7e6 100%);background-size: 300% 100%;}
.ipic ul li .imgR .buttonleft:hover{text-decoration: none;  color: #fff;background-image: linear-gradient(90deg, #00b7e6 0%,#00b7e6 100%,#00b7e6 100%,#00b7e6 100%);background-color: #00b7e6;}
.ipic ul li .imgR .buttonright{right: 40px;bottom: 20px; position:absolute;text-decoration: none;  background-size: 100% auto;border-radius: 5px; font-size:16px;background-color: #ffffff;color: #3489eb;border: solid 1px #3489eb;}
.ipic ul li .imgR .buttonright:hover{background:#D6E7FB; text-decoration: none;  background-size: 100% auto;}
.ipic ul li .imgR .imgleft i{color:#252525;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:#252525;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{margin-top:15px; margin-bottom:20px; width:1000px;margin-right:auto;margin-left:auto;background-color:#FFFFFF;border-left: 1px dashed #bbb; border-right: 1px dashed #bbb;padding:15px;overflow:hidden;}
.list .l{width:905px;float:left;}
.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 .info{overflow:hidden;}
.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;}

/*下载按钮*/
.dlBtn{
    display: inline-block;
    padding:0 14px;
    height: 30px;
    border: 1px solid #0ad15d;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    color: #0ad15d;
    font-size: 14px;
    margin:6px 8px;
    -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;}
.dlBtn:hover,.dlBtn.on{-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: #0ad15d;}

body{min-width:1200px;}

.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{ float:right; line-height:68px;}
#searchForm .content {background: #fff; line-height: 27px; border-radius: 18px; text-indent: 18px; border: none; outline: none; }
#searchForm .submit {margin-left: 2px; background: #fff; border: none; border-radius: 50%; outline: none; overflow: hidden; }
#searchForm .submit i {padding: 9px 10px; font-size: 12px; cursor: pointer; outline: none; transition: .3s; }

.info.article{ color:#999; }
.info.article li{ color:#999; }
.info.article .articleTitle a{ font-size:16px; color:#72be33; font-weight: bold;}

.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 .liContent{ height:auto !important; padding-bottom:10px; }

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

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

.artilceList{ width: 655px; float: left; border-right: 1px dashed #bbb; padding-right:15px; margin-right:15px; }
.rightSide{ width: 314px; float: left;}
.articleNav{ border-bottom: 1px dashed #bbb; margin-bottom:10px;}
.articleNav a{display: inline-block; padding: 0 14px; height: 30px; border: 1px solid #72be33; border-radius: 30px; text-align: center; line-height: 30px; color: #72be33; font-size: 14px; margin-right:8px; margin-bottom:10px;}
.articleNav a.on,.articleNav a:hover{color:#fff;background-color:#72be33;}
.artilceList .soft-info-lanmu{ overflow:hidden; padding-bottom:12px; margin-bottom:10px; border-bottom: 1px dashed #bbb;}
.articleTitle{padding-bottom:8px;}
.msg{ width: 420px; float:right;}
.msg p{ line-height: 1.7em; height:6.8em; overflow:hidden; margin-bottom:1.5em;}
.msg span{margin-right:6px;}
.msg a{ float:right; border:1px solid #72be33; padding:1px 8px; color:#72be33;}
.msg a:hover{color:#fff;background-color:#72be33;}

.rightSide .zebra{z-index: 1;}
.xt,.gj,.jc{ overflow:hidden; position: relative;}
.rightSide ul{ overflow: hidden; clear: both; margin-bottom:10px;}
.rightSide li{ margin:4px 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:#539227;}
.rightSide .em2{ background-color:#72be33;}
.rightSide .em3{ background-color:#90d457;}

/*pagination*/
.pagination{ text-align:center; margin-top:12px; }
.pagination li{ display:inline-block; padding:4px 6px;}

/*software*/
.subnav,.software{ float:left; }
.subnav{ width: 105px; padding-right:15px; }
.subnav a{ display: block; margin:3px 0; padding:5px 0;}
.subnav a.on,.subnav a:hover{ background-color:#72be33; color:#fff; }
.software{ width: 878px; border-left: 1px dashed #bbb; font-size: 12px; color: #999;}
.subnav li{ text-align: center; font-size:15px; color:#666;}
.software dd{ float:left; width:316px; height:92px; overflow:hidden; position:relative; padding-left:100px; border-bottom: 1px solid #ddd; 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: #72be33;}
.software .intro{ height:3em; overflow:hidden; }

.softwareLi .liTitle{ padding-left:165px !important; padding-bottom:24px; }
.softwareLi .liTitle img{ width: 75px; height: 75px; border: 1px solid #ddd; border-radius: 11px; position:absolute; margin-left:-100px;}
.softwareLi .liTitle h1{ font-size:16px; color:#72be33; 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*/
.title{ font-weight: bold; font-size: 22px; color: #539227; float: left; padding-right: 30px;}
.zebra{ display: block; width: 100%; height: 10px; margin-left: 140px; background: url(../images/zebra.png) no-repeat; margin-top: 11px; position: absolute; z-index: -1; top: 0; left: 0;}
.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;}
.page-tip {padding: 10px 0;text-align: center;color: #fff;font-size: 12px;line-height: 1.2;background-color: #383838;}