@charset "utf-8";
/* CSS Document */

body {
font-family:Arial,"宋体",Helvetica,sans-serif,Verdana;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	background-position: center 0px;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span,ul,li,a{
	margin:0px;
	padding:0px;

}
div{
margin:auto;
}
ul,ol,li { list-style: none; vertical-align:bottom;}
a{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: #FF6600;
}
.txt_14{
	padding-left:15px;
	padding-right:15px;
	font-size:14px;
}
.img_more {
	float: right;
	height: 24px;
	padding-top: 4px;
	width: 80px;
	text-align: right;
	padding-right: 8px;
}
.img_more2 {
	float: right;
	height: 24px;
	padding-top: 4px;
	width: 80px;
	text-align: right;
	padding-right: 12px;
}
.img_more3 {
	float: right;
	height: 20px;
	padding-top: 12px;
	width: 80px;
	text-align: right;
	padding-right: 10px;
}
#tel_txt {
	text-align: center;
	float: right;
	height: 36px;
	width: auto;
	clear: right;
	padding-top: 10px;
	background-image: url(../images/tel.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-size: 18px;
	font-weight: normal;
	color: #0F90D2;
	padding-left: 100px;
	padding-right: 20px;
}
.top_margin {
	margin-top: 10px;
}

#main_body {
	width: 100%;
} 
.main_bodybg{
	background-image: url(../images/index_main_bg.gif);
	background-repeat: repeat-x;
	background-position: center 620px;
	}
.main{
	width:1002px;
}
#index_main {
	clear: both;
	background-image: url(../images/indexmainbg--.jpg);
	background-repeat: repeat-x;
	background-position: 0px top;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #666666;
}
#logo {
	text-align: left;
	height: 90px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	width:630px;
}
#logo a h1{
	width: 145px;
	height: 90px;
	float: left;
}

#logo img { margin-right:5px;}

#head {
	height: 140px;

	overflow: hidden;

}
#home {
	width:114px;
	float: right;
	height: 32px;
	padding-top: 0px;
	margin-top: 0px;
	overflow: hidden;
}
#home a{
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 18px;
}
#home a:hover{
	text-decoration: underline;

}
#home img{
	margin-right:5px;
}
#bgbanner {
	text-align: center;
	width: 100%;
	background-image: url(../images/flash_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 32px;
	clear: both;
}

#inner_banner {
	text-align: center;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(../flash/bg--.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 0px;
	height: 70px;
	padding-bottom: 10px;
}

.index_title{
	padding-top: 0px;
	background-image: url(../images/index_protitle.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 32px;
	width: 100%;
	clear: both;
	overflow: hidden;
	text-align: left;
	border: 0px solid #e1e1e1;
}
.index_title a.index_tl{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	background-image: url(../images/ico02--.gif);
	background-repeat: no-repeat;
	background-position: 15px 2px;
	padding-left: 5px;
	padding-top: 5px;
	display: block;
}
.index_title a.index_tl:hover{
text-decoration:none;
}
.part_title{
	padding-top: 0px;
	background-image: url(../images/black_line--.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 32px;
	width: 98%;
	clear: both;
	overflow: hidden;
}
.part_title a.part_tl{
	font-size: 14px;
	font-weight: bold;
	color: #C20000;
	background-image: url(../images/tl_icon--.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 0px;
}
.part_title a.part_tl:hover{
text-decoration:none;
}

.index_newsmain{
	width: 100%;
	background-image: url(../images/news_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	float: left;
	border: 0px solid #e1e1e1;
}
/*---------ABOUT US-----------*/
#index_about{
	width: 100%;
}
#index_about_txt {
	overflow:hidden;
	line-height: 22px;
	padding-top: 0px;
	width: 100%;

	color: #333333;
	height: 200px;
	float: none;
	margin-top: 10px;
}
#index_about_txt a{
text-decoration:none;
}
#index_about_txt a:hover{
text-decoration:none;
color:#212121;
}
#index_about_img{
	float: left;
	width: 200px;
	margin-right: 20px;

}
.index_aboutmain{
	width: 380px;
	border: 0px solid #e1e1e1;
	background-image: url(../images/about_bg--.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	white-space:normal;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
}
.about_title{
	padding-top: 0px;
	background-image: url(../images/title_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 28px;
	height: 52px;
	width: 100%;
	clear: both;
	overflow: hidden;
	text-align: left;
}
.about_title a.about_tl{
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2B9CE3;
	background-image: url(../images/ico02--.gif);
	background-repeat: no-repeat;
	background-position: 15px 2px;
	padding-left: 0px;
	display: block;
	padding-top: 4px;
}
.about_title a.about_tl:hover{
text-decoration:none;
}

/*---------ABOUT US-----------*/
#left_title {
	background-image: url(../images/left_title.jpg);
	height: 45px;
	line-height: 35px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
}
.left_bg {
	clear: both;
	height: 194px;
	width: 240px;
	overflow: hidden;
}
.left_bottombg {
	background-image: url(../images/left_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	clear: both;
	width: 100%;
	overflow: hidden;
}
#index_left {
	float: left;
	width: 226px;
	overflow: hidden;
	background-image: url(../images/pro_tl--.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;

}

#index_center {
	width: 336px;
	float: left;
	background-image: url(../images/new_pro.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 228px;
	padding-left: 52px;
	padding-top: 30px;
}


#index_right {
	float: right;
	width: 736px;
	padding-top: 0px;
	overflow: hidden;
	background-image: url(../images/index_bg--.jpg);
	background-repeat: repeat-x;
	background-position: left 200px;
	margin-right: 0px;
	display: inline; 

}
#prolist_main {
	width: 226px;
	background-image: url(../images/left_bg--.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 0px;
	clear: both;
	padding-bottom: 10px;
	background-color: #F2F2F2;
}

.pro_title{
	padding-top: 0px;
	background-image: url(../images/pro_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
	clear: both;
	width: 100%;
	overflow: hidden;

}
.pro_title a.pro_tl{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/pro_title---.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 8px;
	padding-top: 4px;
	display: block;
}
.pro_title a.pro_tl:hover{
text-decoration:none;
}
#pro_bg{
	clear: both;
	margin: auto;
}

#pro_bg li{
	float: left;
	width:140px;
	padding-left:8px;
	padding-right:8px;
	height:144px;
	text-align: center;
	background-image: url(../images/news_icon1--.jpg);
	background-repeat: no-repeat;
	background-position: 16px 132px;
	padding-top: 2px;
	overflow: hidden;

}
#pro_bg li div.pro{
	height:120px;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 0px solid #f1f1f1;

}
#pro_bg li a.pro_pic{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	*display: block;
	*font-size: 108px;
	*font-family:Arial;
	
	height:120px;
	width:120px;
	background-image: url(../images/pbg1--.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 0px;

	border: 0px solid #999999;
	text-align: center;
	margin: auto;
}
#pro_bg li img{
	vertical-align:middle;
}
#pro_bg li a{
	display:block;
	text-decoration: none;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	clear: both;
	font-size: 12px;
	width: 100%;
}
#pro_bg li a:hover{
	text-decoration: none;
	color: #C20000;
}


#index_newslist {
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-top: 15px;
}
#index_newslist li{
	width: 100%;
	text-align: right;
	line-height: 24px;
	height: 24px;
	background-image: url(../images/news_line--.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 11px;
	color: #999999;
}
#index_newslist li a{
	text-decoration: none;
	line-height: 24px;
	overflow:hidden;
	display: block;
	padding-left: 12px;
	width: 70%;
	text-align: left;
	background-image: url(../images/news_icon2.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	height: 24px;
	float: left;

}
#index_newslist li a:hover{
	text-decoration: underline;
}
#inner_main {
	clear: both;
	background-image: url(../images/inner_leftbg--.gif);
	background-repeat: repeat-y;
	background-position: 10px bottom;
	padding-top: 0px;
	display: table;
}

#inner_left {
	float: left;
	width: 226px;
	overflow: hidden;
	background-image: url(../images/inner_leftbg=.jpg);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	padding-left: 10px;
}
#inner_leftmain{
	width: 201px;
	background-image: url(../images/pro_title1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 10px;
}
.innerleft_title{
	height: 32px;
	line-height: 32px;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: left 8px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 0px;
	background-image: url(../images/left_icon.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1f1;
}
.innerleft_title P{
	background-image: url(../images/icon.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 37px;
}

#left_nav{
	width:189px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#left_nav li{
	background-image: url(../images/class.jpg);
	width: 189px;
	background-repeat: no-repeat;
	background-position: left 2px;
	}
#left_nav a{
	display: block;
	text-decoration: none;
	line-height: 32px;
	font-size: 14px;	
font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 149px;
	padding-left: 40px;
	background-image: url(../images/sub_class.gif);
	background-repeat: no-repeat;
	background-position: 20px 12px;
	height: 36px;
	overflow: hidden;
	font-weight: normal;
	color: #000000;
}
#left_nav a:hover{
	text-decoration: underline;
	color: #000000;

}
#inner_right {
	width: 746px;
	background-image: url(../images/tb_bg--.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: right;
	border: 0px solid #DEDEE0;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-top: 0px;
	overflow: hidden;

}
.inner_rightmain{
	line-height: 24px;
	clear: both;
	background-image: url(../images/inner_bottom--.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.innerright_title{
	overflow:hidden;
	text-align: left;
	background-image: url(../images/inner_title2.gif);
	height: 49px;
	background-repeat: no-repeat;
	background-position: left 28px;
	padding-left: 0px;
	padding-top: 0px;
	text-decoration: none;
	clear: both;
	color: #015CAD;
	width: 99%;
	border: 0px solid #e1e1e1;


}
.innerright_title h3{
	display: block;
	float: left;
	margin: 0px;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/ico02--.gif);
	background-repeat: no-repeat;
	background-position: 12px 5px;
	padding-left: 5px;
	color: #015CAD;
	padding-top: 4px;
}
.innerright_title h4{
	display: block;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	padding: 0px;
	text-align: center;
	clear: both;
	width: 753px;
}
.innerright_title p{
	float: right;
	padding-right: 10px;
	color: #878787;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	height: 24px;
	background-image: url(../images/ico02--.gif);
	background-repeat: no-repeat;
	background-position: 12px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
}
.innerright_title a {
	font-size: 11px;
	text-decoration: none;
	line-height: 18px;
	font-weight: normal;
	color: #878787;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.innerright_title a:hover{
	text-decoration: underline;
}

#inner_pro{
	clear: both;
	width: 720px;
	margin-top: 25px;
}
#inner_pro li{
	float: left;
	width:140px;
	padding-left:20px;
	padding-right:20px;
	height:160px;
	text-align: center;
	background-image: url(../images/pbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 1px;
	overflow: hidden;

}
#inner_pro li div.pro{
	height:120px;
	overflow:hidden;
	background-color: #FFFFFF;

}
#inner_pro li a.innerpro_pic{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	*display: block;
	*font-size: 108px;
	*font-family:Arial;

	height:120px;
	width:140px;
	background-image: url(../images/pbg1--.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border: 0px solid #999999;
	text-align: center;
	margin: auto;
}
#inner_pro li img{
	vertical-align:middle;
}
#inner_pro li a{
	display:block;
	text-decoration: none;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	clear: both;
	font-size: 12px;
	width: 100%;
}
#inner_pro li a:hover{
	text-decoration: none;
}

#main_largepro {
	border: 0px solid #DDDDDD;
	padding: 0px;
}
#inner_largepro{
	text-align: center;
	border: 0px solid #DDDDDD;
	padding: 0px;
	float: left;
	width: 340px;
}
#inner_largepro img{
	border: 1px solid #4C4C4C;
}

#pro_txt{
	font-size: 12px;
	line-height: 20px;
	clear: both;
WORD-WRAP: break-word;
}


#pro_txt div.pro_txt_tl{
	text-align:left;
	clear:both;
	height:48px;
	line-height:30px;
	font-size:12px;
	background-image: url(../images/pro_txt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #636363;
	padding-left: 18px;
	font-weight: bold;
}
#pro_txt_main{

}
#pro_txt_main table{
white-space:normal;
}
.page_back {
	text-align: right;
	clear: both;
	padding-top: 10px;
	padding-bottom: 3px;
	height: 40px;
}
#bottom {
	background-image: url(../images/bottom_bg--.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-align: center;
	clear: both;
	overflow: hidden;
	color: #f1f1f1;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
	background-color: #0F90D2;
}
#bottom a{
	text-decoration: none;
	color: #f1f1f1;
	font-size: 12px;
}
#bottom a:hover{
	text-decoration: underline;
}
#bottom_txt {
	padding-top: 5px;
	width: 98%;
	font-size: 12px;
	padding-bottom: 5px;
	text-align: center;
	clear: both;
	background-image: url(../images/ca_img--.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#inner_newslist {
	width: 600px;
	text-align: center;
	padding-top: 10px;
}
#inner_newslist li{
	width: 600px;
	text-align: right;
	line-height: 36px;
	height: 36px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#inner_newslist li a{
	text-decoration: none;
	line-height: 36px;
	overflow:hidden;
	display: block;
	float: left;
	padding-left: 15px;
	width: 480px;
	text-align: left;
	background-image: url(../images/line--.gif);
	background-repeat: no-repeat;
	background-position: left 10px;

}
#inner_newslist li a:hover{
	text-decoration: none;
}

#inner_newstime{
	line-height: 20px;
	color: #333333;
	text-align: center;
	height: 20px;
	font-weight: normal;
	font-size: 12px;
	background-image: url(../images/news_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#inner_newstitle{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	height: 35px;
}

#feedback font{
	margin-left: 3px;
	font-size: 12px;
}

#feedback p{
	background-image: url(../images/mail.gif);
	background-repeat: no-repeat;
	background-position: 20px 3px;
	padding-left:80px;
	display:block;
	clear:both;
	font-size:12px;
	line-height:20px;
}
#feedback label{
	clear: left;
	float: left;
}
#feedback input,textarea{
	float: left;
	clear: none;
	border: 1px solid #d8d8d8;
	background-color: #F1F1F1;
	padding-top: 3px;
	padding-left: 3px;
	color: #333333;
}
.redsmall{

	color:#FF0000;
	padding-left: 5px;
}
.contact_title {
	width: 240px;
	padding-left: 0px;
	background-image: url(../images/left_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CBEAFE;
}
.contact{
	width: 220px;
	background-image: url(../images/contact_img.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	padding-top: 66px;
	float: left;
	padding-left: 5px;
	height: auto;
}
.contact_img {
	text-align: center;
	padding-top: 1px;
}

.contact_txt{
	overflow: hidden;
	background-image: url(../images/tb_bg--.jpg);
	background-repeat: repeat-x;
	background-position: left 0px;
	border: 0px solid #E0E0E0;
	line-height: 22px;
	height: auto;
	width: 94%;
	margin: auto;
	padding-top: 10px;
}

#contact_bg{
	background-image: url(../images/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 12px;
	line-height: 28px;
	padding-bottom: 30px;
}


.news_img{
	text-align:center;
	padding-top: 5px;
}
.tr_blank{
height:10px;
clear:both;
overflow:hidden;
}

.down_list {
	width: 640px;
	text-align: center;
	padding-top: 10px;
}
.down_list li{
	width: 640px;
	color: #999999;
	line-height: 36px;
	height: 36px;
	background-image: url(../images/news_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.down_list li a#L_width{
	color: #333333;
	text-decoration: none;
	line-height: 36px;
	overflow:hidden;
	display: block;
	float: left;
	padding-left: 15px;
	text-align: left;
	background-image: url(../images/news_icon1.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
	width:500px;
		height: 36px;

}
.down_list li a:hover#L_width{
	text-decoration: none;
	color: #FF3300;
}

.down_list li a#S_width{
	background-image: none;
	padding-top:8px;
		display: block;
	float:right;
}
.img_nav{
	text-align: center;
	width: 230px;
	clear: both;
	overflow: hidden;
	background-image: url(../images/img_nav.gif);
	background-repeat: no-repeat;
}
.img_nav img{
	float: left;
	padding-right: 0px;
	padding-left: 10px;
}
.img_nav a{
	clear:both;
	height: 48px;
	display: block;
	font-size: 14px;
	line-height: 36px;
	font-weight: bold;
	color: #2B9CE3;
}
#index_pic{
	text-align: center;
	width: 310px;
	overflow: hidden;
	float: right;
	padding-right: 0px;
}

#inner_case{
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#inner_case li{
float: left;
	width:140px;
	padding-left:20px;
	padding-right:20px;
	height:140px;
	text-align: center;
	background-image: url(../images/case_border--.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 0px;
	overflow: hidden;
	}
#inner_case li a.case_pic{
width:140px;
height:120px;
}
#inner_case li a.case_pic img{
	width:138px;
	height:108px;
	border: 1px solid #4C4C4C;
}
/*-----------内页案例大图----------*/
#main_largecase {
	clear: both;
	padding-top: 12px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-left: 24px;
}
#inner_largecase{
	text-align: center;
	clear: both;

}
#inner_largecase img{	
border: 1px solid #4C4C4C;
}
#case_name{
	font-size: 14px;
	line-height: 32px;
	text-decoration: none;
	text-align: center;
	height: 32px;
	margin: auto;
	overflow: hidden;
	padding: 0px;
	font-weight: bold;
}
.bg_img{
	background-image: url(../images/inner_bg--.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	float: left;
	padding-top: 0px;
	width: 100%;
}
#pro_order{
background:#6aa9e9;
	color: #f1f1f1;
	text-indent:20px;
	font-weight:bold;
}

