@charset "utf-8";
/* CSS Document */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{ margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body{ font-size:90%; font-family:Helvetica,STHeiti,Droid Sans Fallback; color:#fff; background:#fff; font-family: Arial,"微软雅黑";}
textarea{resize:none;}
iframe,img{border:0;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
h1,h2,h3 { font-weight:100;}
a{text-decoration:none; color:#FFF;}
img{ display:block;}
.cl { clear:both;}
em { font-style:normal;}
/*basic*/
.fl{ float:left;}
.fr{ float:right;}
.zt{ font-family:Microsoft YaHei;}
a { color:#FFF;}
a:hover{}
/*top*/
.top { width:100%; height:80px;}
.logo { float:left; width:330px; height:110px; line-height:90px; margin:15px 0px;font-size:26px; letter-spacing:1px; color:#393939;overflow:hidden; font-family: Arial,"幼圆"}
.head { width:1200px; margin:0px auto; position:relative;}
.nav { float:right; margin:20px 0px 0 0; height:40px; line-height:40px; font-size:18px;}
.nav a { margin-left:20px; padding:12px 8px;}
.nav a:hover { color:rgba(255,255,255,0.8);}
.current { color:#FFF; border-bottom:2px solid #42e2ff;}
.menubox { float:right; width:120px; font-size:18px; line-height:40px; height:auto; padding:20px 0 0 0; text-align:center; position:absolute; right:0px; top:0; z-index:10000; border-radius:0 0 4px 4px; overflow:hidden;}
.menubox span { display:block; width:100%;}
.menubox:hover { background:#fff;box-shadow:0 0 10px rgba(0,0,10px,0.1);}
.menubox:hover span { color:#666; cursor:pointer; color:#ff4e50;}
.menubox:hover .menu { display:block;}
.menu { width:100%; display:none;}
.menu a { color:#666; display:block; text-align:center; width:100%; font-size:16px;}
.menu a:hover { color:#ff4e50; background:#f6f6f6;}

.wrap{ width:100%;margin:0px auto;padding:30px 0px; position:relative;display:block;}
.bg{background:#f6f6f6;}
.txtbig,.txtsm { font-size:64px; line-height:65px; height:50px;letter-spacing:5px;  margin:0px auto;color:#fff;font-weight: bold;}
.txtsm { margin:25px auto;font-size:30px; font-weight: normal;letter-spacing:1px;}
.txtsm span { background:rgba(0,0,0,0.25); padding:15px 49px; text-align:center; color:#35cdff;}
.txtsm span strong { font-weight:normal; color:#38f05f;}
.txtsmall { margin:20px auto; width:100%;font-size:20px; letter-spacing:5px;}
.txtinfo { background: rgba(255,255,255,0.12); font-size:16px; height:40px; line-height:40px; float:right; width:550px; text-align:center; letter-spacing:2px; margin-bottom:40px;}
.btn { margin:50px auto auto auto;}
.btn a {background:#1ec66d; display:inline-block; height:80px; width:258px; color:#fff; font-size:25px; line-height:60px; border-radius:3px; margin:0px 0px 0 30px; text-align:center; position:relative;}
.btn a:hover { box-shadow:0px 10px 50px rgba(0,0,0,0.3);}
.btn a p { font-size:14px; margin-top:-10px; line-height:20px;}
.btn span { display:block; height:100%;}
.btn em:before { content:""; width:17px; height:22px; background:url("/statics/images/icon_xiazai.png") no-repeat; display:inline-block; margin:0 8px -3px 0;}
.btn a i { width:58px; height:59px; background:url("/statics/images/icon64.png") no-repeat; position:absolute; left:0; top:0;}
.btn a.sys32 i { background:url("/statics/images/icon32.png") no-repeat;}
.btn a.sys32 i.x64 { background:url("/statics/images/icon64.png") no-repeat;}
.btn a.sys32 { background:#027aea;}
.btn a.xp i { background:url("/statics/images/tuijian.png") no-repeat;}
.box_xt { font-size:18px;}
.box_xt span { padding:5px 10px ; margin-right:10px; background:rgba(0,0,0,0.25)}
.box { padding:80px 0px; position:relative; width:1200px; margin:0px auto;display:block; }
.box_left { width:486px; height: 420px; background: url("/statics/images/icon_diannao.png") no-repeat; float:left; margin:50px 0px 0 30px;}
.box_img { margin:18px 0 0 14px; float:left; border-radius:4px; overflow:hidden;}
.box_right { text-align:right; padding-right:20px;}
.title { font-size:36px; text-align:center; margin:20px auto;}
.title i {border-bottom:1px solid #e8e8e8; padding:0px 50px; height:1px; display:inline-block; vertical-align:middle;}
.title span { padding:0px 40px;}
.title strong { letter-spacing:2px;}
.title em { height:60px; font-size:36px; color: #fff; letter-spacing:3px; color:#42e0fe;}
.box h4.title { font-size:18px;}
.box h4.title i {border-bottom:1px solid rgba(255,255,255,0.2);}
.box h4.title span { color:rgba(255,255,255,0.6); font-weight:400;}
.downlink { margin:20px auto;}
.downlink span { width:230px; text-align:center; display:inline-block;}
.downlink a { font-size:16px; width:258px; margin-left:30px; height:55px; line-height:55px; display:inline-block; background:rgba(255,255,255,0.3); text-align:center; border-radius:4px;}
.downlink a:hover {background:rgba(255,255,255,0.4);}
.boxlist { margin:0px auto; width:1200px;}
.boxlist li { float:left; width:240px; height:250px; font-size:18px; margin:45px 80px;}
.boxlist li i { width:180px; height:180px; margin:0px auto; border-radius:50%; display:block;}
.boxlist li strong { font-size:24px; font-weight:normal; display:block; margin:20px auto; text-align:center;}
.boxlist li p { font-size:14px; text-align:center; color: rgba(255,255,255,0.5); line-height:25px;}
.boxlog { border:3px solid rgba(255,255,255,0.3); border-radius:16px; padding:60px 80px; font-size:18px; line-height:30px; margin:70px auto; display:flex;justify-content:space-between;}
.boxlog ul { width:30%;}
.boxlog ul li { font-size:16px; margin:15px auto; line-height:20px;max-height: 40px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.boxlog p { margin:10px 0;}
.sysbox { padding:0px 0;}
.sysbox .boxlist { background:rgba(255,255,255,0.08); width:auto; height:300px; border-radius:16px; padding:50px 30px 0 30px; margin:70px auto 70px auto; height:270px;}
.sysbox .boxlist li { width:16%; margin:25px 2%; height:150px;}
.sysbox .boxlist li strong {font-size:20px; margin:10px 0;}
.sysbox .boxlist i { width:80px; height:80px;}
.sysbox .boxlist i img { margin:0 auto; width:auto; height:auto;}
.sysbox .boxlist li em {font-size:20px; margin:40px 0; width:100%; display:block; text-align:center;}
.boxtype { margin:100px auto;}
.boxtype h3 { width:480px; height:90px; background:#1ec66d; color:#fff; line-height:90px; border-radius:4px; font-size:36px; text-align:center; font-weight:normal;}
.boxtype ul { background:#fff; border-radius:16px; margin:30px auto; padding:30px 30px; color:#222; font-size:30px;}
.boxtype ul li { height:70px; line-height:70px; margin:5px 0;}
.boxtype ul li:before { content:""; width:48px; height:48px; background:url("/statics/images/icon10.png") no-repeat; margin:0 15px -12px 0; display:inline-block;}
.boxtype_left{ float:left; width:480px; margin:0px 30px;}
.boxtype_right { float:right; width:480px;margin:0px 30px;}
.boxtype .boxtype_right h3 { background:#0a90e5;}
.boxtype .boxtype_right ul li:before {background:url("/statics/images/icon11.png") no-repeat; }
.boxtype_center { float:left; width:60px; height:60px; font-size:60px; color:#ff9a24; font-weight:bold; margin:230px 0 0 20px;}
.footer { text-align:center; padding:40px 0 15px 0px; line-height:30px; border-top:1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.8)}
.footer p { color: rgba(255,255,255,0.3)}
.footer p { width:800px; margin:5px auto; line-height:20px; font-size:12px;}
.tj { display:none;}
.helplink { display:flex;justify-content:space-between; width:100%;}
.helplink a { height:90px; width:375px; background:#027aea; text-align:center; line-height:90px; margin-top:80px; font-size:20px; border-radius:4px;box-shadow:0 5px 30px rgba(0,0,0,0.2)}
.helplink a:hover { background:#00a8ff;box-shadow:0 5px 30px rgba(0,0,0,0.4)}
.helplink a i { background:url("/statics/images/faq1.png") no-repeat; width:40px; height:40px; display:inline-block; margin:0 5px -13px 0;}
.helplink a i.v { background:url("/statics/images/faq2.png") no-repeat; margin-right:10px;}
.detail img { margin:20px auto; max-width:880px; border:2px solid #fff;}