.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f20 { font-size:20px;}
.fb { font-weight:bold;}
.fn { font-weight:normal;}
.t2 { text-indent:2em;}
.lh150 { line-height:150%}
.lh180 { line-height:180%}
.lh200 { line-height:200%}
.unl { text-decoration:underline;}
.no_unl { text-decoration:none;}
.noborder {border-style:none; border-width: 0;}

/*定位 
******************************/
.tl { text-align:left !important;}
.tc { text-align:center !important; }
.tr { text-align:right !important;}
.bc { margin-right:auto ;margin-left:auto;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
.cb { clear:both;}
.cl { clear:left;}
.cr { clear:right;}
.vm { vertical-align: middle;}
.vt { vertical-align: top;}
.pr { position:relative;}
.pa { position:absolute;}
.abs-right { position:absolute; right:0;}
.zoom { zoom:1}
/*.hidden { visibility:hidden;*/}
.none { display:none;}
.clear { clear: both; height: 0; font-size: 1px; }

/*长度高度
******************************/
.w10 { width:10px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px !important;}
.w50 { width:50px !important;}
.w60 { width:60px !important;}
.w65 { width:65px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w96 {width: 96px;}
.w100 { width:100px;}
.w110 { width:110px;}
.w120 { width:120px;}
.w150 { width:150px;}
.w160 { width:160px;}
.w180 { width:180px;}
.w200 { width:200px !important;}
.w210 { width:210px !important;;}
.w230 { width:230px;}
.w240 { width:240px;}
.w250 { width:250px !important;}
.w270 { width:270px;}
.w300 { width:300px !important;}
.w340 { width:340px;}
.w370 { width:370px;}
.w380 { width:380px;}
.w400 { width:400px!important;}
.w500 { width:500px;}
.w530 { width:530px;}
.w600 { width:600px !important;}
.w700 { width:700px;}
.w780 { width: 780px;}
.w800 { width:800px;}
.w208 {width: 208px;}

.w { width:100%}
.h50 { height:50px !important;}
.h80 { height:80px;}
.h100 { height:100px;}
.h200 { height:200px;}
.h { height:100%}
.size30 { width: 30px; height: 30px;}
.size32 { width: 32px; height:32px;}
.size40 { width: 40px; height:40px;}
.size60 { width: 60px; height:60px;}
.size70 { width: 70px; height: 70px;}
.size72 { width: 72px; height: 72px;}
.size80 { width: 80px; height:80px;}
.size90 { width: 90px; height:90px;}
.size100 { width: 100px; height: 100px;}
.size110 { width: 110px; height: 110px;}
.size120 { widows: 120px; height: 120px;}
.size142-80 { width: 142px; height: 80px;}
.size160 { width: 160px; height: 160px;}
.size160-48 { width: 160px; height: 48px;}
.size150 { width: 150px; height: 150px; }
.size160 { width: 160px; height: 160px;}
.size184 { width: 184px; height: 114px; }
.size196 { width: 196px; height: 196px;}
.size250 { width: 250px; height: 250px;}
.size310 { width: 310px; height:310px;}
.size-brand-logo { width: 88px; height: 42px;}

/*边距
******************************/
.m10 { margin:10px;}
.m15 { margin:15px;}
.m30 { margin:30px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt100 { margin-top:100px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}
.mb100 { margin-bottom:100px;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml100 { margin-left:100px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px !important;}
.mr50 { margin-right:50px !important;}
.mr100 { margin-right:100px;}

/*边距
******************************/
.p10 { padding:10px;}
.p15 { padding:15px;}
.p30 { padding:30px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb50 { padding-bottom:50px;}
.pb100 { padding-bottom:100px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl50 { padding-left:50px;}
.pl100 { padding-left:100px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr100 { padding-right:100px;}



div#nyroModalFull { font-size: 12px; color: #777;}
div#nyroModalFull div#nyroModalLoading { text-indent: -9999em; border: 4px solid #777; width: 150px; height: 150px; background: #fff url(ajaxLoader.gif) no-repeat center center;}
div#nyroModalFull div#nyroModalLoading.error { text-indent: 0; line-height: 20px; background: #fff; width: 300px; height: 100px; padding: 20px; border: 4px solid #f66;}
div#nyroModalFull div#nyroModalWrapper { background: #fff; border: 4px solid #777;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {
	overflow: auto;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background-image: url(prev.gif);
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background-image: url(next.gif);
}

.layout-all { width: 980px; padding: 0 10px; margin:0 auto; position: relative; z-index: 9;}
/* ==========================
 * 顶部固定菜单栏样式
 * ========================== */

#topBar { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(51,51,51,0.9); width: 100%; height: 35px; box-shadow:0 2px 2px rgba(0,0,0,0.2);}
#topBar a { color: #FFF;}
#topBar .user-login { line-height: 21px; color: #CCC; height: 21px; float: left; padding: 7px 0; margin-left: 10px;}
#topBar .user-login span { margin: 0 10px;}

#topBar .top-nav { float: right; width: 430px;}
#topBar .top-nav li {color: #777; display: block; height: 20px; float: left; padding: 0 15px; margin: 8px 0;}
#topBar .top-nav li.sitemap { width: 64px; height: 20px; margin: 6px 0 10px 0; position: relative; z-index: 19;}
#topBar .top-nav li.sitemap a { width: 80px; height: 20px; padding: 0 0 4px 10px; margin: 2px 2px 0 2px; position: absolute; z-index: 2; top:0; left: 0;}
#topBar .top-nav li.sitemap:hover a { color: #333; background: #FFF; margin: 0; border: solid #555; border-width: 2px 2px 0 2px;}
#topBar .top-nav li a i { font-size: 0px; line-height: 0; width: 0px; height: 0px; border-width: 4px; border-color: #FFF transparent transparent transparent; border-style: solid dashed dashed dashed; position: absolute; top: 9px; right: 10px; -webkit-transition: .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: .2s ease-in;}
#topBar .top-nav li.sitemap:hover a i { border-color: #333 transparent transparent transparent; top: 7px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%;}
#topBar .top-nav li.sitemap .sub-menu { background: #FFF; display: none; width: 190px; padding: 15px 0 15px 15px; border: solid 2px #555; position: absolute; z-index: 1; top: 24px; right:0px;}
#topBar .top-nav li.sitemap:hover .sub-menu { display: block;}
#topBar .top-nav li.sitemap .sub-menu dl { float: left; clear: both; margin-bottom: 10px;}
#topBar .top-nav li.sitemap .sub-menu dl dt { font-size: 14px; font-weight: 600; line-height: 24px; color: #333; white-space: nowrap; margin-bottom: 6px;}
#topBar .top-nav li.sitemap .sub-menu dl dd { float: left;}
#topBar .top-nav li.sitemap .sub-menu dl dd a { text-decoration:underline; color: #777; background-color: transparent; white-space: nowrap; width: auto; height: auto; float:left; padding: 0 15px 0 0; margin: 0; border: none; position: relative;}


header { width: 100%; height: 90px; padding: 10px 0;}
header h1 { background: url(logo.png) no-repeat 0px 0px; display: block; width: 320px; height: 60px; position: absolute; z-index: 1; overflow: hidden; top: 15px; left: 15px; line-height: 999px;}
header h1 a { display:block; width:320px; height:60px;}
header .search { background-color: #C7D9E9; width: 322px; height: 34px; padding:2px; position: absolute; z-index: 1; top:20px; left: 220px;}
header .search input[type="text"] { width: 260px; height: 32px; border: solid 1px #38A2DB;}
header nav { width: 600px; height: 64px; position: absolute; z-index:1; top: 10px; right: 0px;}
header nav li { position: relative; z-index: auto; zoom:1; float: left;}
header nav li a { font-size:14px; font-weight: 700; line-height: 20px; color: #777; text-align: center; width: 70px; float: left; margin: 0 15px;}
header nav li a i { background: url(../images/shopnc.png) no-repeat scroll; display: block; width: 32px; height: 32px; padding: 4px; margin: 0 auto 4px auto;}
header nav li.n1 a i { background-position: 0 -250px;}
header nav li.n2 a i { background-position: -40px -250px;}
header nav li.n3 a i { background-position: -80px -250px;}
header nav li.n4 a i { background-position: -120px -250px;}
header nav li.n5 a i { background-position: -160px -250px;}
header nav li.n6 a i { background-position: -200px -250px;}
header nav li a:hover, header nav li a.current { text-decoration: none; color: #38A2DB;}
header nav li.n1 a:hover i, header nav li.n1 a.current i { background-position: 0 -290px;}
header nav li.n2 a:hover i, header nav li.n2 a.current i { background-position: -40px -290px;}
header nav li.n3 a:hover i, header nav li.n3 a.current i { background-position: -80px -290px;}
header nav li.n4 a:hover i, header nav li.n4 a.current i { background-position: -120px -290px;}
header nav li.n5 a:hover i, header nav li.n5 a.current i { background-position: -160px -290px;}
header nav li.n6 a:hover i, header nav li.n6 a.current i { background-position: -200px -290px;}
header nav li em { line-height:0; border-width: 5px; border-color: transparent transparent #38A2DB transparent; border-style: dashed dashed solid dashed; position: absolute; z-index: 1; top:-15px; left: 38px;}
header nav li .sub { background: #FFF; border: solid 5px #38A2DB; position: absolute; z-index: auto; top: 70px; left: 0px; visibility: hidden; box-shadow: 4px 4px 0 rgba(0,0,0,0.5);}
header nav li .sub { float:left; clear:left;}
header nav li .sub li a { line-height: 22px; color: #2389C0; font-size: 12px !important; font-weight: 500 !important; white-space: nowrap; width: auto !important; clear: botn; margin: 4px 12px; }

.all-content { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8FFFFFF', endColorstr='#D8FFFFFF');background:rgba(255,255,255,0.95)/*IE*/; width: 980px; padding: 0 10px; margin: 0 auto; overflow: hidden;}
.banner { width: 980px; }
.main { margin: 10px 0;}
.main h2 { font-size: 22px;}
.main h3 { font-size: 16px;}

.sidebar { background: #FFF; display: block; width: 210px; float: left;}
/* 首页侧边新闻部分 */
.sidebar .news { background: #FBFBFB; width: 200px; padding-left:10px; overflow:hidden;}
.sidebar .news h2 { padding: 8px 0;}
.sidebar .news .title { display: block; border-top: solid 2px #38A2DB; position:relative; margin:0 !important ;}
.sidebar .news .title i { border-width: 4px; border-color: #38A2DB transparent transparent transparent; border-style:solid dashed dashed dashed; position: absolute; z-index: 1; top:-1px; left:15px;}
.sidebar .news .title em a { color: #FFF; background-color: #38A2DB; padding: 1px 6px; position: absolute; z-index: 1; bottom:6px; right:6px;}
.sidebar .news .title em a:hover { text-decoration: none; background-color: #FD9902;}
.sidebar .news h3, .sidebar .news h4 { font-size: 12px; font-weight: 600; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0 5px 5px; overflow:hidden;}
.sidebar .news h3 { font-size: 16px; }
.sidebar .news h4 { font-size: 12px; }
.sidebar .news dl { line-height: 20px; margin-bottom: 15px; }
.sidebar .news dl dt { font-weight: 600; line-height: 28px;}
.sidebar .news dl dd a { text-decoration: none; color: #38A2DB;}
ul.home-news-list { background-color: #FBFBFB;}
ul.home-news-list li { line-height: 28px; background: url(li-pics.gif) no-repeat scroll left center; padding-left: 8px;}
ul.home-news-list li a { color: #333; text-decoration: none;}
ul.home-news-list li a:hover { color:#999; }
/*首页侧边块状快速链接*/
.quick-link { overflow:hidden;}
.quick-link h2 { display: block; padding: 24px 8px 12px 4px;}
.quick-link ul { display: block; overflow: hidden;}
.quick-link ul li { float: left; margin-bottom: 4px;}
.quick-link ul li a { color: #FFF; background-color: #38A2DB; width: 103px; height: 103px; float: left; position: relative; z-index: 1;}
.quick-link ul li a:hover { text-decoration: none; background-color: #FD9902;}
.quick-link a.q1, .quick-link a.q3, .quick-link a.q5 { margin-right: 4px;}
.quick-link a i {display:block; width: 48px; height: 48px; background: url(../images/shopnc.png) no-repeat; position: absolute; z-index: 1; top:20px; left: 27px;}
.quick-link a.q1 i { background-position: -350px -170px;}
.quick-link a.q2 i { background-position: -50px -100px;}
.quick-link a.q3 i { background-position: -300px -100px;}
.quick-link a.q4 i { background-position: -150px -100px;}
.quick-link a.q5 i { background-position:  -100px;}
.quick-link a.q6 i { background-position: -200px -100px;}
.quick-link a span { font-weight: 600; color: #FFF; text-align: center; width: 95px; position: absolute; z-index: 1; bottom: 2px; left: 4px;}

/*焦点图轮换
*********************************/ 
.flex-container a:active, .flexslider a:active {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider { background:url(ajaxLoader.gif) no-repeat 50% 50%; width: 980px; height: 290px; clear:both; margin: 0 auto 40px auto; padding: 0;}
.flexslider .slides > li { display: none;}
.flexslider .slides img { max-width: 100%; display: block;}
.flex-pauseplay span { text-transform: capitalize;}

.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 html[xmlns] .slides { display: block;} 
* html .slides { height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider { position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li { position: relative;}
.flex-container { zoom: 1; position: relative;}

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
.flex-direction-nav { *margin:-20px;}
.flex-direction-nav li a { text-indent: -9999px; background: url(../images/shopnc.png) no-repeat; display: block; width: 36px; height: 36px; margin: -8px 0 0 0; position: absolute; top: 50%; cursor: pointer; opacity: 0.3; filter:alpha(opacity=30);}
.flex-direction-nav li a:hover { opacity: 0.9; filter:alpha(opacity=90)}
.flex-direction-nav li .next { background-position: -356px 0px; right: 5px;}
.flex-direction-nav li .prev {  background-position: -320px 0px; left: 5px;}
.flex-direction-nav li .disabled {opacity: 0.3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1;}
.flex-control-nav li { *display: inline;}
.flex-control-nav li:first-child { margin: 0;}
.flex-control-nav li a { width: 13px; height: 13px; display: block; background: url(bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}


.home-content { width: 750px; float: right;}
.home-content .info-box { position:relative; z-index:1; }
.home-content .info-box h2 { padding: 8px 8px 8px 4px;}
.home-content .info-box h2 a, .home-content .info-box h2 a:hover { color: #555; text-decoration: none;}

.home-content .info-box h2 em { color: #999; margin-left: 10px;}
.home-content .info-box h3 { line-height: 24px; color: #777; padding: 0 0 10px 4px;}
.home-content .info-box .down-btn-01, .home-content .info-box .down-btn-02 { color: #777; border: solid 1px #D7D7D7; padding: 4px 8px; position: absolute; z-index:1; }
.home-content .info-box .down-btn-01 { top:36px; right:0; }
.home-content .info-box .down-btn-02 { top:36px; right:160px; }
.home-content .info-box .down-btn-01 i, .home-content .info-box .down-btn-02 i { background: url(../images/shopnc.png) no-repeat -235px -55px; vertical-align:middle; display:inline-block; width: 16px; height: 16px; margin-right:5px;}
.home-content .info-box .intro span.ico { background-color: #FD9902; width: 148px; height: 148px; float:left; margin-right:4px;}
.home-content .info-box .intro span.ico i { background: url(../images/shopnc.png) no-repeat 0 -450px; display: block; width: 132px; height: 132px; margin: 8px;} 
.home-content .info-box .intro span.pic {width: 148px; height: 148px; float:left; margin-right:4px;}
.home-content .info-box .intro span.text { font-size: 14px; line-height: 22px; color: #FFF; background-color: #FD9902; width: 426px; height: 128px; float: left; padding: 10px; text-shadow: 1px 1px 0 rgba(255,102,0,0.25); }
.home-content .info-box .brief { font-size: 14px; font-weight: 700; line-height: 20px; padding: 15px 5px;}
.home-content .info-box .intro-tab { display: block; width: 100%; float: left; clear:left; margin-top: 15px;}
.home-content .info-box .intro-tab ul { padding-top: 15px;}
.home-content .info-box .intro-tab li a { color: #555; font-size: 14px; line-height: 22px; text-align: center; width: 60px; float: left; padding: 4px 0; }
.home-content .info-box .intro-tab li.tabs-selected a { font-size: 16px; color: #FFF; font-weight: 700; background-color: #FD9902; position: relative; z-index: 1;}
.home-content .info-box .intro-tab li.tabs-selected a i { font-size:0; background: none; width: 0; height: 0; margin-left: -3px; border-width: 5px; border-color: #FD9902 transparent transparent transparent; border-style: solid dashed dashed dashed; position: absolute; z-index: 1; top: 28px; left: 50%;}
.tabs-hide { display: none;}
.tabs-panel { clear: both;}

.home-content .info-box .tabs-content { overflow: hidden;}
.home-content .info-box .function { display: block; height: 132px; clear: both; padding: 10px 0 20px 0!important; overflow: hidden; }
.home-content .info-box .function li { font-size: 12px; line-height: 20px; color: #777; width:375px; float:left; padding: 5px 0;}
.home-content .info-box .function li i { background: url(../images/shopnc.png) no-repeat -350px -50px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;}
.home-content .info-box .trait { height: 132px; padding-bottom: 30px; overflow: hidden;}
.home-content .info-box .trait dl { width: 46%; float: left; padding: 6px 4% 0 0;}
.home-content .info-box .trait dl dt { font-size: 14px; font-weight: 600; line-height: 24px; color:#F90;}
.home-content .info-box .trait dl dd { color:#777;}
.home-content .info-box .demo { padding-bottom: 12px; overflow: hidden;}
.home-content .info-box .demo dl { width: 50%; float: left; padding: 20px 0 10px 0;}
.home-content .info-box .demo dl dt { font-size: 18px; line-height: 20px; color: #777; padding-left: 12px; }
.home-content .info-box .demo dl dd { margin: 10px;}
.home-content .info-box .demo dl dd a { color: #38A2DB; text-decoration: underline;}
.home-content .info-box .demo dl dd p { color: #777; line-height: 20px;}
.home-content .info-box .demo dl dd p span { color: #999; text-align:right; display:inline-block;}
.home-content .info-box .demo dl dd i { color:#F90; line-height: 24px;}
.home-content .info-box .pic { background-color: #F3F2F0;}
.home-content .info-box .feature { line-height: 24px;}
.home-content .info-box .feature li { color: #777; background: url(li-pics.gif) no-repeat left center; padding-left: 8px; none; margin-left: 6px;}

.templet { display: block; width: 980px; float: left; clear:left; padding: 20px 0 40px 0; overflow: hidden;}
.templet h2 { float: left;}
.templet ul.tabs-nav { float: left; *padding: 0/*IE7*/; margin: 0 0 0 30px; border: 0;}
.templet .tabs-nav li { margin: 0; padding:0;}
.templet .tabs-nav li a { font-size:14px; line-height:22px; color:#555; text-align:center; width:60px; float:left; padding:4px 0; }
.templet .tabs-nav li.tabs-selected a { font-size: 16px; color: #FFF; font-weight: 700; background-color: #38A2DB; position: relative; z-index: 1;}
.templet .tabs-nav li.tabs-selected a i { background: none; width: 0; height: 0; margin-left: -3px; border-width: 5px; border-color: #38A2DB transparent transparent transparent; border-style: solid dashed dashed dashed; position: absolute; z-index: 1; top: 28px; left: 50%;}
.templet .tabs-content li a { color: #555; font-size: 14px; line-height: 22px; text-align: center; width: 60px; float: left; padding: 4px 0; }
.templet .previews { display: block; clear: both; overflow: hidden; width: 1000px; margin-left: -18px; }
.templet .previews li { float: left;}
.templet .previews li a { background-color: #FFF; width: 180px; height: 220px; padding: 0; margin-left: 18px; border: solid 1px #F7F7F7;}
.templet .previews li a:hover img { opacity: 0.75;}

footer { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000'); background:rgba(51,51,51,0.9); clear:both; overflow: hidden; padding: 20px 10px 20px 10px;}
:root footer { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#CC000000', EndColorStr='#CC000000');  }
footer .middle { width: 980px;  margin: 0 auto; overflow:hidden;}
footer .middle .foot-nav { width: 550px; float: left;}
footer .middle .foot-nav dl {float: left;}
footer .middle .foot-nav dl dt { font-size: 14px; font-weight: 600; line-height: 24px; color: #FFF; margin-bottom: 6px;}
footer .middle .foot-nav dl dd { line-height: 20px; color: #777;}
footer .middle .foot-nav dl dd a { color: #AAA;}
footer .middle .foot-nav dl dd a:hover { text-decoration: none; color: #FFF;}

footer .hot-tel { width: 405px; float: right; margin-right: 10px;}
footer .hot-tel h1 { font-size: 18px; font-weight: 600; line-height: 24px; color: #FFF; float: left;}
footer .hot-tel h5 { font-size: 11px; line-height: 20px; color: #AAA; white-space: nowrap; float: left; clear: left;}
footer .hot-tel span { font-size: 34px; font-weight: 600; font-style: normal; color: #FFF; line-height: 44px; float: right;}

footer .weibo { width: 405px; float: right; clear: right; margin-top: 20px; margin-right: 10px; text-align: right;}
footer .weibo span { line-height: 32px; margin-left:30px;}
footer .weibo span a { color: #AAA;}
footer .weibo span a:hover { text-decoration: none; color: #FFF;}
footer .weibo span i { background: url(../images/shopnc.png) no-repeat; vertical-align: middle; display: inline-block; width: 40px; height: 32px; margin-right: 5px;}
footer .weibo span.weixin i { background-position: -200px -160px; height: 40px;}
footer .weibo span.sina i { background-position:  -50px;}
footer .weibo span.qq i { background-position: -100px -50px;}
footer .copyright { width: 405px; float: right; clear: right; margin-top: 20px; margin-right: 10px; text-align:right; }
footer .copyright h4 { font-size: 14px; line-height: 22px; font-weight: 600; color: #CCC;}
footer .copyright h6 { font-size: 11px; line-height: 20px; color: #777;}

.page-main { position: relative; z-index: 1; }
article { min-height: 320px;}
section { width: 98%; margin: 0 auto 20px auto; overflow: hidden;}
article section h2 { color: #333; margin: 30px 10px 10px;}
article section h3 { margin: 20px 0 10px 0;}
article section h4 { color: #333; margin: 30px 10px 10px;}
article section h5 { font-size:14px; color: #777; margin: 10px;}
article section p { font-size: 14px; line-height: 1.8em; margin: 15px 10px; text-indent: 2em;}
article section p a { color: #000; text-decoration: underline !important;}
article section ul { margin: 10px;}
article section ul li { line-height: 24px;}
article section ul li strong { display:inline-block; text-align:right; width:100px; margin-right: 5px; color: #333;}
article section dl { margin: 15px 10px; overflow: hidden;}
article section dl dt { font-size: 14px; font-weight: 600; line-height: 2em; color: #333;}
article section dl dd { font-size: 12px; line-height: 1.8em; color: #555; margin-left: 12px;}
article section .subtitle { padding: 10px; border-bottom: solid 1px #E7E7E7; position: relative; z-index: 1;}
article section .subtitle h4 { color: #38A3DB; margin: 5px 0;}
article section .subtitle i { }
article table { width: 100%; margin: 30px 0 10px 0;}
article table thead td { font-size: 16px; background-color: #F7F7F7; padding: 15px 4px; border: solid #E7E7E7; border-width: 2px 0; text-align: center;}
article table tbody th { font-size: 12px; font-weight: 600; line-height: 20px; color: #555; text-align: left; padding: 20px 4px; border-bottom: solid 3px #F7F7F7;}
article table tbody th.classes { background-color: #FBFBFB; padding: 20px 4px 10px 4px; border-bottom-color: #E7E7E7; text-align:left;}
article table tbody th.classes h3 { font-size: 18px; color: #000; margin: 0;}
article table tbody td { font-size: 12px; line-height: 20px; color: #777;  text-align: center; padding: 20px 4px; border-bottom: solid 3px #F7F7F7;}
article table tbody td span { line-height: 12px; display:inline-block; width: 12px; height: 12px; border-style: solid; border-width: 3px; }
article table tbody td span.s1a { background-color: #59B200; border-color: #59B200;}
article table tbody td span.s1b { background-color: #FFFFFF; border-color: #59B200;}
article table tbody td span.s2a { background-color: #38A3DB; border-color: #38A3DB;}
article table tbody td span.s2b { background-color: #FFFFFF; border-color: #38A3DB;}
article table tbody td span.s3a { background-color: #FFBF00; border-color: #FFBF00;}
article table tbody td span.s3b { background-color: #FFFFFF; border-color: #FFBF00;}
article table tbody td span.s5a { background-color: #B22D00; border-color: #B22D00;}
article table tbody td span.s5b { background-color: #FFFFFF; border-color: #B22D00;}
article table tfoot td { padding: 10px 4px;}
article table tfoot td p { font-size:12px; line-height: 20px; color: #999; text-indent:inherit; margin: 5px 0;}
article table tfoot td span { line-height: 6px; width: 6px; height: 6px; display: inline-block;  margin: 0 6px; border-style: solid; border-width: 2px; }
article table tfoot td span.s4a { background-color: #999; border-color: #999;}
article table tfoot td span.s4b { background-color: #FFFFFF; border-color: #999;}
article table tfoot td span.s4c { width: 0; height: 0; background-color: #FFFFFF; border-color: #FFF;}

/* 图片列表 */
ul.pic-list { padding:0; margin:0; overflow:hidden;}
ul.pic-list li { display:block; float:left; margin: 20px 0;}
ul.pic-list li p { line-height:20px; color:#777; text-align:center; margin:0; padding:0;}





.title { overflow: hidden; margin: 10px 0 10px 10px;}
.box-b-148 {background: #38A3DB; display:block; width: 148px; height: 148px; float:left; margin-right: 6px; position: relative; z-index: 1;}
.box-b-472 {background: #38A3DB; display:block; width: 472px; height: 148px; float:left; position: relative; z-index: 1;}
.title h1 { font-size: 28px; font-weight: 700; line-height:30px; color: #FFF; position:absolute; z-index: 1; bottom:10px; right:10px; }
.title h2 { font-size: 15px; font-weight: 700; line-height:28px; color: #FFF; width: 450px;  position:absolute; z-index: 1; bottom:10px; right:10px;}
.title h2 a { color: #FFF;}
.layout-left { display:block; width: 190px; float: left;}
.layout-right { display:block; width: 790px; min-height:640px; float: right;}
/* 人才招聘部分样式 */
.hr-content {}
.hr-content dl { margin: 10px 0; overflow: hidden;}
.hr-content dl dt { font-size:12px; line-height: 20px; color: #000; font-weight: 600; vertical-align: top; text-align: left; width: 10%; float: left; clear: both; margin: 10px 0;}
.hr-content dl dd { line-height: 20px; color: #555; width: 88%; float:right; clear:right; margin: 10px 0;}
.hr-note { color: #999; line-height:18px; font-size:12px; clear: both; padding: 15px; margin: 10px 0 10px 10px; background: #F7F7F7;}

.tabs-nav { border-top : solid 1px #CCC; padding-bottom:32px;}
.tabs-nav li { float:left; margin-top:-1px;}
.tabs-nav li a { font-size: 14px; line-height: 20px; color: #555; text-decoration: none; display: block; height: 20px; float: left; padding: 12px 0 0; margin-right: 24px; position: relative; z-index: 1;}
.tabs-nav li a { display: inline;}
.tabs-nav li.tabs-selected a { font-weight: 600; color: #38A3DB;}
.tabs-nav li.tabs-selected i { background:url(arrow.gif) no-repeat 0 0; width: 14px; height: 7px; margin-left: -7px; position: absolute; z-index:1; top: 0; left:50%;}
.tabs-nav li a:hover { color: #999;}
.tabs-content { clear: both; }
.tabs-content h3 { font-size: 18px; line-height: 32px; }

/* 表单提交区域样式 */
.form-box { width: 100%; float: right; margin: 0 auto; padding:0; }
.form-box thead th { padding: 8px 0; border-bottom: solid 1px #CCC;}
.form-box thead th h4 { color: #38A3DB; margin: 5px 0;}
.form-box tbody th { color:#333; font-weight: 600; text-align: right; vertical-align:top; padding: 8px; border:0;}
.form-box tbody th em { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#F30; font-weight:600; vertical-align:middle; padding-right:4px;}
.form-box tbody td { color:#777; text-align:left; padding: 8px; border:0;}
.form-box tbody td p { color: #999; line-height:20px; margin-top: 4px;}
.form-box tfoot th { border-top: solid 1px #F7F7F7;}
.form-box tfoot td { padding: 8px; border-top: solid 1px #F7F7F7;}

.security-level {}

a.get-passwd { font-size: 14px; font-weight:600; color: #38A3DB; margin-left: 12px;}
input.password { height: 16px; line-height: 16px; background-color:#FFFFEC; padding: 1px 2px 3px 4px !important; padding: 3px 2px 1px 4px; border: solid 1px; border-color: #FC9 #FFDFBF #FFDFBF #FC9; box-shadow: 2px 2px 1px 0 #FFF2DA inset; -moz-box-shadow: 2px 2px 1px 0 #FFF2DA inset/* if FF*/; -webkit--box-shadow: 2px 2px 1px 0 #FFF2DA inset/* if Webkie*/;}
input[type="text"], input[type="password"]{ font-size: 12px; line-height: 20px; color: #777; height: 20px; background-color:#fff; padding: 1px 8px; border: solid 1px; border-color: #CCC #DDD #DDD #CCC; box-shadow: 2px 2px 0 0 #F7F7F7 inset; margin: 0 1px 1px 0;}
input[type="password"]:hover, textarea:hover { background-color:#FFF;}
input[type="text"]:focus, textarea:focus { background-color:#FFF; border-color: #CCC; margin:0; box-shadow: 1px 1px 1px 0 #E7E7E7; -moz-box-shadow: 1px 1px 1px 0 #E7E7E7/* if FF*/; -webkit--box-shadow: 1px 1px 1px 0 #E7E7E7/* if Webkie*/;}
input[type="password"]:focus { background-color:#FFFFEC; border-color: #FC9; box-shadow: 1px 1px 1px 0 #E7E7E7; -moz-box-shadow: 1px 1px 1px 0 #E7E7E7/* if FF*/; -webkit--box-shadow: 1px 1px 1px 0 #E7E7E7/* if Webkie*/;}
textarea { font-size: 12px; font-weight: normal; line-height: 18px; color: #777; background-color:#FFF; padding: 1px 2px 3px 4px !important; padding: 3px 2px 1px 4px; border: solid 1px; border-color: #CCC #DDD #DDD #CCC; box-shadow: 2px 2px 0 0 #F7F7F7 inset; }
select { line-height: 22px; background-color: #FFF; height: 22px; padding:1px; border: solid 1px; border-color: #CCC #DDD #DDD #CCC; box-shadow: 2px 2px 1px 0 #E7E7E7 inset;}
input.hasDatepicker { width:80px !important;}/* 日期插件*/
input[type="file"] { line-height:20px; background-color:#FBFBFB; height: 20px; border: solid 1px #D8D8D8; cursor: default;}
input[type="submit"] { font-family:"Microsoft YaHei"; font-size: 14px; font-weight: 600; background: #38A3DB; padding: 6px 12px; border: none; color:#FFF; margin: 0; cursor: pointer;}
input[type="button"] { font-size: 12px; font-weight: 600; line-height:15px; color: #666; background-color: #F7F7F7; padding: 6px 12px; border: solid 1px #D8D8D8; cursor: pointer;}
.pwd-strength-box-low { font-weight: 700; color: #FFF; background: #F60 none; height: 20px;}
.pwd-strength-box-med { font-weight: 700; color: #fff; background: #FC0 none; height: 20px;}
.pwd-strength-box-hi { font-weight: 700; color: #fff; background: #690 none; height: 20px;}
#securitylevel { background-color: #FFF; border: solid 1px #B4B4B4; width: 319px; height: 26px; margin-bottom: 6px;}
#securitylevel ul { background-color: #EFFFEA; display: inline; height: 24px; float: left; margin: 1px 0;}
#securitylevel ul li { line-height: 20px; text-align: center; display: block; width: 105px; height: 20px; float: left; padding: 2px 0; border-left: solid 1px #FFF;}
.gongxi { display:inline-block; color: #F30; margin-left: 12px;}

.sidebar-nav {}
.sidebar-nav ul { margin: 10px 40px 0 0;}
.sidebar-nav ul li { font-size: 16px; font-weight: 400; height: 20px; text-align: right; float:right; clear:both; margin: 8px 0; border-right: solid 4px transparent;}
.sidebar-nav ul li a { color: #777; white-space:nowrap; display:block; padding-right: 8px; line-height:20px;}
.sidebar-nav ul li a:hover { color: #333; text-decoration: none;}
.sidebar-nav ul li.current a { color: #38A3DB;}
.sidebar-nav ul li.current { font-weight: 600; border-color: #38A3DB;}



/*在线客服代码*/
.rides-cs { background:rgba(51,51,51,0.9); position: fixed; top: 130px; right: 1px; _position: absolute; z-index: 999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5333333', endColorstr='#E5333333');}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn { background: #F7F7F7; }
.rides-cs .cn h3 { font-size: 14px; color: #333; font-weight:600; line-height: 24px; padding: 5px}
.rides-cs .cn ul { padding: 0 0 0 8px;}
.rides-cs .cn ul li { line-height: 38px; height:38px; border-bottom: solid 1px #E6E4E4; overflow: hidden;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:0; left: 0;  background-image: url(../images/shopnc.png); background-repeat: no-repeat; display:block; width: 20px; height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}


.product-box { width: 980px; overflow: hidden;}
.product-box .multi-shop { width: 987px;  border:none; padding: 10px 0 20px 0; margin: 0; overflow: hidden;}
.product-box .multi-shop li { background-color: #F7F7F7; display: block; width: 321px; height: 180px; padding: 0; margin-right: 8px; float: left; position: relative; z-index: 1; }
.product-box .multi-shop li h1 { font-family: Arial, Helvetica, sans-serif; font-size: 96px; font-weight: 600; line-height: 72px; color: #999; text-align: center; display: block; width: 54px; height: 72px; float:left; margin: 48px 0 0 24px;}
.product-box .multi-shop li dl { display:block; margin: 48px 0 0; }
.product-box .multi-shop li dt { font-size: 28px; color: #999; line-height: 28px; margin-left: 10px; }
.product-box .multi-shop li a { width: 321px; height: 180px; display: block; position: absolute; z-index: 9; top:0; left:0; }
.product-box .multi-shop li dd { font-size: 12px; line-height: 24px; color: #999;}
.product-box .multi-shop li.tabs-selected, .product-box .tabs-nav li:hover { background-color: #38A3DB;}
.product-box .multi-shop li.tabs-selected h1, .product-box .tabs-nav li:hover h1 { color: #FFF;}
.product-box .multi-shop li.tabs-selected dt, .product-box .tabs-nav li:hover dt { color: #FFF;}
.product-box .multi-shop li.tabs-selected dd, .product-box .tabs-nav li:hover dd { color: #FFF;}

.product-box .mobile-app { width: 988px;  border:none; padding: 10px 0 20px 0; margin: 0; overflow: hidden;}
.product-box .mobile-app li { background-color: #F7F7F7; display: block; width: 486px; height: 180px; padding: 0; margin-right: 8px; float: left; position: relative; z-index: 1; }
.product-box .mobile-app li h1 { font-family: Arial, Helvetica, sans-serif; font-size: 96px; font-weight: 600; line-height: 72px; color: #999; text-align: center; display: block; width: 54px; height: 72px; float:left; margin: 48px 0 0 24px;}
.product-box .mobile-app li dl { display:block; float: left; margin: 48px 0 0; }
.product-box .mobile-app li dt { font-size: 28px; color: #999; line-height: 28px; margin-left: 10px; }
.product-box .mobile-app li a { width: 486px; height: 180px; display: block; position: absolute; z-index: 9; top:0; left:0; }
.product-box .mobile-app li dd { font-size: 12px; line-height: 24px; color: #999;}
.product-box .mobile-app li.tabs-selected, .product-box .tabs-nav li:hover { background-color: #38A3DB;}
.product-box .mobile-app li.tabs-selected h1, .product-box .tabs-nav li:hover h1 { color: #FFF;}
.product-box .mobile-app li.tabs-selected dt, .product-box .tabs-nav li:hover dt { color: #FFF;}
.product-box .mobile-app li.tabs-selected dd, .product-box .tabs-nav li:hover dd { color: #FFF;}

.product-box .tabs-content { margin: 0 0 30px 0; padding: 0; overflow: hidden;}
.product-box .tabs-content .tabs-tit { padding: 0 0 15px 0; border-bottom: solid 3px #AAA; }
.product-box .tabs-content .tabs-tit h2 { font-size: 28px; line-height: 28px; display:block; padding: 0 0 0 16px; border-left: solid 4px #38A3DB;}
.product-box .tabs-content .container { border-left: solid 1px #AAA; margin: 0 0 0 250px; padding: 0 0 40px 0; overflow:hidden; min-height: 500px; }
.product-box .tabs-content .container .sub-title { height: 36px; padding: 15px;}
.product-box .tabs-content .container .sub-title i { background: #38A3DB url(../images/shopnc.png) no-repeat; display: block; width: 36px; height: 36px; float: left; margin: 0 12px 0 0;}
.product-box .tabs-content .container .sub-title i.gs { background-position: 0 0;}
.product-box .tabs-content .container .sub-title i.jm { background-position: -40px 0;}
.product-box .tabs-content .container .sub-title i.jstx { background-position: -120px 0;}
.product-box .tabs-content .container .sub-title i.hjyq { background-position: -160px 0;}
.product-box .tabs-content .container .sub-title h3 { font-size: 24px; line-height: 36px; float: left; }
.product-box .container .tabs-nav { background: url(ccc.jpg) repeat-x center top; width: auto; padding: 0; margin-bottom: 20px; border: 0; overflow: inherit;}
.product-box .container .tabs-nav li { background-color: transparent; display: block; float: left; margin: 0;}
.product-box .container .tabs-nav li a { text-decoration: none; color: #555; white-space: nowrap; display: block; width: auto; height: auto; float:left; padding: 12px 0 0 0 ; margin: 0 0 0 32px; position: relative; z-index: 1;}
.product-box .container .tabs-nav li.tabs-selected a, .product-box .container .tabs-nav li.tabs-selected a:hover { font-weight: 600; color: #38A2DB!important; width: auto;}
.product-box .container .tabs-nav li.tabs-selected i { background: #FFF url(arrow.gif) no-repeat 0px 0px; width: 14px; height: 7px; margin-left: -3px; border: none; position: absolute; z-index: 99; top: 0; left: 50%;}
.product-box .tabs-content .container .tabs-nav li a:hover { color: #999;}
.product-box .tabs-content .container p { font-size: 14px; line-height: 24px; width: 90%; margin: 0 auto;}

.product-box .tabs-content dl { width: 90%; margin: 0 auto 20px auto;}
.product-box .tabs-content dl dt { font-size: 14px; font-weight: 600; line-height: 28px; color: #38A3DB;}
.product-box .tabs-content dl dd { font-size: 12px; line-height: 24px; }

.product-box .tabs-content .quote { line-height: 22px; background: #F7F7F7; width: 86%; padding: 2%; margin: 0 auto;}

/* 商城系统界面预览 */
.product-box .previews { width: 720px; margin: 0 0; }
.product-box .previews li {float: left; margin-left: 25px;}
.product-box .previews li a { background-color: #38A2DB; display: black; width: 150px; height: 200px; float:left; border-style: solid; border-width: 1px; border-color: #F7F7F7; position: relative; z-index: 1;}
.product-box .previews li a:hover { border-color: #38A2DB;}
.product-box .previews li a:hover img { opacity: 0.18;}
.product-box .previews li a i, .product-box .previews li a h5 { display: none;}
.product-box .previews li a:hover i { background: url(../images/shopnc.png) no-repeat scroll -292px -48px; display: block; width: 32px; height: 32px; position: absolute; z-index: 1; top: 69px; left: 59px;}
.product-box .previews li a:hover h5 { font-size: 12px; font-weight: 600; line-height: 24px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,51,153,0.2); display: block; text-align: center; width: 150px; position: absolute; z-index: 1; top: 100px; left: 0;}
.product-box .system li a { height: 120px !important;}
.product-box .system li a:hover i { top: 29px !important;}
.product-box .system li a:hover h5 { top: 60px !important;}

.mobile-function　{}
.mobile-function li { background-color: #F7F7F7; width: 660px; margin: 15px; padding: 20px; overflow:hidden;}
.mobile-function li .preview { display:block; width: 320px; height: 480px;  float:left; padding:5px; background-color: #FFF; box-shadow: 2px 2px 2px rgba(102,102,102,0.3);}
.mobile-function li dl { display:block; width: 270px !important; float:right; margin: 150px 20px 0 0 !important;}
.mobile-function li dl dt i { display: inline-block; width: 24px; height: 24px; background: #C30; color: #FFF; line-height: 24px; text-align:center; border-radius: 12px; margin-right: 12px;}
.mobile-function li dl dt { font-size: 18px !important;}
.mobile-function li dl dd { color: #777; margin: 10px 0; line-height: 22px !important;}

.product-download { width: 230px; position: absolute; z-index: 1; top: 270px; left:10px;}
.product-download dl { width: 100% !important;}
.product-download dl dt { font-size: 16px !important; font-weight: 400 !important; color:#000; line-height: 28px; padding: 0 0 10px 0;}
.product-download dl dd { font-size: 12px !important; line-height: 24px;}
.product-download dl dd a { color: #38A3DB;}
.product-download dl dd a:hover { background-color: #38A3DB; color: #FFF;}
.product-download dl dd span { color: #777;}
.product-download dl dd span.sm { background-color: #38A3DB; color: #FFF; padding: 0 8px; border-radius: 2px;} 
.product-download .button { font-size: 24px; line-height:60px; color: #FFF; width: 220px; height:60px; background:#238C00; margin: 20px 0; cursor: pointer;}
.product-download .button i { background: url(../images/shopnc.png) no-repeat 0 -50px; display: block; width: 44px; height: 44px; float: left; margin: 8px 16px;}
.product-download .button a { color: #FFF; display :block; float: left; margin: 8px 0;}
.product-download .button a:hover { text-decoration: none;}
.product-download .button a h3 { font-size: 24px; line-height: 24px;}
.product-download .button a h6 { font-size: 11px; line-height: 20px;}


.product-download .button-appstore { font-size: 24px; line-height:60px; color: #FFF; width: 220px; height:60px; background:#0059B2; margin: 20px 0 10px 0; box-shadow: 3px 3px 0 rgba(153,153,153,0.3); cursor: pointer;}
.product-download .button-appstore i { background: url(../images/shopnc.png) no-repeat 0 -150px; display: block; width: 44px; height: 44px; float: left; margin: 8px 16px; _margin: 8px 16px 8px 8px/*IE6*/;}
.product-download .button-appstore a { color: #FFF; display :block; float: left; margin: 8px 0;}
.product-download .button-appstore a:hover { text-decoration: none;}
.product-download .button-appstore a h3 { font-size: 24px; line-height: 24px;}
.product-download .button-appstore a h6 { font-size: 11px; line-height: 20px;}


.product-download .button-ipa { font-size: 24px; line-height:60px; color: #FFF; width: 220px; height:60px; background:#38A3DB; margin: 20px 0 10px 0; box-shadow: 3px 3px 0 rgba(153,153,153,0.3); cursor: pointer;}
.product-download .button-ipa i { background: url(../images/shopnc.png) no-repeat 0 -100px; display: block; width: 44px; height: 44px; float: left; margin: 8px 16px; _margin: 8px 16px 8px 8px/*IE6*/;}
.product-download .button-ipa a { color: #FFF; display :block; float: left; margin: 8px 0;}
.product-download .button-ipa a h3 { font-size: 24px; line-height: 24px;}
.product-download .button-ipa a h6 { font-size: 11px; line-height: 20px;}

.product-download .button-android { font-size: 24px; line-height:60px; color: #FFF; width: 220px; height:60px; background:#85B200; margin: 20px 0 10px 0; box-shadow: 3px 3px 0 rgba(153,153,153,0.3); cursor: pointer;}
.product-download .button-android i { background: url(../images/shopnc.png) no-repeat 0 -200px; display: block; width: 44px; height: 44px; float: left; margin: 8px 16px; _margin: 8px 16px 8px 8px/*IE6*/;}
.product-download .button-android a { color: #FFF; display :block; float: left; margin: 8px 0;}
.product-download .button-android a h3 { font-size: 24px; line-height: 24px;}
.product-download .button-android a h6 { font-size: 11px; line-height: 20px;}

.product-download .button:hover .down-list { display: block;}
.product-download .button .down-list { background: #4FA333; display: none; padding: 10px; }
.product-download .button .down-list dl { clear: both; overflow: hidden; border-top: dashed 1px #009933; padding: 8px 0;}
.product-download .button .down-list dt { font-size: 14px; font-weight: 600; color: #FF0; margin: 0; padding: 0;}
.product-download .button .down-list dd { font-size: 12px; color: #FFF; line-height: 20px; display: block; clear: both;}
.product-download .button .down-list dd a { background-color: transparent !important; display: inline-block; }
.product-download .button .down-list dl a i { background: url(../images/shopnc.png) no-repeat scroll -264px -58px; display: inline-block; width: 12px; height: 12px; margin-top: 4px; margin-right: 6px;}

.product-download .remark { font-size: 11px; line-height: 16px; color: #777; text-align: left; width: 200px; margin: 0 auto;}

.function { }
.function dl { clear: both; margin-top: 20px !important;}
.function dl dt { font-size: 16px !important; line-height: 20px; color:#38A3DB; margin-bottom: 4px;}
.function dl dd { font-size: 12px !important;}
.function dl dd span { float: left; margin-right: 8px;}

.time-base { margin-top: 15px;}
.time-base dl { background: url(timebase_bg.gif) repeat-y 15px 0px; margin: 0 auto !important; padding: 0 0 30px 0;}
.time-base dl dt span.ico { background: #FFF url(../images/shopnc.png) no-repeat -150px -50px; display: block; width: 32px; height: 32px; float:left; margin: 7px 5px 0 0;}
.time-base dl:hover dt span.ico { background-position: -190px -50px;} 
.time-base dl dt span.title { background: #F7F7F7; width: 600px; display: block; height: 36px; float:left; position: relative; z-index:1; overflow:inherit; }
.time-base dl:hover dt span.title { background: #38A3DB; }
.time-base dl dt span.title i { border-width: 14px; border-color: #F7F7F7 transparent transparent transparent; border-style: solid dashed dashed dashed; position: absolute; z-index:1; top:50%; left:0; margin-left: -14px; margin-top:-7px;}
.time-base dl:hover dt span.title i { border-color: #38A3DB transparent transparent transparent;}
.time-base dl dt span.title em { font-size: 12px; line-height: 36px; display: inline-block; margin: 0 12px;}
.time-base dl dt span.title em { *display: inline;}
.time-base dl dt span.title h3 { font-size: 16px; line-height: 36px; display: inline-block;}
.time-base dl dt span.title h3 { *display: inline;}
.time-base dl dt span.title h5 { font-size: 12px; line-height: 36px; display: inline-block; margin-left: 6px;}
.time-base dl dt span.title h5 { *display: inline;}
.time-base dl dt span.title h5 a { color: #F60;}
.time-base dl dt span.title h5 a:hover {text-decoration: none;}
.time-base dl:hover dt span.title h5 a {  color: #FF0; }
.time-base dl:hover dt span.title em { color:#FFF;}
.time-base dl:hover dt span.title h3{ color:#FFF;}

.time-base dl dd { line-height: 16px; clear:both; margin:0 0 8px 60px;}
.time-base dl dd i { font-size: 12px !important; color: #999; vertical-align: top; text-align: right; display: inline-block; width: 20px; margin-right: 6px;}
.time-base dl dd i { *display: inline/*IE7*/;}
.time-base dl dd p { font-size: 12px !important; color: #777; display: inline-block;}
.time-base dl dd p { *display: inline/*IE7*/;}
.time-base dl:hover dd p { color:#000;}



.news-box { padding: 0; margin: 0; bordeer:0;}
.news-box { padding: 0; margin: 0; bordeer:0;}
.news-box .banner { width: 980px; height: 180px; background:#38A3DB; position: relative; z-index: 1; }
.news-box .banner .ico { width: 90px; height: 90px; background: url(../images/shopnc.png) no-repeat -260px -460px; display: block; position: absolute; z-index: auto; top: 40px; left: 60px;}
.news-box .banner dl{color: #FFF; position: absolute; z-index: 1; left:200px; top:20px;}
.news-box .banner dl dt { font-size: 40px; line-height: 72px;}
.news-box .banner dl dd { font-size: 14px; line-height: 20px; }
.news-box ul.news-list {}
.news-box ul.news-list li { line-height: 24px; padding: 8px 0; border-bottom: dotted 1px #E7E7E7;}
.news-box ul.news-page-list {}
.news-box ul.news-page-list li { line-height: 24px; display: inline-block; width: 45%; padding: 2px 0; margin: 0 3% 0 1%; border-bottom: dotted 1px #E7E7E7;}
.news-box li .news-type { font-size: 12px; color: #999; margin-right: 10px;}
.news-box li .news-title { font-size: 14px;}
.news-box li .news-page-title { font-size: 12px;}
.news-box li a{ color: #333;}
.news-box li a:hover { color: #999; text-decoration: none;}
.news-box li .add-time { font-size: 12px; color: #999; float:right;}
.news-article { margin: 20px 0 0 0;}
.news-article header { width: auto; height: auto; padding: 0 0 10px 20px; margin:0; border-left: solid 4px #38A3DB; border-bottom: solid 1px #E7E7E7;}
.news-article header h2 { font-size: 28px; line-height: 32px; }
.news-article header p { font-size: 12px; line-height: 20px; padding:0; margin:10px 0 0 0;}
.news-article header p .time { color: #999; margin-right:40px;}
.news-article header p .aut { color:#555;}
.news-article p { font-size: 14px; line-height: 28px; color: #555; padding: 10px 30px;}
.news-article .footer{ clear: both; display: block; height: 32px; border-top: solid 1px #E7E7E7;  border-bottom: solid 1px #E7E7E7; padding: 5px 10px; margin: 0 20px;}
.news-box .more a { color:#38A3DB;}

.pages { text-align: center; padding: 10px 0 30px 0;}
.pages ul { margin: 0 auto;}
.pages ul li { font-size: 12px; line-height: 16px; color:#999; display:inline-block; height: 16px; padding: 8px 6px; margin-right: 4px; border: solid 1px #F7F7F7;}
.pages ul li a { color: #555;}
.pages ul li a:hover { color: #38A3DB; text-decoration:none;}



.purchase-box { padding: 0; margin: 0; bordeer:0;}
.purchase-box .banner { width: 980px; height: 180px; background:#FFC926; position: relative; z-index: 1; }
.purchase-box .banner .ico-portal { width: 90px; height: 90px; background: url(../images/shopnc.png) no-repeat -360px -260px; display: block; position: absolute; z-index: auto; top: 40px; left: 60px;}
.purchase-box .banner .ico-shop { width: 90px; height: 90px; background: url(../images/shopnc.png) no-repeat -260px -260px; display: block; position: absolute; z-index: auto; top: 40px; left: 60px;}
.purchase-box .banner .ico-mobile { width: 90px; height: 90px; background: url(../images/shopnc.png) no-repeat -360px -360px; display: block; position: absolute; z-index: auto; top: 40px; left: 60px;}
.purchase-box .banner .ico { width: 90px; height: 90px; background: url(../images/shopnc.png) no-repeat -260px -260px; display: block; position: absolute; z-index: auto; top: 40px; left: 60px;}
.purchase-box .banner dl{ position: absolute; z-index: 1; left:200px; top:20px;}
.purchase-box .banner dl dt { font-size: 40px; line-height: 72px;}
.purchase-box .banner dl dd { font-size: 14px; line-height: 20px; color: #555;}
.purchase-box .tabs-content { padding: 0 15px;}
.purchase-box .bank { width: 960px; overflow: hidden;}
.purchase-box .bank ul { width: 990px; margin-left: -38px;}
.purchase-box .bank li { width: 250px; height: 300px; padding: 10px 15px 20px 15px; border: solid 1px #E7E7E7; float: left; margin: 0 0 30px 38px;}
.purchase-box .bank .logo { display: block; width: 220px; height: 60px; margin: 0 auto;}
.purchase-box .bank h4 { font-size: 18px; line-height: 32px; display: block; padding: 8px 0; margin:0; border-top: solid 1px #F7F7F7;}
.purchase-box .bank dl { margin:0;}
.purchase-box .bank dl dt { font-size: 12px; line-height: 18px; color: #000; display:block; width: 60px; margin: 4px 0; float:left; clear:left;}
.purchase-box .bank dl dd { font-size: 12px; line-height: 18px; color: #555; display:block; width: 190px; margin: 4px 0; float:right; clear:right;}
.purchase-box .note { color: #555;}
.purchase-box .note h3 { font-size: 14px; line-height: 24px; font-weight: 600; color:#000; margin: 28px 0 0 0;}
.purchase-box .note ol { width: 950px; margin: 0 auto;}
.purchase-box .note ol li { font-size: 12px; line-height: 20px; padding: 6px 0;}
.purchase-box .note ol li i { color: #777; width: 25px; display:inline-block; vertical-align:top;}
.purchase-box .note ol li span { width: 925px; display:inline-block;}
.purchase-box .note ol li dl { margin-left: 24px;}
.purchase-box .note ol li dd { font-size: 12px; line-height: 20px; padding:2px 0;}
.purchase-box .note ul {width: 950px; margin: 0 auto;}
.purchase-box .note ul li { font-size: 12px; line-height: 20px; padding: 6px 0;}
.purchase-box .note p { font-size: 14px; line-height: 28px;}


.solutions-banner { width: 980px; height: 294px; position: relative; z-index: 1;}
.solutions-banner .block-b { width: 680px; height: 294px; position: absolute; z-index: 1;}
.solutions-banner .block-s { width: 144px; height: 144px; position: absolute; z-index: 1;}
.solutions-banner .fixed01 { top: 0; left: 0}
.solutions-banner .fixed02 { top: 0; left: 686px;}
.solutions-banner .fixed03 { top: 0; right: 0;}
.solutions-banner .fixed04 { top: 150px; left: 686px;}
.solutions-banner .fixed05 { top: 150px; right: 0;}
.solutions-banner .color01 { background-color: #FFD533;}
.solutions-banner .color02 { background-color: #FF7F00;}
.solutions-banner .color03 { background-color: #468C00;}
.solutions-banner .color04 { background-color: #00A3D9;}
.solutions-banner .color05 { background-color: #4C0066;}
.solutions-banner a i { background-image:url(../images/shopnc.png); background-repeat:no-repeat; display:block; width:48px; height:48px; margin:32px auto 6px auto;}
.solutions-banner a.type01 i { background-position: -50px -100px;}
.solutions-banner a.type02 i { background-position: -300px -100px;}
.solutions-banner a.type03 i { background-position: -150px -100px;}
.solutions-banner a.type04 i { background-position:  -100px;}
.solutions-banner a.type05 i { background-position: -250px -100px;}
.solutions-banner a span { display:block; font-size: 14px; font-weight: 700; color: #FFF; line-height: 28px; text-align: center; }
.solutions-banner a.type05 span{ color: #000 !important;}
.solutions-banner a:hover { text-decoration: none;}
.solutions-banner .main { position: relative; z-index: 1; width: 100%; height: 100%; padding: 0; margin: 0;}
.solutions-banner .main h2 { font-size: 32px; line-height: 40px; color: #FFF; display: block; position: absolute; z-index: 1; top: 18px; left: 24px;}
.solutions-banner .main h4 { line-height: 48px !important; color: #FFF; display: block; position: absolute; z-index: 1; top: 66px; left: 20px;}
.solutions-banner .mobile h2, .solutions-banner .mobile h4 { color: #000 !important;}
.solutions-banner .main h4 i { background: url(../images/shopnc.png) no-repeat; vertical-align: middle; display: inline-block; height: 48px; width: 48px; margin-right: 12px;}
.solutions-banner .B2B2C h4 i { background-position: -50px -100px;}
.solutions-banner .erp h4 i { background-position:  -100px;}
.solutions-banner .cluster h4 i { background-position: -150px -100px;}
.solutions-banner .trusteeship h4 i { background-position:  -100px;}
.solutions-banner .mobile h4 i { background-position: -250px -100px;}
.solutions-banner .main .pic { position: absolute; z-index: 1; top: 12px; right: 12px;}
.solutions-banner .main .info { width: 640px; position: absolute; z-index: 1;}
.solutions-banner .B2B2C .info { top:180px; left:20px;}
.solutions-banner .B2B2C dl { color: #FFF;}
.solutions-banner .B2B2C dt { font-size: 18px; font-weight:600; line-height: 20px;}
.solutions-banner .B2B2C dd { font-size: 14px; line-height: 18px; margin-top:12px;}
.solutions-banner .trusteeship .info { top:180px; left:20px; line-height: 20px; color: #FFF;}
.solutions-banner .trusteeship dl { float: left; display: block; width: 178px; margin-right:28px;}
.solutions-banner .trusteeship dt { font-size: 16px; line-height: 28px; font-weight: 600;}
.solutions-banner .trusteeship dd { font-size: 12px; line-height: 18px;}
.solutions-banner .mobile .info { top: 188px; left: 28px;}
.solutions-banner .mobile dl { float: left; display: block; width: 178px; margin-right:28px;}
.solutions-banner .mobile dt { font-size: 16px; line-height: 28px; font-weight: 600; color: #000;}
.solutions-banner .mobile dd { font-size: 12px; line-height: 18px; color: #555;}
.solutions-banner .cluster .info { top:180px; left:20px;}
.solutions-banner .cluster dl { color: #FFF;}
.solutions-banner .cluster dt { font-size: 18px; font-weight:600; line-height: 20px;}
.solutions-banner .cluster dd { font-size: 14px; line-height: 18px; margin-top:12px;}


/* 外包服务 */
.outsourcing-box { padding: 0; margin: 0; bordeer:0;}
.outsourcing-box .banner { width: 980px; height: 180px; background: #C3E6FF; position: relative; z-index: 1; }
.outsourcing-box .banner .ico { width: 90px; height: 90px; background: url(../images/shopnc.png) no-repeat -260px -360px; display: block; position: absolute; z-index: auto; top: 40px; left: 60px;}
.outsourcing-box .banner dl{ position: absolute; z-index: 1; left:200px; top:20px;}
.outsourcing-box .banner dl dt h1 { font-size: 40px; line-height: 48px;}
.outsourcing-box .banner dl dt p { font-size: 18px; line-height: 24px; color: #000;}
.outsourcing-box .banner dl dd { font-size: 14px; line-height: 20px; color: #555; margin-top: 20px;}
.service-content { width: 100%; height: 220px; margin: 30px 0 0; position: relative; z-index: 1;}
.service-content h2 { margin: 0; position: absolute; z-index: 1; top: 0; left: 10px;}
.service-content ol { width: 800px;  position: absolute; z-index: 1; top: 0; left: 200px; overflow: hidden;}
.service-content ol li { font-size: 13px; line-height: 16px; width: 50%; float: left; margin: 5px 0;}
.service-content ol li i { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 600; font-style: italic; line-height: 18px; color: #CCC; text-align: center; display: inline-block; width: 18px; height: 18px; border: solid 2px #CCC; border-radius: 14px;}
.service-content span { background: url(../images/shopnc.png) no-repeat scroll; vertical-align: middle; display: inline-block; width: 32px; height: 32px; margin: 0 16px;}
.service-content span.ico-01 { background-position: 0px -360px;}
.service-content span.ico-02 { background-position: -32px -360px;}
.service-content span.ico-03 { background-position: -64px -360px;}
.service-content span.ico-04 { background-position: -96px -360px;}
.service-content span.ico-05 { background-position: -128px -360px;}
.service-content span.ico-06 { background-position: 0px -392px;}
.service-content span.ico-07 { background-position: -32px -392px;}
.service-content span.ico-08 { background-position: -64px -392px;}
.service-content span.ico-09 { background-position: -96px -392px;}
.service-content span.ico-10 { background-position: -128px -392px;}
.service-content ol li strong { font-weight: 600;}
.service-type { width: 100%; overflow: hidden;}
.service-type div { width: 200px; float: left; padding: 15px;}
.service-type .level-01 { background-color: #F0F9FF;}
.service-type .level-02 { background-color: #E1F2FF;}
.service-type .level-03 { background-color: #D2ECFF;}
.service-type .level-04 { background-color: #C3E6FF;}
.service-type h4 { font-size: 14px; font-weight: 600; line-height: 20px;}
.service-type dl { display: block; clear: both; margin: 5px 15px; overflow: hidden;}
.service-type dt { font-weight: 600; line-height: 24px;}
.service-type dd { line-height: 20px; margin: 4px 0;}
.service-type dd em { font-size: 9px; line-height: 16px; color: #555; }



/*联系方式*/
.contact-map { width: 95%; margin: 20px auto 0 auto; overflow:hidden; }
.contact-map dl { overflow: hidden; margin: 10px 0; display:block;}
.contact-map dt {font-size:14px; line-height: 20px; font-weight: 600; color: #333; display:inline-block; width: 80px; padding-left: 24px;}
.contact-map dt { *display: inline;}
.contact-map dd {font-size:14px; line-height: 20px; color: #777; display:inline-block;}
.contact-map dd { *display: inline;}