﻿@charset "utf-8";
body {margin:0; padding:0; margin-top:0px;font-size:12px; color:#313131;text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; background:#ffffff; }
/*<1024px*/
@media screen and (max-width: 1024px) { 
body { width:1160px; }
}
div,ul,li,ol,dl,dt,dd,form,img,p{margin: 0; padding: 0; border: 0; }
li{list-style-type:none;}
h1,h4,h5,h6{margin: 0; padding: 0; font-size:14px;}
/* __link */
a {color: #313131; text-decoration:none;}
a:link {color: #313131;text-decoration:none;}
a:visited {color: #313131;text-decoration:none;}
a:hover {color:#035db8; text-decoration:underline;}
a:active {color: #313131;}
/* __color */
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#ffffff;}
.cBlue,a.cBlue:link,a.cBlue:visited,a.cBlue:active{color:#066bb7; }
.cBlue2,a.cBlue2:link,a.cBlue2:visited,a.cBlue2:active{color:#035db8;} 
a.cBlue2:hover{ color:#035db8; text-decoration:underline; }
 
.cBlack,a.cBlack:link,a.cBlack:visited,a.cBlack:active{color:#000000; }
.cRed,a.cRed:link,a.cRed:visited{ color:#ff0000; }
.cGold,a.Gold:link,a.Gold:visited{ color:gold; }
.cOrange,a.cOrange:link,a.cOrange:visited{ color:orangered; }
.cGray,a.cGray:link,a.cGray:visited{ color:#6D6359; }
.cGrayover,a.cGrayover:link,a.cGrayover:visited{ color:#cccccc; text-decoration:line-through;}
.cOrange2,a.cOrange2:link,a.cOrange2:visited{ color:#9b2f07; }
.cGreen2,a.cGreen2:link,a.cGreen2:visited{ color:#336600; }
.cYellow,a.cYellow:link,a.cYellow:visited{ color:#FFE0B2; }
.cRed2,a.cRed2:link,a.cRed2:visited{ color:#ce0400; } a.cRed2:hover{ color:#000000; text-decoration:underline; }
.cRed3,a.cRed3:link,a.cRed3:visited{ color:#96570e; } a.cRed3:hover{ color:red; text-decoration:underline; }
.cHe,a.cHe:link,a.cHe:visited{ color:#876e25; } a.He:hover{ color:red; text-decoration:underline; }
/* __font */
.f12{ font-size:12px; }
.f14{ font-size:14px; }
.f16{ font-size:16px; }
.f18{ font-size:18px; }
.f20{ font-size:20px; }
.f30{ font-size:30px; height:60px; line-height:60px;}
.f36{ font-size:36px; height:65px; line-height:65px;}
.f46{ font-size:46px; height:55px; line-height:55px;}
.h20{ line-height:20px; }
.h22{ line-height:22px; }
.h24{ line-height:24px; }
.h26{ line-height:26px; }
.h28{ line-height:28px; }
.h30{ line-height:30px; }
.fn { font-weight:normal; }
.h  { font-family:"黑体"; }
.b  { font-weight: bold; }
.en {font-family:Verdana, Arial, Helvetica, sans-serif,"宋体"; }
/* __float */
.left { float: left;}
.right{ float: right;}
.clear{ clear: both; margin:0; padding:0; border:0;margin-top:2px;}
div.side{ width:269px;float:left; background:#e9f2fe; zoom:1;}
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
/* __width */
.w { width:1160px;margin:0 auto; padding: 0; border: 0; }
.w40 { width:1160px;margin:0 auto; padding: 0; border: 0; height:40px;}
.bgw {background: #FFF;}
/* __other */
.input{border: #ffffff 1px solid;color:#C50A32; height: 15px; padding:1px;}
.textarea{border: #999999 1px solid; font-size: 12px; color:#000000;}
/* CuPlayer.com ━━━━━━━━━━━━━━━━━━━━━━ */
div.clearfix { zoom:1;}
div.clearfix:after {content:".";clear:both;height:0;display:block;visibility:hidden;}
/* Hide from IE Mac \*/ 
.clearfix { display:block; } 

/*header----------------------*/
div#header {  background:#21242d; }
div#header div.subnav{ margin:0 auto;}
div#header div.subnav p.sublogo {width:160px;float:left; line-height:40px; font-size:14px;}
div#header div.subnav p.sublogo a,div#header div.subnav p.sublogo a:link { display:block;width:120px;color:#cccccc; line-height:40px; text-decoration:none; text-align:center;}
div#header div.subnav p.sublogo a:hover { color:#ffcc00; background:#3e414a; }
div#header div.subnav p.sublink { float:right; border-right:1px #3e414a solid;}
div#header div.subnav p.sublink a, div#header div.subnav p.sublink a:link,div#header div.subnav p.sublink a:visited { display:block;width:100px;float:right;font-size:12px;color:#cccccc; line-height:40px; text-decoration:none; text-align:center; border-left:1px #3e414a solid;}
div#header div.subnav p.sublink a:hover{ color:#ffcc00; background:#3e414a;}
div#header div.subnav p.sublink a.tel { width:210px;color:#cccccc; font-size:14px;}

div.menu { height:75px; background:#2f313e;}
div.menu p.logo { width:385px;float:left; margin-top:6px;}
div.menu ul {float:right; margin-top:14px;border-left:1px #3c3e4b solid; }
div.menu ul li { float:left; text-align:center; font-size:14px;font-weight:bold;}
div.menu ul li a,div.menu ul li a:link,div.menu ul li a:visited { height:44px; line-height:44px; display:block; font-size:14px;color:#ffffff;padding:0 20px; display:block; border-right:1px #3c3e4b solid; }
div.menu ul li a:hover {  text-decoration:none; color:#ffffff; background:#0091ea;}
div.menu ul li a.on,div.menu ul li a.on:link,div.menu ul li a.on:visited {  text-decoration:none; color:#fff45c; background:#0091ea;}
div.menu ul li a.cYel,div.menu ul li a.cYel:link,div.menu ul li a.cYel:visited { color:#FF0;}

/* scene */
div#scene { border-top:5px #0091ea solid;}
div#scene div.blank { height:2px;}
div#scene { background:#f0f2f5;}
div#scene div.main { background:#fff url(../images/stepbg.gif) repeat-y left top ; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; box-shadow: 5px #fff; -webkit-box-shadow: 5px #fff;-moz-box-shadow: 5px #fff; position:relative;}


div#scene div.main div.step { width:200px; float:left;   }
div#scene div.main #fix-nav {width:190px;margin-left:8px; float:left;   }
div#scene div.main div.step dl dt { background:#2f313e; height:70px;font-size:24px; padding-left:20px; color:#ffffff;line-height:70px; border-bottom:1px #efefef solid;}
div#scene div.main div.step dl dd { border-bottom:1px #efefef solid;}
div#scene div.main div.step dl dd a,div#scene div.main div.step dl dd a:link,div#scene div.main div.step dl dd a:visited { line-height:60px; display:block; padding-left:20px; color:#fff; font-size:16px; text-decoration:none;background:#898E98;}
div#scene div.main div.step dl dd a:hover { background:#898E98;}
div#scene div.main div.step dl dd a.on,div#scene div.main div.step dl dd a.on:link,div#scene div.main div.step dl dd a.on:visited { line-height:60px; display:block; padding-left:20px; color:#ff0; font-size:16px; text-decoration:none; background:#5E5A5A;}

div#scene div.main div.content { width:900px; float:right; margin-right:30px;}
div#scene div.main div.content img{width:900px;}
div#scene div.main div.content h1{ color:#000000; line-height:70px; border-bottom:1px #CCC solid; font-size:32px; font-weight:normal;margin-top:20px; }
div#scene div.main div.content h1 strong { color:#0091ea;}
div#scene div.main div.content div.intro { margin-top:20px; line-height:34px; font-size:16px;}
div#scene div.main div.content div.intro p { margin-top:20px; }
div#scene div.main div.content div.intro p em { color:#B8B5B5;padding:0px;margin:0;margin-left:20px; font-weight:normal; border-left:8px #28ABA9 solid;padding-left:20px;}
div#scene div.main div.content div.intro p.keywords {padding-bottom:40px;}
div#scene div.main div.content div.intro p.keywords span{float:left;margin-right:5px;}
div#scene div.main div.content div.intro p.keywords a,div#scene div.main div.content div.intro p.keywords a:link,div#scene div.main div.content div.intro p.keywords a:visited { display:block; border:1px solid #ebebeb;border-radius:22px; width:110px;height:35px;background:#fff;border:1px solid #ebebeb;border-radius:22px;line-height:35px;text-align:center;font-size:12px; float:left;margin-right:5px;}
div#scene div.main div.content div.intro p.keywords a:hover{background:#fff;border:1px solid #0091ea; }
div#scene div.main div.content div.intro p.tipline{ height:80px; background:url(../images/tipline.gif) no-repeat center center;}
div#scene div.main div.content div.intro p.bystep { font-size:50px; line-height:70px; font-weight:bold; color:#0f7714;  padding:30px 10px; background:#efefef;}
div#scene div.main div.content div.intro p.byinfo { font-size:20px; line-height:30px; font-weight:bold; color:#0f7714;  padding:30px 10px; background:#efefef;}
div#scene div.main div.content div.intro p.scetip { border:1px #fbb621 solid;padding:10px;background:#fbf59a; }
div#scene div.main div.content div.intro p.code { border-left:4px #1982ad solid;padding-top:10px;padding-bottom:10px;padding-left:30px; background:#e6f0f8;}
div#scene div.main div.content div.intro p.tip{ border-left:4px #fbb621 solid;padding-top:10px;padding-bottom:10px;padding-left:30px; background:#fbf59a;}


/*2022-4-6*/ 
.contents { width:950px; float:right;  }
div#scene div.mains div.contents img{ width:910px;}
div#scene div.mains div.contents .intro .tip dl dt .nomw{ width:385px;}
div#scene div.mains div.contents .intro .tip dl {width:400px;float:left;}
 
div#scene div.mains div.contents h1{ color:#000000; line-height:70px; border-bottom:1px #CCC solid; font-size:32px; font-weight:normal;}
div#scene div.mains div.contents h1 strong { color:#0091ea;}
div#scene div.mains div.contents div.intro { line-height:34px; font-size:16px; padding:20px; }
div#scene div.mains div.contents div.intro p { margin-top:20px; }
div#scene div.mains div.contents div.intro p em { color:#B8B5B5;padding:0px;margin:0;margin-left:20px; font-weight:normal; border-left:8px #28ABA9 solid;padding-left:20px;}
div#scene div.mains div.contents div.intro p.keywords {padding-bottom:10px;}
div#scene div.mains div.contents div.intro p.keywords span{float:left;margin-right:5px;}
div#scene div.mains div.contents div.intro p.keywords a,div#scene div.mains div.contents div.intro p.keywords a:link,div#scene div.mains div.contents div.intro p.keywords a:visited { display:block; border:1px solid #ebebeb;border-radius:22px; width:110px;height:35px;background:#fff;border:1px solid #ebebeb;border-radius:22px;line-height:35px;text-align:center;font-size:12px; float:left;margin-right:5px; margin-top:5px;}
div#scene div.mains div.contents div.intro p.keywords a:hover{background:#fff;border:1px solid #0091ea; }
div#scene div.mains div.contents div.intro p.tipline{ height:80px; background:url(../images/tipline.gif) no-repeat center center;}
div#scene div.mains div.contents div.intro p.bystep { font-size:50px; line-height:70px; font-weight:bold; color:#0f7714;padding:30px 10px; background:#efefef;}
div#scene div.mains div.contents div.intro p.byinfo { font-size:20px; line-height:30px; font-weight:bold; color:#00736d;padding:5px 10px; background:#c9f2f1; border:1px #a2dfdc solid;}

div#scene div.mains div.contents div.intro p.scetip,div#scene div.mains div.contents div.intro div.scetip { border:1px #fbb621 solid;padding:10px;background:#fbf59a; }
div#scene div.mains div.contents div.intro p.code { border-left:4px #1982ad solid;padding-top:10px;padding-bottom:10px;padding-left:30px; background:#e6f0f8;}
div#scene div.mains div.contents div.intro p.tip,div#scene div.mains div.contents div.intro div.tip { border-left:4px #fbb621 solid;padding-top:10px;padding-bottom:10px;padding-left:30px; background:#fbf59a;}
.mains{ position:relative; overflow:hidden;width:1160px; margin:0 auto; background:#ffffff;margin-top:2px; }
.clearfix{ position:relative;}

.siderBar{width:198px;float:left; margin-left:10px; }
.siderBar ul {border-left:1px #ffffff solid;border-right:1px #ffffff solid;}
/*.siderBar,.siderBar ul{ float:left; width:198px; margin-left:5px; margin-top:0;padding-left:0;background:#ffffff;}*/
.siderBar ul{ float:left; width:198px;  margin-top:0;padding-left:0;background:#ffffff;}

.siderBar li{margin-bottom:1px;line-height:50px;font-size:18px; padding-left:0px;background:#f0f0f0;cursor:pointer;transition:all .1s; }
.siderBar li.cur{color:#fff;background:#000;}

.siderBar li{margin-bottom:1px;line-height:50px;font-size:18px; padding-left:20px;background:#f0f0f0;cursor:pointer;transition:all .1s; }
.siderBar li.cur{color:#fff;background:#000;}


.siderBar .tits{font-size:18px;margin-bottom:1px;line-height:40px; padding-left:10px;background:#f0f0f0;   }
.siderBar dl {border-left:1px #ffffff solid;border-right:1px #ffffff solid;  margin:0;padding:0;}
.siderBar dl dt { font-weight: bold;margin-bottom:1px;line-height:44px;font-size:16px; padding-left:4px;background:#fff;cursor:pointer;transition:all .1s;}
.siderBar dl dd { margin-bottom:1px;line-height:30px;font-size:14px; padding-left:0px;background:#f0f0f0;cursor:pointer;transition:all .1s; margin:0;padding-left: 0; }
.siderBar dl dd a,.siderBar dl dd a:link,.siderBar dl dd a:visited { text-decoration:none;padding-left:10px;display: block;}
.siderBar dl dd a:hover{background: #0091ea; color: #ffffff;}
.siderBar dl dd ul{padding:0;margin:0;}
.siderBar .subtit { background:#f9f7f7;  display:table-cell; vertical-align:top; margin-left:10px;  }
.siderBar .subtit ul li { line-height:30px; border-bottom:1px #efefef solid; text-align:left; font-size:14px; padding-left:0;}
.siderBar .subtit ul li span { font-size:14px; color:#f2fff3; font-weight:bold;padding-left:0px; }
.siderBar .subtit ul li.on { background:#1460af;}
.siderBar .subtit ul li a,.siderBar .subtit ul li a:link,.siderBar .subtit ul li a:visited { color:#666; display:block; padding-left:10px;}
.siderBar .subtit ul li a:hover{ background:#7d7d7d; color:#fff; text-decoration:none; }
.siderBar .subtit ul li a.on{ background:#fff; color:#08482f; text-decoration:none; font-weight:bold; background:#7d7d7d; color:#fff; text-decoration:none;}

div.swc { height:92px; text-align:center; }
div.tit h2 { margin-top:5px; padding-top:15px; height:62px;line-height:62px;font-size:48px; color:#ffffff;font-family:"Microsoft YaHei",微软雅黑,Verdana, Arial, Helvetica, sans-serif;font-weight:normal; }
div.tit h2 strong {font-weight:normal;  color:#FFFF00;}
 

div.videolist { background:#e0e9f0;padding-top:0;margin-top:0;}
div.videolist div.main p.subtit{ padding-top:20px; text-align:center}

div.caselist { clear:both; margin-top:16px; text-align:center; }
div.caselist div.section-main img {width:137px;}
div.caselist div.section-main a,div.caselist div.section-main a:link,div.caselist div.section-main a:visited{ text-decoration:none;}
div.caselist p.subtit{ padding-top:10px; text-align:center}

div.caselistbig { clear:both; margin-top:16px; text-align:center; }
div.caselistbig div.section-main img {width:200px;}
div.caselistbig div.section-main a,div.caselistbig div.section-main a:link,div.caselistbig div.section-main a:visited{ text-decoration:none;}
div.caselistbig p.subtit{ padding-top:10px; text-align:center}

div.choice { background:#333 url(../images/choicebg2.jpg) no-repeat left center; height:500px; }
div.choice div.c2 {text-align:center;}
div.choice div.c2 img { width:750px;margin-top:40px;}

/* focusbg------------------------ */
div#focusbgindex{ background:#000000 url(../images/focusbg.jpg) no-repeat center center; border-top:0px #ffffff solid; height:590px;overflow:hidden; }
div#focusbg { background:#000000 url(../images/focusbg.jpg) no-repeat center center; border-top:0px #ffffff solid; height:220px;overflow:hidden; }
#CuFocus { clear:both; margin:0 auto;  }
#CuFocus div.topcorn { height:8px;}
#CuFocus div#CuPlayer { background:none;width:558px;float:left;padding-left:10px;margin-top:35px; }
#CuFocus div.intro { background:none;width:410px;float:left; }
div#CuFocus div.sw { padding-top:26px; text-align:center; }
div#CuFocus ul.livebox1 {padding-left:15px;padding-top:25px;}
div#CuFocus ul.livebox2 { clear:both; padding-left:156px;padding-top:20px;}
div#CuFocus ul li { width:142px;float:left;}
a.pb:link,a.pb:visited { background:#2a3940;display:block;width:126px; height:136px;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px; border:2px #ccc solid;box-shadow: 5px #fff; -webkit-box-shadow: 5px #fff;-moz-box-shadow: 5px #fff; }
a.pb:hover { background:#0f7714; border:2px #0f7714 solid;}
/* livebox */
div#focusbg ul.livebox { margin-top:20px;padding-left:8px; }
div#focusbg ul.livebox li { width:82px;float:left; text-align:center;} 
div#focusbg ul.livebox li img{ width:70px; width:70px; } 
div#focusbg ul.livebox li a.pb,div#focusbg ul.livebox li a.pb:link,div#focusbg ul.livebox li a.pb:visited { font-size:46px;background:#2a3940;display:block;width:74px; height:90px;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px; border:2px #ccc solid;box-shadow: 5px #fff; -webkit-box-shadow: 5px #fff;-moz-box-shadow: 5px #fff;}

div#focusbg ul.livebox li.on a.pb,div#focusbg ul.livebox li.on a.pb:link,div#focusbg ul.livebox li.on a.pb:visited { background:#0091ea;display:block;width:74px; height:105px;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 0px 0px; border:2px #0091ea solid;border-bottom:none;box-shadow: 5px #fff; -webkit-box-shadow: 5px #fff;-moz-box-shadow: 5px #fff; }

div#focusbg ul.livebox li a.pb:hover { background:#0f7714; border:2px #0f7714 solid;}
div#CuFocus ul li { width:142px;float:left;}
div#focusbg ul.livebox li span {color:#ffffff;}
div#focusbg ul.livebox li span.t{display:block;font-size:12px; text-align:center; color:#cccccc;}
div#focusbg ul.livebox li.on span.t{color:#ffffff;}

/* content_ask */
div#content_ask { background:#5b646c url(../images/ask_bg.jpg) no-repeat center top; border-top:0px #ffffff solid; }
div#content_ask div.blank{ height:20px; }
div#content_ask div#ask { background:#26333b; -moz-border-radius:0 0 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px; border:0px #ccc solid;box-shadow: 5px #fff; -webkit-box-shadow: 5px #fff;-moz-box-shadow: 5px #fff; }
div#content_ask div#ask div.msg {width:98px; float:left; height:290px;}
div#content_ask div#ask div.msginfo{width:816px;float:left; background:#fff; }
div#content_ask div#ask div.headinfo{width:246px;float:left;height:290px; background:#30b7f0; -moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:0px 9px 7px 0px;}
div#content_ask div#ask div.headinfo div.head { background:#5b646c;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:0px 7px 0px 0px; height:100px;} 
div#content_ask div#ask div.headinfo div.head dl {padding-top:20px;padding-left:20px;}
div#content_ask div#ask div.headinfo div.head dl dt img { text-align:center; -moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:26px; }
div#content_ask div#ask div.headinfo div.head dl dt { width:60px;float:left;}
div#content_ask div#ask div.headinfo div.head dl dd { line-height:30px; font-size:16px;color:#ffffff; padding-left:0px;}

div#content_ask div#ask div.msginfo div.tip {font-size:16px; border-bottom:1px #ecf2f5 solid; height:70px;line-height:70px; color:#979696; text-align:center;}
div#content_ask div#ask div.msginfo div.user {font-size:14px; line-height:30px; padding:0 20px; clear:both;margin-top:20px;}
div#content_ask div#ask div.msginfo div.user dl dt { width:60px;float:left; }
div#content_ask div#ask div.msginfo div.user dl dt img {-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:26px; }
div#content_ask div#ask div.msginfo div.user dl dd { width:620px; background:#e6f0f8;border-radius:6px;float:left; padding:5px;  margin-left:10px;}
 
div#content_ask div#ask div.msginfo div.reply {font-size:14px; line-height:30px; padding:0 20px; clear:both;margin-top:20px;}
div#content_ask div#ask div.msginfo div.reply dl dt { width:60px;float:right; }
div#content_ask div#ask div.msginfo div.reply dl dt img {-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:26px; }
div#content_ask div#ask div.msginfo div.reply dl dd { width:620px; background:#eceff2;border-radius:6px;float:right; padding:5px;margin-right:15px; }
/* content_contact */
div#content_contact { background:#5b646c url(../images/contact_bg.jpg) no-repeat center top; border-top:0px #ffffff solid;height:660px; }
div#content_contact div.blank{ height:20px; }
div#content_contact div#ask { background:#26333b; -moz-border-radius:0 0 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px; border:0px #ccc solid;box-shadow: 5px #fff; -webkit-box-shadow: 5px #fff;-moz-box-shadow: 5px #fff; }
div#content_contact div#ask div.msg {width:98px; float:left; height:290px;}
div#content_contact div#ask div.msginfo{width:816px;float:left; background:#fff; }
div#content_contact div#ask div.headinfo{width:246px;float:left;height:290px; background:#30b7f0; -moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:0px 9px 7px 0px;}
div#content_contact div#ask div.headinfo div.head { background:#5b646c;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:0px 7px 0px 0px; height:100px;} 
div#content_contact div#ask div.headinfo div.head dl {padding-top:20px;padding-left:20px;}
div#content_contact div#ask div.headinfo div.head dl dt img { text-align:center; -moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:26px; }
div#content_contact div#ask div.headinfo div.head dl dt { width:60px;float:left;}
div#content_contact div#ask div.headinfo div.head dl dd { line-height:30px; font-size:16px;color:#ffffff; padding-left:0px;}

div#content_contact div#ask div.msginfo div.tip {font-size:16px; border-bottom:1px #ecf2f5 solid; height:70px;line-height:70px; color:#979696; text-align:center;}
div#content_contact div#ask div.msginfo div.user {font-size:14px; line-height:30px; padding:0 20px; clear:both;margin-top:20px;}
div#content_contact div#ask div.msginfo div.user dl dt { width:60px;float:left; }
div#content_contact div#ask div.msginfo div.user dl dt img {-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:26px; }
div#content_contact div#ask div.msginfo div.user dl dd { width:620px; background:#e6f0f8;border-radius:6px;float:left; padding:5px;  margin-left:10px;}
 
div#content_contact div#ask div.msginfo div.reply {font-size:14px; line-height:30px; padding:0 20px; clear:both;margin-top:20px;}
div#content_contact div#ask div.msginfo div.reply dl dt { width:60px;float:right; }
div#content_contact div#ask div.msginfo div.reply dl dt img {-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0px 0px 7px 7px;border-radius:26px; }
div#content_contact div#ask div.msginfo div.reply dl dd { width:620px; background:#eceff2;border-radius:6px;float:right; padding:5px;margin-right:15px; }

/* videoList */

div.main dl.video {  width:230px;float:left;margin-top:20px;}
div.main dl.video dd.tit { line-height:30px;height:30px;overflow:hidden; }
div.main dl.video dd.tit a,div.main dl.video dd.tit a:link,div.main dl.video dd.tit a:visited { width:206px;display:block; margin:0 auto; background:#dadada;text-decoration:none; text-align:center; padding:0 5px;}
div.main dl.video dd.tit a:hover { background:#252525; color:#ffffff; text-decoration:none;}
a.p210x120 img { width:210px;height:120px; }  
a.p210x120 { border:1px #dadada solid; padding:2px;display:block; width:210px; margin:0 auto;  background:white; margin-top:5px;}
a.p210x120:hover{ border:1px #eb6100 solid; } 
a.p210x120 { position:relative; }
a.p210x120 span{ background:#000000; width:210px; height:120px;position:absolute;left:2px;top:2px;z-index:80;
filter:alpha(opacity=50);-moz-opacity:0.5;  -khtml-opacity: 0.5;   opacity: 0.5;  }
a.p210x120 img.play{ width:90px;height:90px ;position:absolute;left:60px;top:16px;z-index:90;}

/* 14pix */
ul.list14bgline { width:100%; text-align:left;line-height:32px;font-size:14px;}
ul.list14bgline li { padding:1px 0; border-bottom:1px #e2e2e2 solid; }
ul.list14bgline li a,ul.list14bgline li a:visited{ padding:0px 6px 0px 20px; overflow:hidden;  height:32px; display:block; background:url(../images/ico_11.gif) no-repeat 6px 11px; }
ul.list14bgline li a:hover{ color:#cc0000;}
ul.list14bgline li span.date{ float:right; width:90px; color:#999; font-family:Verdana, Arial, Helvetica, sans-serif;} 
/* 14pix */
ul.list14 { width:100%; text-align:left;line-height:30px;font-size:12px;}
ul.list14 li { padding:1px 0;}
ul.list14 li a,ul.list14 li a:visited{ padding:0px 6px 0px 20px; overflow:hidden;  height:30px; display:block;  background:url(../images/Ico_11.gif) no-repeat 6px 10px; color:#2c2b2b;}
ul.list14 li a:hover{ color:#cc0000;} 
ul.list14 span {display:none;}
 
/* -----------------*/
 
div.maincontent { margin-top:40px; clear:both;}
div.maincontent fieldset{ border:1px #cccccc solid;padding:10px;margin-bottom:10px;display:block; font-family:Verdana, Arial, Helvetica, sans-serif;line-height:28px; text-align:left; background:#ffffff; }
div.maincontent fieldset legend { padding:0;margin:0;line-height:28px;  }
div.maincontent fieldset ul { margin:0;padding:0;}
 
/* div.fastlink */
dl.other { line-height:24px; background:url(ico_right.gif) repeat-y right top; width:230px; float:left; margin-left:10px;}
dl.other dt{ padding-left:10px;font-weight:bold; color:#aaa18d; font-size:14px;}
dl.other dd{ padding-left:30px; background:url(ico_other.gif) no-repeat 12px center;}
dl.other dd a,dl.other dd a:hover,dl.other dd a:visited{ color:#9696ab;}
 
dl.other dd.bl a,dl.other dd.bl a:hover,dl.other dd.bl a:visited{ display:block;color:#9696ab; line-height:24px;height:24px;overflow:hidden;}
div.fastlink {width:1160px;margin:0 auto; text-align:left; padding-top:25px; height:170px; }
div.fastlink p{ padding-left:30px; line-height:24px;color:white;}
div.fastlink dl.otherpic { line-height:24px; width:455px; float:left; margin-left:0px;  }
div.fastlink dl.otherpic dt {padding-bottom:16px;}
div.fastlink dl.otherpic a,div.fastlink dl.otherpic a:link,div.fastlink dl.otherpic a:hover{padding-right:20px; text-decoration:none;}

div.fastlink dl.other { line-height:30px; width:110px; float:left; margin-left:0px; border-left:1px #242424 solid; background:none; }
div.fastlink dl.other dt{ padding-left:10px;color:#e1e1e1;color:#cccccc; font-size:14px; font-weight:normal; }
div.fastlink dl.other dd{ padding-left:10px;}
div.fastlink dl.other dd a,div.fastlink dl.other dd a:hover,div.fastlink dl.other dd a:visited{ color:#9696ab;}

div.fastlink dl.other dd a.cYel,div.fastlink dl.other dd a.cYel:hover,div.fastlink dl.other dd a.cYel:visited{ color:#fff429;}
div.fastlink dl.other dd a.cYel2,div.fastlink dl.other dd a.cYel2:hover,div.fastlink dl.other dd a.cYel2:visited{ color:#f5a455;}
div.fastlink dl.other dd a.cGre,div.fastlink dl.other dd a.cGre:hover,div.fastlink dl.other dd a.cGre:visited{ color:#32a500;}

div.fastlink dl.other2 { line-height:30px; float:left; margin-left:0px; border-left:1px #242424 solid; background:none; }
div.fastlink dl.other2 dt{ padding-left:10px;color:#e1e1e1;color:#cccccc; font-size:14px; font-weight:normal; }
div.fastlink dl.other2 dd{ padding-left:10px;color:#cccccc;}
.contactus-link ul{	list-style:none;margin:0;padding:0;}
.contactus-link ul>li{	float:left;	width:auto;}
.contactus-link ul li{	margin-right:10px;	width:40px;	height:40px;	background:#212931;	border-radius:20px;}
.contactus-link ul>li:nth-child(1):hover{ background:#e54839;}
.contactus-link ul>li:nth-child(2):hover{ background:#76b600;}
.contactus-link ul>li:nth-child(3):hover{ background:#33d0ff;}
.contactus-link ul>li:nth-child(4):hover{ background:#a880e0;}
.contactus-link ul>li:nth-child(5):hover{ background:#ff9e37;}
.contactus-link ul>li:nth-child(5){	margin-right:0; }

#tab2 { background:url(../images/tab2_bg.gif) repeat-x left top;height:48px;line-height:48px;margin-top:10px; padding-left:18px;} 
#tab2 li{float:left;padding-top:0px;width:182px; display:block;text-align:center;cursor:pointer;background:url(../images/tab2.gif) left bottom;margin-right:0px;font-size:14px;line-height:48px; height:48px; }
#tab2 li a{color:#666666; font-weight:bold; display:block;}
#tab2 li a:hover{color:#666666; font-weight:bold;  text-decoration:none; }
#tab2 li.now {background:url(../images/tab2.gif) left top; color:#666666; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
#tab2 li.now a,#tab1 li.now a:hover { color:#c90000; }

/*subTit*/
.customerslist .subtit h3, .aplist .subtit h3 { line-height:60px;text-align: center; position: relative; font-size: 32px; font-weight: normal; padding:0;margin:0;padding-top:30px;}
.customerslist .subtit h3 i,.aplist .subtit h3 i{ position: absolute;width:80px;height:3px;background-color:#10a1e3;left:50%;margin-left:-40px;bottom:-2px; }
.customerslist .subtit p,.aplist .subtit p{ line-height: 36px; text-align: center; font-size: 14px; color: #696868;}
/*subTitlist*/
.mytabs-swiper .subtit h3, .aplist .subtit h3 { line-height:60px;text-align: center; position: relative; font-size: 32px; font-weight: normal; padding:0;margin:0;padding-top:30px;}
.mytabs-swiper .subtit h3 i,.aplist .subtit h3 i{ position: absolute;width:80px;height:3px;background-color:#10a1e3;left:50%;margin-left:-40px;bottom:-2px; }
.mytabs-swiper .subtit p,.aplist .subtit p{ line-height: 36px; text-align: center; font-size: 14px; color: #696868;}



.show-customers-content .row img{width:172px;height:68px}
.f-clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.customerslist { background: #ffffff;}
.customerslist .show-customers-content{margin-top:40px;margin-bottom: 60px;}
.customerslist .show-customers-content dl {height:68px;}
.customerslist .show-customers-content dl:nth-child(3) {height:136px;}
.customerslist .show-customers-content .row img{width:172px;height:68px}
.customerslist .show-customers-content .row:hover{background-color:#f5f5f5}
.customerslist .show-customers-content .row:hover .row-title a{color:#2469f3;border-bottom:1px solid currentColor}
.customerslist .show-customers-content .row .row-title{float:left;margin-left:20px;height:68px;line-height:68px;-webkit-box-sizing:border-box;box-sizing:border-box}
.customerslist .show-customers-content .row .row-title a{font-size:20px;color:#8c8d9e;border-bottom:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box}
.customerslist .show-customers-content .row .row-lists{float:right;width:1032px}
.customerslist .show-customers-content .row .row-lists .row-logos{overflow:hidden}
.customerslist .show-customers-content .row .row-lists .row-logos li{float:left;width:172px;height:68px;-webkit-box-sizing:border-box;box-sizing:border-box;}

.usenow { height:220px; background: #2e75bc;  background:linear-gradient(-90deg, #0868c8 0%, #0581ff 100%)}
.usenow .bs { height:220px; background:url(/statics/images/base/golink_bg_polyv.png) no-repeat center center;}
.usenow .reginfo {  font-size:36px; color:#fff; padding-top:80px;  width:1060px; margin:0 auto; }
.usenow .reginfo .start {width:580px;float:left;}
.usenow .reginfo .reg {width:450px;float:left;}
.usenow .reg p a,.usenow .reg p a:link,.usenow .reg p a:visited {margin-top:5px; text-align:center; color:#0a63bf;background-color: rgba(255,255,255,0.9);border-radius:5px;-moz-border-radius:5px;display:block;width:200px; z-index:2; height:46px;line-height:46px;  text-decoration:none; float:left;margin-right:12px; font-size:20px; }
.usenow .reg p a:hover { font-size:20px;background:#f1f9fe; color:#0a63bf; background-color: rgba(255,255,255,1); transition: all 300ms ease 0s;} 
.usenow .reg p a.on,.usenow .reg p a.on:link,.usenow .reg p a.on:visited {margin-top:5px; text-align:center; color:#fff;background: none;border-radius:5px;-moz-border-radius:5px;display:block;width:200px; z-index:2; height:44px;line-height:44px;  text-decoration:none; float:left;margin-right:12px; font-size:20px; border:1px #fff solid;}
.usenow .reg p a.on:hover { font-size:20px;background:#f1f9fe; color:#0a63bf; background-color: none; ;} 

/* footer */
footer { background:#071d39; padding-top:10px;}
.fastlink dl { color:#fff; width:160px;float:left;line-height:34px; font-size:14px; }
.fastlink dl dt { font-size:18px;}
.fastlink dl dt.b { margin-top:35px;}
.fastlink dl a,.fastlink dl a:link,.fastlink dl a:visited { display:block;color:#9ea0a3;}
.fastlink dl a:hover { text-decoration:underline;}

.fastlink dl:nth-child(1) dd:nth-child(5){ background:url(/statics/images/ico/ico_hot_s.gif) no-repeat 88px center;}
.fastlink dl:nth-child(1) dd:nth-child(7){ background:url(/statics/images/ico/ico_hot_s.gif) no-repeat 95px center;}
.fastlink dl:nth-child(1) dd:nth-child(8){ background:url(/statics/images/ico/ico_new_s.gif) no-repeat 102px center;}
.fastlink dl:nth-child(5) dd:nth-child(4){ background:url(/statics/images/ico/ico_hot_s.gif) no-repeat 76px center;}
.fastlink dl:nth-child(6) dd:nth-child(3){ background:url(/statics/images/ico/ico_hot_s.gif) no-repeat 86px center;}
.fastlink dl:nth-child(6) dd:nth-child(11){ background:url(/statics/images/ico/ico_new_s.gif) no-repeat 74px center;}

.fastlink dl.code{ width:160px;float:left; border-left:1px #42444b solid; padding-left:20px; text-align:center;}
.fastlink dl.code dt{ margin-bottom:20px;}
.fastlink dl.code p{ font-size:12px;color:#9ea0a3; line-height:18px;width:160px;}
.fastlink dl.code p:nth-child(2) { text-align: center;padding-top:5px;}
.fastlink dl.code p:nth-child(3) { margin-top:20px;}
.fastlink dl.code p:nth-child(4),.fastlink dl.code p:nth-child(6) { color: #fff;}
.copyright {font-size:14px; margin-top:20px; padding-top:10px; padding-bottom:10px; border-top:1px #42444b solid; color:#989a9d; line-height:28px;}
.copyright p:nth-child(1)  { font-size:16px;color:#9ea0a3;}
.copyright a,.copyright a:link,.copyright a:visited { color:#9ea0a3; }
.copyright a:hover { color:#9ea0a3; text-decoration: underline;}

.aplist{background:#f6f9fc; height:1150px;}
.ficob{ font-size:85px; height:55px; line-height:55px;color: #478cd2; }
.ficob:hover {color:#035db8;}
.aplist-item-box {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 52px;
  }
  .aplist-item-box .auto-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .aplist-item-box .aplist-item {
    width: 280px;
    height: 280px;/*height*/
    margin-right: 20px;
    margin-bottom: 28px;
  }
  .aplist-item-box a.aplist-item:link{  
    text-decoration: none;}
    .aplist-item-box a.aplist-item:hover{
     text-decoration: none;
    }
   
  .aplist-item-box .aplist-item .aplist-item-content {
    position: relative;
    width: 100%;
    height: 230px;/*height*/
    text-align: center;
    padding-top: 57px; /*ico边距*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 8px 40px 0px rgba(30, 35, 45, 0.08);
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
  }
  
  .aplist-item-box .aplist-item .aplist-item-content h3 {
    line-height: 30px;
    font-size: 20px;
    color: #2D3037;
    margin-bottom: 14px;
  }
  .aplist-item-box .aplist-item .aplist-item-content p {
    line-height: 24px;
    font-size: 14px;
    color: #5E6D81;
    padding: 0px 30px;
  }
   
  .aplist-item-box .aplismenust-item .aplist-item-content:hover {
    margin-top: -8px;
    box-shadow: 0px 8px 40px 0px rgba(30, 35, 45, 0.16);
    
  }
  
  /*-----------*/
  .apslist-item-box {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 52px;
  }
  .apslist-item-box .auto-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .apslist-item-box .marketplace-item {
    width: 280px;
    height: 280px;/*height*/
    margin-right: 20px;
    margin-bottom: 28px;
  }
  .apslist-item-box a.marketplace-item:link{  
    text-decoration: none;}
    .apslist-item-box a.marketplace-item:hover{
     text-decoration: none;
    }
   
  .apslist-item-box .marketplace-item .apslist-item-content {
    position: relative;
    width: 100%;
    height: 230px;/*height*/
    text-align: center;
    padding-top: 57px; /*ico边距*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 8px 40px 0px rgba(30, 35, 45, 0.08);
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
  }
  
  .apslist-item-box .marketplace-item .apslist-item-content h3 {
    line-height: 30px;
    font-size: 20px;
    color: #2D3037;
    margin-bottom: 14px;
  }
  .apslist-item-box .marketplace-item .apslist-item-content p {
    line-height: 24px;
    font-size: 14px;
    color: #5E6D81;
    padding: 0px 30px;
  }
  .apslist-item-box .marketplace-item .apslist-item-content .look-details-link {
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 24px;
    font-size: 14px;
    color: #FF6666;
    visibility: hidden;
  }
  .apslist-item-box .marketplace-item .apslist-item-content:hover {
    margin-top: -8px;
    box-shadow: 0px 8px 40px 0px rgba(30, 35, 45, 0.16);
    
  }
  .apslist-item-box .marketplace-item .apslist-item-content:hover .look-details-link {
    visibility: visible;
  }
    /*-----------*/

  .contents ul.list14 { margin-top:10px;}
  .contents ul.list14 .date{display:none;} 
  .contents ul.list14 li {  width:280px;float:left; margin-right:20px; margin-top:10px; }
  .contents .acthelp .main ul.list14 li {margin-left:0px; list-style-type:none;}
  
  .contents ul.list14 li a,.contents ul.list14 li a:link,.contents ul.list14 li a:visited { height:52px; line-height:52px;overflow:hidden; padding-left:20px;font-size:16px; border:1px #fff solid; border-bottom:1px #efefef solid; color:#666666;display:block; overflow:hidden; background:url("/statics/images/ico/ico_04.png") no-repeat 5px center; }
  .contents ul.list14 li a:hover { display:block; background:#efefef url("/statics/images/ico/ico_04.png") no-repeat 5px center;  border-radius:5px;-moz-border-radius:5px;  border:1px #eae9e9 solid; }
  div.cupages{ width:720px;font-size:14px;margin:0 auto;clear:both; height:50px;  padding-top:20px;}
  div.cupages p.pagebk { height:20px;clear:both; }
  .cupages ul{float:left;padding:4px;}
  .cupages ul li{float:left;font-family:Tahoma;line-height:22px;margin-right:2px;background:none;}
  .cupages ul li span.nolink{line-height:36px}
  .cupages ul li a,.cupages ul li a:link,.cupages ul li a:visited{float:left;padding:6px 9px 6px 9px;color:#333333;border:1px solid#cccccc;background:#efefef}
  .cupages ul li a:hover{color:#690;text-decoration:none;padding:6px 9px 6px 9px;border:1px solid #690}
  .cupages ul li.thisclass,.cupages ul li.thisclass a,.pagebox ul li.thisclass a:hover{color:#Fff;background:#f60;border:#f60 1px solid;text-decoration:none;padding:2px 9px 3px 9px;font-weight:bold}.cupages.pageinfo{float:right;line-height:45px;padding:0px 5px 0 10px;color:#999}
  .cupages.pageinfo strong{color:#666;font-weight:normal;margin:0px 2px}

  
.subnavtop { height: 60px; z-index:999; background:#fff;  box-shadow:0 5px 10px 0 rgba(0,0,0,.2);line-height:60px; font-size: 16px; }
.subnavtop p {float:right;}
.subnavtop a,.subnavtop a:link,.subnavtop a:visited { float: right; padding:0 20px;color:#333;}
.subnavtop { width:100%;display: none; position: fixed;top: 0;display: none;}
.subnavtop .on { background: #efefef; }
.subnavtop a:hover { background: #f2faff; }
.subnavtop .home { float:left;}
.subnavtop .home a,.subnavtop .home a:link,.subnavtop .home a:visited { padding:0 10px; display: inline; }
.subnavtop .home a.b,.subnavtop .home a.b:link,.subnavtop .home a.b:visited { padding:0 10px;}
.subnavtop .home a:nth-child(1){ float:none; color:#333; padding-left:30px; padding-right:10px;background: url(../images/bn/idx_home.png) no-repeat left center;}
.subnavtop .home a:nth-child(1):link,.subnavtop .home a:nth-child(1):visited {padding-left:30px; }

.subnavtop .home a:nth-child(2),.subnavtop .home a:nth-child(3),.subnavtop .home a:nth-child(4){ float:none;padding:0 5px;}
.subnavtop .home a:nth-child(2):link,.subnavtop .home a:nth-child(2):visited {padding:0 5px; }

.guide { height: 60px; z-index:999; background:#fff;  box-shadow:none;line-height:60px; font-size: 16px; }
.guide p {float:right;}
.guide a,.guide a:link,.guide a:visited { float: right; padding:0 20px;color:#333;}
.guide { width:100%; }
.guide .on { background: #efefef; }
.guide a:hover { background: #f2faff; }
.guide .home { float:left;}
.guide .home a.b,.guide .home a.b:link,.guide .home a.b:visited {float:none;padding:0 10px;}
.guide .home a:nth-child(1){ float:none; color:#333; padding-left:30px; padding-right:10px;background: url(../images/bn/idx_home.png) no-repeat left center;}
.guide .home a:nth-child(1):link,.guide .home a:nth-child(1):visited {padding-left:30px; }
.guide .home a:nth-child(2),.guide .home a:nth-child(3),.guide .home a:nth-child(4){ float:none; padding:0 5px;}
.guide .home a:nth-child(2):link,.guide .home a:nth-child(2):visited {padding:0 5px; }

/*default*/
.subnavtop { position:fixed; top:0; }
span.current a{ background: #efefef;}
/*default-re*/
.subnavbar span { float:left; }
.subnavbar_no span { float:left; }
.w1200x {width:1150px;margin:0 auto;height:50px; }

.subtit ul li a.on{ background:#fff; color:#08482f; text-decoration:none; font-weight:bold; background:#7d7d7d; color:#fff; text-decoration:none;}

div#scene div.mains div.contents .tip .picwx { width:150px; height:150px;}