@charset "gb2312";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
td {
	margin:0;
	padding:0;
}

body {
	margin:0 auto;
	FONT: 14px  microsoft yahei,Verdana, SimHei; 
	color:#666;
	border:0;
	margin:0 auto;
	line-height:150%;
	}
table{font-size:12px;}
img{border:0px;}
form{padding: 0px;margin: 0px;}
ul,li {list-style:none;list-style-type:none; margin:0 auto; padding:0px; text-align:left;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:bold;margin-right:auto;margin-left:auto;}
A:link {COLOR: #666;TEXT-DECORATION: none;font-size: 12px;}
A:visited {COLOR: #666;TEXT-DECORATION: none;font-size: 12px;}
A:hover {COLOR: #FF6600;font-size: 12px; text-decoration:none; cursor:hand; }
.clear{width:100%;height:50px;margin:0 auto; clear:both}
.clear_1{width:100%;height:20px;margin:0 auto; clear:both}


#admin {COLOR: #fff;TEXT-DECORATION: none;font-size:16px; text-align:center; font-family:microsoft yahei; font-weight:bold;}
#admin a{display:block;line-height:55PX; height:55px;COLOR: #fff;font-size:16px; width:166px }
#admin A:visited {COLOR: #fff;TEXT-DECORATION: none;font-size:14px; }
#admin a:hover{color:#fff;background:#3399CC;} 
.cur{color:#fff;background:#3399CC;display:block;font-size:18px;line-height:55PX; height:55px;}
.cur a{color:#fff;}

.indexphone{margin:55px 0 0 0;color:#1A7EC3;font:800 14px/41px;font-size:18px; font-weight:bold;}
.indexphone b{ font-size:25px;}



.indexTitle {margin: 0px auto; width: 1050px; height: 50px; overflow: hidden; position: relative;}
.indexTitle .line {
	background:#27A6E0;
	left: 0px;
	top: 25px;
	width: 100%;
	height: 1px;
	line-height: 0;
	overflow: hidden;
	font-size: 0px;
	float: left;
	position: absolute;
	background-color: #27A6E0;
}
.indexTitle h2 {background: #fff; padding: 0px 10px; left: 40%; top: 2px; height: 30px; color: #26A5DF; line-height: 30px; font-size: 30px; position: absolute; z-index: 3; }

.indexContent{width:1003px;margin:0 auto;text-align:justify;text-justify:inter-ideograph; line-height:28px;padding:20px 0px 20px 0px;font-size:15px;}
.indexContent p{text-indent: 2em;margin:14px 0px;padding:0px;}

.join_Title{font-size:20px;color:#0E6EB8;line-height:40px; font-weight:bold;}
.join_content{font-size:14px;color:#333;text-align:justify;text-justify:inter-ideograph; line-height:25px;}

.demomenulink {COLOR: #fff;TEXT-DECORATION: none;font-weight:bold; font-size:14px; text-align:center;float: right;font-family:microsoft yahei;}
.demomenulink a{display:block;padding:0px 0px 0px 30px;line-height:28PX; height:28px;COLOR: #fff;font-size:14px;text-align:center;float: left;}
.demomenulink A:visited {COLOR: #fff;TEXT-DECORATION: none;font-size:14px; text-align:center;}
.demomenulink a:hover{color:#fff;text-align:center; background:url(../ximages/adminHover.png) top center no-repeat;}



.divweight{padding:20px 0px 10px 0px ;font-size:14px; line-height:26px; min-height:430px;text-align:justify;text-justify:inter-ideograph;}
.divweight table{border-collapse:collapse;font-size:16px;}
.divweight table td{text-align:left !important;border:1px solid #fff;padding:9px 15px 9px 15px; }











.page {
	overflow:hidden;
	clear:both
}
.page .spinner {
	position:absolute;
	color:#999;
	font-style:italic;
	left:50%;
	top:50%;
	margin-left:-28px;
	margin-top:-8px
}




/* -- ÐÂÊÖÖ¸Òý -- */
.guidelines{min-width:1000px;height:auto;background:#fff}
.guidelines .guid_cont{width:1003px;margin:50px auto 20px auto;padding:0px 0px 0px 0px;}
.guid_cont .g_box,.guid_cont .box_top{width:1003px;padding:0px 0px 0px 0px;height:265px}
.guid_cont h1{font-size:30px;color:#FF9900; font-weight:normal; line-height:21px;}
.guid_cont h2{font-size:40px;color:#993300;}
.guid_cont h3{padding-bottom:4px;font-size:30px;color:#1A6391;}
.guid_cont h2{padding-bottom:4px}
.guid_cont h2 em{font-weight:lighter;font-style:normal}
.guid_cont p{font-size:15px;line-height:26px}

.guid_cont .pic_3_pic{width:140px;float:right;}
.guid_cont .pic_3_text{left:10px;float:left;width:760px;text-align:justify;text-justify:inter-ideograph;padding:20px 50px 20px 0px;}
.guid_cont .pic_3_text p{left:10px;float:right;width:760px;}

.guid_cont .pic_2_pic{width:140px;float:left;margin-right:20px;}
.guid_cont .pic_2_text{left:10px;float:right;width:760px;padding:20px 50px 20px 0px; border-bottom:1px #ccc dotted;text-align:justify;text-justify:inter-ideograph;}
.guid_cont .pic_2_text p{left:10px;float:right;width:760px;}



#slide-index {
	width: auto; height: 390px; overflow: hidden; position: relative; min-width: 1000px;
}
#slide-index .slides {
	width: auto; height: 390px; min-width: 1000px;
}
#slide-index .slide {
	height: 390px; float: left; position: relative; min-width: 1000px;
}
#slide-index .image {
	position: absolute; z-index: 1;
}
#slide-index .text {
	top: -300px; position: absolute; z-index: 2;
}
#slide-index .button {
	top: -300px; position: absolute; z-index: 2;
}
#slide-index .button {
	width: 138px; display: none;
}
#slide-index .control {
	width: 100%; height: 25px; text-align: center; bottom:10px; padding-top: 3px; position: absolute; z-index: 40; cursor: pointer;
}
#slide-index .control a {
	width: 14px; height: 14px; margin-right: 10px; display: inline-block; filter: alpha(opacity=60); cursor: pointer; opacity: 0.6; background-image: url("../images/hw_000505.png"); background-repeat: no-repeat;
}
#slide-index .control a:hover {
	filter: alpha(opacity=100); opacity: 1; background-image: url("../images/hw_000506.png");
}
#slide-index .control a.active {
	filter: alpha(opacity=100); opacity: 1; background-image: url("../images/hw_000506.png");
}
.autoMaxWidth {
	height: 460px; overflow: hidden; position: relative;
}











.page {
	overflow:hidden;
	clear:both
}
.page .spinner {
	position:absolute;
	color:#999;
	font-style:italic;
	left:50%;
	top:50%;
	margin-left:-28px;
	margin-top:-8px
}
h1, h2, h3, h4, h5, h6 {
	font-family:Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	margin:8px 0;
	line-height:1
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-weight:400;
	line-height:1;
	color:#999
}
h1 {
	font-size:26px;
	line-height:40px
}
h2 {
	font-size:22px;
	line-height:36px
}
h3 {
	font-size:18px;
	line-height:34px
}
h4 {
	font-size:16px;
	line-height:30px
}
h5 {
	font-size:14px;
	line-height:22px
}
h6 {
	font-size:12px;
	line-height:20px
}

.viewport-inner {
	width:1050px;
	margin:0 auto
}
.page-inner {
	width:1100px;
	padding:50px 0;
	margin:0 auto
}
.page {
	min-height:500px
}
.topbar {
	background:#eee;
	line-height:32px;
	height:32px;
	font-size:12px;
	font-style:italic
}
#header {
	background:#3399CC;
	height:70px
}
.header-logo {
	text-indent:-9999px;
	background-image:url(../images/logo_1x.png);
	background-image:-webkit-image-set(url(../images/logo_1x.png) 1x, url(../images/logo_2x.png) 2x);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	height:70px;
	width:320px;
	float:left
}
.header-nav {
	margin:0;
	padding:0;
	float:right
}
.header-nav .nav-item {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	border-top:3px solid transparent
}
.header-nav .nav-item a {
	display:block;
	color:#fff;
	padding:24px 20px 27px;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	cursor:pointer;
	outline:0
}
.header-nav .nav-item:hover {
	color:#57b382
}
.header-nav .nav-item:hover .items {
	display:block
}
.header-nav .nav-item.selected {
	border-top:3px solid #FFCA05
}
.header-nav .items {
	display:none;
	position:absolute;
	left:-10px;
	top:67px;
	background:#fff;
	padding:0;
	margin:0;
	width:150px;
	z-index:3
}
.header-nav .items::before {
content:'';
border-width:6px;
border-style:solid;
border-color:transparent transparent #fff;
position:absolute;
left:69px;
top:-12px
}
.header-nav .items li {
	list-style-type:none;
	padding:0;
	margin:0
}
.header-nav .items li a {
	color:#333;
	display:block;
	padding:4px 20px;
	text-align:left;
	line-height:32px;
	font-size:14px
}
.header-nav .items li a:hover {
	background:#3399CC;color:#fff;
}
.nav-item.solution .items, .nav-item.customers .items {
	left:-23px
}
.header-account {
	float:right;
	padding:19px 10px
}
.header-account .btn-signin {
	padding:5px 20px;
	font-size:14px;
	line-height:20px;
	vertical-align:middle;
	margin-right:10px
}
.header-account .btn-signup {
	padding:6px 21px;
	font-size:14px;
	line-height:20px;
	vertical-align:middle
}
.header-account .gravatar {
	display:block;
	width:32px;
	height:32px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat
}
.header-account .user-links {
	position:relative
}
.header-account .user-links ul {
	display:none;
	padding:0;
	margin:0;
	position:absolute;
	top:51px;
	left:-59px;
	width:150px;
	z-index:3
}
.header-account .user-links ul::before {
content:'';
border-width:6px;
border-color:transparent transparent #57b382;
border-style:solid;
position:absolute;
left:69px;
top:-12px
}
.header-account .user-links ul li {
	list-style-type:none
}
.header-account .user-links ul li a {
	display:block;
	background:#57b382;
	color:#fff;
	padding:4px 20px;
	text-align:left;
	line-height:32px
}
.header-account .user-links ul li a:hover {
	background:#4ba575
}
.header-account:hover .user-links ul {
	display:block
}

.home-feature .viewport-inner {
	padding:50px 0;
	position:relative;
	height:580px
}



.feature-content {
width:600px;
float:left;
line-height:23px;
text-align:justify;
text-justify:inter-ideograph;
text-align:left;
}

.feature-content p{text-indent: 2em;padding:0px 0px 20px 0px;font-size:15px;margin:0px;}



.feature-content_s {
width:500px;
float:left;
line-height:23px;
text-align:justify;
text-justify:inter-ideograph;
text-align:left;
}


.feature-content_small {
width:650px;
float:left;
line-height:23px;
text-align:justify;
text-justify:inter-ideograph;
text-align:left;
}


.feature-content_s p{text-indent: 2em;padding:0px 0px 20px 0px;font-size:15px;margin:0px;}



.feature-content_Right {
width:600px;
float:right;
line-height:23px;
text-align:justify;
text-justify:inter-ideograph;
text-align:left;
}

.feature-content_Right p{text-indent: 2em;padding:0px 0px 20px 0px;font-size:15px;margin:0px;}


.feature-content_Right_small {
width:650px;
float:right;
line-height:23px;
text-align:justify;
text-justify:inter-ideograph;
text-align:left;
}




.feature-content_Right_s {
width:500px;
float:right;
line-height:23px;
text-align:justify;
text-justify:inter-ideograph;
text-align:left;
}


.feature-content_Right_s p{text-indent: 2em;padding:0px 0px 10px 0px;font-size:15px;margin:0px; }

.home-feature h1 {font-size:30px; padding-bottom:20px;color:#000000}
.home-feature h2 {font-size:30px; padding-bottom:20px;color:#1A74BA}
.home-feature h3 {font-size:24px;color:#666;}
.home-feature h4 {font-size:20px;color:#666; line-height:35px; font-weight:bold}
.home-feature h5 {font-size:16px;color:#666;line-height:30px;}

.home-feature h6 {font-size:30px; padding-bottom:20px;color:#1A74BA;border-bottom:3px #1A74BA solid}



.home-feature .feature-graph_right{text-align:right;}
.home-feature .feature-graph_left{text-align:left;}

