@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:#333; 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;}
a{text-decoration:none; color:#333333;}
h1,h2,h3,h4{font-weight:100;}
img{ display:block;margin: auto}
.cl { clear:both;}
em { font-style:normal;}
/*basic*/
.fl{ float:left;}
.fr{ float:right;}
.zt{ font-family:Microsoft YaHei;}
a { color:#555;}
a:hover { color:#ff5f50;}
/*top*/
.top { width:100%; height:100px;}
.logo1 { margin:auto;}
.logo { float:left; width:330px; height:90px; line-height:90px; margin:5px 0px; padding-left:90px; font-size:26px; letter-spacing:1px; color:#393939;
     overflow:hidden; font-family: Arial,"幼圆"}
.head {  margin:0px auto;}
.nav { float:right; margin:25px 0; height:40px; line-height:40px; font-size:18px;}
.nav a { margin-left:20px; padding:8px 8px;}
.current { color:#ff5f50; border-bottom:3px solid #ff5f50;}
.wrap{ width:100%;margin:0px auto;padding:30px 0px; position:relative;display:block;}
.bg{background:#f6f6f6;}
.txtbig,.txtsm { font-size:32px; letter-spacing:2px;  text-align:center; margin:0px auto;}
.txtsm { padding:15px;font-size:18px; color:#686868;}
.txtsmall { margin:20px auto; text-align:center;width:100%; color:#aaa;}
.btn { margin:50px auto auto auto;text-align:center;}
.btn a {background:#42a9ae; display:inline-block; height:50px; width:200px; color:#fff; line-height:50px; font-size:25px; border-radius:3px; margin:0px 15px;}
.btn a:hover { box-shadow:0px 0px 10px #ccc;}
.btn a.fd { background:#585858;}
.imgbox{text-align:center; width:90%; margin:50px auto auto auto;  position:relative; }
.imgbox img{ margin:0px auto;width:100%;height:auto}
.imgboxtxt { position:absolute; top:140px; left:180px; width:840px; text-align:left;}
.imgboxtxt h3 { border-bottom:1px solid #e8e8e8; line-height:40px; height:40px; margin-bottom:30px; font-size:20px; text-align:center; padding-bottom:10px;}
.imgboxtxt h3 em {display:inline-block;}
.imgboxtxt h3 em i {width:20px; height:30px; float:left; margin:5px 10px 0 0;}
.imgboxtxt ul span { float:left; width:180px;line-height:25px;}
.imgboxtxt ul span i { display:block; color:#aaa; font-style:normal;}
.imgboxtxt ul p { float:left; width:450px; overflow:hidden; line-height:25px; color:#888; font-size:12px;}
.imgboxtxt ul a { float:right; margin:13px 0;}
.img2 { position:absolute; top:0px; left:0px; width:100%; text-align:center;} 
.box { padding:80px 0px; position:relative; width:100%; margin:0px auto;display:block; background:#fff;}
.box h3 { font-size:35px; text-align:center; margin-bottom:50px;}
.box h3 span {  border-bottom:1px solid #e8e8e8;   display:inline-block}
.box h3 strong { background:#fff; padding:0px 50px; height:60px; font-size:32px;}
.footer { text-align:center; padding:20px 0 15px 0px; color:#666; line-height:30px; border-top:1px solid #e8e8e8;}
.footer p,.footer a { color:#aaa;}
.boxa { width:100%; padding:10px 0 0 0;}
.boxlist { margin:0px auto; display: flex;flex-wrap: wrap}
.boxlist li { width:100%;display:flex;  font-size:18px;  max-width: 100%;padding: 20px;align-items:center;justify-content:center}
.boxlist li i { border:2px dotted #e8e8e8; width:40px; height:40px; border-radius:50%; margin-right:15px;margin-left: 1%}
.boxlist li i img{ width:40px;height:40px}
.bga { background:#f3f3f3;}
.bgb { background:#f3f3f3; padding:100px 0;}
.box h4 { margin:0px auto 40px auto;  text-align:center;clear:both;}
.box h4 a { padding:0px 10px 10px 10px; cursor:pointer; font-size:22px;}
.faqlist { width:1100px; margin:0px auto;}
.faqlist li { margin:20px auto; float:left;}
.faqlist li span { font-size:20px; font-weight:bold; line-height:30px; display:block;margin-bottom:10px;}
.faqlist li p { color:#888888; font-size:18px; line-height:25px;}
.faqlist li span i { float:left; width:26px; height:30px; margin-right:5px;}
.logoft { margin:0px auto; width:460px; height:175px;}
.logoft .logo { font-size:40px; margin-bottom:20px; width:215px; margin-left:75px;}
.logoft .btn { margin:0px auto; width:100%;}
.logoft .btn a { padding:0px 10px 0px 40px; cursor:pointer;}
.menubox { margin:0px auto; padding:30px 0px;}
.menu { margin:0px auto;  padding:0 11%;  }
.menu dl {width:30%; margin-left:15%; display:inline-block;}
.menu dl dt { font-size:20px; line-height:50px;}
.menu dl dd { color:#686868; margin:10px auto; font-size:14px; float:left; width:45%;}
.menu dl dd a { color:#686868; margin-right:20px;}
.menu dl dd a:hover { color:#ff5f50;}
.title a { margin:0px 20px; font-size:26px;}
.dbox { margin:50px auto; }
.dtitle { float:left; border-top:1px solid #e8e8e8; margin-right:70px;}
.dtitle li { height:60px; line-height:60px; border-bottom:1px solid #e8e8e8; font-size:18px; padding:0px 20px 0px 30px; cursor:pointer;}
.dtitle li i { float:left; width:3px; height:18px; background:#ff3f33; margin:22px 10px 0 0; display:none;}
.dtitle li.current { margin-left:-13px;}
.dtitle li.current i { display: block;}
.dlist { float:left; width:990px; color:#888888; display:none; font-size:16px;}
.dlist h5 { color:#333; font-size:22px; line-height:40px; margin-bottom:20px;}
.dlist p{ line-height:25px; margin-bottom:20px;}
.dlist dl dd { float:left; width:50%; padding:10px 0px;}
.dlist dl dd span { float:left; width:160px; color:#686868;}
.dlist p img { border:1px solid #f3f3f3;}
.logbox { width:840px; margin:50px auto;  position:relative;}
.line { height:100%; width:1px; position:absolute; left:50%; top:0px;border-right:1px solid #efefef;}
.ico { width:40px; position:absolute; z-index:1001; top:0px; left:50%; margin-left:-20px; height:45px;}
.icofooter { background:#ccc; width:16px; height:16px; border-radius:50%; position:absolute; left:50%; bottom:0; margin-left:-6px;}
.loglist { margin:80px auto; float:left; width:100%;}
.loglist li { float:right;width:100%; margin:20px auto}
.loglist div { border:1px solid #efefef; border-radius:5px; width:300px; padding:10px 30px; line-height:30px; font-size:16px; float:right; position:relative;}
.loglist div i { position:absolute; top:25px; left:-6px; width:7px; height:15px;}
.loglist div span { border:2px solid #ff5f50; height:24px; width:24px; background:#fff; border-radius:50%; position:absolute; left:-72px; top:18px;}
.loglist div span em { background:#ff5f50; height:8px; width:8px; border-radius:50%; display:block; margin:8px auto;}
.loglist div p { position:absolute; width:120px; left:-220px; top:20px; text-align:center; line-height:22px; color:#333333}
.loglist div p em { color:#888; font-size:12px;}
/*start 左效果*/
.loglist div.log { float:left;}
.loglist div.log i { right:-6px; left:auto; background-position:-10px -182px;}
.loglist div.log span { right:-74px; left:auto;}
.loglist div.log p { left:auto; right:-230px;}
.about { margin:0px auto; width:1100px; font-size:18px; line-height:30px;}
.about p { margin-bottom:30px;}
.about h3 { text-align:left;}
.about img { margin:0px auto;}
/******浮动下载******/
.download { position: fixed; height: auto; padding: 15px 0; bottom: 0px; width: 100%; left: 0px;background: rgba(0,0,0,0.8); z-index: 10001; display:none;}
.dllayer { display: block;}
.dlbox { width: 800px; margin: 0px auto;color: #fff; position: relative;}
.dlbox a {background:#ff3f33; display:inline-block; height:55px; width:200px; color:#fff; line-height:55px; font-size:25px; border-radius:5px; text-align: center; float: right; margin: 10px 0 0 0;}
.dlbox a:hover { box-shadow:0 0 10px #ff3f33}
.dlboxlogo { float: left; width: 500px;}
.dlboxlogo span{ float: left; width: 64px; height: 64px;  margin: 0 20px 0 0;}
.dlboxlogo h3 { font-size:28px; font-weight: normal;}
.dlboxlogo p { font-size: 12px; color: #686868; margin: 10px 0;}
.close { position: fixed; bottom: 55px; right:25px; height: 30px; width: 30px; border-radius: 20px; background:rgba(255,255,255,0.1); color: #999; text-align: center; line-height: 30px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; cursor: pointer; display: none;}
.close:hover {background:rgba(255,255,255,0.3); color: #eee;}
.download:hover .close { display:block;}
.download .desc {color: #686868;font-size: 14px;float: left;width: 100%;text-align: center;margin: 10px;}