@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:15px; font-family:Helvetica,STHeiti,Droid Sans Fallback; color:#333; background:#fff; font-family: Arial,"微软雅黑"; min-width:1250px;}
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;}
img{ display:block;}
.cl { clear:both;}
em { font-style:normal;}
/*basic*/
.fl{ float:left;}
.fr{ float:right;}
.zt{ font-family:Microsoft YaHei;}
a { color:#333;}
a:hover { color:#ff5f50;}
/*top*/
.top { width:100%; height:80px;background:#fff url("//www.mydown.com/TLimages2009/topspeed/semxc/image/img_down.jpg") no-repeat scroll center top; z-index:10001; overflow:hidden; min-width:1225px;}
.logo { margin:10px auto; float:left;}
.logo a{ float:left; width:255px; height:56px;  margin:8px 10px 0 0; background:url(//www.mydown.com/TLimages2009/topspeed/semxc/image/img_logo.png) no-repeat 0px 0px; background-size: 88%; overflow:hidden; text-indent:-1000px;}
.head { width:1200px; margin:0px auto; color: #333;}
.nav { float:right; height:80px; line-height:80px; font-size:16px; text-align:center;}
.nav li {float: left; width: 110px; height: 100%;}
.nav a {width: 100%; height: 100%; border-top:3px solid #f3f3f3; display: block;}
.nav a.current { color:#ff5f50; border-top:3px solid #ff5f50; background:#fff;}
.wrap{ width:100%;margin:0px auto;padding:30px 0px; position:relative;display:block;}
.bg{background:#f6f6f6;}
.txtbig,.txtsm,.txtmiddle { font-size:54px; line-height:80px; width:1200px; text-align:center; margin:0px auto; font-weight:bold;}
.txtmiddle {margin:5px auto;font-size:22px; line-height: 30px; color:#686868; font-weight:normal;}
.txtsm { margin:25px auto 200px auto;font-size:22px; color:#686868; font-weight:normal;}
.txtsmall { margin:0 auto; text-align:center;width:100%; color:#555;font-size: 14px; width:1200px; line-height:30px;}
.txtsmall .texsmall-item {margin-right: 10px;}
.txtbig {margin-top: 30px;}
.txtbig i {padding:20px 8px 0 3px;}
.btn { margin:20px auto auto auto;width:1200px; height:50px; text-align:center;}
.btn a {background:#ff3f33; display:inline-block; height:50px; width:200px; color:#fff; line-height:50px; font-size:22px; border-radius:5px; margin:0px 15px;}
.btn a:hover { box-shadow:0px 0px 10px #ccc;}
.btn a.fd { background:#585858;}
.box { padding:0 0 50px 0px; position:relative; width:100%; margin:0px auto;display:block; min-width:1225px; background: #EFF5F9; margin-top: 60px;}
.box h2 {text-align:center; margin-bottom:40px;}
.box h2 span {  border-bottom:1px solid #e8e8e8; padding:0px 100px; height:22px; display:inline-block}
.box h2 strong { background:#EFF5F9;  padding:0px 50px; height:60px; font-size:45px; line-height:45px; font-weight:bold;}
.box h2 p { margin:20px auto; font-size:16px; font-weight:normal; color:#aaa;}
.footer { text-align:center; padding:40px 0 30px 0px; color:#666; line-height:30px; border-top:1px solid #e8e8e8; background: #f3f3f3;}
.footer p,.footer a { color:#aaa;}
.footer p { font-size:14px;}
.boxa {background: #fff; width:100%;}
.boxlist { margin:0px auto; width:1225px; padding-left:25px; display: flex; flex-wrap: wrap;}
.boxlist li {  width:230px; height:230px; background:#fff; margin:0 15px 15px 0; text-align: center;}
.boxlist li:hover { box-shadow:0px 2px 15px 0px rgba(3,3,3,0.06);}
.boxlist li i { float:left;width:100%; height:90px; text-align:center; margin:45px 0 0px 0;}
.boxlist li i img { margin:0px auto;}
.boxlist li h3 { font-size:18px; font-weight: bold; color:#555; line-height:30px; margin:0px; text-align:center; padding:0px; float:left; width:100%;}
.boxlist li p { width:78%; text-align:center; color:#999; font-size:13px; margin:0px auto; line-height:22px;}
.bga { background:#f3f3f3;}
.bgb { background:#f3f3f3; padding:100px 0;}
.box h4 { margin:0px auto 40px auto; width:1200px; text-align:center;clear:both;}
.box h4 a { padding:0px 10px 10px 10px; cursor:pointer; font-size:22px;}
.faqlist { width:1200px; margin:0px auto 30px auto;}
.faqlist li { margin:15px auto; float:left; background:#fff; padding:30px; width:1140px; position:relative;}
.faqlist li span { font-size:22px;line-height:30px; display:block;margin-bottom:10px; padding-left:70px;}
.faqlist li p { color:#888888; font-size:16px; line-height:25px; margin-left:70px; color:#888}
.faqlist li span i { position:absolute; left:-5px; top:30px; width:70px; height:70px; background:#ff3f33; color:#fff; font-size:40px; font-style:normal; line-height:70px; width:70px; text-align:center;}
.title a { margin:0px 20px; font-size:26px;}
.dbox { margin:50px auto; width:1200px;}
.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;}
.logbox { width:1250px; margin:50px auto; padding-left: 25px;  position:relative;}
.line { height:100%; width:1px; position:absolute; left:50%; top:0px;border-right:1px solid #efefef;}
.ico {background:url(//www.mydown.com/TLimages2009/topspeed/semxc/image/icon.png) no-repeat -45px -137px #fff; 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:520px; padding:10px 30px; line-height:30px; font-size:16px; float:right; margin-right: 14px; position:relative; background:#f3f3f3;}
.loglist div i { position:absolute; top:25px; left:-6px; width:7px; height:15px;background:url(//www.mydown.com/TLimages2009/topspeed/semxc/image/icon.png) no-repeat 0px -182px;}
.loglist div span { border:2px solid #ff5f50; height:24px; width:24px; background:#fff; border-radius:50%; position:absolute; left:-54px; 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:-190px; 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; margin-left: -6px;}
.loglist div.log i { right:-6px; left:auto; background-position:-10px -182px;}
.loglist div.log span { right:-54px; left:auto;}
.loglist div.log p { left:auto; right:-190px;}
.about { margin:0px auto; width:1140px; font-size:18px; line-height:30px; background:#fff; padding:30px;}
.about p { margin-bottom:30px; font-size:16px;}
.about h3 { text-align:left; font-size:18px;}
.about img { margin:0px auto;}
.imgbox { background:url(//www.mydown.com/TLimages2009/topspeed/semxc/image/img01.jpg) no-repeat center center; width:100%; height:206px; padding-top:80px; }
.about h2 { margin:20px auto 30px auto;}
.about h2 strong{ background:#ff3f33; padding:10px 20px; color:#fff; margin-left:-35px;}
.laybox { margin:0px auto; width:100%; position:relative; overflow: hidden;}
.laybox-content {width: 100%; height: 760px; margin: 50px auto 0 auto;}
.laybox-content .content-head {display: flex; width: 880px; height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; margin: 0 auto; padding: 0 14px;}
.laybox-content .content-head  li {width: 20%; height: 100%; color: #333; border-radius: 15px; text-align: center; cursor: pointer;}
.laybox-content .content-head  li.item-active {background: #5490ff; color: #fff;}
.laybox-content .content-info {width: 100%; height: 660px; display: flex; position: relative;}
.laybox-content .content-info .swap-bg {width: 920px; height: 660px; z-index: 1; background: url('//www.mydown.com/TLimages2009/topspeed/semxc/image/computed.png') no-repeat; margin: 0 auto; }
.laybox-content .content-info .inner {box-sizing: border-box; width: 820px; height: 480px; padding: 20px 20px 0 20px; position: absolute; top: 50px; left: calc(50% - 406px); }
.laybox-content .content-info .swap-content {width: 4350px; height: 482px; position: absolute; top: 29px; left: calc(50% - 427px);  display: flex; padding: 20px 20px 0 20px; overflow: hidden; }
.laybox-content .content-info .swap-content img { width: 100%; height: 481px; margin-right: 50px;}
.laybox-content .content-info .content-item {width: 820px; height: 480px; background: #fff; margin: 0 auto;  }
.laya1 {animation:move 5s infinite;-webkit-animation:move 5s infinite; /*Safari and Chrome*/ position:absolute; left:100px; top:0; z-index:1001; height: 300px; width: 250px;}
.laya2 {animation:movea 5s infinite;-webkit-animation:movea 5s infinite; /*Safari and Chrome*/ position:absolute; right:100px; top:0; z-index:1000; height: 300px; width: 250px;}
.laya1 img, .laya2 img {width:100%;height:100%;}
/**********ie********************/
.section { width:100%; margin:0px auto; position:relative;}
.wrapbox { width:1200px; margin:0px auto;position:relative; z-index:1;}
.iea_a{ width:100%; position:absolute;top:100px;}
.iea_b{ width:100%; position:absolute;top:190px;}
.iea_c{ width:100%; position:absolute;top:240px;}
.iea_a img,.iea_b img,.iea_c img { margin:0px auto;}
.iea_d { position:absolute; left:40px; top:370px;}
.iea_e { position:absolute; left:558px; top:328px;}
.iea_f { position:absolute; top:100px; left:auto; left:50%; margin-left:-500px;}
.iea_g { position:absolute; top:190px; left:auto; left:50%; margin-left:-350px;}
.iea_h { position:absolute; bottom:-30px; left:auto; left:50%; margin-left:-510px;}
.iea_btn { position:absolute; top:300px; left:auto; left:50%; margin-left:-125px;}
.iea_i { position:absolute; top:100px; left:auto; left:50%; margin-left:-150px;}
.iea_j { position:absolute; top:250px; left:auto; left:50%; margin-left:-500px;}
.iea_k { position:absolute; top:470px; left:auto; left:50%; margin-left:-500px;}
.active .iea_a {animation:iea 1.2s;}
.active .iea_c {animation:iec 2s;}
.active .iea_d {animation:iec 1s;}
.active .iea_e {animation:iec 3s;}
.active .btn_down {animation:iec 1s;}
.active .iea_h {animation:ied 2s;}
.active .iea_f {animation:iea 1s;}
.active .iea_btn {animation:iec 1s;}
.active .iea_i {animation:iea 1s;}
.active .iea_j {animation:iec 1s;}
.active .iea_k {animation:iec 2s;}
.btn_down { position:absolute; right:120px; top:470px;}
.btn_down a:hover img,.iea_btn a:hover img{ box-shadow:0 0 10px #aaa;}
.btn_down p { margin:30px auto; line-height:30px; color:#555;}
.bgleft,.bgright { position:absolute; left:-250px; top:260px; width:221px; height:304px; background:url(//www.mydown.com/TLimages2009/topspeed/semxc/image/img_line.png) no-repeat 0 0;}
.bgright { right:-280px;left:auto;}
.one { background: url(//www.mydown.com/TLimages2009/topspeed/semxc/image/bg_line.png) repeat-x 0px top #ececec;}
.img_bga { position:absolute; left:50%; margin-left:-960px; bottom:0px; width:100%; height:125px;}
.two { background:#fff;}
.two img { margin:0px auto;}
.three { background:#f3f3f3;}
.three .footer { position:absolute; bottom:0px; left:0px; width:100%;}
/***客服*****/
.kefubox { position:fixed; right:30px; top:220px; width:80px; height:150px; box-shadow:0 0 6px #ccc;border-radius:6px; z-index:1000;}
.kefuimg { margin:10px auto -5px auto;}
.kefu,.qq { height:75px;width:100%; background:rgba(255,255,255,0.8); text-align:center; cursor:pointer; position:relative; float:left;}
.kefu {border-radius:6px 6px 0px 0px; border-bottom:1px solid #e8e8e8;}
.kefu .layer a {padding-top: 10px;}
.kefu .layer p {line-height: 35px;}
.layerbox { display:none;}
.kefu:hover .layerbox { width:250px; text-align:center; position:absolute; left:-240px; top:0px;display:block;}
.layer { background:#fff; box-shadow:0 0 6px #ccc;border-radius:4px; margin-right: 20px; }
.layer img { width:100%;}
.layer a { border-bottom:1px solid #e8e8e8; display:block; padding-bottom:10px; margin-bottom:10px;}
.layer a em { text-decoration:underline; color:#20ca8d;}
.layer a:hover em { color:#ff5f50;}
.corner { width:0px; height:0px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff; display:inline-block; position: absolute; right:13px; top:20px;}
.layer p { line-height:25px;}
.qq {border-radius:0px 0px 6px 6px;}
.qq:hover .layerbox { width:200px; text-align:center; position:absolute; left:-190px; top:0px;display:block;}
.qq .layer a { border-bottom:none; padding-bottom:0; margin-bottom:0;}
.qq .layer p {line-height: 40px; margin-top: -10px;}
.qqimg { }
.kefu:hover,.qq:hover { background:#f0f0f0;}
/******浮动下载******/
.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; background:url(//www.mydown.com/TLimages2009/topspeed/semxc/image/img_logo.png) no-repeat 0px 0px; margin: 0 20px 0 0;}
.dlboxlogo h3 { font-size:28px; font-weight: normal;}
.dlboxlogo p { font-size: 12px; color: #686868;}
.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;}
/**********动画********************/
@keyframes move
{
0%   { top:30px; opacity:0.6;}
25%   { top:40px; opacity:0.5;}
50% { top:50px; opacity:0.6;}
75% { top:40px; opacity:0.5;}
100%   { top:30px; opacity:0.6;}
}

@-moz-keyframes move /* Firefox */
{
0%   { top:30px; opacity:0.6;}
25%   { top:40px; opacity:0.5;}
50% { top:50px; opacity:0.6;}
75% { top:40px; opacity:0.5;}
100%   { top:30px; opacity:0.6;}
}

@-webkit-keyframes move /* Safari Chrome */
{
0%   { top:30px; opacity:0.6;}
25%   { top:40px; opacity:0.5;}
50% { top:50px; opacity:0.6;}
75% { top:40px; opacity:0.5;}
100%   { top:30px; opacity:0.6;}
}

@-o-keyframes move /* Opera */
{
0%   { top:30px; opacity:0.6;}
25%   { top:40px; opacity:0.5;}
50% { top:50px; opacity:0.6;}
75% { top:40px; opacity:0.5;}
100%   { top:30px;opacity:0.6;}
}

@keyframes movea
{
0%   { top:30px; opacity:0.6;}
25%   { top:20px; opacity:0.5;}
50% { top:10px; opacity:0.6;}
75% { top:20px; opacity:0.5;}
100%   { top:30px; opacity:0.6;}
}

@-moz-keyframes movea /* Firefox */
{
0%   { top:30px; opacity:0.6;}
25%   { top:20px; opacity:0.5;}
50% { top:10px; opacity:0.6;}
75% { top:20px; opacity:0.5;}
100%   { top:30px; opacity:0.6;}
}

@-webkit-keyframes movea /* Safari Chrome */
{
0%   { top:30px; opacity:0.6;}
25%   { top:20px; opacity:0.5;}
50% { top:10px; opacity:0.6;}
75% { top:20px; opacity:0.5;}
100%   { top:30px; opacity:0.6;}
}

@-o-keyframes movea /* Opera */
{
0%   { top:30px; opacity:0.6;}
25%   { top:20px; opacity:0.5;}
50% { top:10px; opacity:0.6;}
75% { top:20px; opacity:0.5;}
100%   { top:30px; opacity:0.6;}
}

@keyframes iea
{
0%   { top:0px; opacity:0}
100%   { top:100px; opacity:1}
}

@-moz-keyframes iea /* Firefox */
{
0%   { top:0px; opacity:0}
100%   { top:100px; opacity:1}
}

@-webkit-keyframes iea /* Safari Chrome */
{
0%   { top:0px; opacity:0}
100%   { top:100px; opacity:1}
}

@-o-keyframes iea /* Opera */
{
0%   { top:0px; opacity:0}
100%   { top:100px; opacity:1}
}
@keyframes ieb
{
0%   {opacity:0; top:240px;}
100%   {opacity:1;}
}

@-moz-keyframes ieb /* Firefox */
{
0%   {opacity:0; top:240px;}
100%   {opacity:1;}
}

@-webkit-keyframes ieb /* Safari Chrome */
{
0%   {opacity:0; top:240px;}
100%   {opacity:1;}
}

@-o-keyframes ieb /* Opera */
{
0%   {opacity:0; top:240px;}
100%   {opacity:1;}
}
@keyframes iec
{
0%   {opacity:0;}
50%   {opacity:0;}
100%   {opacity:1;}
}

@-moz-keyframes iec /* Firefox */
{
0%   {opacity:0;}
50%   {opacity:0;}
100%   {opacity:1;}
}

@-webkit-keyframes iec /* Safari Chrome */
{
0%   {opacity:0;}
50%   {opacity:0;}
100%   {opacity:1;}
}

@-o-keyframes iec /* Opera */
{
0%   {opacity:0;}
50%   {opacity:0;}
100%   {opacity:1;}
}
@keyframes ied
{
0%   { bottom:-500px;}
100%   { bottom:-30px;}
}

@-moz-keyframes ied /* Firefox */
{
0%   { bottom:-500px;}
100%   { bottom:-30px;}
}

@-webkit-keyframes ied /* Safari Chrome */
{
0%   { bottom:-500px;}
100%   { bottom:-30px;}
}

@-o-keyframes ied /* Opera */
{
0%   { bottom:-500px;}
100%   { bottom:-30px;}
}
.img_js { display:none;}

@keyframes img2_ul
{
  0%{transform:translateX(0)}
  16%{transform:translateX(0)}
  25%{transform:translateX(-20%)}
  41%{transform:translateX(-20%)}
  50%{transform:translateX(-50%)}
  66%{transform:translateX(-50%)}
  75%{transform:translateX(-75%)}
  91%{transform:translateX(-75%)}
  100%{transform:translateX(0)}
}