@charset "UTF-8";
.icon-832 { background:url(../images/win832.png) no-repeat; width:517px; height:89px }
.icon-864 { background:url(../images/win864.png) no-repeat; width:517px; height:89px }
.icon-10{ background-image:url(../images/dl_icon1.png); background-position:0 -280px; width:517px; height:89px }
.icon-1064 { background-image:url(../images/dl_icon.png); background-position:0 -372px; width:517px; height:89px }
.icon-8 { background-image:url(../images/dl_icon1.png); background-position:0 -187px; width:549px; height:89px }
.icon-64 { background-image:url(../images/dl_icon1.png); background-position:0 -93px; width:549px; height:89px }
.icon-732-img { background-image:url(../images/dl_icon.png); background-position:-553px 0; width:68px; height:68px }
.icon-764-img { background-image:url(../images/dl_icon.png); background-position:-553px -72px; width:68px; height:68px }
.icon-XP { background-image:url(../images/dl_icon1.png); background-position:0 0px; width:549px; height:89px }
.icon-bom-f { background-image:url(../images/dl_icon.png); background-position:-631px -236px; width:12px; height:12px }
.icon-dlico01 { background-image:url(../images/dl_icon.png); background-position:-476px -465px; width:41px; height:41px }
.icon-dlico02 { background-image:url(../images/dl_icon.png); background-position:-349px -517px; width:40px; height:41px }
.icon-dlico03 { background-image:url(../images/dl_icon.png); background-position:-214px -517px; width:41px; height:41px }
.icon-dlico04 { background-image:url(../images/dl_icon.png); background-position:-259px -517px; width:41px; height:41px }
.icon-dlico05 { background-image:url(../images/dl_icon.png); background-position:-304px -517px; width:41px; height:41px }
.icon-fg-line { background-image:url(../images/dl_icon.png); background-position:-625px -220px; width:2px; height:101px }
.icon-next-hover { background-image:url(../images/dl_icon.png); background-position:-625px -56px; width:30px; height:52px }
.icon-next { background-image:url(../images/dl_icon.png); background-position:-625px -112px; width:30px; height:50px }
.icon-prev-hover { background-image:url(../images/dl_icon.png); background-position:-625px -166px; width:29px; height:50px }
.icon-prev { background-image:url(../images/dl_icon.png); background-position:-625px 0; width:31px; height:52px }
.icon-tb15 { background-image:url(../images/dl_icon.png); background-position:0 -517px; width:54px; height:58px }
.icon-tb16 { background-image:url(../images/dl_icon.png); background-position:-553px -279px; width:58px; height:58px }
.icon-tb17 { background-image:url(../images/dl_icon.png); background-position:-58px -517px; width:54px; height:58px }
.icon-tb19 { background-image:url(../images/dl_icon.png); background-position:-116px -517px; width:46px; height:55px }
.icon-tb21 { background-image:url(../images/dl_icon.png); background-position:-553px -216px; width:59px; height:59px }
.icon-tb22 { background-image:url(../images/dl_icon.png); background-position:-553px -462px; width:50px; height:41px }
.icon-tb23 { background-image:url(../images/dl_icon.png); background-position:-166px -517px; width:44px; height:54px }
.icon-tb24 { background-image:url(../images/dl_icon.png); background-position:-553px -341px; width:56px; height:57px }
.icon-tb25 { background-image:url(../images/dl_icon.png); background-position:-553px -402px; width:56px; height:56px }
.icon-title-dl { background-image:url(../images/dl_icon.png); background-position:0 -465px; width:472px; height:48px }
.icon-top-f { background-image:url(../images/dl_icon.png); background-position:-631px -220px; width:12px; height:12px }
.icon-xp-img { background-image:url(../images/dl_icon.png); background-position:-553px -144px; width:68px; height:68px }
.icon-dl-computer01 { background-image:url(../images/dl_icon2.png); background-position:0 0; width:199px; height:154px }
.icon-dl-computer02 { background-image:url(../images/dl_icon4.png); width:199px; height:154px }
.icon-dl-computer03 { background-image:url(../images/dl_icon5.png); width:199px; height:154px }
.zqsIndex { overflow-x:hidden }
.zqsIndex .main { background:url(../images/index-bgbanner.jpg) no-repeat center top; width:100%; height:550px; margin-bottom:40px; }

.warp { width:1100px; margin:0 auto; height:100%; position:relative; overflow:hidden }
.header { height:80px; background-color:#358ff0 }
.header .logo { display:inline-block; width:213px; height:57px; margin-top:11px; float:left }
.header .logo img { display:block }
.header ul { float:right; height:36px; padding:22px 0; display:inline-block }
.header li { display:inline-block; float:left; margin-left:15px }
.header li a { font-size:18px; color:#fff; height:36px; line-height:36px; padding:0 12px; border-radius:3px; display:block }
.header li a.active, .header li a:hover { background-color:#2175cf }

.upzz_top { width:1400px; margin:0 auto; position:relative; height:513px; }
.upzz_top .upzz_top_left { position:absolute; left:0px; top:50px; }
.upzz_top .upzz_top_right { position:absolute; right:120px; top:50px; width:470px; height:730xp; }
.upzz_top_right_img { padding-bottom:33px; }
.upzz_top_right_down a { display:inline-block; width:238px; height:58px; background:url(../images/upandown.png) no-repeat; margin:50px 0 0 100px;}
.upzz_top_right_down a:hover { background:url(../images/upandown.png) 0 -58px; }
.upzz_top_right_wz { font-size:22px; color:#FFF; padding-top:30px; }
.upzz_top_right_fl { padding:10px 0 0 90px; }
.upzz_top_right_fl a { color:#FFF; padding-left:20px; }
.upzz_top_right_fl a:hover { color:#FFF; text-decoration:underline; }
.zqsIndex .main .oneShow { position:relative }
.zqsIndex .main .oneShow .left { position:absolute; top:73px }
.zqsIndex .main .oneShow .left .title { width:454px; height:62px; margin-bottom:33px; background:url(../images/index-h1.png) no-repeat }
.zqsIndex .main .oneShow .left .slideTxt { margin-bottom:33px }
.zqsIndex .main .oneShow .left .slideTxt li { font-size:38px; color:#fff }
.zqsIndex .main .oneShow .left .slideTxt li.none { display:none }
.zqsIndex .main .oneShow .left .type { width:460px; height:29px; margin-bottom:27px; background:url(../images/index-type.png) no-repeat }
.zqsIndex .main .oneShow .left .downCont { margin-bottom:5px }
.zqsIndex .main .oneShow .left .downCont .nowDow { display:inline-block; background:url(../images/down.png) 0 0 no-repeat; width:248px; height:56px; margin:50px 0 0 100px; }
.zqsIndex .main .oneShow .left .downCont .nowDow:hover { background:url(../images/down.png) no-repeat 0 -70px; }
.zqsIndex .main .oneShow .left .downCont .xunleiDow { display:inline-block; width:158px; height:68px; line-height:54px; text-align:center; color:#17c06f; font-size:18px; vertical-align:top; background:url(../images/index-xunleiD.png) no-repeat; background-position:-14px -5px }
.zqsIndex .main .oneShow .left .downCont .xunleiDow:hover { color:#fff; background:url(../images/index-xunleiD-h.png) no-repeat; background-position:-14px -5px }
.zqsIndex .main .oneShow .left .downCont .xunleiDow:active { color:#fff; background:url(../images/index-xunleiD-a.png) no-repeat; background-position:-14px -5px }
.zqsIndex .main .oneShow .left .tips { font-size:14px; color:#16db7c }
.zqsIndex .main .oneShow .right { position:absolute; top:73px; right:-34px; width:690px }
.zqsIndex .main .oneShow .right .slidePic { overflow:hidden; height:436px }
.zqsIndex .main .oneShow .right .slidePic li.none { display:none }
.zqsIndex .main .oneShow .right .slideDot { width:95px; margin:-15px auto 0 auto }
.zqsIndex .main .oneShow .right .slideDot ul li { float:left; width:12px; height:12px; margin-right:16px; background-color:#ccc; opacity:.3; border-radius:50%; cursor:pointer }
.zqsIndex .main .oneShow .right .slideDot ul li.active { background-color:#047f7d; opacity:1 }
.zqsIndex .twoShow { margin-top:-20px; height:700px; text-align:center; background-color:#fff }
.zqsIndex .twoShow h2 { font-size:45px; font-weight:900; margin:0 auto 24px auto; color:#444 }
.zqsIndex .twoShow .tit-h2 { margin:60px auto 24px auto }
.zqsIndex .twoShow h3 { font-size:16px; margin-bottom:46px; color:#666 }
.zqsIndex .twoShow .show { position:relative }
.zqsIndex .twoShow .show .left { width:560px; position:absolute; left:80px }
.zqsIndex .twoShow .show .right { position:absolute; left:682px; text-align:left }
.zqsIndex .twoShow .show .right h4 { font-size:18px; font-weight:700; color:#444; margin-bottom:5px }
.zqsIndex .twoShow .show .right p { font-size:14px; color:#999; margin-bottom:18px }
.zqsIndex .threeShow { text-align:center; background-color:#f1f1f1; height:2080px }
.zqsIndex .threeShow h2 { font-size:46px; font-weight:700; color:#444; padding-top:60px; margin-bottom:90px }
.zqsIndex .threeShow ul { text-align:left }
.zqsIndex .threeShow ul li { float:left; width:600px; height:378px; margin-bottom:90px }
.zqsIndex .threeShow ul li .tit { margin-top:88px; margin-bottom:30px; margin-left:35px }
.zqsIndex .threeShow ul li p { width:413px; font-size:18px; color:#666; margin-left:107px }
.zqsIndex .threeShow ul li p.ml120 { width:413px; margin-left:120px }
.zqsIndex .threeShow ul li p.ml116 { margin-left:116px }
.zqsIndex .mod-page3 { background:url(../images/footer_bg.png) no-repeat center top; height:328px }
.zqsIndex .mod-page3 .wrap { overflow:hidden }
.zqsIndex .mod-page3 .title { background:url(../images/footer_txt.png) no-repeat center; width:472px; height:64px; margin:39px auto 0 auto }
.zqsIndex .mod-page3 .info { color:#feffff; font-size:20px; height:84px; font-weight:lighter; line-height:74px; display:block; width:100%; text-align:center }
.zqsIndex .mod-page3 .download-btn { margin:-1px auto 0 auto }
.fadeIn, .fadeOut { animation-duration:1.5s; animation-timing-function:ease; position:absolute }
@keyframes fadeIn1 { from {
opacity:0;
transform:translateX(100%) scale(.2);
-webkit-transform:translateX(100%) scale(.2)
}
to { opacity:1; transform:translateX(0) scale(1); -webkit-transform:translateX(0) scale(1) }
}
@keyframes fadeOut1 { 0% {
opacity:1;
transform:translateX(0) scale(1);
-webkit-transform:translateX(0) scale(1)
}
50% {
opacity:0
}
100% {
opacity:0;
transform:translateX(-40%) scale(.2);
-webkit-transform:translateX(-40%) scale(.2)
}
}
.fadeIn { animation-name:fadeIn1; opacity:1; *display:block
}
.fadeOut { animation-name:fadeOut1; opacity:0; *display:none
}
.icon-icon_share { background-image:url(../images/server-img.png); background-position:0 0; width:260px; height:30px }
.icon-tool-goTop-h, .server-bar .top-server:hover .sicon-top { background-image:url(../images/server-img.png); background-position:0 -34px; width:48px; height:48px }
.icon-tool-goTop, .server-bar .sicon-top { background-image:url(../images/server-img.png); background-position:-52px -34px; width:48px; height:48px }
.icon-tool-qier, .server-bar .qq-box a i { background-image:url(../images/server-img.png); background-position:-208px -34px; width:14px; height:16px }
.icon-tool-qq-h, .server-bar .qq-server:hover .sicon-qq { background-image:url(../images/server-img.png); background-position:-104px -34px; width:48px; height:40px }
.icon-tool-qq, .server-bar .sicon-qq { background-image:url(../images/server-img.png); background-position:-156px -34px; width:48px; height:40px }
.server-bar { width:48px; position:fixed; right:20px; bottom:50px; z-index:1000 }
.server-bar div+div { margin-top:5px }
.server-bar .top-server { display:none }
.server-bar .sicon-qq, .server-bar .sicon-top { display:block }
.server-bar .sicon-share { width:48px; height:40px; line-height:40px; text-align:center; display:block; color:#fff; font-size:14px; background:rgba(0, 0, 0, .2); cursor:pointer }
.server-bar .qq-server, .server-bar .share-server { position:relative; *zoom:1
}
.server-bar .qq-box, .server-bar .share-con { display:none; position:absolute; left:-110px; bottom:0; padding-right:30px }
.server-bar .share-con { left:-145px }
.server-bar .qq-box .con { width:96px; border:1px solid #17c06f; background:#fff; padding:8px 0; border-radius:2px }
.server-bar .share-con .con { width:130px; border:1px solid #17c06f; background:#fff; padding:3px 0; border-radius:2px }
.server-bar .qq-box a { display:block; color:#6c6e6c; font-size:14px; height:30px; line-height:30px; text-align:center }
.server-bar .qq-box a i { display:inline-block; vertical-align:sub; margin-right:5px }
.server-bar .qq-box a:hover { color:#17c06f }
.server-bar .share-con a { height:30px; line-height:30px; margin:6px 0; display:block; width:102px; background-image:none; font-size:14px; color:#6c6e6c; padding:0 10px 0 18px }
.server-bar .share-con a:hover { color:#17c06f; opacity:1 }
.server-bar .share-con a i { display:inline-block; width:30px; height:30px; background:url(../images/server-img.png) no-repeat; float:left; margin-right:10px }
.server-bar .share-con .bds_qzone i { background-position:-46px 0 }
.server-bar .share-con .bds_tsina i { background-position:-92px 0 }
.server-bar .share-con .bds_weixin i { background-position:-138px 0 }
.server-bar .share-con .bds_tqq i { background-position:-184px 0 }
.server-bar .share-con .bds_renren i { background-position:-229px 0 }
.server-bar .share-con .bds_more i { background-position:0 0 }
.triangle-r { width:0; height:0; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #17c06f; display:inline-block; position:absolute; right:24px; bottom:15px }
.server-bar .qq-server:hover .qq-box, .server-bar .share-server:hover .share-con { display:block }
.server-bar .share-server:hover .sicon-share { background:#17c06f }
.bdshare_popup_bg, .bdshare_popup_box { position:fixed!important; bottom:50px!important; right:215px!important; left:inherit!important; top:inherit!important }
.icon-icon_share { background-image:url(../images/server-img.png); background-position:0 0; width:260px; height:30px }
.icon-tool-goTop-h { background-image:url(../images/server-img.png); background-position:0 -34px; width:48px; height:48px }
.icon-tool-goTop { background-image:url(../images/server-img.png); background-position:-52px -34px; width:48px; height:48px }
.icon-tool-qier { background-image:url(../images/server-img.png); background-position:-208px -34px; width:14px; height:16px }
.icon-tool-qq-h { background-image:url(../images/server-img.png); background-position:-104px -34px; width:48px; height:40px }
.icon-tool-qq { background-image:url(../images/server-img.png); background-position:-156px -34px; width:48px; height:40px }
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:#0093e8 }
img { border:0 }
html { width:100%; height:100% }
body { font:14px/1.5 "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "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/download_icon.png) 0 0 transparent; width:306px; height:116px }
.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-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; 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; *zoom:1
}
.u-head { height:544px; background:url(../images/u-nav-s.png) no-repeat center 80px }
.triangle { width:0; height:0; border-style:solid; border-width:4px 3px 0; border-color:#fff transparent transparent; display:inline-block }
 border-color:#444 transparent transparent
}
.child-menu { position:absolute; top:61px; left:10px; z-index:10; background:#fff; border-radius:2px; display:none; padding:5px 0; border:1px solid #ccc }
.child-menu-md { left:-9px }
.child-menu-md a { min-width:85px }
.child-menu .dot { width:3px; height:3px; background:#29cdc1; display:inline-block; position:absolute; top:17px; display:none }
.child-menu .dot-l { left:-9px }
.child-menu .dot-r { right:-9px }
.small-screen .child-menu { top:68px }
.mod-page1 { position:relative; width:100%; height:881px\9 }
.mod-page1 .banben { width:315px; height:70px }
.line { width:100%; height:2px; background:url(../images/line.png) no-repeat; background-size:100% 100%; z-index:9999 }
.mod-page1 .m-page1 .title { background:url(../images/banner_tittle.png) no-repeat; width:316px; height:48px; margin:0 auto }
.mod-page1 .m-page1 .swiper-banner { height:88px; margin-top:14px; margin-bottom:20px; position:relative }
.mod-page1 .m-page1 .swiper-banner .swiper-slide p { color:#fff; font-size:28px; line-height:45px }
.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:10px; height:10px; display:inline-block; border-radius:12px; background:#606773; opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:alpha(opacity=100); cursor:pointer; margin:0 8px }
.mod-page1 .m-page1 .swiper-banner .swiper-active-switch { background:#fff }
.mod-page1 .m-page1 .download-box { padding-top:0; position:relative }
.mod-page1 .m-page1 .download-box a, .mod-page3 .download-btn { display:block; margin:17px auto 12px; position:relative; z-index:999 }
.mod-page1 .m-page1 .download-box a:hover, .mod-page3 .download-btn:hover { background:url(../images/download_icon.png) 0 0 transparent; background-position:-310px 0; width:306px; height:116px }
.mod-page1 .m-page1 .download-box a:active, .mod-page3 .download-btn:active { background-image:url(../images/download_icon.png); background-position:0 0; width:306px; height:116px }
.view-box { position:fixed; right:120px; top:50%; margin-top:-118px; z-index:9999 }
.view-box .preview { display:block }
.view-box .preview:hover { background-position:0 -252px }
.view-box .preview:active { background-position:-328px -252px }
.mod-dia { z-index:999999 }
.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:609px; height:371px; left:50%; margin:-2366px 0 0 -594px }
.mod-dia .m-dia .i-computer { background-size:100% 100%; width:609px; height:371px; display:block; position:absolute; top:50%; left:50%; margin:-263px 0 0 -599px }
.mod-dia .m-dia .i-computer img { width:100% }
.mod-dia .m-dia .swiper-dia { width:501px; height:316px; padding-top:19px; 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:96px; display:block; top:50%; margin-top:-35px }
.mod-dia .m-dia .next-btn .icon-next:hover { background:url(../images/hover_arrow.png) }
.mod-dia .m-dia .prev-btn .icon-prev:hover { background:url(../images/hover_left.png) }
.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) }
.footer { width:100%; height:auto; background-color:#f1f1f1; padding:24px 0 12px }
.footer a { color:#949494; font-size:14px }
.footer a:hover { color:#17C06F }
.footer .l { padding:0 15px }
.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-dia .i-computer { width:718px; height:410px; margin:-177px 0 0 -359.5px }
.small-screen .mod-dia .i-computer img { width:718px; height:410px }
.small-screen .mod-dia .m-dia { width:800px; margin:-2270px 0 0 -416px }
.small-screen .mod-dia .swiper-container { width:561px; height:352px; padding-top:118px }
.small-screen .mod-dia .swiper-container .swiper-slide img { width:100%; height:100% }
.small-screen .mod-page1 .m-page1 { position:relative }
.small-screen .mod-page1 .m-page1 .cont { position:absolute }
.small-screen .mod-page1 .m-page1 .title { background:url(../images/s_banner_title.png) no-repeat; width:288px; height:44px }
.small-screen .mod-page1 .m-page1 .swiper-banner { height:78px; margin-top:13px; margin-bottom:13px }
.small-screen .mod-page1 .m-page1 .swiper-banner .swiper-slide p { font-size:24px; line-height:35px }
.small-screen .mod-page1 .m-page1 .download-box .icon-download-btn { background-image:url(../images/s_download_icon.png); background-position:0 -60px; width:180px; height:56px; margin-top:12px }
.small-screen .mod-page1 .m-page1 .download-box .icon-download-btn:hover { background-image:url(../images/s_download_icon.png); background-position:0 -120px; width:180px; height:56px }
.small-screen .mod-page1 .m-page1 .download-box .icon-download-btn:active { background-image:url(../images/s_download_icon.png); background-position:0 0; width:180px; height:56px }
.small-screen .mod-page1 .m-page1 .download-box { z-index:10000 }
.small-screen .view-box { right:30px }
.banner-box { width:100%; position:relative; *zoom:1;
min-width:1200px }
.banner-box .m-banner { height:424px; display:block }
.banner-box .download-btn { position:absolute; top:190px; left:51%; display:block; width:252px; height:54px; line-height:54px; text-align:center; border-radius:30px; background:#29cdc1; color:#fff; font-size:20px; z-index:9999 }
.small-screen .banner-box .download-btn { top:182px }
.banner-box .download-btn:hover { background:#1db3a8; box-shadow:0 10px 20px rgba(0, 255, 133, .5); color:#fff }
.banner-box .download-btn:active { background:#20857e; box-shadow:0 3px 6px rgba(0, 255, 133, .5); color:#fff }
.mod-step { width:100% }
.mod-step .tittle-box h3 { font-size:30px; color:#42495f; text-align:center; font-weight:400 }
.mod-step .tittle-box .info { height:30px; line-height:30px; 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 }
.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:40px 0 141px 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 { margin-bottom:22px }
.mod-step .wrap .article-box { padding-top:27px; padding-bottom:24px }
.article-info { font-size:16px; font-family:"Microsoft YaHei"; color:#42495f; line-height:1.2; margin-top:44px }
.go-top { position:fixed; display:none; 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 }
.download-main .wrap { overflow:hidden }
.download-main h3 { color:#444; font-size:32px; text-align:center; font-weight:700 }
.download-main .tit-p { color:#666; font-size:16px; text-align:center; margin-top:6px }
.download-main .dl-box { margin-top:50px; width:1250px }
.download-main .dl-box li { display:inline-block; float:left; width:534px; height:180px; padding:22px 20px; border-radius:2px; background:#f1f1f1; color:#c3ccd7; position:relative; *zoom:1;
margin:0 50px 40px 0 }
.download-main .dl-box li .h4 { font-weight:700; font-size:22px; margin-bottom:10px; color:#444; display:block }
.download-main .dl-box li .h4:hover { color:#29cdc1 }
.download-main .dl-box .info { padding:5px 0 0 240px; font-size:14px; white-space:nowrap; color:#666 }
.download-main .info p+p { margin-top:5px }
.download-main li i { border-radius:2px; display:inline-block; position:absolute; left:26px; top:37px }
.download-main .btn { margin-top:15px }
.download-main .dl-btn { width:132px; height:35px; line-height:35px; font-size:14px; border-radius:30px; border:1px solid #27aca2; color:#29cdc1; text-align:center; display:inline-block }
.download-main a+a { margin-left:12px }
.download-main .btn-g { background:#29cdc1; color:#fff }
.download-main .dl-btn:hover { background:#3eddd1; color:#fff; border:1px solid #27aca2 }
.download-main .dl-btn:active { background:#3eddd1; color:#fff; border:1px solid #27aca2 }
.dl-textinfo { display:inline-block; margin:80px 0 0 580px }
.small-screen .dl-textinfo { margin:82px 0 0 580px }
.dl-textinfo .text-img { text-indent:-9999px; display:block }
.dl-textinfo .txtbox { width:460px; height:56px; margin:20px 0; position:relative; *zoom:1;}
font-size:14px; color:#fff; margin:25px 0 40px }
.dl-textinfo .txtbox .bg { position:absolute; width:100%; height:100%; background:#fff; opacity:.1; filter:alpha(opacity=10); z-index:1 }
.dl-textinfo .txtbox .txt { width:440px; height:44px; padding:6px 10px; position:absolute; color:#fff; opacity:.75; z-index:2; line-height:22px }
.dl-textinfo .txtbox .l { display:inline-block; width:170px; padding-left:7px }
.dl-textinfo .txtbox i { position:absolute }
.dl-textinfo .txtbox .icon-top-f { top:-1px; left:-1px }
.dl-textinfo .txtbox .icon-bom-f { bottom:-1px; right:-1px }
.dl-textinfo .btnbox a { width:178px; height:48px; line-height:48px; font-size:16px; display:inline-block; text-align:center; border-radius:30px; margin-right:40px;  }
.dl-textinfo .btnbox p.dingzheng a{ color:#FFF; font-size:14px;}
.dl-textinfo .btnbox .xl-btn { background:#29cdc1; color:#fff }
.dl-textinfo .btnbox .local-btn { background:0 0; color:#29cdc1 }
.dl-textinfo .btnbox a:hover { background:#66ddd4; color:#fff; }
.dl-textinfo .btnbox p.dingzheng a:hover{background:none; text-decoration:underline;}
.system-intro { height:435px; background:#fff; border-bottom:225px solid #f1f1f1 }
.otherinfo-box h2, .system-intro h2 { font-size:24px; color:#2b2854; text-align:center; padding-top:48px }
.slide-box { width:640px; height:490px; margin:0 auto; position:relative; *zoom:1
}
.slide-box .swiper-dl { width:100%; height:480px }
.s-line { width:24px; height:4px; background:#17c06f; margin:5px auto 30px }
.slide-box .pagebtn span { display:inline-block; cursor:pointer; position:absolute; top:175px }
.slide-box .pagebtn .prev { left:-135px }
.slide-box .pagebtn .next { right:-135px }
.slide-box .pagebtn .prev:hover { background-position:-625px -166px }
.slide-box .pagebtn .next:hover { background-position:-625px -56px }
.slide-box .pagination { text-align:center; width:100%; margin-top:12px }
.slide-box .pagination span { display:inline-block; width:12px; height:12px; background:#29cdc1; border-radius:50%; margin:0 10px }
.slide-box .pagination span.swiper-active-switch { background:#ccc }
.otherinfo-box { background:#f1f1f1; padding-bottom:60px }
.otherinfo-box h2 { color:#444 }
.deploy-require ul { border-radius:3px; background:#fff; padding:20px 17px; height:125px }
.deploy-require li { text-align:center; display:inline-block; float:left; width:233px }
.deploy-require-xp li { width:290px }
.deploy-require i { display:inline-block }
.deploy-require .p1 { font-size:18px; color:#17c06f; padding:8px 0 12px }
.deploy-require .p2 { font-size:14px; color:#666; line-height:32px }
.deploy-require .p22 { line-height:16px }
.common-software i { display:inline-block; margin:8px 0 5px }
.common-software i.icon-tb18 { margin:8px 0 6px }
.common-software i.icon-tb19 { margin:10px 0 6px }
.common-software i.icon-tb22 { margin:22px 0 8px }
.common-software i.icon-tb23 { margin:10px 0 7px }
.common-software i.icon-tb24 { margin:9px 0 5px }
.common-software i.icon-tb25 { margin:10px 0 5px }
.common-software ul { border-radius:3px; background:#fff; padding:20px; height:101px }
.common-software li { display:inline-block; float:left; text-align:center; width:125px }
.common-software p { font-size:12px; color:#fff }
.common-software .icon-fg-line { width:2px }
.common-software .li-long { width:135px }
.common-software .li-or { width:10px; color:#fff; font-size:12px; height:101px; line-height:75px }
.system-info { padding:25px 100px; border-radius:3px; background:#fff }
.system-info p { font-size:16px; color:#666; line-height:25px }
.footer-dl { background:#f1f1f1 }
.small-screen .download-main { padding:30px 0 80px }
.small-screen .download-main .dl-box { margin-top:35px }
.small-screen .download-main h3 { font-size:28px }
.u-head-dlnew { background:url(../images/banner-dlnew.png) no-repeat center }
.banner-box-new h1 { color:#fff; font-size:50px; font-weight:700; text-align:center; margin:80px auto 30px; text-indent:-9999px }
.banner-box-new .subtit { font-size:20px; color:#fff; text-align:center }
.banner-box-new .subtit span { font-size:16px; padding:0 13px }
.banner-box-new .download-btn { position:static; margin:35px auto 17px; width:310px; height:56px; text-align:center; line-height:56px; background:#29cdc1; font-size:22px; color:#fff; border-radius:30px }
.banner-box-new .download-btn:hover { width:310px; height:56px; line-height:56px; background:#21aaa0; box-shadow:0 3px 20px rgba(0, 255, 133, .5); color:#fff }
.banner-box-new .download-btn:active { width:310px; height:56px; line-height:56px; background:#21aaa0; box-shadow:none }
.banner-box-new p { text-align:center; font-size:14px; color:#fff }
.small-screen .u-head-dlnew { background:url(../images/banner-dlnew.png) no-repeat center; height:410px }
.small-screen .banner-box-new h1 { margin:67px auto 15px }
.small-screen .banner-box-new .download-btn { margin:30px auto 17px }
.icon-u_click_download { background-image:url(../images/h_support_icon.png); background-position:0 0; width:260px; height:58px }
.icon-u_download { background-image:url(../images/h_support_icon.png); background-position:0 -62px; width:260px; height:58px }
.icon-u_hover_download { background-image:url(../images/h_support_icon.png); background-position:0 -124px; width:260px; height:58px }
.zhong1 { width:1280px; height:200px; margin:0 auto; }
.zhong1 p { padding-top:10px; text-align:center; }
.zhong1 ul { clear:both; height:1%; }
.zhong1 ul li { width:260px; float:left; margin:0 30px; }
.zhongh2 { font-size:16px; }
.zhong1 p.zhongh3 { color:#666; font-size:11px; text-align:left; text-indent:18px; }
.zhong2 { width:1100px; margin:20px auto; border:1px solid #4ab21f; background-color:#fafff7; height:60px; line-height:60px; padding-left:100px; }
.overf { font-size:16px; font-weight:bold; display:inline-block; }
.zhong2 select { height:30px; line-height:30px; width:180px; margin-right:30px; }
.upzz { background-color:#ebebeb; }
#jiaocheng { width:1200px; background-color:#FFF; margin:0 auto; }
#jiaocheng  span.ico { background-color:#009997; display:inline-block; height:50px; width:50px; text-indent:18px; line-height:50px;  font-size:26px; color:#FFF; padding-left:0px; }
#jiaocheng  span { color:#009997; font-size:20px; padding-left:30px; }
#jiaocheng .con{ padding:20px; font-size:16px;}
#jiaocheng  .con_cen{ text-align:center; padding:20px;}
.wraptop{ text-align:center; font-size:34px; color:#FFF; padding-top:50px; letter-spacing:10px;}
#jiaocheng p{ text-indent:20px;}
.donwns .main { background:url(../images/ghost.jpg) no-repeat center top; width:100%; height:450px; margin-bottom:40px; }