@charset "utf-8";
/* CSS Document */

/*--------------------全局---------------------------------*/
html {
	overflow-x:hidden;
}
body {
	font-size:12px;
	font-family:"微软雅黑"; font-family:"宋体";
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	color:#4d4d54;
}
ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
li, ol {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
img {
	border:0px;
}
p {
	line-height:23px;
}
:focus {
	outline:0;
}
a:active {
	outline:none;
}

a:link {
	font-size: 12px;
	color: #6F7273;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #6F7273;
}
a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #0086DF;
}
a:active {
	font-size: 12px;
	text-decoration: none;
	color: #6F7273;
}

a.white:link {
	font-size: 12px;
	color: #0272B2;
	text-decoration: none;
}
a.white:visited {
	font-size: 12px;
	text-decoration: none;
	color: #0272B2;
}
a.white:hover {
	font-size: 12px;
	text-decoration: none;
	color: #292929;
}
a.white:active {
	font-size: 12px;
	text-decoration: none;
	color: #0272B2;
}
/*--------------------导航----------------------------------*/

.index {
	background:#ebebed;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.top {
	width:982px;
	height:85px;
	margin-left:auto;
	margin-right:auto;
}
*+html .top {
	position:relative;
	z-index:10000;
}
.nav_top {
	width:972px;
	padding-right:10px;
	padding-top:14px;
	height:26px;
	float:left;
	text-align:right;
	background:url(../images/shine_up.jpg) no-repeat bottom left;
}
.nav {
	width:982px;
	height:24px;
	float:left;
}
.nav_left {
	width:14px;
	height:24px;
	float:left;
	background-image:url(../images/menu.jpg);
	background-position:-562px 0px;
}
.nav_mid {
	width:954px;
	height:24px;
	float:left;
	background-image:url(../images/nav_mid.jpg);
	background-repeat:repeat-x;
}
.nav_mid ul {
	display:block;
}
.nav_mid ul li {
	display:block;
	float:left;
	height:24px;
}
.nav_right {
	width:14px;
	height:24px;
	float:left;
	background-image:url(../images/menu.jpg);
	background-position:-576px 0px;
}
.nav_bottom {
	width:982px;
	height:21px;
	float:left;
	background-image:url(../images/shadow.jpg);
	background-repeat:repeat-x;
}
*html .nav_bottom {
	margin-top:-2px;
}
.nav_bottom ul li {
	display:block;
	height:21px;
}
/*--------------------导航菜单----------------------------------*/

.menu {
	width:570px;
	height:24px;
	float:left;
}
.menu ul {
	height:24px;
	width:570px;
}
.menu ul li {
	float:left;
	display:block;
}
.menu ul ul li {
	display:block;
	width:201px;
	height:31px;
}
.menu a {
	display:block;
	float:left;
	height:31px;
	font-size:12px;
}
/*--------------------HOME----------------------------------*/
.menu a.home {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px -24px;
}

/*---------------------------------------*/
.menu a.work {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px 0px;
}
.menu a.thinking {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-156px 0px;
}
.menu a.inspiration {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px 0px;
}
.menu a.about {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px 0px;
}
.menu a.contact {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px 0px;
}
* html .menu a:hover {
	position:relative;
	z-index:100;
}
* html .menu a.home:hover {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px -24px;
}
* html .menu a.work:hover {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px -24px;
}
* html .menu a.thinking:hover {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-156px -24px;
}
* html .menu a.inspiration:hover {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px -24px;
}
* html .menu a.about:hover {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px -24px;
}
* html .menu a.contact:hover {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px -24px;
}
* html .menu a:active {
	position:relative;
	z-index:100;
}
* html .menu a.home:active {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px -48px;
}
* html .menu a.work:active {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px -48px;
}
* html .menu a.thinking:active {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-156px -48px;
}
* html .menu a.inspiration:active {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px -48px;
}
* html .menu a.about:active {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px -48px;
}
* html .menu a.contact:active {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px -48px;
}
.menu li:hover {
	position:relative;
}
.menu :hover > a.home {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px -24px;
}
.menu :hover > a.work {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px -24px;
}
.menu :hover > a.thinking {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-156px -24px;
}
.menu :hover > a.inspiration {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px -24px;
}
.menu :hover > a.about {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px -24px;
}
.menu :hover > a.contact {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px -24px;
}
.menu li:active {
	position:relative;
}
.menu a.home:active {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px -48px;
}
.menu a.work:active {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px -48px;
}
.menu a.thinking:active {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-156px -48px;
}
.menu a.inspiration:active {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px -48px;
}
.menu a.about:active {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px -48px;
}
.menu a.contact:active {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px -48px;
}
.menu ul ul a.list_top {
	display:block;
	width:201px;
	height:15px;
	background-image:url(../images/menu_list.png);
	background-position:0px -124px;
}
*html .menu ul ul a.list_top {
	background-image:url(../images/list_top.gif);
	background-position:bottom;
}
.menu ul ul a.list_top:hover {
	display:block;
	width:201px;
	height:15px;
	background-image:url(../images/menu_list.png);
	background-position:0px -124px;
}
*html .menu ul ul a.list_top:hover {
	position:relative;
}
.list_bottom {
	display:block;
	width:201px;
	height:31px;
	background-image:url(../images/list_down.png);
	background-repeat:no-repeat;
	background-position:top;
}
*html .menu ul ul a:hover {
	position:relative;
	z-index:110;
}

*html .menu ul ul a {
	position:relative;
	z-index:110;
	width:201px;
	height:31px;
	text-indent:30px;
	line-height:30px;
	background-image:url(../images/menu_list.png);
	background-position:0px -31px;
}
.menu ul ul li:hover {
	position:relative; 
}
.menu ul ul a {
	width:201px;
	height:31px;
	text-indent:35px;
	line-height:30px;
	background-image:url(../images/menu_list.png);
	background-position:0px -31px;
	color:#484848;
	text-decoration:none;
}
.menu ul ul a:hover {
	width:201px;
	height:31px;
	background-image:url(../images/menu_list.png);
	background-position:0px -93px;
	color:#15b3e1;
	text-decoration:none;
}
.menu ul ul a.list_end {
	width:201px;
	height:31px;
	text-indent:35px;
	line-height:30px;
	background-image:url(../images/menu_list.png);
	background-position:0px 0px;
	color:#484848;
	text-decoration:none;
}
.menu ul ul a.list_end:hover {
	width:201px;
	height:31px;
	text-indent:35px;
	line-height:30px;
	background-image:url(../images/menu_list.png);
	background-position:0px -62px;
	color:#15b3e1;
	text-decoration:none;
}
.menu ul ul {
	display: none;
	position:absolute;
	top:37px;
	left:0;
	width:201px;
	z-index:500;
}
*+html .menu ul ul{
	z-index:1000000;	
}
*+html .menu ul :hover ul{
	z-index:1000000;	
}
.menu ul :hover ul {
	display:block;
	height:auto;
	left:0;
	top:24px;
}
.menu ul li.first ul {
	left:0px;
}
.menu ul li.first :hover ul {
	left:0px; 
}
/*--------------------菜单----------------------------------*/
.menu_more {
	width:19px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-521px 0px;
}
.menu_more:hover {
	background-image:url(../images/menu.jpg);
	background-position:-521px -24px;
}
.menu_more:active {
	background-image:url(../images/menu.jpg);
	background-position:-521px -48px;
}
.search_left {
	width:10px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-562px -24px;
}
.search_right {
	width:10px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-572px -24px;
}
.text {
	width:115px;
	height:22px;
	line-height:22px;
	background-image:url(../images/search_bar_x.jpg);
	background-repeat:repeat-x;
	border:0px;
}
*html .text {
	background-image:url(../images/search_bar_x_02.jpg);
	height:22px;
	line-height:20px;
}
*+html .text{
	margin-top:-1px;	
}
.search_btn {
	width:22px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-540px 0px;
}
.search_btn:hover {
	background-position:-540px -24px;
}
.search_btn:active {
	background-position:-540px -48px;
}
/*--------------------banner----------------------------------*/
.mid {
	width:982px;
	height:638px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
.banner {
	width:975px;
	height:638px;
	float:left;
}
.banner ul li {
	width:975px;
	display:block;
}
.banner_top {
	height:21px;
	background-image:url(../images/mid_top.png);
	background-repeat:no-repeat;
}
.banner_mid {
	height:546px;
	background-image:url(../images/mid_y.png);
	background-repeat:repeat-y;
}
*html .banner_mid{
	height:540px;	
}
.banner_down {
	height:71px;
}
.banner_down_blog {
	height:71px;
}
*+html .banner_down {
	margin-top:-4px;
}
*html .banner_down {
	margin-top:-2px;
}
*+html .banner_down_blog {
	position:relative; top:40px; 
}
*html .banner_down_blog {
	position:relative; top:38px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .banner_down_blog {
	position:relative; top:38px;
}}
.banner_down ul li {
	display:block;
	width:975px;
}

.banner_down ul li span {
	display:block;
	height:33px;
	float:left;
}
.banner_down_blog ul li {
	display:block;
	width:975px;
}

.banner_down_blog ul li span {
	display:block;
	height:33px;
	float:left;
}
.control_mid {
	width:905px;
	height:33px;
	background-image:url(../images/control_mid_x.jpg);
	background-repeat:repeat-x;
}
.previous {
	width:35px;
	height:33px;
	float:left;
	background-image:url(../images/btn_page.jpg);
}
.next {
	width:35px;
	height:33px;
	float:left;
	background-image:url(../images/btn_page.jpg);
	background-position:35px 0px;
}
.control_top {
	height:12px;
	background-image:url(../images/mid_top.png);
	background-position:0px 36px;
}

.control_bottom {
	height:2px;
	background-image:url(../images/mid_down.jpg);
	background-repeat:no-repeat;
}

*+html .control_bottom {
	margin-top:-14px;
}
.banner_shadow {
	width:975px;
	height:24px;
	background-image:url(../images/mid_top.png);
	background-position:0px 24px;
}
*html .banner_shadow {
	background-image:url(../images/banner_shadow.jpg);
	margin-top:-15px;
}
.prev_text {
	display:block;
	float:left;
	line-height:33px;
	margin-left:10px;
}
*html .prev_text {
	margin-left:5px;
}
.next_text {
	display:block;
	float:right;
	line-height:33px;
	margin-right:10px;
}
*html .next_text {
	margin-right:5px;
}
/*-----------------------图片滑动--------------------------*/
#container {
	width:959px;
	height:564px;
	top:-13px;
	left:8px;
	position:relative;
	z-index:1;
}
*html #container {
	height:545px;	
}
.img_area {
	width:959px;
	height:564px;
}
.img_area li {
	display:block;
	float:left;
}
#example {
	width:959px;
	height:564px;
	position:absolute;
}
#slides {
	position:absolute;
	top:15px;
	left:7px;
	z-index:50;
}
#slides .next {
	width:35px;
	height:33px;
	float:left;
	background-image:url(../images/btn_page.jpg);
	background-position:35px 0px;
	position:absolute;
	top:556px;
	left:-100px;
	display:block;
	z-index:60;
}
*html #slides .next {
	top:556px;
}
#slides .next:hover {
	background-image:url(../images/btn_page.jpg);
	background-position:35px 66px;
}
#slides .next:active {
	background-image:url(../images/btn_page.jpg);
	background-position:35px 33px;
}
#slides .prev {
	width:35px;
	height:33px;
	float:left;
	background-image:url(../images/btn_page.jpg);
	position:absolute;
	top:556px;
	left:-15px;
	display:block;
	z-index:60;
}
*html #slides .prev {
	top:557px;
}
#slides .prev:hover {
	background-image:url(../images/btn_page.jpg);
	background-position: 0px 66px;
}
#slides .prev:active {
	background-image:url(../images/btn_page.jpg);
	background-position: 0px 33px;
}
.slides_container {
	width:959px;
	height:564px;
	overflow:hidden;
	position:relative;
	top:-15px;
	left:-7px;
}
#slides .next {
	left:925px;
}
*html #slides .next{
	top:557px;	
}
*html .pagination {
	display:none;
}
.pagination {
	margin:4px auto 0;
	width:90px;
	height:20px;
}
*+html .pagination{
	display:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	margin-left:10px;
	background-image:url(../images/pagination.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
/*-------------------------图片选中效果 ------------------------*/
h3 {
	margin: 10px 7px -10px 12px;
	color:#FFF;
	font:18pt Arial, sans-serif;
	letter-spacing:-1px;
	font-weight: bold;
}
.boxgrid {
	width:639px; height:379px;
	float:left;
	overflow: hidden;
	position: relative;
}


.boxgrid p {
	padding: 0 10px;
	color:#999999;
	font-weight:bold;
	font:10pt Arial, sans-serif;
}

.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .7;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
*+html .boxcaption p{
	display:block; position:relative; top:-10px;
}
#img_02_move{
	position:relative; z-index:1;
	top:-400px;left:0px;
}

.captionfull .boxcaption {
	top: 400px;
	left: 0px;
}

.caption .boxcaption {
	top: 220px;
	left: 0px;
}
.captionfull .boxcaption p{
	line-height:18px; text-indent:5px;	
}
.captionfull .boxcaption p a{
	color:#00748f; text-decoration:none;
}
.captionfull .boxcaption p a:hover{
	color:#f0ff00;text-decoration:underline;
}
.img_03_link{
	color:#FFF; text-decoration:none;	
}
.img_03_link:hover{
	color:#00a3ff;	
}
/*---------------------------serive_item------------------------*/

.serive_item{
	width:319px; height:379px; display:block;
	background-image:url(../images/img_02_bg.jpg);
	background-repeat:no-repeat;	
}
*+html .serive_item{
	overflow:hidden;	
}
.serive_item_swf{
	width:319px; height:379px; display:block;
	background-image:url(../images/img_02_swf_bg.jpg);
	background-repeat:no-repeat;
}
.swf{
	width:220px; height:250px; margin-left:auto; margin-right:auto;
	padding-top:30px;
}
.serive_box{
	width:319px; height:379px;
}
.serive_box ul li.title{
	width:319px; height:30px; display:block; float:left;
	margin-top:17px; margin-bottom:7px; text-indent:50px;
	font-size:14px; color:#19191b; line-height:30px;	
}

.serive_box ul li.serive_btn{
	width:292px; height:51px; display:block; 
	margin-top:4px; margin-bottom:6px; margin-left:14px; _margin-left:7px;
}
.serive_box ul li.serive_btn a{
	width:242px; height:51px; display:block;padding-left:50px;
	background-image:url(../images/ico_brand.png);
	background-position:10px 0px;
	background-repeat:no-repeat;
	text-decoration:none;color:#3e3d3d;cursor:pointer;	
}
.serive_box ul li.serive_btn a:hover{
	text-decoration:none;
	background-image:url(../images/ico_hover.png);
	background-position:0px -153px;
	color:#FFF;	
}

.serive_box ul li.serive_btn a span.big_font{
	display:block; width:254px; height:18px; font-size:14px;
	font-weight:bold; 	
}
.serive_box ul li.serive_btn a span.small_font{
	display:block; width:254px; height:18px; font-size:12px;
	font-weight:lighter;
}


.serive_box ul li.serive_btn_02{
	width:292px; height:51px; display:block; 
	margin-top:4px; margin-bottom:6px; margin-left:14px; _margin-left:7px
}
.serive_box ul li.serive_btn_02 a{
	width:242px; height:51px; display:block;padding-left:50px;
	background-image:url(../images/ico_software.png);
	background-position:10px 0px;
	background-repeat:no-repeat;
	text-decoration:none;color:#3e3d3d;	cursor:pointer;	
}
.serive_box ul li.serive_btn_02 a:hover{
	text-decoration:none;
	background-image:url(../images/ico_hover.png);
	background-position:0px -51px;
	color:#FFF;	
}

.serive_box ul li.serive_btn_02 a span.big_font{
	display:block; width:254px; height:18px; font-size:14px;
	font-weight:bold; 	
}
.serive_box ul li.serive_btn_02 a span.small_font{
	display:block; width:254px; height:18px; font-size:12px;
	font-weight:lighter;
}




.serive_box ul li.serive_btn_03{
	width:292px; height:51px; display:block; 
	margin-top:4px; margin-bottom:6px; margin-left:14px; _margin-left:7px
}
.serive_box ul li.serive_btn_03 a{
	width:242px; height:51px; display:block;padding-left:50px;
	background-image:url(../images/ico_web.png);
	background-position:10px 0px;
	background-repeat:no-repeat;
	text-decoration:none;color:#3e3d3d;	cursor:pointer;	
}
.serive_box ul li.serive_btn_03 a:hover{
	text-decoration:none;
	background-image:url(../images/ico_hover.png);
	background-position:0px -102px;
	color:#FFF;	
}

.serive_box ul li.serive_btn_03 a span.big_font{
	display:block; width:254px; height:18px; font-size:14px;
	font-weight:bold; 	
}
.serive_box ul li.serive_btn_03 a span.small_font{
	display:block; width:254px; height:18px; font-size:12px;
	font-weight:lighter;
}


.serive_box ul li.serive_btn_04{
	width:292px; height:51px; display:block; 
	margin-top:4px; margin-bottom:6px; margin-left:14px; _margin-left:7px
}
.serive_box ul li.serive_btn_04 a{
	width:242px; height:51px; display:block;padding-left:50px;
	background-image:url(../images/ico_brand.png);
	background-position:10px 0px;
	background-repeat:no-repeat;
	text-decoration:none;color:#3e3d3d;	cursor:pointer;	
}
.serive_box ul li.serive_btn_04 a:hover{
	text-decoration:none;
	background-image:url(../images/ico_hover.png);
	background-position:0px -153px;
	color:#FFF;	
}

.serive_box ul li.serive_btn_04 a span.big_font{
	display:block; width:254px; height:18px; font-size:14px;
	font-weight:bold; 	
}
.serive_box ul li.serive_btn_04 a span.small_font{
	display:block; width:254px; height:18px; font-size:12px;
	font-weight:lighter;
}



.serive_box ul li.serive_btn_05{
	width:292px; height:51px; display:block; 
	margin-top:4px; margin-bottom:6px; margin-left:14px; _margin-left:7px
}
.serive_box ul li.serive_btn_05 a{
	width:242px; height:51px; display:block;padding-left:50px;
	background-image:url(../images/ico_movie.png);
	background-position:10px 0px;
	background-repeat:no-repeat;
	text-decoration:none;color:#3e3d3d;	cursor:pointer;	
}
.serive_box ul li.serive_btn_05 a:hover{
	text-decoration:none;
	background-image:url(../images/ico_hover.png);
	background-position:0px -204px;
	color:#FFF;	
}

.serive_box ul li.serive_btn_05 a span.big_font{
	display:block; width:254px; height:18px; font-size:14px;
	font-weight:bold; 	
}
.serive_box ul li.serive_btn_05 a span.small_font{
	display:block; width:254px; height:18px; font-size:12px;
	font-weight:lighter;
}

/*--------------------footer---------------------*/
.footer {
	width:982px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:50px;
}
.footer ul {
	display:block;
	width:975px;
	height:35px;
	float:left;
}
.footer_left {
	display:block;
	width:46px;
	height:35px;
	float:left;
}
.footer_mid {
	display:block;
	width:882px;
	height:35px;
	float:left;
	color:#949494;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	line-height:35px;
	text-indent:15px;
}
.footer_right {
	display:block;
	width:47px;
	height:35px;
	float:left;
}
.footer_left a {
	display:block;
	width:46px;
	height:35px;
	background-image:url(../images/footer_btn.jpg);
}
.footer_left a:hover {
	background-position:0px -35px;
}
.footer_right a {
	width:47px;
	height:35px;
	display:block;
	background-image:url(../images/footer_btn.jpg);
	background-position:-46px 0px;
}
.footer_right a:hover {
	background-position:-46px -35px;
}



/*----------------------------------WORK------------------------------*/

.menu a.home2 {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px 0px;
}
* html .menu a.home2:hover {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px -24px;
}

* html .menu a.home2:active {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px -48px;
}
.menu :hover > a.home2 {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px -24px;
}

.menu a.home2:active {
	width:69px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:0px -48px;
}
.menu a.work2 {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px -24px;
}
* html .menu a.work2:hover {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px -24px;
}

* html .menu a.work2:active {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px -48px;
}
.menu :hover > a.work2 {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px -24px;
}
.menu a.work2:active {
	width:87px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-69px -48px;
}
.mid_work {
	width:982px; height:auto;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
.banner_work {
	width:975px; height:409px;float:left; padding:0
}

.banner_mid_work {
	/*height:376px; *//*margin-top:-12px \0;*/
	background-image:url(../images/mid_y.png);
	background-repeat:repeat-y;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {.banner_mid_work{ margin-top:-12px;} }
@-moz-document url-prefix(){.banner_mid_work {margin-top:-12px;}}*/

.banner_bottom {
	height:12px;
	background-image:url(../images/mid_top.png);
	background-position:0px 36px;
}
*html .banner_bottom {
	margin-top:-20px;
}
*+html .banner_bottom {
	margin-top:-4px; 
}
/*-------------------------------广告图----------------------------*/

#fader{
	width:959px; height:394px;
	top:-13px;
	left:8px;
	position:relative;
	z-index:1;
 }
#fader li{position:absolute;left:0;top:0; display:block;}


.fader-nav{display:inline-block; width:10px; height:10px; margin-right:10px; background-image: url(../images/work_banner_icon.png);background-repeat:no-repeat; cursor:pointer;}
.fader-cur-nav{display:inline-block; width:10px; height:10px;margin-right:10px;background-image: url(../images/work_banner_icon.png); background-position:0px -10px; background-repeat:no-repeat;font-size:12px;cursor:pointer;}
*html .fader-nav{
	overflow:hidden;	
}
*html .fader-cur-nav{
	overflow:hidden;	
}





/*----------------------------类别选择----------------------------*/

.classify_work {
	width:975px; height:266px; float:left;
	background-image:url(../images/work_banner_y_02.jpg);
	background-repeat:repeat-y;
}
*html .classify_work{
	margin-top:-8px;	
}
.classify_container{
	width:961px; height:258px; margin-left:auto; margin-right:auto;
	background:#f2f2f3;	
}
.classify_bottom{
	width:975px; height:8px; float:left;
	background-image:url(../images/work_index_bottom.jpg);
	background-repeat:no-repeat;	
}
.popular_title{
	width:961px; height:35px; float:left;
	background-image:url(../images/work_popular_x.jpg);
	background-repeat:repeat-x;	
}
*html .popular_title{
	position:relative;	
}
.popular_title ul li{
	display:block; float:left;	
}
.popular_title ul li.pop_title{
	color:#5a6363; font-size:18px; font-weight:bold; line-height:33px;	
}
.popular_tutorial_tab_on{
	width:108px; height:35px; text-align:center; line-height:37px; 
	font-weight:bold; font-size:12px; color:#212525;
	background-image:url(../images/work_popular_tab.jpg);
	background-repeat:no-repeat;	
}
.popular_tutorial_tab_off{
	width:108px; height:35px; text-align:center; line-height:37px; 
	font-weight:bold; font-size:12px; color:#626b6b;
}
.pop_main{
	width:961px; height:223px; float:left;
}
.pop_main ul li{
	display:block;width:961px; height:223px;
	overflow:hidden;position:relative;z-index:1; 
}
.pop_container{
	position: relative;  width:961px; height:223px;left:0; top:0;	
	
}
/*--------------图片不循环滑动---------------*/
#hcasepanes {
	width:961px; height:223px; 
}
#hcasepanes {
	overflow: hidden; clear: both;
}
#hcasepanes .hcase_items {
	width:884px; height:193px; margin-top:19px; margin-left:48px;
	float:left; 
}
*html #hcasepanes .hcase_items {
	margin-top:19px; margin-left:24px;
	
}

#hcasepanes .hcase_items .hscrollable {
	width: 884px; height: 193px; overflow: hidden;  
	float: left; position: relative;
}
#hcasepanes .hcase_items .hscrollable .hcase_li {
	width: 20000em; height:193px; float:left;  position: absolute;
}
#hcasepanes .hcase_items .hcase_item {
	width:202px; height:193px; margin-right:19px; 
	float:left;
}

#hcasepanes .hcase_items .case_prev {
	width:24px; height:49px; float: left; z-index: 50;
	margin:60px auto auto -48px; position:relative;
	
}
*html #hcasepanes .hcase_items .case_prev {
	margin:60px auto auto -48px;
	
}
#hcasepanes .hcase_items .case_prev .prevPage {
	 padding: 0px; border: 0px currentColor; width: 24px; height: 49px; 			     display: block; cursor: pointer;
	 background-image:url(../images/work_PrevAndNext.jpg);
	 background-position:-24px 0px;
}
#hcasepanes .hcase_items .case_prev .prevPage:hover{
	background-position:-24px 98px;
}
#hcasepanes .hcase_items .case_prev .prevPage:active{
	background-position:-24px -147px;
}
#hcasepanes .hcase_items .case_prev .disabled {
	cursor: default;
	background-image:url(../images/work_PrevAndNext.jpg);
	background-position:-24px -49px;
}
#hcasepanes .hcase_items .case_prev .disabled:hover{
	background-position:-24px -49px;	
}
#hcasepanes .hcase_items .case_prev .disabled:active{
	background-position:-24px -49px;	
}
#hcasepanes .hcase_items .case_next {
	width:24px; height:49px; float: right; z-index: 50;
	margin:60px -28px auto auto;position:relative;
}
*html #hcasepanes .hcase_items .case_next {
	margin:60px -28px auto auto;position:relative;
}
#hcasepanes .hcase_items .case_next .nextPage {
	 padding: 0px; border: 0px currentColor; width: 24px; height: 49px; 			     display: block; cursor: pointer;
	 background-image:url(../images/work_PrevAndNext.jpg);
	 background-position:0px 0px;
}
#hcasepanes .hcase_items .case_next .nextPage:hover {
	 background-position:0px -98px;
}
#hcasepanes .hcase_items .case_next .nextPage:active {
	 background-position:0px -147px;
}
#hcasepanes .hcase_items .case_next .disabled {
	cursor: default;
	background-image:url(../images/work_PrevAndNext.jpg);
	background-position:0px -49px;
}
#hcasepanes .hcase_items .case_next .disabled:hover{
	background-position:0px -49px;
}
#hcasepanes .hcase_items .case_next .disabled:active{
	background-position:0px -49px;
}
.thumbnail_box{
	width:202px; height:139px; float:left;
}
.thumbnail_text{
	width:202px; height:44px; margin-top:9px; float:left;
	
}
.thumbnail_text ul li{
	display:block; float:left;width:202px; height:22px;	
}
.thumbnail_title{
	font-weight:bold; color:#212525; text-indent:4px;	
}
.thumbnail_intro{
	color:#838989; text-indent:4px;	
}


/*-------------所有案例展示--------------*/

.all_work {
	width:975px; height:auto;  float:left;
	background-image:url(../images/work_banner_y_02.jpg);
	background-repeat:repeat-y;
}
.all_container{
	width:961px;  margin-left:auto; margin-right:auto;	
}

.allcases_right{
	width:144px; height:35px; 
	background-image:url(../images/work_allcase_right.jpg);
	background-repeat:no-repeat;	
}
.allcases_page{
	width:67px; height:30px; display:inline-block; float:left;
}

.all_main_inner{
	width:961px;
	background-image:url(../images/work_all_container_right_bg.jpg);
	background-repeat:repeat-y;	
}
*html .all_main_inner{
	margin-top:-2px;	
}
.all_case_box{
	width:480px; height:170px; margin-bottom:1px; float:left;
	background-image:url(../images/work_all_bg.jpg);
	background-repeat:no-repeat;	
}
.all_case_box ul li.leftside{
	display:block;width:235px; height:170px; float:left;	
}
.all_case_box ul li.rightside{
	display:block;width:228px; height:155px; float:left; padding-top:15px;	
}

.all_case_bottom{
	width:975px; height:6px; float:left;
	background-image:url(../images/work_allcases_bottom.jpg);
	background-repeat:no-repeat;	
}
.all_case_thumbnail{
	width:202px; height:139px; float:left; margin-left:13px;
	margin-top:15px;	
}
.all_case_detail{
	width:228px; height:94px; float:left; 
	border-bottom:1px #989ba3 dotted;	
}
.all_case_detail ul li{
	display:block; width:228px;  float:left;	
}
.all_case_detail ul li.casetitle{
	font-size:14px; font-weight:bold; color:#384040;
	height:22px; line-height:22px;	
}
.all_case_detail ul li.casetime{
	font-size:12px; color:#838989;height:22px; line-height:22px;
}
.all_case_detail ul li.caseblank{
	 height:7px; line-height:7px;
}
.all_case_detail ul li.casetro{
	font-size:12px; height:18px; line-height:18px;
}
.all_case_detail ul li.casetro a{
	color:#0286d0; 	text-decoration:none;
}
.all_case_detail ul li.casetro a:hover{
	text-decoration:underline;	
}
.all_case_detail_bottom{
	width:228px; height:38px; float:left; padding-top:6px;	
}
.all_case_detail_bottom ul li.casebtn{
	display:block; width:131px; height:38px; float:left	
}
.all_case_detail_bottom ul li.casebtn a{
	width:131px; height:38px; display:block;
	background-image:url(../images/work_all_btn.jpg);
	background-repeat:no-repeat;	
}
.all_case_detail_bottom ul li.casebtn a:hover{
	background-position:0px -38px;	
}
.all_case_detail_bottom ul li.casebtn a:active{
	background-position:0px -76px;	
}
.all_case_detail_bottom ul li.caseviews{
	display:block; width:80px; height:38px; float:left; padding-left:17px;
}
.all_case_detail_bottom ul li.caseviews span{
	width:80px; height:15px; display:block; float:left;	
	line-height:14px;font-size:11px;
}
.all_case_detail_bottom ul li.caseviews span.times{
	color:#8e8e8e; 	
}
.all_case_detail_bottom ul li.caseviews span.unit{
	color:#384040;	
}

.work_prev {
	width:35px;
	height:33px; display:block;
	background-image:url(../images/btn_page.jpg);
}
.work_prev:hover {
	background-image:url(../images/btn_page.jpg);
	background-position: 0px 66px;
}
.work_prev:active {
	background-image:url(../images/btn_page.jpg);
	background-position: 0px 33px;
}
.work_next {
	width:35px;
	height:33px; display:block;
	background-image:url(../images/btn_page.jpg);
	background-position:35px 0px;
}

.work_next:hover {
	background-image:url(../images/btn_page.jpg);
	background-position:35px 66px;
}
.work_next:active {
	background-image:url(../images/btn_page.jpg);
	background-position:35px 33px;
}
.work_shadow{
	width:975px; height:31px; float:left;
	background-image:url(../images/work_shadow.jpg);
	background-repeat:no-repeat;
}
*+html .work_shadow{
	margin-top:-38px;
}

*html .work_shadow{
	margin-top:-40px;
}
.work_page{
	width:820px; height:71px; display:block;
	margin-left:auto; margin-right:auto; 	
}
.work_page_inner{
	width:110px; height:12px; margin-left:auto; margin-right:auto;
	margin-top:13px; 	
}
.work_page_inner ul li{
	display:block; width:10px; height:11px; float:left;
	margin-left:6px; margin-right:6px;	
}
.work_page_inner ul li a{
	display:block; width:10px; height:11px; 
	background-image:url(../images/pagination.png);
	background-repeat:no-repeat;
	
}
.work_page_inner ul li a.on{
	display:block; width:10px; height:11px; 
	background-image:url(../images/pagination.png);
	background-position:0px -12px;	
}




/*------------------------login---------------------------*/
.login{
	width:380px; margin-left:auto; margin-right:auto;
	margin-top:135px;	
}
.login_logo{
	width:216px; height:199px; margin-left:99px; float:left;	
}
*html .login_logo{
	margin-left:50px; 	
}

.login2{
	width:380px; float:left;margin-top:32px;	
}
.login2 ul li{
	width:380px; height:24px; float:left; display:block;
	 margin-bottom:14px;	
}
.login2 ul li span.input_left{
	display:block; width:90px; height:24px; line-height:24px; float:left;
	font-size:14px; color:#7f8086; text-align:right;	
}
.login2 ul li span.input_mid{
	display:block; width:18px; height:24px;  float:left;	
}
*html .login2 ul li span.input_mid{
	 width:9px;
}
.login2 ul li span.input_right{
	display:block; width:209px; height:24px; line-height:24px; float:left;
	font-size:14px; color:#494b51; 	
}
.login_input{
	width:209px; height:24px; line-height:24px; border:none; background:none;
	background-image:url(../images/login_input.jpg);
	background-repeat:no-repeat; text-indent:6px;	
}
.input_reset{
	width:50px; height:24px; display:block; float:left;	color:#7f8086;
	line-height:24px; margin-left:10px;
}
.input_reset a{
	text-decoration:none; color:#7f8086;
}

.input_reset a:hover{
	text-decoration: underline; color:#0286d0;
}
.login_bottom{
	width:380px; height:39px; float:left;margin-top:11px;	
}

.login_bottom ul li{
	display:block; width:101px; height:39px; margin-left:158px;	
}
.login_bottom ul li a{
	display:block; width:101px; height:39px;
	background-image:url(../images/login_btn_enter.jpg);
	background-repeat:no-repeat;	
}
.login_bottom ul li a:hover{
	background-position:0px -39px;	
}
.login_bottom ul li a:active{
	background-position:0px -78px;	
}
/*------------------------Mobile---------------------*/
.popular_title ul li span.pop_title_02{
	display:block; height:35px; float:left;
	color:#5a6363; font-size:14px; font-weight:bold; line-height:33px;	
}
.popular_title ul li span.miaoshu{
	display:block; height:35px; float:left;
	color:#5a6363; font-size:14px;  line-height:33px;
	text-indent:15px;	
}
.previous02 {
	width:4px;
	height:33px;
	float:left;
	background-image:url(../images/mobile_bottom.jpg);
}
.next02 {
	width:4px;
	height:33px;
	float:left;
	background-image:url(../images/mobile_bottom.jpg);
	background-position:-4px 0px;
}
.allcases_right_mobile{
	width:144px; height:33px; float:right;margin-right:15px; display:inline-block;
	background-image:url(../images/work_allcase_right.jpg);
	background-position:0px -35px;	
}
*html .allcases_right_mobile{
	margin-right:5px;	
}
.control_mid_mobile {
	width:967px;
	height:33px;
	background-image:url(../images/control_mid_x.jpg);
	background-repeat:repeat-x;
}
/*--------------------返回顶部---------------------*/
#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 45px; BOTTOM: 36px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
}
*html #goTopBtn{
	display:none;	
}
#goTopBtn a{
	display:block; width:45px; height:36px; 
	background-image:url(../images/lanren_top.jpg);
	background-repeat:no-repeat;
}
#goTopBtn a:hover{
	background-position:0px -36px;	
}

#goTopBtn a:active{
	background-position:0px -72px;	
}
/*--------------------------产品展示页面---------------------------*/

.banner_mid_detail {
	height:376px;
	background-image:url(../images/mid_y.png);
	background-repeat:repeat-y;
}

.detail_overview{
	width:943px; height:173px; margin-left:auto; margin-right:auto;
	padding-top:7px; 
}
.detail_overview ul li{
	display:block; width:943px; float:left;	
}
.detail_overview ul li.detail_top{
	height:30px; background-image:url(../images/detail_overview.jpg);
	background-repeat:no-repeat; padding-top:7px; 
}
.detail_overview ul li.detail_top span.title_left{
	width:693px; height:30px; float:left; display:block; 
	font-family:Verdana, Geneva, sans-serif;
	line-height:30px; color:#384040; text-align:left; text-indent:40px;
	font-size:14px; font-weight:bold;	
}
.detail_overview ul li.detail_top span.title_right{
	width:200px; height:30px; float:left; display:block;
	line-height:30px; color:#384040; text-align:left; text-indent:27px;
	font-size:14px; font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;	
}

.detail_overview ul li.detail_mid{
	height:131px; background-image:url(../images/detail_overview_y.jpg);
	background-repeat: repeat-y;
}
.detail_overview ul li.detail_mid span.title_left{
	width:663px; height:111px; float:left; display:block;
	line-height:23px; color:#5a6363; text-align:left;
	font-size:12px; padding:7px 18px 7px 18px;	
}
.detail_overview ul li.detail_mid span.title_right{
	width:240px; height:131px; float:left; display:block;
	color:#5a6363; text-align:left;
}
.detail_overview ul li.detail_bottom{
	height:5px; background-image:url(../images/detail_overview.jpg);
	background-position:0px -37px; background-repeat:no-repeat;
}

.detail_info{
	width:230px; height:123px; float:left;
	margin:5px auto auto 3px;
}
.detail_info ul li.category{
	display:block; float:left; width:230px; height:40px;
	border-bottom: dotted #989ba3 1px;
	background-image:url(../images/detail_ico.jpg);
	background-position:0px 0px; background-repeat:no-repeat;
}
.detail_info ul li.designer{
	display:block; float:left; width:230px; height:40px;
	border-bottom: dotted #989ba3 1px;
	background-image:url(../images/detail_ico.jpg);
	background-position:0px -40px; background-repeat:no-repeat;
}
.detail_info ul li.time{
	display:block; float:left; width:230px; height:40px;
	background-image:url(../images/detail_ico.jpg);
	background-position:0px -80px; background-repeat:no-repeat;
}
.detail_category_01{
	width:195px; height:15px; margin-left:32px; float:left;
	color:#5f5f5f; font-weight:bold; line-height:15px; margin-top:5px;	
}
.detail_category_02{
	width:195px; height:15px; margin-left:32px; float:left;	
	line-height:15px; color:#6d6d6d;
}
.detail_caseroom{
	width:961px; height:auto; margin-left:auto; margin-right:auto;
}
*html .detail_caseroom{
	margin-top:-7px;
}
*html .detail_caseroom img{
	margin-top:-2px;
}
/*---------------------------BLOG------------------------------*/
.banner_blog {
	width:975px; height:309px;float:left;
}
.banner_blog_top {
	height:21px;
	background-image:url(../images/mid_top.png);
	background-repeat:no-repeat;
}
.banner_blog_mid_detail {
	height:312px;
	background-image:url(../images/mid_y.png);
	background-repeat:repeat-y;
}
.banner_blog_bottom {
	height:12px;
	background-image:url(../images/mid_top.png);
	background-position:0px 36px;
}
*html .banner_blog_bottom {
	top:-16px; position:relative;
}
.blog_banner{
	width:959px; height:294px; position:relative;
	top:-13px; left:8px;	
}
*html .blog_banner{
	z-index:3;	
}
.menu a.inspiration2 {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px -24px;
}
* html .menu a.inspiration2:hover {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px -24px;
}
* html .menu a.inspiration2:active {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px -48px;
}
.menu :hover > a.inspiration2 {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px -24px;
}
.menu a.inspiration2:active {
	width:90px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-250px -48px;
}
.blog_overview{
	width:943px; height:auto; margin-left:auto; margin-right:auto;
	padding-top:7px;
}

.blog_overview ul li{
	display:block; width:943px; float:left;	
}
.blog_overview ul li.detail_top{
	height:30px; background-image:url(../images/blog_overview.jpg);
	background-repeat:no-repeat; padding-top:7px; 
}
.blog_overview ul li.detail_top span.title_left{
	width:723px; height:30px; float:left; display:block;
	line-height:28px; color:#384040; text-align:left; text-indent:40px;
	font-size:14px; font-weight:bold;	
}
.blog_overview ul li.detail_top span.title_right{
	width:180px; height:30px; float:left; display:block;
	line-height:28px; color:#384040; text-align:left; text-indent:27px;
	font-size:14px; font-weight:bold;	
}

.blog_overview ul li.detail_mid{
	background-image:url(../images/Blog_text_bg_y.jpg);
	background-repeat: repeat-y;
}
.blog_overview ul li.detail_mid span.title_left{
	width:723px; height:auto; float:left; display:block;
	line-height:23px; color:#5a6363; text-align:left;
	font-size:12px; 	
}
.blog_overview ul li.detail_mid span.title_right{
	width:201px;  margin-right:10px; float:right; 
	display:block;color:#5a6363; text-align:left; margin-top:10px;
}
*html .blog_overview ul li.detail_mid span.title_right{
	 margin-right:5px;
}
.blog_overview ul li.detail_bottom{
	height:5px; background-image:url(../images/blog_overview.jpg);
	background-position:0px -37px; background-repeat:no-repeat;
}
*html .blog_overview ul li.detail_bottom{
	overflow:hidden;
}
.blog_item{
	width:722px; height:191px; margin-left:1px; float:left;
	background-image:url(../images/Blog_item_bg_x.jpg);
	background-repeat:repeat-x;
}
*html .blog_item{
	width:720px;	
}
.blog_main_inner{
	width:961px; height:auto; background:#f2f2f3;
}
.blog_item_left{
	width:251px; height:191px; float:left;	
}
.blog_item_img{
	width:201px; height:139px; float:left; margin:26px 25px auto 23px;	
}
*html .blog_item_img{
	margin:25px 5px auto 10px;
}
.blog_item_right{
	width:451px; height:191px; float:left;	
}

.blog_item_right_text{
	width:451px; height:152px; float:left; margin-top:19px;	
}
.blog_item_right_text ul li{
	display:block; width:451px; float:left;	
}
.blog_item_right_text ul li.title{
	height:33px; line-height:33px; 	
}
.blog_item_right_text ul li.title a{
	font-size:18px; font-weight:bold;color:#0286d0;
	text-decoration:none; font-family:Verdana, Geneva, sans-serif;
	font-family:"微软雅黑";	
}

.blog_item_right_text ul li.time{
	height:16px; line-height:16px; margin-bottom:8px;color:#838989;	
}
.blog_item_right_text ul li.overview{
	height:55px; line-height:18px; margin-bottom:5px;
	color:#5a6363;	
}
.blog_item_right_text ul li.bottom{
	height:33px;  	
}
.blog_item_right_text ul li.bottom span.left{
	display:block; height:33px; line-height:33px; color:#838989; 
	float:left;	
}
.blog_item_right_text ul li.bottom span.right{
	display:block; width:117px; height:33px; float:right;	
}
.blog_item_right_text ul li.bottom span.right a{
	display:block; width:117px; height:33px;
	background-image:url(../images/Blog_btn_readmore.jpg);
	background-repeat:no-repeat;	
}
.blog_item_right_text ul li.bottom span.right a:active{
	background-position:0px -33px;	
}
.blog_index{
	width:201px; height:auto; /*height:180px;*/ float:left;
	border-bottom:1px dotted #989ba3;
}
.blog_index ul li{
	width:201px; height:32px; float:left;  	
}
.blog_index ul li a.left{
	display:block; height:32px;	text-indent:35px;line-height:30px; 
	float:left; font-size:14px; font-weight:bold; color:#5f5f5f; 				    text-decoration:none;background-image:url(../images/Blog_ico.jpg);
	background-position:0px 0px; 
	background-repeat:no-repeat;
}
.blog_index ul li a.left:hover{
	background-position:0px -32px; 
}
.blog_index ul li a.hover{
	display:block; height:32px;	text-indent:35px;line-height:30px; 
	float:left; font-size:14px; font-weight:bold; color:#5f5f5f; 				    text-decoration:none;background-image:url(../images/Blog_ico.jpg);

	background-repeat:no-repeat;	background-position:0px -32px; 
}

.blog_index ul li a.right{
	display:block; height:16px;	width:16px; float:left;
	margin-left:7px; margin-top:7px;
	background-image:url(../images/Blog_rss.jpg);
	background-repeat:no-repeat;
}
.blog_index ul li a.right:hover{
	background-position:0px -16px;	
}
.blog_search{
	width:201px; height:63px; float:left;	
	border-bottom:1px dotted #989ba3;
}
.blog_search_box{
	width:201px; height:24px; float:left; margin-top:19px;	
}
.blog_search_box ul li.left{
	width:165px; height:24px; margin-left:5px; float:left;
	background-image:url(../images/Blog_search_input.jpg);
	background-repeat:no-repeat;	
}
*html .blog_search_box ul li.left{
	margin-left:0px; background-position:2px 0px;	
}
.blog_search_box ul li.left input{
	width:158px; height:24px; margin-left:7px; background:none; 
	border:none; font-size:14px; line-height:24px; color:#989ba3;	
}
.blog_search_box ul li.right{
	width:19px; height:22px; float:left; margin-left:9px;	
}
.blog_search_box ul li.right a{
	display:block; width:19px; height:22px;
	background-image:url(../images/Blog_search_input.jpg);
	background-position:-165px 0px;
	background-repeat:no-repeat;	
}
.blog_search_box ul li.right a:active{
	background-position:-184px 0px;	
}
/*-------------------------博客正文------------------------------*/

.blog_detail_box_top {
	width:975px;height:21px;float:left;
	background-image:url(../images/Blog_detail_box_top.png);
	background-repeat:no-repeat;
}
.blog_work {
	width:975px; float:left; 
	background-image:url(../images/Blog_detail_box_bg_y.png);
	background-repeat:repeat-y;
}
.blog_work_inner{
	position:relative;
	margin-top:-14px;	
}
.blog_back{
	display:block;
	line-height:30px; color:#384040; text-align:left; text-indent:40px;
	font-size:14px; font-weight:bold; text-decoration:none;	
}
.blog_back:hover{
	text-decoration:none;	
}
.blog_back_bottom{
	width:135px; height:33px; float:left; position:relative;
	margin-left:-4px;	
}
.blog_back_bottom ul li{
	height:33px; display:block; float:left; line-height:33px;
	text-indent:10px;
}
.blog_back_bottom ul li a{
	width:35px; height:33px; float:left; display:block;
	background-image:url(../images/btn_page.jpg);
	background-repeat:no-repeat;	
}
.blog_back_bottom ul li a:hover{
	background-position:0px -33px;	
}
.blog_back_bottom ul li a:active{
	background-position:0px -66px;	
}
.blog_article_box{
	width:670px; margin-left:auto; margin-right:auto;
}

.blog_article{
	width:670px;float:left; margin-top:10px;	
}
.blog_article ul li{
	display:block; width:670px; float:left;	
}
.blog_article ul li.title{
	height:50px; line-height:50px; 	
	font-size:24px; font-weight:bold;color:#0286d0;
	text-decoration:none; font-family:Verdana, Geneva, sans-serif;
	font-family:"微软雅黑";
}

.blog_article ul li.time{
	height:16px; line-height:16px; margin-bottom:15px;color:#838989;	
}
.blog_article ul li.time span{
	display:block; height:16px; float:left;	
}
.blog_article ul li.overview{
	line-height:23px; margin-bottom:5px;color:#5a6363;	
}
.blog_article ul li.tag{
	height:30px; line-height:30px; width:670px; float:left; display:block;
	margin-bottom:30px; color:#939c9c;	
}
.comment_title{
	width:722px; height:31px; float:left; margin-left:1px;
	background-image:url(../images/Blog_comments_title.jpg);
	background-repeat:no-repeat;	
}
*html .comment_title{
	width:720px; margin-left:0px;	
}
.comment_title ul li{
	width:722px; height:31px; display:block; float:left; line-height:31px;
	color:#384040; font-size:14px; font-weight:bold; text-indent:30px;	
}
.comment_box{
	width:722px; float:left; padding-top:17px; padding-bottom:9px; 
	margin-left:1px; background:#efefef; border-top:#fff solid 1px; 
	border-bottom:#cccdce solid 1px; border-left:none; border-right:none;
}
*html .comment_box{
	width:721px; margin-left:1px;
}
*html .comment_box ul li.a{
	width:700px;
}
*html .comment_box ul li.b{
	width:675px; margin-left:15px;	
}
*html .comment_box ul li.c{
	width:700px; height:30px;	
}
*html .comment_box ul li.a span.icon{
	margin:8px 8px auto 5px;
	background-image:url(../images/Blog_detail_icon.jpg);
	background-position:0px -10px;
	background-repeat:no-repeat;	
}
*html .answer{
	width:721px; float:left; margin-left:1px;
}
*html .answer_box{
	width:701px;  padding-top:10px; padding-bottom:9px; 
}
*html .answer_box ul li{
	width:680px;	
}
*html .answert_box ul li.a2{
	width:680px;
}
*html .answer_box ul li.b2{
	width:600px; margin-left:20px;	
}

.comment_box ul li{
	display:block; float:left;	
}
.comment_box ul li.a{
	width:705px; height:22px; 
}
.comment_box ul li.a span{
	line-height:22px; display:block; float:left; font-family:"微软雅黑";
	font-size:14px; font-weight:bold;color:#292929;		
}
.comment_box ul li.a span.icon{
	width:10px; height:10px; margin:8px 8px auto 10px;
	background-image:url(../images/Blog_detail_icon.jpg);
	background-repeat:no-repeat;	
}
.comment_box ul li.a span.comment_time{
	float:right; font-size:11px; color:#838989; font-weight:lighter;	
}
.comment_box ul li.b{
	width:676px; color:#5a6363;	margin-left:29px; line-height:18px;
	margin-top:5px;
}
.comment_box ul li.c{
	width:705px; height:14px;  
	text-align:right; margin-bottom:8px;	
}
.comment_box ul li.c a{
	font-size:11px; color:#0094fb; text-decoration:none;
}
.comment_box ul li.c a:hover{
	text-decoration:underline;	
}
.add_comment_title{
	width:722px; height:30px; float:left; margin-left:1px;
	background-image:url(../images/Blog_comments_title.jpg);
	background-repeat:no-repeat; background-position:0px -31px;	
}
*html .add_comment_title{
	width:720px; margin-left:0px;	
}
.add_comment_title ul li{
	width:722px; height:30px; display:block; float:left; line-height:30px;
	color:#384040; font-size:14px; font-weight:bold; text-indent:30px;	
}
.add_comment{
	width:722px; height:238px; float:left; margin-left:1px;
	background:#efefef;
}
*html .add_comment{
	width:721px; 
}
.blog_bottom2{
	height:5px; background-image:url(../images/blog_overview.jpg);
	background-position:0px -42px; background-repeat:no-repeat;
}
.add_comment_box{
	width:640px; height:190px; float:left; margin:25px auto auto 16px;	
}
.add_comment_box ul li{
	display:block; width:640px; float:left;	
}
.add_comment_box ul li.ab{
	height:24px; line-height:24px; color:#7f8086; margin-bottom:7px;
}
.add_comment_box ul li.ab span{
	display:block; float:left; height:24px; line-height:24px;
}
.add_comment_box ul li.ab span.input_a{
	width:7px; background-image:url(../images/Blog_input.jpg);
	background-position:0px -24px; background-repeat:no-repeat;
}
.add_comment_box ul li.ab span.input_b{
	width:7px; background-image:url(../images/Blog_input.jpg);
	background-position:-7px -24px; background-repeat:no-repeat;
	
}
.add_comment_box ul li.ab span input{
	width:195px; height:24px; line-height:24px; background:none;
	border:none;	color:#5a6363;
}
.add_comment_box ul li.ab span.input_c{
	width:195px; height:24px;
	background-image:url(../images/Blog_input_mid_x.jpg);
	background-repeat:repeat-x;	
}
.add_comment_box ul li.ab span.name{
	color:#7f8086; line-height:24px; font-weight:bold; margin-left:12px;
}
.add_comment_box ul li.ab span.require{
	color:#7f8086; line-height:24px; font-style:italic; margin-left:6px;
}
.add_comment_box ul li.textarea{
	height:75px; margin-bottom:10px; text-align:left;	
}
.add_comment_box ul li.textarea textarea{
	height:73px; width:638px; border:1px #b4b6bb solid;	color:#5a6363;
}
.add_comment_box ul li.d{
	height:32px; line-height:32px;	
}
.add_comment_box ul li.d span{
	display:block; float:left; height:32px; line-height:32px;	
}
.add_comment_box ul li.d input{
	width:80px; height:18px; margin:5px auto auto 8px;	color:#5a6363;
}
.add_comment_box ul li.d span.captcha{
	color:#7f8086; font-weight:bold;	
}
.add_comment_box ul li.d span.captcha_img{
	margin:5px auto auto 10px; width:85px; height:23px;
}
.add_comment_box ul li.d span a.refresh{
	width:15px; height:15px; display:block; float:left; 
	margin:10px auto auto 9px;
	background-image:url(../images/Blog_refresh.jpg);
	background-position:-15px 0px;
}
.add_comment_box ul li.d span.send{
	width:153px; height:32px; float:right; margin-right:15px;	
}
.add_comment_box ul li.d span.send a{
	width:153px; height:32px; display:block;
	background-image:url(../images/Blog_post_comment_btn.jpg);
	background-position:-153px 0px;
	background-repeat:no-repeat;	
}
.add_comment_box ul li.d span.send a:hover{
	background-position:-153px -32px;
}
.add_comment_box ul li.d span.send a:active{
	background-position:-153px -64px;
}
.answer{
	width:722px; float:left; margin-left:1px; background:#c1c6ca;
}
.answer_box_left{
	width:20px; height:15px; margin-top:33px; float:left;
	background-image:url(../images/Blog_repay_item_left.jpg);
	background-repeat:no-repeat;
}
.answer_box{
	width:702px; float:left; padding-top:10px; padding-bottom:9px; 
	background:#efefef; border-top:#fff solid 1px; 
	border-bottom:#cccdce solid 1px; border-left:none; border-right:none;
}
.answer_box ul li{
	display:block; float:left; width:684px;	
}
.answert_box ul li.a2{
	width:684px; height:22px; 
}
.answer_box ul li.a2 span{
	line-height:22px; display:block; float:left; font-family:"微软雅黑";
	font-size:14px; font-weight:bold;color:#292929;		
}
.answer_box ul li.a2 span.icon2{
	width:10px; height:10px; margin:8px 8px auto 10px;
	background-image:url(../images/Blog_detail_icon.jpg);
	background-position:0px -10px;
	background-repeat:no-repeat;	
}
.answer_box ul li.a2 span.comment_time2{
	float:right; font-size:11px; color:#838989; font-weight:lighter;	
}
.answer_box ul li.b2{
	width:654px; color:#5a6363;	margin-left:29px; line-height:18px;
	margin-top:5px;
}
.comment-reply-form{
	width:722px; height:215px; float:left; margin-left:1px;
	background:#e5e6e6;border-top:#fff solid 1px; 
	border-bottom:#cccdce solid 1px; border-left:none; border-right:none;
}
.add_comment_box ul li.ab span.input_a_02{
	width:7px; background-image:url(../images/Blog_input.jpg);
	background-position:0px 0px; background-repeat:no-repeat;
}
.add_comment_box ul li.ab span.input_b_02{
	width:7px; background-image:url(../images/Blog_input.jpg);
	background-position:-7px 0px; background-repeat:no-repeat;
}
.add_comment_box ul li.d span.send_02{
	width:153px; height:32px; float:right; margin-right:15px;
}
.add_comment_box ul li.d span.send_02 a{
	width:153px; height:32px; display:block;
	background-image:url(../images/Blog_post_comment_btn.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;	
}
.add_comment_box ul li.d span.send_02 a:hover{
	background-position:0px -32px;
}
.add_comment_box ul li.d span.send_02 a:active{
	background-position:0px -64px;
}
*html .comment-reply-form{
	width:721px;
}
*html .add_comment_box{
	width:640px; height:190px; float:left; margin:18px auto auto 8px;	
}

/*--------------------Designer's list-------------------------*/

.notice_left{
	width:12px; height:35px; display:block; float:left; margin-left:15px;
	background-image:url(../images/designer_list_title.jpg);
	background-repeat:no-repeat;	
}
.notice_mid{
	width:656px; height:35px; display:block; float:left;
	background-image:url(../images/designer_list_mid_x.jpg);
	background-repeat:repeat-x;
}
.notice_mid marquee{
	width:645px; height:35px; margin-left:auto; margin-right:auto;
	color:#4a4c54; font-size:14px; line-height:32px;
}
.notice_right{
	width:26px; height:35px; display:block; float:left;
}
.notice_right a{
	display:block; width:26px; height:35px;
	background-image:url(../images/designer_list_title.jpg);
	background-position:-12px 0px;
	background-repeat:no-repeat;	
}
.notice_right a:hover{
	background-position:-38px 0px;	
}
.notice_right a:active{
	background-position:-64px 0px;	
}
.list_box{
	width:227px; margin-left:10px; margin-top:23px; float:left;
}
*html .list_box{
	margin-left:7px;
}
.list_panel{
	width:227px; float:left; margin-bottom:30px;	
}
.list_panel ul li{
	width:227px; display:block; float:left;	
}
.list_panel ul li.top_list{
	height:31px; background-image:url(../images/list_panel_top.jpg);
	background-repeat:no-repeat;
	line-height:28px; font-size:14px; font-weight:bold; color:#384040;
	text-indent:15px; position:relative; z-index:1;
}
*html .list_panel ul li.top_list{
	position:static;
}
.list_panel ul li.mid_list{
	background-image:url(../images/list_panel_mid_y.jpg);
	background-repeat:repeat-y; margin-top:-1px;
}
.list_panel ul li.bottom_list{
	height:1px; background-image:url(../images/list_panel_bottom.jpg);
	background-repeat:no-repeat;	
}
.list_btn{
	width:224px; height:38px; display:block; margin-left:1px; float:left;
	background-image:url(../images/list_btn.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat; text-indent:37px; line-height:37px;
	color:#484848; text-decoration:none;
}
*html .list_btn{
	width:222px;	
}
.list_btn:hover{
	background-position:0px -38px; color:#0286d0;
}
.blog_main_inner_list{
	width:959px; height:auto; background:#f2f2f3; padding-left:2px;
}
.change_link_box{
	width:227px; height:270px; float:left; 
}
.change_link_box ul li{
	width:227px; display:block; float:left;	
}
.change_link_box ul li.change_top{
	height:25px; line-height:25px; font-size:18px; font-weight:bold;
	color:#74767c; background-image:url(../images/list_icon.jpg);
	background-position:15px 0px; background-repeat:no-repeat;
	text-indent:50px;	
}
.change_link_box ul li.change_mid{
	width:190px; margin-left:20px; color:#676a70; line-height:22px;
	margin-top:18px;	
}
*html .change_link_box ul li.change_mid{
	margin-left:9px;	
}
.change_link_box ul li.change_bottom{
	width:139px; height:33px; margin-left:40px; margin-top:30px;	
}
*html .change_link_box ul li.change_bottom{
	margin-left:20px;
}
.change_link_box ul li.change_bottom a{
	width:139px; height:33px; display:block;
	background-image:url(../images/list_btn_contact.jpg);
	background-position:0px 0px; background-repeat:no-repeat;	
}
.change_link_box ul li.change_bottom a:hover{
	background-position:0px -33px;	
}
.change_link_box ul li.change_bottom a:active{
	background-position:0px -66px;	
}

/*------------------------------contact---------------------------*/
.menu a.contact2 {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px -24px;
}
* html .menu a.contact2:hover {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px -24px;
}
* html .menu a.contact2:active {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px -48px;
}
.menu :hover > a.contact2 {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px -24px;
}
.menu a.contact2:active {
	width:92px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-429px -48px;
}
.popular_title_contact{
	width:961px; height:55px; float:left;
	background-image:url(../images/contact_main_title_x.jpg);
	background-repeat:repeat-x;	
}
*html .popular_title_contact{
	position:relative;
}
.popular_title_contact ul li{
	display:block; float:left;	
}
.popular_title_contact ul li.pop_title{
	color:#5a6363; font-size:18px; font-weight:bold; line-height:55px;	
}
.popular_title_contact ul li span.pop_title_02_contact{
	display:block; height:55px; float:left;
	color:#5a6363; font-size:18px; font-weight:bold; line-height:53px;	
}
.tab {
	float:left; height:55px; width:514px;
	background-image:url(../images/contact_btn.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.tab a{
	display:block; height:55px; float:left; 
}

.prev_contact{
	width:72px; height:25px; display:block; float:left;	
}

.next_contact{
	width:72px; height:25px; display:block; float:left;	
}

.mask {
	CLEAR: both; FLOAT: left;OVERFLOW: hidden; WIDTH: 100%; POSITION: relative;
}
.mask .maskCon {
	WIDTH: 5000px; 
}

.mask .maskCon .innerCon {
	FLOAT: left; margin-top:30px; 
	width:961px;
}
.contact_intro{
	width:880px; float:left; margin-left:25px; margin-bottom:45px;
	background-image:url(../images/contact_title_icon.jpg);
	background-repeat:no-repeat;
	background-position:0px 8px;
}
*html .contact_intro{
	margin-left:10px;	
}
.contact_intro ul li{
	width:880px; float:left; display:block; line-height:24px;
	text-indent:15px;
}
.contact_intro ul li.english_intro{
	color:#646868; font-weight:bold;
}

.contact_intro ul li.chinese_intro{
	color:#858888; 
}
.contact_input_box{
	width:680px; height:140px; float:left; margin-left:40px;	
}
*html .contact_input_box{
	margin-left:17px;	
}
.contact_input_inner{
	width:289px; height:60px; float:left; margin-right:42px;
	margin-bottom:5px; 	
}
*html .contact_input_inner ul li{
	width:295px; 
}
.contact_input_inner ul li{
	width:289px; float:left; display:block;	
}
.contact_input_inner ul li.input_text{
	height:36px; line-height:36px; color:#7f8086; text-indent:4px;
}
.contact_input_inner ul li.input_container{
	height:24px; line-height:24px;	
}
.contact_input_inner ul li.input_container span {
	display:block; float:left; height:24px; 	
}
.contact_input_inner ul li.input_container span.contact_span01{
	width:5px;
	background-image:url(../images/contact_input.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;	
}
.contact_input_inner ul li.input_container span.contact_span02{
	width:5px;
	background-image:url(../images/contact_input.jpg);
	background-position:-5px 0px;
	background-repeat:no-repeat;	
}
.contact_input_inner ul li.input_container span.contact_input_mid{
	width:279px; background-image:url(../images/Blog_input_mid_x.jpg);
	background-repeat:repeat-x;		
}

.contact_input_inner ul li.input_container span.contact_input_mid input{
	width:279px; height:24px; line-height:24px; border:none; 
	background:none; color:#646868;	
}
.add_comment_box_02{
	width:640px; height:190px; float:left; margin:0px auto 70px 40px;	
}
*html .add_comment_box_02{
	margin:0px auto 70px 17px;	
}

.add_comment_box_02 ul li{
	display:block; width:640px; float:left;	
}
.add_comment_box_02 ul li.say{
	height:36px; line-height:36px; color:#7f8086; text-indent:4px;
}
.add_comment_box_02 ul li.textarea_02{
	height:103px; margin-bottom:25px; text-align:left;	
}
.add_comment_box_02 ul li.textarea_02 textarea{
	height:103px; width:638px; border:1px #b4b6bb solid;color:#5a6363;
}
.add_comment_box_02 ul li.d_02{
	height:32px; line-height:32px;	
}
.add_comment_box_02 ul li.d_02 span{
	display:block; float:left; height:32px; line-height:32px;	
}
.add_comment_box_02 ul li.d_02 input{
	width:80px; height:18px; margin:5px auto auto 8px;	color:#5a6363;
}
.add_comment_box_02 ul li.d_02 span.captcha_02{
	color:#7f8086; font-weight:bold;	
}
.add_comment_box_02 ul li.d_02 span.captcha_img_02{
	margin:5px auto auto 10px; width:85px; height:23px;
}
.add_comment_box_02 ul li.d_02 span a.refresh_02{
	width:15px; height:15px; display:block; float:left; 
	margin:10px auto auto 9px;
	background-image:url(../images/Blog_refresh.jpg);
	background-position:-15px 0px;
}
.add_comment_box_02 ul li.d_02 span.send_02{
	width:133px; height:32px; float:right; margin-right:30px;	
}
.add_comment_box_02 ul li.d_02 span.send_02 a{
	width:133px; height:32px; display:block;
	background-image:url(../images/contact_sendform_btn.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;	
}
.add_comment_box_02 ul li.d_02 span.send_02 a:hover{
	background-position:0px -32px;
}
.add_comment_box_02 ul li.d_02 span.send_02 a:active{
	background-position:0px -64px;
}
.contact_intro_02 ul li.english_intro_02{
	color:#646868; font-weight:bold; line-height:18px;
}

.contact_intro_02 ul li.chinese_intro_02{
	color:#858888; line-height:18px;
}
.contact_input_box_02{
	width:402px; float:left; margin-left:40px; margin-bottom:10px;
	height:350px;
}
*html .contact_input_box_02{
	margin-left:18px;
}
.contact_chick_box{
	width:413px; height:300px; float:left; margin-top:30px; 	
}
.contact_chick_box ul li{
	display:block; float:left; width:413px;	
}
.contact_chick_box ul li.chick_title{
	color:#6d7171; 	
}
.contact_chick_box ul li.chick_title span{
	font-weight:bold;	
}
.contact_chick_box ul li.chick_item {
	color:#7f8086; height:30px; line-height:30px;
}
.contact_chick_box ul li.chick_item label{
	cursor:pointer;
}
.contact_chick_box ul li.chick_item input{
	margin-right:8px;
}
.contact_notice{
	margin-left:40px; float:left; width:550px; height:36px;
	margin-bottom:10px;
}
*html .contact_notice{
	margin-left:18px;	
}
.contact_notice ul li{
	width:550px; height:18px; line-height:18px; color:#bcbcbe; 
	float:left; display:block;
}
.contact_intro_02{
	width:880px; float:left; margin-left:25px; margin-bottom:45px;
	background-image:url(../images/contact_title_icon.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
}
*html .contact_intro_02{
	margin-left:10px;
}
.contact_intro_02 ul li{
	width:880px; float:left; display:block; line-height:24px;
	text-indent:15px;
}
.contact_chick_box_02{
	width:710px; height:185px; float:left; margin-top:30px;
	margin-left:40px; border-bottom:1px #989ba3 dotted; 	
}
.contact_chick_box_02 ul li{
	display:block; float:left;
}
.contact_chick_box_02 ul li.chick_title_02{
	color:#6d7171;  width:710px;		
}
.contact_chick_box_02 ul li.chick_title_02 span{
	font-weight:bold;	
}
.contact_chick_box_02 ul li.chick_item_02 {
	color:#7f8086; height:30px; line-height:30px; width:412px;
}
.contact_chick_box_02 ul li.chick_item_02 label{
	cursor:pointer;
}
.contact_chick_box_02 ul li.chick_item_02 input{
	margin-right:8px;
}
.contact_chick_box_02 ul li.chick_item_03 {
	color:#7f8086; height:30px; line-height:30px; width:290px;
}
.contact_chick_box_02 ul li.chick_item_03 label{
	cursor:pointer;
}
.contact_chick_box_02 ul li.chick_item_03 input{
	margin-right:8px;
}
.contact_notice_02{
	margin-left:40px; float:left; width:550px; height:36px;
	margin-bottom:10px; margin-top:22px;
}
.contact_notice_02 ul li{
	width:550px; height:18px; line-height:18px; color:#bcbcbe; 
	float:left; display:block;
}
.contact_search_box{
	width:710px; min-height:100px; float:left; color:#6d7171;
	margin-left:40px; border-bottom:1px #989ba3 dotted; 	
}
.contact_search_box ul li{
	width:710px; display:block; float:left;	
}
.contact_search_box ul li.browse{
	margin-top:15px;	
}
*html .contact_chick_box_02{
	margin-left:18px; 	
}
*html .contact_search_box{
	margin-left:18px;	
}
*html .contact_notice_02{
	margin-left:18px;
}

/*---------------------------ABOUT US-----------------------------*/
.menu a.about2 {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px -24px;
}
* html .menu a.about2:hover {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px -24px;
}
* html .menu a.about2:active {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px -48px;
}
.menu :hover > a.about2 {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px -24px;
}
.menu a.about2:active {
	width:89px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-340px -48px;
}
.about_tab{
	width:264px; height:35px; float:right; margin-right:14px;
	background-image:url(../images/abou_tab.jpg);
	background-repeat:no-repeat; background-position:0px 0px;	
}
.about_tab ul li{
	display:block; float:left; height:35px;	
}
.about_tab ul li a{
	display:block; float:left; height:23px; margin-top:6px;
}
.about_tab ul li a.tab_client{
	width:64px; margin-right:22px;
}
*html .about_tab ul li a.tab_client{
	width:64px; margin-right:10px;
}
.about_tab ul li a.tab_member{
	width:64px;	
}
*html .about_tab ul li a.tab_member{
	width:64px; margin-left:13px;	
}
.innerCon2{
	width:961px; margin-top:7px; float:left;
}
.about_career{
	width:946px; margin-left:auto; margin-right:auto;
}
.about_career_top{
	width:946px; height:5px; float:left;
	background-image:url(../images/about_blue_bg.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.about_career_container{
	/*background:#0286d0;*/width:946px; /*height:635px; */float:left;
}
*html .about_career_container{
	margin-top:-9px;	
}
.about_career_left{
	width:660px;background:#0286d0; /*height:635px; */float:right; padding:12px 20px 20px 20px; color:#FFF; line-height:160%
}

.about_career_left ul{
	width:580px; display:block; float:left; margin-left:28px; 
	margin-top:5px;
}
*html .about_career_left ul{
	margin-left:12px; 
}
.about_career_left ul li{
	width:580px; display:block; float:left; color:#fff; font-size:14px;
	line-height:21px; 
}
.about_career_left ul li.career_title{
	color:#fff; font-size:60px; line-height:70px;	
}
.about_career_right{
	width:216px; /*height:635px; */float:left;/* background:#edebe6;*/
}
.about_career_right_top{
	width:281px; height:435px; float:left;	
}
.about_career_right_top ul{
	width:270px; display:block; float:left; margin-left:27px;
	margin-top:20px;	
}
*html .about_career_right_top ul{
	margin-left:15px;
	
}
.about_career_right_top ul li{
	width:270px; display:block; float:left; color:#363636;
	font-size:12px; line-height:18px;	
}
.about_career_right_top ul li.career_right_title{
	font-size:44px; line-height:60px;	
}
.about_career_right_top ul li.career_right_title2{
	font-size:18px; line-height:30px;	
}
.about_career_right_bottom{
	width:311px; height:205px;float:left;
	background:#a9d5c6;	
}
.about_career_right_bottom ul{
	width:311px; height:205px; display:block; float:left;
	background-image:url(../images/about_point_icon.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;	
}
.about_career_right_bottom ul li{
	width:269px; height:45px; margin:79px auto auto auto;
	background-image:url(../images/about_find_us.jpg);
	background-position:left; background-repeat:no-repeat;
}
.about_career_right_bottom ul li a.facebook{
	height:41px; width:41px; display:block; float:left; margin-left:110px;
	margin-top:2px;
	background-image:url(../images/about_sns.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;	
}
*html .about_career_right_bottom ul li a.facebook{
	margin-left:53px;	
}
.about_career_right_bottom ul li a.facebook:hover{
	background-position:0px -41px;
}
.about_career_right_bottom ul li a.weibo{
	height:41px; width:52px; display:block; float:left; margin-left:12px;
	margin-top:2px;
	background-image:url(../images/about_sns.jpg);
	background-position:-41px 0px;
	background-repeat:no-repeat;	
}
*html .about_career_right_bottom ul li a.weibo{
	margin-left:9px;
}
.about_career_right_bottom ul li a.weibo:hover{
	background-position:-41px -41px;
}
.about_career_right_bottom ul li a.tudou{
	height:41px; width:41px; display:block; float:left; margin-left:12px;
	margin-top:2px;
	background-image:url(../images/about_sns.jpg);
	background-position:-93px 0px;
	background-repeat:no-repeat;	
}
*html .about_career_right_bottom ul li a.tudou{
	margin-left:9px;
}
.about_career_right_bottom ul li a.tudou:hover{
	background-position:-93px -41px;
}
.about_career_container_footer{
	background:#edebe6; width:946px; height:210px; float:left;	
}
.about_career_bottom{
	width:946px; height:5px; float:left; margin-bottom:8px;
	background-image:url(../images/about_blue_bg.jpg);
	background-position:0px -5px;
	background-repeat:no-repeat;
}
*html .about_career_bottom{
	margin-bottom:2px;
}
.site_map{
	width:280px; height:185px; float:left; margin:15px 0px 0px 20px;	
}
*html .site_map{
	margin-left:10px;	
}
.site_map ul li{
	width:280px; display:block; float:left;	 color:#363636; 
}
.site_map ul li.title_map{
	font-size:18px; font-weight:bold;line-height:36px;
}
.site_map ul li span{
	display:block; float:left; height:18px; 
	line-height:18px; font-size:10px;	
}
.site_map ul li span.map_head{
	font-weight:bold; width:90px;	
}
.site_map ul li span.map_head a{
	 color:#363636; text-decoration:none;	
}
.site_map ul li span.map_head a:hover{
	 color:#363636; text-decoration:none;	
}
.site_map ul li span a{
	 color:#363636; text-decoration:none;	
}
.site_map ul li span a:hover{
	 color:#363636; text-decoration:none;	
}
.other_site{
	width:280px; height:185px; float:left; margin:15px 0px 0px 80px;	
}
*html .other_site{
	margin-left:65px;	
}
.other_site ul li{
	width:280px; display:block; float:left;	color:#363636; 
	line-height:18px;
}
.other_site ul li.other_title{
	font-size:18px; font-weight:bold;line-height:36px;
}
.other_site ul li.other_follow{
	font-style:italic; line-height:30px;	
}
.other_site ul li a{
	color:#363636; text-decoration:none;
}
.other_site ul li a:hover{
	color:#363636; text-decoration:none;
}
.about_contact{
	width:240px; height:185px; float:left; margin:15px 0px 0px 31px;	
}
*html .about_contact{
	margin-left:25px;	
}
.about_contact ul li{
	width:240px; display:block; float:left;	color:#363636; 
	line-height:18px;
}
.about_contact ul li.QQ_title{
	font-size:18px; font-weight:bold;line-height:36px;
}

/*----------------------------THINKING-------------------------*/
.menu a.thinking2 {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-156px -24px;
}
* html .menu a.thinking2:hover {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-156px -24px;
}
* html .menu a.thinking2:active {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-138px -48px;
}
.menu :hover > a.thinking2 {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-156px -24px;
}
.menu a.thinking2:active {
	width:94px;
	height:24px;
	display:block;
	background-image:url(../images/menu.jpg);
	background-position:-156px -48px;
}
.thinking_tab{
	width:314px; height:35px; float:right; margin-right:14px;
	background-image:url(../images/thinking_tab.jpg);
	background-repeat:no-repeat; background-position:0px 0px;	
}
.thinking_tab ul li{
	display:block; float:left; height:35px;	
}
.thinking_tab ul li a{
	display:block; float:left; height:23px; margin-top:6px;
}
.thinking_tab ul li a.tab_movie{
	width:90px; margin-right:13px; 
}
.thinking_tab ul li a.tab_future{
	width:90px;	
}
.prev_thinking{
	width:72px; height:25px; display:block; float:left;	
}

.next_thinking{
	width:72px; height:25px; display:block; float:left;	
}
.innerCon3{
	width:961px; margin-top:10px; float:left;
}
.thinking_main{
	width:942px; height:601px; margin-left:auto; margin-right:auto;
	background-image:url(../images/Thinking_container_mid.jpg);
	background-repeat:repeat-x;	
}
.thinking_main ul.focus01{
	display:block;width:942px; height:601px;
	background-image:url(../images/Thinking_container_left.jpg);
	background-repeat:no-repeat; background-position:left; 	
}
*html .thinking_main ul.focus01{
	 background-position:0px 0px; 	
}
.thinking_main ul li.focus02{
	display:block;width:942px; height:601px;
	background-image:url(../images/Thinking_container_right.jpg);
	background-repeat:no-repeat; background-position:right; 	
}
.thinking_main_top{
	width:942px; height:127px; float:left; 	
}
.thinking_main_top ul{
	padding:21px 38px 16px 25px; display:block; float:left;
	width:879px; height:90px;	
}
*html .thinking_main_top ul{
	padding:19px 28px 12px 25px;	
}
.thinking_main_top ul li{
	line-height:18px; color:#5a6363;
	display:block; width:879px;
}
.thinking_main_mid{
	width:942px; height:17px; float:left;
}
.thinking_iframe_box{
	width:942px; height:437px; float:left;
}
.thinking_foot{
	width:942px; height:218px; margin-top:10px;	
	margin-left:auto; margin-right:auto;
}
.thinking_foot_top{
	width:942px; height:10px; float:left;
	background-image:url(../images/Thinking_foot_top.jpg);
	background-repeat:no-repeat;	
}
.thinking_foot_bottom{
	width:942px; height:10px; float:left;
	background-image:url(../images/Thinking_foot_bottom.jpg);
	background-repeat:no-repeat;	
}
.thinking_foot_mid{
	width:942px; height:198px; float:left;
	background-image:url(../images/Thinking_foot_bg.jpg);
	background-repeat:repeat-y;	
}
*html .thinking_foot_mid{
	margin-top:-4px;
}
.thinking_chat_box{
	width:267px; height:150px; float:left; margin-top:24px; 
	margin-left:33px; margin-right:8px;	
}
*html .thinking_chat_box{
	margin-left:15px; margin-right:20px;	
}
.thinking_chat_box ul li{
	width:267px; display:block; float:left;	
}
.thinking_chat_box ul li.chat_title{
	height:40px;font-size:18px; font-weight:bold; color:#0286d0;
	line-height:40px;	
}
.thinking_chat_box ul li.chat_title span.t1{
	display:block; height:40px; float:left;	
}
.thinking_chat_box ul li.chat_title span.t2{
	width:14px; display:block; height:40px; float:left; margin-left:5px;
	background-image:url(../images/Thinking_xinhao.jpg);
	background-position:top; background-repeat:no-repeat;
}
.thinking_chat_box ul li.chat_text{
	color:#666c6c;line-height:18px;	
}
.thinking_chat_box_right{
	width:40px; height:150px; float:left; 	
}
.iframe_box{
	width:940px; height:437px;
}
.iframe_prev_box{
	width:30px; height:437px; float:left;		
}
.iframe_prev_btn{
	width:24px; height:49px; float:left; margin-top:170px;	
}
.iframe_prev_btn a{
	display:block; width:24px; height:49px; 
	background-image:url(../images/Thinking_page.jpg);
	background-repeat:no-repeat; background-position:0px 0px;	
}
.iframe_prev_btn a:hover{
	background-position:0px -49px;	
}
.iframe_prev_btn a:active{
	background-position:0px -98px;	
}
.iframe_next_box{
	width:31px; height:437px; float:left;		
}
.iframe_next_btn{
	width:24px; height:49px; float:right; margin-top:170px;	
}
.iframe_next_btn a{
	display:block; width:24px; height:49px; 
	background-image:url(../images/Thinking_page.jpg);
	background-repeat:no-repeat; background-position:-24px 0px;	
}
.iframe_next_btn a:hover{
	background-position:-24px -49px;	
}
.iframe_next_btn a:active{
	background-position:-24px -98px;	
}

.mask_frame {
	FLOAT: left;OVERFLOW: hidden; WIDTH:879px; POSITION: relative;
}
.mask_frame .maskCon_frame {
	WIDTH: 5000px; 
}
.mask_frame .maskCon_frame .innerCon4 {
	width:879px; height:437px; float:left;
}
.thought_item{
	width:219px; height:437px; float:left;
	border-right:1px #93959a dotted;
}
.thought_item_img{
	width:195px; height:242px; float:left;
	margin-left:12px; margin-top:6px; margin-bottom:7px;
}
*html .thought_item_img{
	margin-left:6px;
}
.thought_text_container{
	width:219px; height:180px; float:left;	
}
.thought_text_container ul{
	width:195px; height:180px; display:block; 
	margin-left:auto; margin-right:auto;	
}
.thought_text_container ul li{
	display:block; float:left; width:195px;	
}
.thought_text_container ul li.thought_title{
	height:35px; line-height:35px; color:#3c4646; font-size:18px;
	font-weight:bold;	
}
.thought_text_container ul li.thought_text{
	height:90px; overflow:hidden; color:#5a6363; line-height:18px;	
}
.thought_text_container ul li.thought_btn{
	height:32px;
}
.thought_text_container ul li.thought_btn a{
	display:block; width:133px; height:32px; float:left;
	background-image:url(../images/Thinking_btn.jpg);
	background-repeat:no-repeat; background-position:0px 0px;	
}
.thought_text_container ul li.thought_btn a:hover{
	background-position:0px -32px;	
}
.thought_text_container ul li.thought_btn a:active{
	background-position:0px -64px;	
}
.about_client_top{
	width:946px; height:5px; float:left;
	background-image:url(../images/about_client_bg.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.about_client_container{
	background:#fff;width:946px; height:635px; float:left;
}
*html .about_client_container{
	margin-top:-9px;	
}
.about_client_left{
	width:634px; height:635px; float:left; border-left:1px solid #c0c2ca;
}
.about_client_right_top{
	width:311px; height:435px; float:left;	
}
.about_client_right_top ul{
	width:270px; display:block; float:left; margin-left:27px;
	margin-top:20px;	
}
*html .about_client_right_top ul{
	margin-left:15px;
	
}
.about_client_right_top ul li{
	width:270px; display:block; float:left; color:#fff;
	font-size:12px; line-height:18px;	
}
.about_client_right_top ul li.career_right_title{
	font-size:44px; line-height:60px;	
}
.about_client_right_top ul li.career_right_title2{
	font-size:18px; line-height:30px;	
}
.about_client_right{
	width:311px; height:635px; float:left; background:#223e7f;
}
.about_client_right_bottom{
	width:311px; height:205px;float:left;
	background:#223e7f;	
}
.about_client_right_bottom ul{
	width:311px; height:205px; display:block; float:left;
	background-image:url(../images/client_point_icon.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;	
}
.client_logo_topleft{
	width:212px; height:91px; float:left; border-right:1px dotted #c0c2ca;
	border-bottom:1px dotted #c0c2ca;	
}
.client_logo_top{
	width:210px; height:91px; float:left; border-right:1px dotted #c0c2ca;
	border-bottom:1px dotted #c0c2ca;	
}
.client_logo_topright{
	width:210px; height:91px; float:left;
	border-bottom:1px dotted #c0c2ca;	
}
.client_logo_midleft{
	width:212px; height:89px; float:left; border-right:1px dotted #c0c2ca;
	border-bottom:1px dotted #c0c2ca;	
}
.client_logo{
	width:210px; height:89px; float:left; border-right:1px dotted #c0c2ca;
	border-bottom:1px dotted #c0c2ca;	
}
.client_logo_midright{
	width:210px; height:89px; float:left;
	border-bottom:1px dotted #c0c2ca;	
}
.client_logo_bottomleft{
	width:212px; height:93px; float:left; border-right:1px dotted #c0c2ca;
	border-bottom:1px dotted #c0c2ca;	
}
.client_logo_bottom{
	width:210px; height:93px; float:left; border-right:1px dotted #c0c2ca;
	border-bottom:1px dotted #c0c2ca;	
}
.client_logo_bottomright{
	width:210px; height:93px; float:left;
	border-bottom:1px dotted #c0c2ca;	
}
.about_member_right{
	width:280px; height:635px; float:left; background:#aa2d2d;
}
.about_member_right_bottom{
	width:311px; height:205px;float:left;
	background:#aa2d2d;	
}
.about_member_right_bottom ul{
	width:311px; height:205px; display:block; float:left;
	background-image:url(../images/member_point_icon.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;	
}
.about_member_top{
	width:946px; height:5px; float:left;
	background-image:url(../images/about_member_bg.jpg);
	background-position:-1px 0px;
	background-repeat:no-repeat;
}
.about_member_left{
	width:665px; height:635px; float:left; background:#1f2123;
}
.member_card{
	width:127px; height:265px; float:left; margin:22px 3px 13px 25px;	
}
*html .member_card{
	margin-left:18px;	
}
.card_img{
	width:92px; height:124px; float:left; border:4px #000 solid;
	margin-bottom:10px;	
}
.card_text{
	width:127px; float:left;	
}
.card_text ul li{
	width:127px; float:left; display:block;	
}
.card_text ul li.card_name{
	line-height:18px; color:#FFF; text-align:left; font-weight:bold;	
}
.card_text ul li.card_position{
	line-height:16px; color:#85d5ff; text-align:left; font-size:11px;
}
.card_text ul li.card_info{
	line-height:14px; color:#fff; text-align:left; font-size:10px;
}
/*Page*/
.page {
	FLOAT: right; RIGHT: 7px; HEIGHT: 20px; MARGIN: 0; PADDING: 0
}
.page p {
	BORDER: 1px #CCC solid; FLOAT: left; HEIGHT: 16px; PADDING: 2px; MARGIN-RIGHT: 5px
}
.page .pagebody {
	BACKGROUND: #FFF; PADDING: 2px; color:#6F7273;
}
.page .pagenumbody {
	BACKGROUND: #FFF; PADDING: 2px 8px; color:#6F7273
}
.page .onpagenumbody {
	COLOR: #ff0000; BACKGROUND: #F2f2f2; PADDING: 2px 8px
}
.page .pagetotal {
	BACKGROUND: #FFF; PADDING: 2px 5px
}
/*Page*/
.paginationL {
	FLOAT:Left; color:#6F7273;
}
.paginationL2 {
	FLOAT:right; color:#6F7273;/* color:#FFFFFF;*/
}
.pagenum {
	FLOAT: left
}
.paginationL .page-skip {
	COLOR: #999; FLOAT: left; MARGIN-LEFT: 10px; HEIGHT: 23px; LINE-HEIGHT: 23px; OVERFLOW: hidden; PADDING: 0 5px; TEXT-ALIGN: center; WHITE-SPACE: nowrap; FONT-SIZE: 13px; VERTICAL-ALIGN: middle; FONT-FAMILY: Arial,SimSun
}
.paginationL span,.pagenum span {
	DISPLAY: block; FLOAT: left; PADDING: 0 5px; HEIGHT: 21px;color:#6F7273;
}
.paginationL span.page-cur,.pagenum span.page-cur {
	LINE-HEIGHT: 21px; HEIGHT: 21px; BORDER: #ff5400 1px solid; BACKGROUND: white; TEXT-ALIGN: center; MARGIN-RIGHT: 3px; COLOR: #ff5400; FONT-WEIGHT: bold
}
.paginationL a,.pagenum a {
	DISPLAY: block; FLOAT: left; HEIGHT: 21px; PADDING: 0 5px; LINE-HEIGHT: 21px; BORDER: #c6c6c6 1px solid; BACKGROUND: white; TEXT-ALIGN: center; MARGIN-RIGHT: 3px; COLOR: #6F7273;
}
.paginationL a:hover,.pagenum a:hover {
	BORDER: #ff5400 1px solid; TEXT-ALIGN: center; COLOR: #ff5400; TEXT-DECORATION: none
}
.paginationL a.page-prev,.pagenum a.page-prev {
	DISPLAY: block; FLOAT: left; PADDING: 0 5px; HEIGHT: 21px; BACKGROUND: url(../images/page.gif) white no-repeat 4px 0; PADDING-LEFT: 12px; color:6F7273;
}
.paginationL a.page-next {
	FLOAT: left; HEIGHT: 21px; FONT-WEIGHT: normal; BACKGROUND: url(../images/page.gif) white no-repeat right -26px; PADDING-RIGHT: 12px;color:6F7273;
}
/**************/
.paginationL a.page-prev2,.pagenum a.page-prev2 {
	DISPLAY: block; FLOAT: left; PADDING: 0 5px; HEIGHT: 21px; BACKGROUND: url(../images/page2.gif) white no-repeat 4px 0; PADDING-LEFT: 12px; color:6F7273;
}
.paginationL a.page-next2 {
	FLOAT: left; HEIGHT: 21px; FONT-WEIGHT: normal; BACKGROUND: url(../images/page2.gif) white no-repeat right -26px; PADDING-RIGHT: 12px;color:6F7273;
}
/**********************/
.paginationL .text {
	BACKGROUND: url(../images/input-bg.png) white no-repeat 0px 0px; BORDER: #a7a6aa 1px solid; COLOR: #333; WIDTH: 25px; PADDING: 2px; MARGIN: 0px 3px; _DISPLAY: in-line
}
.paginationL .button {
	WIDTH: 52px; HEIGHT: 22px; LINE-HEIGHT: 22px; BACKGROUND: url(../images/page.gif) no-repeat right -50px; BORDER: none
}

.pageOFF {
	FLOAT: left; HEIGHT: 21px; FONT-WEIGHT: normal; BACKGROUND: url(../images/page.gif) white no-repeat right -26px; PADDING-RIGHT: 12px;color:6F7273;
}