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

body {
	/*font-family: Microsoft YaHei,Arial,sans-serif;*/
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #333333;
	text-decoration: none;
	line-height: 24px;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span,ul,li,a{
	margin:0px;
	padding:0px;
	border: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: 14px;
	width: 80px;
	text-align: right;
	padding-right: 8px;
}
.img_more2 {
	float: right;
	height: 24px;
	padding-top: 8px;
	width: 80px;
	text-align: right;
	padding-right: 12px;
}
.img_more3 {
	float: left;
	height: 20px;
	padding-top: 10px;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}
#tel_txt {
	text-align: center;
	float: right;
	height: 30px;
	width: auto;
	clear: right;
	padding-top: 0px;
	background-image: url(../images/tel1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 20px;
	font-weight: normal;
	color: #669B17;
	padding-right: 10px;
	margin-top: 30px;
	line-height: 26px;
	text-indent: 100px;
}
.top_margin {
	margin-top: 10px;
}

#main_body {
	width: 100%;
} 
.main{
	width:1002px;
}
#index_main {
	clear: both;
	overflow: hidden;
}
#logo {
	text-align: left;
	height: 113px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	width: 700px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#head {
	height: 160px;
	overflow: hidden;

}
#home {
	width:124px;
	float: right;
	height: 24px;
	padding-top: 30px;
	margin-top: 0px;
	overflow: hidden;
	padding-right: 15px;
}
#home a{
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 18px;
	color: #666666;
}
#home a:hover{
	text-decoration: underline;

}
#home img{
	margin-right:5px;
}
#bgbanner {
	background-image: url(../images/flash_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 330px;
	clear: both;
	padding-bottom: 12px;
	height: 330px;
}

#inner_banner {
	text-align: center;
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 0px;
	height: 70px;
	padding-bottom: 10px;
}


.index_title{
	background-image: url(../images/pro_title.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 54px;
	width: auto;
	clear: both;
	overflow: hidden;
	text-align: left;
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	line-height: 36px;
}
.index_title a.index_tl{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
	line-height: 36px;
}
.part_title{
	padding-top: 0px;
	background-image: url(../images/part_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 100%;
	clear: both;
	overflow: hidden;
	text-align: left;
}
.part_title a.part_tl{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/part_ico.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding-left: 30px;
	padding-top: 6px;
	display: block;
	height: 24px;
}
.part_title a.part_tl:hover{
text-decoration:none;
}

.index_newsmain{
	width: 280px;
	overflow: hidden;
	float: right;
	border: 0px solid #e1e1e1;
	height: auto;
}
/*---------ABOUT US-----------*/
#index_about{
	border: 0px solid #d8d8d8;
	height: auto;
	width: 94%;
	line-height: 24px;
	margin: auto;
	overflow: hidden;
}
#index_about p{ text-indent:30px;}
#index_about img{
	float: left;
	width: 130px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 1px;
	border: 1px solid #e1e1e1;
	height: 100px;

}
.index_aboutmain{
	width: 420px;
	border: 0px solid #e1e1e1;
	background-image: url(../images/about_line.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	white-space: normal;
	height: auto;
	float: left;
	padding-right: 40px;
}
.about_title{
	background-image: url(../images/about_title.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 54px;
	width: auto;
	clear: both;
	overflow: hidden;
	text-align: left;
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	line-height: 36px;
}
.about_title a.about_tl{
	font-size: 14px;
	font-weight: bold;
	color: #137500;
	padding-left: 20px;
	line-height: 30px;
}
.news_title{
	padding-top: 0px;
	background-image: url(../images/news_title.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 50px;
	width: auto;
	clear: both;
	overflow: hidden;
	text-align: left;
}
.news_title a.news_tl{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 45px;
	display: block;
	padding-top: 6px;
}
/*---------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: 26px;
	clear: both;
	width: 100%;
	overflow: hidden;
}
#index_left {
	float: left;
	width: 236px;
	overflow: hidden;
	padding-left: 5px;

}

#index_center {
	width: 100%;
	padding-top: 0px;
	margin: auto;
	overflow: hidden;
	height: auto;
}
#index_center2{
	background-image: url(../images/index_line.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	float: left;
	padding-left: 10px;
	width: 98%;
}

#index_right {
	float: right;
	width: 750px;
	padding-top: 0px;
	overflow: hidden;
	margin-right: 0px;
	display: inline;
	padding-right: 0px;

}
#prolist_main {
	width: 100%;
	background-image: url(../images/left_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 0px;
	clear: both;
}

.pro_title {
	width: 100%;
	padding-left: 0px;
	background-image: url(../images/left_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 32px;
	color: #FFF;
	height: 50px;
}
.pro_title a.pro_tl{
	padding-left: 15px;
	color: #FFF;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	}
.pro_title a.pro_tl:hover{
text-decoration:none;
}
#pro_bg{
	clear: both;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#pro_bg li{
	float: left;
	width: 152px;
	padding-left: 8px;
	padding-right: 8px;
	height: 154px;
	text-align: center;
	overflow: hidden;

}
#pro_bg li div.pro{
	height: 120px;
	overflow: hidden;
	border: 1px solid #e1e1e1;
	padding: 1px;

}
#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: 150px;
	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: 94%;
	overflow: hidden;
	clear: both;
	margin: auto;
}
#index_newslist li{
	width: 100%;
	text-align: right;
	line-height: 28px;
	height: 28px;
	font-size: 11px;
	color: #999999;
}
#index_newslist li a{
	text-decoration: none;
	line-height: 28px;
	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 9px;
	height: 28px;
	float: left;
}
#index_newslist li a:hover{
	text-decoration: underline;
}
#inner_main {
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #666666;
	display: table;
}

#inner_left {
	float: left;
	width: 236px;
	overflow: hidden;
	background-image: url(../images/inner_leftbg=.jpg);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	padding-left: 5px;
}
#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: 201px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#left_nav li{
	width: 100%;
	}
#left_nav a{
	display: block;
	text-decoration: none;
	line-height: 34px;
	font-size: 12px;
	width: 100%;
	padding-left: 0px;
	background-image: url(../images/class.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 36px;
	overflow: hidden;
	font-weight: bold;
	text-indent: 30px;
}
#left_nav a:hover{
	background-image: url(../images/class_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
}
#inner_right {
	width: 750px;
	float: right;
	overflow: hidden;

}
.inner_rightmain{
	line-height: 28px;
	clear: both;
	font-size: 14px;
	padding: 25px;
}

.innerright_title{
	overflow: hidden;
	text-align: left;
	background-image: url(../images/inner_title.png);
	height: 49px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 0px;
	text-decoration: none;
	clear: both;
	width: 100%;
	border: 0px solid #e1e1e1;


}
.innerright_title h3{
	display: block;
	float: right;
	margin: 0px;
	font-size: 0px;
	padding-left: 15px;
	color: #DAD8D9;
	padding-top: 4px;
	overflow: hidden;
}
.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: left;
	padding-right: 0px;
	color: #4A992C;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	height: 24px;
	padding-top: 8px;
	padding-left: 20px;
}
.innerright_title a {
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	font-weight: bold;
	color: #4A992C;

}
.innerright_title a:hover{
	text-decoration: underline;
}

#inner_pro{
	clear: both;
	width: 720px;
	margin-top: 25px;
}
#inner_pro li{
	float: left;
	width: 152px;
	padding-left: 12px;
	padding-right: 12px;
	height: 154px;
	text-align: center;
	overflow: hidden;
}
#inner_pro li div.pro{
	height: 120px;
	overflow: hidden;
	border: 1px solid #e1e1e1;
	padding: 1px;

}
#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: 150px;
	padding-top: 0px;
	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;
	color: #C20000;
}



.page_back {
	text-align: right;
	clear: both;
	padding-top: 10px;
	padding-right:20px;
	height: 80px;
}
#bottom {
	background-image: url(../images/bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: center 0px;
	text-align: center;
	clear: both;
	overflow: hidden;
	font-size: 12px;
	height: auto;
	background-color: #E8E8E8;
	padding-bottom: 20px;
}
#bottom a{
	text-decoration: none;
	font-size: 12px;
}
#bottom a:hover{
	text-decoration: underline;
}
#bottom_txt {
	padding-top: 25px;
	width: 1002px;
	font-size: 12px;
	padding-bottom: 5px;
	text-align: center;
	clear: both;
	color: #666666;
}
#bottom_txt a{
	color: #666666;
}
#inner_newslist {
	width: 96%;
	text-align: center;
	padding-top: 10px;
}
#inner_newslist li{
	width: 100%;
	text-align: right;
	line-height: 36px;
	height: 36px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size:12px;
	color:#999;
}
#inner_newslist li a{
	text-decoration: none;
	line-height: 36px;
	overflow:hidden;
	display: block;
	float: left;
	padding-left: 15px;
	width: 70%;
	text-align: left;

}
#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;
}
#feedback input.submit_btn{ width:100px; height:36px; line-height:18px; background:#F60; color: #FFF; font-weight:bold; font-size:14px; cursor:pointer; padding:0px; margin:0px;}
.redsmall{

	color:#FF0000;
	padding-left: 5px;
}
.contact_title {
	width: 100%;
	padding-left: 0px;
	background-image: url(../images/contact_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 32px;
	color: #FFF;
	height: 50px;
}
.contact_title a.contact_tl{
	padding-left: 15px;
	color: #FFF;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	}
.contact{
	width: 224px;
	overflow: hidden;
	height: auto;
	border: 1px solid #CCC;
	padding-top: 10px;
	padding-bottom: 15px;
}
.contact_img {
	text-align: center;
	padding-top: 1px;
}

.contact_txt{
	overflow: hidden;
	border: 0px solid #E0E0E0;
	line-height: 24px;
	height: auto;
	width: 90%;
	margin: auto;
	padding-top: 0px;
	padding-left: 0px;
}

#contact_bg{
	background-image: url(../images/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: 480px 0px;
	padding-bottom: 200px;
}


.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{
	padding-top:20px;
	width: 480px;
	overflow: hidden;
	background-image: url(../img/img_bg.gif);
	background-repeat: no-repeat;
	float: right;
	background-position: 50px 90px;
	padding-bottom: 100px;
}
.img_nav img{
	padding-top: 5px;
	float:left;
}
.img_nav a{
width:210px; padding-right:30px;
	float:left;
}
.img_nav h3{
font-size:12px;
color:#0279bd;
float:left;
}
#index_pic{
	text-align: center;
	width: 224px;
	overflow: hidden;
	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: 224px;
	padding-left: 10px;
	padding-right: 10px;
	height: 200px;
	text-align: center;
	padding-top: 0px;
	overflow: hidden;
	}

#inner_case li a.case_pic{
	width: 220px;
	height: 150px;
	border: 1px solid #d1d1d1;
	padding: 1px;
	display: block;
}
#inner_case li a.case_pic img{
	width: 220px;
	height: 150px;
}
/*-----------内页案例大图----------*/
#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: 0px solid #4C4C4C;
}
#case_name a{
	font-size: 18px;
	line-height: 32px;
	text-decoration: none;
	text-align: center;
	height: 32px;
	margin: auto;
	overflow: hidden;
	padding: 0px;
	font-weight: bold;
}
.bg_img{
	float: left;
	padding-top: 0px;
	width: 100%;
}
#pro_order{
	color: #666666;
	text-indent: 20px;
	font-weight: bold;
	background-color: #f1f1f1;
	font-size: 12px;
}
.inner_contact{
	width: 200px;
	background-image: url(../images/inner_contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	clear: both;
	overflow: hidden;

}
.inner_contact a{
	text-align: right;
	display: block;
	width: 82%;
	clear: both;
	font-size: 18px;
	font-weight: normal;
	color: #0151AA;
	padding-top: 136px;
	padding-bottom: 0px;
	height: auto;
	line-height: 24px;
	font-family: Verdana, Geneva, sans-serif;
}
.index_infomain{
	width: 286px;
	overflow: hidden;
	float: left;
	border: 0px solid #e1e1e1;
	height: auto;
}

#index_infolist {
	width: 94%;
	overflow: hidden;
	clear: both;
	float: left;
}
#index_infolist li{
	width: 100%;
	text-align: right;
	line-height: 24px;
	height: 80px;
	font-size: 12px;
	color: #999999;
}
#index_infolist li img{
	float: left;
	margin-right: 15px;
}
#index_infolist li h3{
	font-size: 12px;
	height: 24px;
}
#index_infolist li a{
	text-decoration: none;
	line-height: 20px;
	overflow: hidden;
	display: block;
	padding-left: 0px;
	width: 100%;
	text-align: left;
	background-image: url(../images/news_icon2.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	height: auto;
	float: left;

}
#index_infolist li a:hover{
	text-decoration: none;
}
.index_contact{
	width: 100%;
	background-image: url(../images/index_contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 150px;
	clear: both;
	overflow: hidden;

}
.index_contact a{
	text-align: right;
	display: block;
	width: 66%;
	clear: both;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 70px;
	padding-bottom: 0px;
	height: auto;
	line-height: 28px;
	padding-left: 40px;
}
#contact_bottom{
	padding-top: 20px;
	line-height: 24px;
	color: #f1f1f1;
}
.index_bottom {
	height: 18px;
	clear: both;
	width: 100%;
	overflow: hidden;
}
.case_title{
	background-image: url(../images/case_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 100%;
}
.case_title a.case_tl{
	display: block;
	line-height: 50px;
	height: 50px;
	width: 100%;
}