﻿html, body{ background:#940000 url() repeat-x left top;}
body{font-family:Microsoft YaHei, Arial, "宋体", sans-serif; line-height:1.5;color: #888;}

/* ====== Links ====== */
a {color: #3399cc; text-decoration: none;}

/* ====== Headings ====== */
h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#78bbe6;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#3399CC;}
h6, .h6{font-size:108%; font-weight:normal; font-style: normal; color:#333;}
h4 a {color: #333;}

.wapper { width: 910px;padding: 10px 0;margin: 0 auto;background:url() no-repeat center top;}

/*--页头--*/
.header {padding-bottom: 10px;}
	.header h1 { width: 480px; height:100px; text-indent: -9999px; background: transparent url(logo.png) no-repeat center left; cursor:pointer;}
	.header h1 {_background: transparent url(logo_ie6.gif) no-repeat center left;}

/*--页脚--*/
.footer {margin-top: 20px;color: #fff;}
	.footer a {color: #266c9c;}
	.footer a:hover {color: #ccc;}

/*--顶部搜索条--*/
.searchform {_width: 215px;}
#formsearch {padding-top:6px ;height:30px;}
	#formsearch span {float:left;display:block;background:url(search_bg.gif) no-repeat left top;}
	#formsearch input.editbox_search {float:left;margin:0;padding:8px 6px;width:174px;line-height:14px;color:#78bbe6;background:none;outline:none;border:none;}
	#formsearch input.button_search {float:left;margin:0;padding:0;border:none;}
	
/*--菜单条--*/
.menubar {margin-bottom: 10px;line-height: 30px;background: #266c9c;position:relative;*position: static;z-index:2222;opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}
	.menubar .gohome {width: 35px;}
	.menubar .gohome a{float:left; width: 35px;}
	/*.menubar .gohome {text-indent: -9999px; background: transparent url(home.gif) no-repeat 6px 4px;}*/
	.menubar img{float:right;margin-right: 2px;;margin-top: 4px;}
	.menubar .login{float: right; padding: 0 15px 0 5px;}

/*--幻灯区--*/
.product_slider {height: 346px; overflow:hidden;background-color: #666; z-index:1;}
.pic_slider { height: 375px; background-color: #EAEAEA; z-index:1;}
	.sliderImage span { padding: 15px; width: 880px; }

/* 标题大图*/
.title_img { float: left; position: relative;}
	.title_img span { position: absolute;padding: 20px; width: 870px; background-color: #000; _background: transparent url(pattern.gif) repeat; filter: alpha(opacity=50); -moz-opacity: 0.5;-khtml-opacity: 0.5; opacity: 0.5; color: #999; }
	.title_img span strong, .title_img span H3 { font-size: 1.5em; font-weight: bold; color: #fff; display: block; }
	.pos_bottom {bottom: 0;left: 0;  _bottom: -1px;height: auto;}

/*--内容主体--*/
.content{ background: #EAEAEA;margin-bottom: 10px; }
	.content .line {background:url(menu_line.gif) repeat-x bottom;}
	.content .unit {background:url(fbg_line.gif) repeat-y right; }
	.content .unit_block {padding:5px;}
	.content .lastUnit {margin-right: 0;background:none;}

/* 左侧主体区*/
.main_wapper {padding: 0 20px 0 25px;}
.main_title { padding: 8px 5px;}
.main_content {padding:0 0 5px 5px;}
.main_content p {margin-bottom: 10px;}

/* 字体大小 */
.font_actions {margin-top: 2px;}
.font_actions a {float:left;display: inline;margin-left: 3px; width:18px; height: 18px; line-height: 18px; text-align: center; background: #fff; border: 1px #eee solid; }

/*--横向分割线--*/
.split_line {background:url(menu_line.gif) repeat-x bottom;}

/*--圆角--*/
.roundedcornr_top div, .roundedcornr_top, .roundedcornr_bottom div, .roundedcornr_bottom { width: 100%; height: 10px; font-size: 1px;}
	.roundedcornr_top div { background: url(roundedcornr_tl.png) no-repeat top left;}
	.roundedcornr_top { background: url(roundedcornr_tr.png) no-repeat top right;}
	.roundedcornr_bottom div { background: url(roundedcornr_bl.png) no-repeat bottom left;}
	.roundedcornr_bottom { background: url(roundedcornr_br.png) no-repeat bottom right;}

/*--文档块--*/
.blocktitle {background: #fff url(universe_gray.png); padding: 2px 10px;}
	.blocktitle .more{margin-top: 2px;}
.blockbody { margin:0 0 10px; padding:5px; border:1px solid #c6c6c6; }

/* 侧边栏导航 */
.list_nav ul {}
	.list_nav ul li { float:left; width:100%;}
	.list_nav ul li a { display:block; margin:1px 0; _zoom:1; }

	/* 分类导航 */
	.menu_nav ul li a { margin:2px 0; padding:5px 5px 4px; color:#878989; text-align: right;}
	.menu_nav ul li.active a, .menu_nav ul li a:hover { font-weight: bold; color:#fff;  background:#78bbe6;text-align: left;}

/* 标签云 */
#tag_cloud li { float:left; margin:3px 5px; }
#tag_cloud li a { display: block; }
#tag_cloud li a:hover { color:#fff;  background:#78bbe6; }

/* 分页 */
.mvc_pagination {margin-top: 12px; margin-bottom: 5px;}
.mvc_pagination .current, .mvc_pagination.current, .mvc_pagination a:hover, .mvc_pagination span:hover {border-color:#78bbe6; color:#fff;  background:#78bbe6;}
.mvc_pagination a {
	text-decoration: none;
	border: solid 1px #ccc;
	color: #999;
	padding: 1px 4px;
	min-width:1em;
	text-align:center;
}


/*--信息列表 DL 带图片--*/
.media_dl {}
	.media_dl dl {float: left;*float: none;clear: both; padding: 5px 0 6px;background:url(menu_line.gif) repeat-x bottom;}
	.media_dl dl dt {float: left; padding:3px 10px 5px 0;}
	.media_dl dl dd {}

/*--信息列表 DIV 带图片--*/
.media_div {}
	.media_div_item {padding: 10px; background:url(menu_line.gif) repeat-x bottom;}
	.media_div_img {text-align: center;}
		.media_div_img img{margin: 10px 0;background:#fff; border: solid 1px #ccc;padding: 5px;}
	.media_div_title {}
	.media_div_body {font-size: 13px; line-height: 1.7em;}

/*--更多--*/
.more_btn {display:inline-block; width:56px; height:21px; background:url(more.png) no-repeat;  color:#7e7e7e; text-align: left; padding-left:20px; line-height:21px; }


/* ==================== 首页 ==================== */

/*--站群工具栏--*/
ul.tools {margin: 10px 0;}
	ul.tools li {display: block; padding-left: 45px;}
	ul.tools li a{display: block; height: 32px; line-height: 32px; padding: 1px 0;}
	.tools01 {background: transparent url(app_1.gif) no-repeat left center;}
	.tools02 {background: transparent url(app_2.gif) no-repeat left center;}
	.tools03 {background: transparent url(app_3.gif) no-repeat left center;}
	.tools04 {background: transparent url(app_4.gif) no-repeat left center;}
	.tools05 {background: transparent url(app_5.gif) no-repeat left center;}
	.tools06 {background: transparent url(app_6.gif) no-repeat left center;}

/*--产品--*/
.products {margin-top: 5px;}
	.products li {float:left;display:inline; width:150px;margin: 2px 10px 2px 4px;_margin: 2px 5px 2px 3px;}
	.products li a {display:block;}
	.products li a img {border:3px solid #ccc;}
	.products li span a {width:150px;height:24px;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis; 	overflow: hidden;}

/*--公告--*/
.placardicon {width: 600px; padding-left: 30px; background: transparent url(placard.gif) no-repeat 8px center; }
#placardlist {float:left; height: 25px; overflow: hidden; padding:0; margin:0; background: none;}
	#placardlist ul {height: 25px; overflow: hidden;}
	ul#placard01 li, ul#placard02 li { display: block; height: 25px; line-height: 25px;}
	ul#placard01 li, ul#placard01 li a { color: #f00;}
	ul#placard02 li, ul#placard02 li a { color: #ccc;}

/*--服务项目--*/
.infoct {margin-top: 0px;margin-bottom: 10px;}
	.infoct li {float:left;display:inline; width:350px;margin: 2px 10px 2px 4px;_margin: 2px 5px 2px 3px;}
	.infoct li a {display:block;}
	.infoct li a img {border:3px solid #ccc;}
	.infoct li span a {width:350px;height:24px;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis; 	overflow: hidden;}
	
.infoct div h4 {height:43px; line-height:43px; font-weight:bold; margin-bottom:6px; overflow:hidden; padding-left:48px;}
	.infoct_insight h4 {background: transparent url(icon01.gif) no-repeat;}
	.infoct_inspiration h4 {background: transparent url(icon02.gif) no-repeat;}
	.infoct_impact h4 {background: transparent url(icon03.gif) no-repeat;}

/* ==================== 导航 ==================== */

/* 导航1 */
.infoct1 {margin-top: 10px;margin-bottom: 10px;}
	.infoct1 li {float:left;display:inline; width:200px;margin: 2px 10px 5px 4px;_margin: 2px 5px 5px 3px;}
	
.infoct1 div h4 {height:43px; line-height:43px; font-weight:bold; margin-bottom:6px; overflow:hidden; padding-left:48px;}
	.infoct1_insight h4 {background: transparent url(icon04.gif) no-repeat;}
	.infoct1_inspiration h4 {background: transparent url(icon05.gif) no-repeat;}
	.infoct1_impact h4 {background: transparent url(icon06.gif) no-repeat;}
	
.products1 {margin-top: 5px;}
	.products1 li {float:left;display:inline; width:100px;margin: 2px 10px 2px 4px;_margin: 2px 5px 2px 3px;}
	.products1 li a {display:block;}
	.products1 li a img {border:3px solid #ccc;}
	.products1 li span a {width:100px;height:24px;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis; 	overflow: hidden;}
	
/* 导航3 */
.infoct3 {margin-top: 10px;margin-bottom: 20px;}
	.infoct3 li {float:left;display:inline; width:270px;margin: 2px 10px 2px 4px;_margin: 2px 5px 2px 3px;}
	.infoct3 li a {display:block;}
	.infoct3 li a img {border:3px solid #ccc;}
	.infoct3 li span a {width:270px;height:24px;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis; 	overflow: hidden;}

	
/* 导航8 */
.infoct8 {margin-top: 10px;margin-bottom: 20px;}
	.infoct8 li {float:left;display:inline; width:270px;margin: 2px 10px 2px 4px;_margin: 2px 5px 2px 3px;}
	.infoct8 li a {display:block;}
	.infoct8 li a img {border:3px solid #ccc;}
	.infoct8 li span a {width:270px;height:24px;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis; 	overflow: hidden;}
	
/* 导航9 */
.infoct9 {margin-top: 10px;margin-bottom: 10px;}
	.infoct9 li {float:left;display:inline; width:200px;margin: 2px 10px 2px 4px;_margin: 2px 5px 2px 3px;}
	.infoct9 li a {display:block;}
	.infoct9 li a img {border:3px solid #ccc;}
	.infoct9 li span a {width:200px;height:24px;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis; 	overflow: hidden;}
	
/* ==================== 新闻 ==================== */

/* 新闻导航 */
.news_nav ul li {}
.news_nav ul li.active a, .news_nav ul li a:hover { color:#fff;  background:#78bbe6;}

/* ==================== 评论 ==================== */
.comment {margin: 15px 0;}
	.comment_title {width: 115px;margin-right: -5px;background: url(bg_comment_element.gif) no-repeat right 27px;}
	.comment_body {width: auto;min-height: 88px;_height: 88px;background: #fff;margin-left: 110px;padding: 10px 20px;border: #EDEDED 5px solid;}

.comment_form {padding: 15px 0;}
	.comment_form textarea, .comment_form input {border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED;background: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #676563;padding: 7px 10px;}
	.comment_form textarea {width: 400px;margin-bottom: 15px;}
	.comment_form .col-left input {width: 180px;display: block;margin-bottom: 10px;}

/* ==================== 申请 ==================== */
.apply {margin: 15px 0;}
	.apply_title {width: 115px;margin-right: -5px;background: url(bg_comment_element.gif) no-repeat right 27px;}
	.apply_body {width: auto;min-height: 88px;_height: 88px;background: #fff;margin-left: 110px;padding: 10px 20px;border: #EDEDED 5px solid;}

.apply_form {padding: 15px;background:#fff;border: #940000 5px solid;}
	.apply_form textarea, .apply_form input {border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED;background: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #676563;padding: 7px 10px;}
	.apply_form select {width: 200px;margin-bottom: 15px;}
	.apply_form textarea {width: 250px;margin-bottom: 15px;}
	.apply_form .col-left input {width: 250px;display: block;margin-bottom: 10px;}
/* ==================== 信箱 ==================== */
.message {margin: 15px 0;}
	.message_title {width: 115px;margin-right: -5px;background: url(bg_comment_element.gif) no-repeat right 27px;}
	.message_body {width: auto;min-height: 88px;_height: 88px;background: #fff;margin-left: 110px;padding: 10px 20px;border: #EDEDED 5px solid;}

.message_form {padding: 15px;background:#fff;border: #940000 5px solid;}
	.message_form textarea, .apply_form input {border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED;background: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #676563;padding: 7px 10px;}
	.message_form select {width: 200px;margin-bottom: 15px;}
	.message_form textarea {width: 630px;margin-bottom: 15px;}
	.message_form .col-left input {width: 630px;display: block;margin-bottom: 10px;}	
	
/* ==================== 方案 ==================== */
.schemes {margin-left: 5px;_margin-left: 3px;}
.schemes li {float:left; margin: 2px;}

/* ==================== 案例 ==================== */
.photo {padding-left: 20px;}
.photo li {margin: 25px;float: left;display: inline; *width:220px;}
.photo li a{position: relative;float: left;background: #fff;border: solid 1px #ccc;padding: 5px;}
.photo .caption {padding: 2px 5px;}
.photo .photo_sp {width: 28px;height: 21px;display: block;position: absolute;top: -12px;left: 110px;background: url(pin.png) no-repeat;}

.case_list .mosaic-block {
	width:200px;
	height:120px;
	margin:6px;
}
/* ==================== 产品 ==================== */
.product_wapper {margin-top: 8px; margin-left: 9px; _margin-left: -4px;}

/* 滑动产品展示 */
.sliblock{float:left;width:292px;margin:20px 15px;}
	.new{background:url(new-trans.png) no-repeat top right;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resource/Css/Home/new-trans.png',sizingMeth od='scale');width:58px;height:58px;position:absolute;right:0;top:0; z-index: 5000;}
	.sliblock_thumb{position:absolute;top:7px;left:7px;width:276px;height:141px;text-indent:-999px;overflow:hidden;background:url(blank.gif) repeat;}
	.sliblock_hol{background:#efefef;border:1px solid #ccc;position:relative;width:290px;height:221px;overflow:hidden;}
	.sliblock_de{background:url(tempde.jpg) repeat-x bottom;border-left:1px solid #ccc;border-right:1px solid #ccc;width:290px;height:32px;}
		.sliblock_name{float:left;  padding-left:12px;padding-top:6px;}
		.sliblock_ver{float:right;background:url(pricebg.jpg) center no-repeat;width:40px;height:22px;text-align:center;margin-top:3px;color:#fff;padding:2px 5px 0 5px;font-weight:bold;}
.sliblock .mosaic-block {
	width:276px;
	height:207px;
	margin:6px;
}
.c-title{font-size:15px;color:#1FB3DD;}
/* ==================== 服务 ==================== */
.toolsview {position: relative;}
	.toolsview  h4 { height:42px; padding-top:26px; padding-left:70px; background:url(tools01.png) 5px 0 no-repeat;}
	.toolsview .view_website h4 {background-image:url(tools02.png);}
	.toolsview .view_software h4 {background-image:url(tools03.png);}
	.toolsview .view_branding h4 { background-image:url(tools04.png);}
	.toolsview .view_5 h4 {background-image:url(tools05.png);}
	.toolsview .view_6 h4 {background-image:url(tools06.png);}
	.toolsview .view_7 h4 { background-image:url(tools07.png);}
	.toolsview .view_8 h4 { background-image:url(tools08.png);}

/* ==================== 关于 ==================== */
/*--服务项目--*/
.aboutlink div h4 {height:43px; line-height:43px; font-weight:bold; margin-bottom:6px; overflow:hidden; padding-left:48px;}
	.aboutlink_thank h4 {background: transparent url(about_1.gif) no-repeat;}
	.aboutlink_coop h4 {background: transparent url(about_2.gif) no-repeat;}
	.aboutlink_contact h4 {background: transparent url(about_3.gif) no-repeat;}

.aboutinfo p {padding-top: 10px;}
.aboutinfo_body {min-height: 255px; _height: 260px;}

/* ==================== 幻灯区1 ==================== */
#wrapper1 {
	margin: 0px; width: 910px; overflow: hidden; min-height: 0px;
}


#node-page-2448 {
	width: 910px; overflow: hidden; position: relative;
}
.features {
	background: rgb(255, 255, 255); width: 910px; color: rgb(255, 255, 255); overflow: hidden;
}
html.js .features {
	height: 354px;
}
.features .feature {
	width: 790px; height: 354px; overflow: hidden; position: relative;
}
.features .features_nav {
	top: 0px; width: 145px; height: 354px; right: 0px; position: absolute; z-index: 100;
}
.features .features_nav ul {
	margin: 0px; padding: 0px;
}
.features .features_nav ul li {
	margin: 0px; padding: 0px 0px 1px; height: 70px; display: block;
}
.features .features_nav ul li a {
	height: 70px; overflow: hidden; display: block;
}
.features .features_nav ul li a:hover img {
	margin-top: -70px;
}
.features .features_nav ul li.active a img {
	margin-top: -140px;
}
.features a {
	color: rgb(255, 255, 255);
}
.features p {
	color: rgb(255, 255, 255);
}
.features .feature_leadin {
	padding: 20px; top: 0px; width: 225px; height: 246px; right: 0px; position: absolute; z-index: 100;
}
.features .feature_leadin h3 {
	font: 1.6em/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size-adjust: none; font-stretch: normal; text-shadow: #666666 2px 2px 2px;
}
.features .feature_leadin p {
	font: 1.0em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif; color: rgb(238, 238, 238); font-size-adjust: none; font-stretch: normal; text-shadow: #333 1px 1px 1px;
}
.features .feature_leadin .video_link {
	display: none;
}

#boxpopup { position:absolute; top:0; left:0; height:100%; background:#fff; z-index:2;}

#shangxia {
	POSITION: absolute; DISPLAY: block; MARGIN-LEFT: -500px; TOP: 20%; LEFT: 50%
}
#shang {
	POSITION: relative; MARGIN: 50px 0px; WIDTH: 100px; BACKGROUND: url(huadong.png) no-repeat; HEIGHT: 200px; CURSOR: pointer
}
#comt {
	POSITION: relative; MARGIN: 10px 0px; WIDTH: 32px; BACKGROUND: url(huadong.png) no-repeat center -60px; HEIGHT: 32px; CURSOR: pointer
}
#xia {
	POSITION: relative; MARGIN: 10px 0px; WIDTH: 32px; BACKGROUND: url(huadong.png) no-repeat center -93px; HEIGHT: 57px; CURSOR: pointer
}
