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

body{margin:0 auto;font-size: 12px;line-height: 18px; color:#7F7F7F; background:#efefef; font-family:Arial, Helvetica, sans-serif,"微软雅黑","宋体";}
.clear{clear:both;}
a{border-bottom:#CCCCCC 1px dashed; text-decoration:none;color:#333333}
a:hover{text-decoration:none;color:#d20000}
.tt{color:#7F7F7F; font-weight:bold;font-size: 16px;line-height:10px;padding-top:10px; }
.redtt{color:#e60000; font-weight:bold;font-size: 12px;line-height:10px;}

.title{color:#333333;padding-top:10px; font-weight:bold;font-size: 14px;line-height:30px;}

h3{color:#333333; font-weight:bold;font-size: 12px;line-height:20px;}
.title2{color:#000000; font-weight:bold;font-size: 12px;line-height:20px;}
h1{font-weight:bold;font-size: 18px;}
.title3{color:#000000}
.bold{font-weight:bold;}
.red{ color:#d20000;}
.red_bold{ color:#d20000; font-weight:bold}

.top{background:url(images/topbg.jpg); background-position:top center; background-repeat:repeat-x; height:140px; padding-top:0px}
.top_con{ width:962px; margin:0 auto}

.top_left{float:left;padding-top:20px;  }
.top_right{float:right; margin-left:30px; width:760px;}

.top_right_top{margin:30px 24px 10px 2px; padding-top:20px}
.top_right_top_l{float:left;}
.top_right_top_r{float:right;}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
ul#nav{ margin: 0px; padding:0px;}
ul#nav li{float:left; }
ul#nav li a{height:61px; display:block; text-indent:-9999px; outline:none; border:0px;}
li#navHome a, li#navAbout a, li#navNews a, li#navSolution a, li#navWork a, li#navService a, li#navContact a, li#navNavigate a { background:url(images/nav.png);
}

li#navHome a { background-position:0px 61px; width:81px;}
li#navHome a:hover {background-position:0px 0px;}
li#navHome a:active {background-position:0px 122px;}
body#Home li#navHome a{background-position:0px 0px}

li#navNews a { background-position:-81px 61px; width:104px;}
li#navNews a:hover {background-position:-81px 0px;}
li#navNews a:active {background-position:-81px 122px;}
body#News li#navNews a{background-position:-81px 0px}

li#navService a { background-position:-185px 61px; width:94px;}
li#navService a:hover {background-position:-185px 0px;}
li#navService a:active {background-position:-185px 122px;}
body#Service li#navService a{background-position:-185px 0px}

li#navWork a { background-position:-279px 61px; width:90px;}
li#navWork a:hover {background-position:-279px 0px;}
li#navWork a:active {background-position:-279px 122px;}
body#Work li#navWork a{background-position:-279px 0px}

li#navSolution a { background-position:-369px 61px; width:92px;}
li#navSolution a:hover {background-position:-369px 0px;}
li#navSolution a:active {background-position:-369px 122px;}
body#Solution li#navSolution a{background-position:-369px 0px}

li#navAbout a { background-position:-461px 61px; width:92px;}
li#navAbout a:hover {background-position:-461px 0px;}
li#navAbout a:active {background-position:-461px 122px;}
body#About li#navAbout a{background-position:-461px 0px}



li#navContact a { background-position:-553px 61px; width:92px;}
li#navContact a:hover {background-position:-553px 0px;}
li#navContact a:active {background-position:-553px 122px;}
body#Contact li#navContact a{background-position:-553px 0px}

li#navNavigate a { background-position:-645px 61px; width:93px;}
li#navNavigate a:hover {background-position:-645px 0px;}
li#navNavigate a:active {background-position:-645px 122px;}
body#Navigate li#navNavigate a{background-position:-645px 0px}

.mid_box{width:986px;height:200px; margin:0px auto;background:url(images/icon_bg.png); background-position:bottom; }
.mid_box2{width:986px;height:416px; margin:0px auto;background:#222222}
.mid{ padding:12px; }
.mid_img{float:left; margin:0px auto;width:240px; }
.mid_font{float:left; width:220px;  padding:0px 10px 5px 10px;}
.mid_font h1{color:#333333; font-weight:bold;font-size: 12px;line-height:20px; height:0; margin:0 0 25px 0; padding:0;}

.con{margin:0px auto; width:956px; padding:15px; background:#ffffff;border-bottom:1px solid #d0d0d0}
.con_left{float:left; width:659px; margin-left:10px;}
.con_right{float:right;}
.con_work{width:804px;}
.con_title{background:url(images/title_bg.png); background-repeat:repeat-x; height:40px;}
.con_title_left{float:left;}
.con_title_mid{float:left; margin:10px 0 0 10px; }
.con_title_right{float:right; width:30px; text-align:right}
.con_title .title{height:39px; background:url(images/tit_bg.gif); font-size:12px; font-weight:normal; color:#d20000;line-height:36px; margin:0px; padding:0px;}
.con_title .title .lefts{background:url(images/tit_left.gif) no-repeat left; float:left; height:39px;}
.con_title .title .rights{background:url(images/tit_right.gif) no-repeat right; float:right;height:39px; }

.con_page{margin-left:0px;margin-top:15px;}
.con_pagename{background:url(images/point.gif); background-repeat:repeat-x; background-position:center; margin:16px 0 6px 0}
.con_page_con1{border-bottom:#CCCCCC 1px dashed; padding-bottom:10px; margin-bottom:10px;}
.con_page_con2{padding-bottom:10px; margin-left:5px;margin-right:10px;width:659px;}


.con_right_frame{padding:15px 0px 0px 0px;width:247px;}
.con_right_frame_con{padding:10px 20px 20px 20px;height:660px;background-repeat:no-repeat; background-position:bottom}
.con_right_title{height:20px; padding:6px;background:#CCCCCC;font-weight:bold;font-size: 12px;}
.con_right ul{padding:20px 0 10px 10px; margin:10px 0px; border-top: #e8e8e8 1px solid}
.con_right li{margin:1px 0 1px 4px; padding:0px;}

.bom{ margin:0px auto; width:956px; padding:15px; background:#fff; height:60px}
.copyright{font-size:10px; }
.bom_left{float:left;}
.bom_right{float:right;}

#pagelefttitle {
		border: 0px solid #666;
	background:url(images/designlefttitle.gif) #fff no-repeat 0px 0px;
	height:22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	text-align:left;color:#fff;font-weight: bold;
        padding-left:2px;
        padding-top:6px;/* 文字的高度调整设置 */
	}
	
INPUT {
	 background:#fff;BORDER-RIGHT: #E4E3E3 1px solid; BORDER-TOP: #E4E3E3 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #E4E3E3 1px solid; BORDER-BOTTOM: #E4E3E3 1px solid}
SELECT {
	background:#000; color:#FFF; BORDER-RIGHT: #efefef 1px solid; BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #efefef 1px solid; BORDER-BOTTOM: #efefef 1px solid}

IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

.title_news {
	BACKGROUND: url(images/title3_bg.gif) repeat-x; MARGIN: 16px auto 0px; HEIGHT: 25px
}

.title_news P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; LINE-HEIGHT: 25px; PADDING-TOP: 0px
}
.title_news P SPAN {
	FLOAT: right; LINE-HEIGHT: 25px
}
.title_news P A {
	border-bottom:#CCCCCC 0px dashed;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-RIGHT: 4px; PADDING-TOP: 0px; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.title_news P A.act {
	FONT-WEIGHT: bold; BACKGROUND: url(images/title3_bg_act.gif) no-repeat
}
.title_news P A:hover {
	COLOR: #0086e3
}
.title_news P A.more {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.title_news P A.more:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

.con .article_list {
	font-weight:normal;font-size: 12px;
}

.article_list .news {
	MARGIN-TOP: 16px; BORDER-BOTTOM: #d8d8d8 1px solid; height:200px;
}

.article_list .news .article_info {
	FLOAT: right; WIDTH: 805px; height:160px;PADDING-RIGHT: 20px; padding:0; margin:0;
}
.article_list .news .news_photo{float:left; width:100px; height:130px; margin-left:10px; padding:4px; }

.article_info H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 14px;MARGIN: 0px; padding:0; height:20px;
}
.article_info H4 A {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #333333
}
.article_info H4 A:visited {
	COLOR: #333333
}
.article_info H4 A:hover {text-decoration:none;color:#d20000}

.article_info H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 14px;MARGIN: 0 0 10px 0; 
}

H4 A {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333
}
H4 A:visited {
	COLOR: #333333
}
H4 A:hover {text-decoration:none;color:#d20000}

H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #7F7F7F; PADDING-TOP: 10px
}
h7 {
	FONT-SIZE: 0.7em; COLOR: #a8a8a8; line-height:21px; height:20px; MARGIN-TOP: 2px;
}
h8 {
	FONT-SIZE: 0.9em; COLOR: #595959
}
h8 A {
	PADDING-LEFT: 16px; FONT-WEIGHT: normal; BACKGROUND: url(images/mroe.gif) no-repeat left center
}
h8 A:hover {
	BACKGROUND: url(images/mroe_over.gif) no-repeat left center
}
H6 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #a8a8a8; text-align:right
}
H6 P {
	
}
H6 A {
	PADDING-LEFT: 16px; FONT-WEIGHT: normal; BACKGROUND: url(images/mroe.gif) no-repeat left center
}
H6 A:hover {
	BACKGROUND: url(images/mroe_hover.gif) no-repeat left center
}


.newstype_nav {
	BACKGROUND: url(images/banner_bg.gif) no-repeat left 50%; COLOR: #ffffff; HEIGHT: 38px
}

.newstype_nav_line {
	CLEAR: left; MARGIN-LEFT: 5px; MARGIN-RIGHT: 15px;PADDING-TOP: 7px
}
.newstype_nav_line LI {
	FLOAT: left; LINE-HEIGHT: 18px; 
}
.newstype_nav_line A {
	PADDING: 6px; DISPLAY: block; MARGIN: 0px 18px;COLOR: #ffffff;border-bottom:#CCCCCC 0px dashed;
}
.newstype_nav_line A:hover {
	PADDING: 6px;BACKGROUND:#FFFFFF; COLOR: #000000; text-decoration:none;
}
#category_ul h1{ font-weight:normal; margin:0; padding:0; font-size:12px;}

.sec1  {
background-color:#1D1D1D;
cursor:  hand;
color:   #FFFFFF;
border-left:  1px  solid  #FFFFFF;
border-top:  3px  solid  #D61D17;
border-right:  1px  solid  gray;

}

.sec1 A {
	color:   #FFFFFF;
}
.sec1 A:hover {
	color:   #FFFFFF;
}


.sec2  {
BACKGROUND: url(images/designlefttitle.gif) no-repeat left 50%;
background-color:  #1D1D1D;
cursor:  hand;
color:  #FFF;
border-left:  1px  solid  #FFFFFF;
border-top:  1px  solid  #FFFFFF;
border-right:  1px  solid #FFFFFF;
border-bottom:  1px  solid  #FFFFFF
font-weight:  bold;
}

/*S 首页部分*/
.main{margin:0px auto; width:962px; padding:0px; background:#ffffff;}
.banner{background:#db0000; padding:0; margin:0px auto; width:962px; height:304px; overflow:hidden;}
.banner .left{float:left; width:206px; height:304px; position:relative;background:url(images/no.png); background-position:0 0px;}
.banner .right .img{margin:0; padding:0px; width:6px; height:5px; width:756px; text-align:right;}
.banner .right{ position:relative;float:right; width:756px; background:url(images/banner_rd.gif) right bottom no-repeat; height:304px;}
.banner .right .con{width:737px; height:272px; margin:6px auto; padding:0;}
.banner .right .con .lefts{ float:left; width:512px; height:272px; margin:0px;; padding:10px 0px 0px 10px; }
.banner .right .con .font{float:right; width:190px; height:206px; text-align:left; margin-right:5px; padding:10px;}
.banner .right .con .next{float:right; margin:0px 0px 10px 0; padding:0; width:100px; height:20px;}

#no1{position:absolute; width:206px; height:76px; z-index:0; visibility:visible;margin:0px; padding:0;background:url(images/no.png);background-position:206px 0px;}
#no2{position:absolute; width:206px; height:76px; z-index:1; visibility:hidden; margin:76px auto; padding:0;background:url(images/no.png);background-position:206px -76px;}
#no3{position:absolute; width:206px; height:76px; z-index:1; visibility:hidden; margin:152px auto; padding:0;background:url(images/no.png);background-position:206px -152px;}
#no4{position:absolute; width:206px; height:76px; z-index:1; visibility:hidden; margin:228px auto; padding:0;background:url(images/no.png);background-position:206px -228px;}
.nofont{margin:54px 0 0 14px; height:20px; width:200px; color:#fff;}

ul#case{
	margin: 0px;
	padding:0px;
	z-index:0;
	position:absolute;
	left: -1px;
	top: 0px;
}
ul#case li{float:left; }
ul#case li a{width:192px; height:22px; display:block; outline:none; border:0px;}
li#case1 a, li#case2 a, li#case3 a, li#case4 a{color:#a3a3a3; padding:54px 0 0 14px; z-index:2;}

li#case1 a:hover, li#case2 a:hover, li#case3 a:hover,li#case4 a:hover { color:#fff;}

#Layer1 {position:absolute; width:754px;height:282px;z-index:1;visibility: visible; margin:0px auto; padding:0;}
#Layer2 {position:absolute; width:754px;height:282px;z-index:2;visibility: hidden; margin:0px auto; padding:0;}
#Layer3 {position:absolute; width:754px;height:282px;z-index:3;visibility: hidden; margin:0px auto; padding:0;}
#Layer4 {position:absolute; width:754px;height:282px;z-index:4;visibility: hidden; margin:0px auto; padding:0;}

.service{height:245px; padding:10px 0 0 0; margin:0 auto; float:left; } 
.service .left{width:456px; float:left; height:245px; padding:0px; margin:0;}
.service .sale{width:236px; float:left; height:245px; margin-left:13px; background:url(images/frame_bbg.jpg) no-repeat bottom;}

.service2{height:155px; padding:10px 0 0 0; margin:0 auto; float:left; } 
.service2 .left2{width:456px; float:left; height:145px; padding:0px; margin:0;}
.service2 .sale2{width:236px; float:left; height:145px; margin-left:13px; background:url(images/frame_bbg.jpg) no-repeat bottom;}
.service2 .sale .cons{margin:12px auto; width:210px;}
.service2 .title{height:39px; background:url(images/tit_bg.gif); font-size:12px; font-weight:normal;line-height:36px; margin:0px; padding:0px;}
.service2 .lefts{background:url(images/tit_left.gif) no-repeat left; float:left; height:39px; width:100px; }
.service2 .lefts h1{color:#333333; font-weight:bold;font-size: 12px;line-height:20px; height:0; margin:8px 0 0 10px; padding:0;}
.service2 .rights{background:url(images/tit_right.gif) no-repeat right; float:right;height:39px; width:100px; text-align:right; }
.service2 .left .left{ float:left; background:url(images/frame_bg.jpg) no-repeat bottom; width:220px; height:87px; margin-top:16px;}
.service2 .left img{margin-bottom:10px;}
.service2 .left .cons{margin:0px auto; width:200px; height:87px;}
.service2 .left .title2{font-size:16px; font-weight:bold;line-height:26px; margin:2px; }
.service2 .left .right{float:right;background:url(images/frame_bg.jpg) no-repeat bottom; width:220px; height:87px; margin-top:16px;}
.service2 .text{margin:12px;}


.service .sale .cons{margin:12px auto; width:210px;}
.service .title{height:39px; background:url(images/tit_bg.gif); font-size:12px; font-weight:normal;line-height:36px; margin:0px; padding:0px;}
.service .lefts{background:url(images/tit_left.gif) no-repeat left; float:left; height:39px; width:100px;}
.service .lefts h1{color:#333333; font-weight:bold;font-size: 12px;line-height:20px; height:0; margin:8px 0 0 10px; padding:0;}
.service .rights{background:url(images/tit_right.gif) no-repeat right; float:right;height:39px; width:100px; text-align:right;}

.service .left .left{ float:left; background:url(images/frame_bg.jpg) no-repeat bottom; width:220px; height:87px; margin-top:16px;}
.service .left img{margin-bottom:10px;}
.service .left .cons{margin:0px auto; width:200px; height:87px;}
.service .left .title2{font-size:16px; font-weight:bold;line-height:26px; margin:2px; }
.service .left .right{float:right;background:url(images/frame_bg.jpg) no-repeat bottom; width:220px; height:87px; margin-top:16px;}

.service .sale .news{border-bottom:1px dotted #bcbcbc; height:21px; padding-top:8px; width:210px; margin:0 auto;}

.case{ height:766px; margin-top:10px;margin-bottom:10px; border-bottom:1px solid #ccc}
.case .title{height:39px; background:url(images/tit1_bg.gif) no-repeat right; font-size:12px; font-weight:blod; color:#fff;line-height:36px; margin:0px; padding:0px;}
.case .title .lefts{background:url(images/tit1_left.gif) no-repeat left; float:left; height:39px; }
.case .title .rights{background:url(images/tit1_right.gif) no-repeat right; float:right;height:39px; }
.case .comd{height:32px; margin:0 auto; padding:5px 12px 0 12px; width:938px; border-bottom:1px solid #ccc}
.case .comd .left{float:left; padding-top:5px;}
.case .comd .right{ float:right; margin-top:4px; width:245px; height:30px;}
.case .comd .right .font{margin-top:2px; width:55px; height:20px; float:left;}
.case .comd input{background:url(images/search_bg.gif) no-repeat; width:156px; height:22px; border:0px; float:left;}
.case .comd .search{background:url(images/search_go.gif) no-repeat; width:30px; float:right; cursor:crosshair;}
.case .cons{height:710px; margin-top:15px;}
.case .cons .left{float:left; width:450px; height:160px; margin:4px;}
.case .cons .left .left{width:200px; float:left}
.case .cons .left .right{width:220px; padding:2px 10px 0 0; float:right}
.case .cons .left .right h1{ height:20px; margin:0; padding:0; font-size:12px; width:210px;}
.case .cons .left .right h1 .copyright{ margin-left:10px; color:#999; font-weight:normal;}
.case .cons .left .right img{ margin-top:10px;}



.friend{height:100px;}
.friend .title{height:39px; background:url(images/tit_bg.gif); font-size:12px; font-weight:normal; color:#333333; line-height:36px; margin:0px; padding:0px;}
.friend .title .lefts{background:url(images/tit_left.gif) no-repeat left; float:left; height:39px; }
.friend .title .rights{background:url(images/tit_right.gif) no-repeat right; float:right;height:39px; }
.comd{margin:0px auto; width:962px; padding:20px; border-bottom:1px solid #d0d0d0}
.link{margin:0px auto; width:960px; padding:15px; background:#F8F8F8}


/*E 首页部分 */


.title1{color:#333333; font-weight:bold;font-size: 12px;line-height:20px;}
.title2{color:#000000; font-weight:bold;font-size: 12px;line-height:20px;}
.title3{color:#000000}
.title4{color:#000000; font-size:14px;}
.bold{font-weight:bold;}
.red{ color:#d20000;}
.red_bold{ color:#d20000; font-weight:bold}
.time{font-size:10px; color:#d20000;}


/*E 防止挂马部分 */
iframe{v:expression(this.src='about:blank',this.outerHTML='');}