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

.main{
	margin-top: 28px;
	border-top: 1px solid #f9f9f9;
}

.about{
/*	height: 297px;*/
	margin-top: 26px;
	border: 1px solid #eee;
	overflow: hidden;
}
.about .ablf{
	width: 28%;
	float: left;
	position: relative;
}
.about .abtit{
	position: absolute;
	left: 30px;
	top: 32px;
	line-height: 1.4;
}
.about .abtit h2{
	
    font-family: 'Microsoft YaHei';
    font-size: 30px;
    color: rgb(216, 0, 66);
}
.about .abtit span{
	font-size: 14px;
    color: rgb(102, 102, 102);
}
.about .abrg{
	width: 68%;
	float: left;
	margin: 18px 2% 0;
	line-height: 1.4;
	text-align: justify;
	color: #888;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
	white-space: pre-wrap;
}

.xinpin{
	margin-top: 24px;
	border: 1px solid #eee;
	border-width: 1px 0;
	background-color: #f9f9f9;
	overflow: hidden;
}
.xinpin .xptit{
	margin-top: 28px;
	font-family: 'Microsoft YaHei';
	text-align: center;
}
.xinpin .xptit h2{
	color: rgb(90, 90, 90);
    
    font-size: 30px;
    line-height: 140%;
    
}
.xinpin .xptit p{
	margin-bottom: -7px;
	font-size: 14px;
    line-height: 42px;
    text-transform: uppercase;
}
.xinpin .xptit span{}

.xinpin ul{
	margin-top: 24px;
	margin-bottom: 80px;
	font-size: 0;
}
.xinpin ul li{
	vertical-align: top;
    width: 240px;
    margin: 0 4.5px 10px;
	padding: 12px;
    border: 1px solid #dfdfdf;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	
}
.xinpin ul li:hover{
	border-color: #d80042;
}
.xinpin ul li >a{
	display: inline-block;
	height:210px;
	line-height: 200px;
	vertical-align: middle;
	overflow: hidden;
}
.xinpin ul li img{
	max-width: 100%;
	transition:all .5s;
}
.xinpin ul li a:hover img{
	transform:scale(1.2);
}
.xinpin ul li div{
	padding: 0 5px;
	font-family: Microsoft YaHei;
	font-size: initial;
    text-align: left;
    line-height: 140%;
}
.xinpin ul li h3 a{
	font-size: 16px;
    color: #231105;
    line-height: 1.6;
}
.xinpin ul li:hover h3 a{
	color: #d80042;
}
.xinpin ul li p a{
	font-size: 13px;
	color: #d80042;
}
.xinpin ul li:hover p a{
	color:#211;
}

.two{
	margin: 26px auto;
	border: 1px solid #eee;
}
.two .news{
	width: 696px;
	float: left;
}
 .news .newslf{
	float: left;
	max-width: 240px;
	display:block;
	overflow:hidden;
}
.news .newslf a{
}
 .news .newslf img{
	max-width: 100%;
	transition:all .5s;
}
.news .newslf a:hover img{
	transform:scale(1.1);
}

.news .newsrg{
	width: 420px;
	float: left;
	margin-top: 12px ;
	margin-left: 20px;
}
.two .newstit{
	
}
.two .newstit h2{
	color: rgb(216, 0, 66);
    font-family: "Microsoft YaHei";
	font-size: 30px;
    line-height: 42px;
    
}
.two .newstit p{
	color: #666;
    font-family: Arial, 宋体, Helvetica, sans-serif, Verdana;
    font-size: 14px;
    line-height: 20px;
}

.news .headline{
	margin: 8px 0;
	
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
	font-family: Microsoft YaHei;
	line-height: 22px;
}
.news .headline h3 a{
	
    font-size: 18px;
    color: #048bcd;
	line-height: 26px;
}
.news .headline h3 a:hover{
	color:#d80042;
}
.news .headline span{
	display: block;
    color: #7D7D7D;
	
}


.news ul{}
.news ul li{
	line-height: 28px;
	font-family: Microsoft YaHei;
}
.news ul li span{
	float: left;
	margin-right: 12px;
	
    color: #9F9F9F;
}
.news ul li a{
	font-size:13px;
    color: #7D7D7D;
}
.news ul li a:hover{
	color:#d80042;
}

.contact{
	width: 380px;
	height: 256px;
	padding-left: 20px;
	padding-top: 14px;
	float: left;
	border-left: 1px solid #eee;
}
.contact .lianxi{
	margin-top: 16px;
}
.contact .lianxi p{
	padding-left: 40px;
	margin-bottom:5px;
	line-height: 2;
	color: rgb(29, 15, 4);
    font-family: "Microsoft YaHei";
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: left 1px;
}
.contact .lianxi p.add{ background-image: url(/images/us_03_xpcd.png);}
.contact .lianxi p.phone{background-image: url(/images/us_07_y1wq.png);}
.contact .lianxi p.fax{ background-image: url(/images/us_15_1vyg.png);}
.contact .lianxi p.mail{ background-image: url(/images/us_11_gzqa.png);}