@charset "utf-8";
body {
	font-size: 12px;
	line-height: 1.8em;
	color: #595959;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
}
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
}
li {
	list-style: none;
}
.l {
	float: left;
}
.r {
	float: right;
}
.c {
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}
.t_l {
	text-align: left;
}
.t_r {
	text-align: right;
}
.t_c {
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}
a, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #cc6666;
	text-decoration: underline;
}
#hd {
	background: url(/images/header_bg.jpg) repeat-x;
	height: 463px;
	width: 100%;
	margin: 0 auto;
}
#hd2 {
	background: url(/images/header_bg.jpg) repeat-x;
	
	width: 100%;
	margin: 0 auto;
}
#head {
	width: 1200px;
	margin: 0 auto;
}
#cont {
	width: 100%;
	margin: 0 auto;
}
#about_cont {
	width: 1200px;
	margin: 0 auto;
}
#about_cont .right{
       width:900px;
}
.menu {
        width:100%;
	background: url(/images/nav.gif);
}
.menu ul{
        width:1200px;
        margin:0 auto;
        overflow:hidden;
}
.menu ul li {
	float: left;
}
.menu ul li a {
	color: #333;
	padding: 0 32px 0;
	line-height: 46px;
	display: block;
	text-align: center;
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 14px;
	color: #FFF;
}
.menu .no1 a {
	background: none;
}
.menu ul li a:hover {
	color: #ffc000;
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 14px;
}
.mb10 {
	/* max-width: 1004px; */
	width: 80%;
	margin: 0 auto;
}
.cebian {
	background: url(/images/cb_03.jpg) right no-repeat;
}
.logo {
	background: url(/images/logo.jpg) no-repeat;
	height: 117px;
	background-size: contain;
    background-position: center;
}
.shouye {
	float: right;
	padding-right: 45px;
	line-height: 30px;
	color: #FFF;
}
.shouye a {
	color: #FFF;
}
.left {
	width: 280px;
	margin-top: 10px;
	float: left;
}
.title {
	padding-left: 10px;
	padding-top: 8px;
	font-size: 14px;
	color: #fff;
	background: url(/images/index_sidebar_01.jpg) left no-repeat;
	height: 27px;
}
.word {
	font-size: 12px;
	color: #CCC;
}
.tittle-content {
	border: 1px solid #cc9999;
}
.tittle-content9 {
	border: 1px solid #cc9999;
	margin-top: 10px;
}
.prolist {
	background: #edf0f4;
	padding: 0 0 6px 5px;
}
.prolist li {
	overflow: hidden;
	font-size: 12px;
	padding: 8px 0;
	width: 100%;

}
.prolist li a:hover {
	color: #ff001e;
}
.prolist li a {
	font-size: 14px;
	font-family: "Î¢ÈíÑÅºÚ";
	color: #000;
}
.right {
	float: right;
	width: 965px;
	margin-top: 10px;
}
.title2 {
	padding-left: 10px;
	padding-top: 8px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	background: url(/images/index_sidebar_02.jpg) repeat-x;
	height: 27px;
	
}
.title3 {
	margin-top:10px;
	padding-left: 10px;
	padding-top: 8px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	background: url(/images/index_sidebar_02.jpg) repeat-x;
	height: 27px;
}
.about_title3 {
	padding-left: 10px;
	padding-top: 8px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	background: url(/images/index_sidebar_02.jpg) repeat-x;
	height: 27px;
}
.about_title3 a,.about_title3 a:hover{color: #fff;}
.pic {
	padding: 0 0 5px;
}
.title4 {
	font-size: 14px;
	background: url(/images/index_sidebar_03.jpg) no-repeat;
	width: 714;
	height: 495px;
}
.youchan {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.youchan1 {
	height: 35px;
	background: url(/images/index_sidebar_03.jpg) right no-repeat;
}
.youchan1 a {
	font-size: 14px;
	padding-left: 10px;
	color: #993333;
	line-height: 35px;
}
.youchan1 a:hover {
	color: #333;
	text-decoration: underline;
}
.column-new {
	width: 100%;
}
.column-new-contact li {
	border-bottom: 1px dashed #ccc;
	margin: 0 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 6px;
}
.column-contact {
	margin-top:10px;
	border: 1px solid #cc9999;
	width: 242px;
	float: right;
}
.about_column-contact {
	margin-top:10px;
	border: 1px solid #cc9999;
	width: 278px;
	float: right;

}
.column-contact-center {
	height: 235px;
	border-bottom: 1px dashed #ccc;
	padding-top:5px;
	padding-right:3px;
	padding-left:3px;
	overflow: hidden;
	width: 242px;
}
.about_column-contact-center {
	height: 168px;
	border-bottom: 1px dashed #ccc;
	padding: 10px;
	overflow: hidden;
}
.foot {
	max-width: 1004px;
	width: 98%;
	margin: 0 auto;
}
.foot a:hover {
	color: #ff001e;
}
.foot1 {
	color: #cccccc;
	height: 156px;
	margin-top: 10px;
	background: url(/images/index_footer.png);
}
.foot2 {
    text-align: center;
	padding-top: 30px;
	width: 1200px;
	margin: 0 auto;
}
.foot1 .foot2 ul{ width:100%; text-align: center; margin-bottom:10px;}
.foot1 .foot2 ul li{ display:inline-block;}
.foot1 .foot2 ul li a{ color:#fff; font-size:15px; padding:0 20px;}
.foot2 a:hover { color: #fff;}
.foot1 .foot2 p a{ color: #ccc;}
.foot1 .foot2 p a:hover{ color: #ccc; text-decoration: underline;}
.prolist li a p{
	font-size:15px;
}
@media screen and (max-width:1100px){
	#head{
		display: none;
	}
	.prolist li{
		width: 30%;
		height: 250px;
		margin: 20px 1.5% 20px;
		float: left;
	}

}

@media screen and (max-width: 678px){
	.prolist li{
		height: 200px;
	}
}
@media screen and (max-width: 678px){
	.youchan1 {
		background: url(/images/index_sidebar_03.jpg) left no-repeat;
	}
	.column-new,
	.column-contact,
	.column-contact-center{
		width: 100%;
	}
	.prolist li{
		height: 150px;
	}
}

@media screen and (max-width:500px){
	.prolist li{
		height: 110px;
		margin: 10px 1.5% 10px;
	}
	.prolist li a p{
		font-size:12px;
	}
}