/* about */
.about-part{
	padding-top: 50px;
}
.title-part ul li{
	float: left;
}
.title-part ul li:nth-child(1){
    background: #0158a2;
    height:15px;
    width: 5px;
    height: 62px;
    margin-right: 20px; 
}
.title-part ul li:nth-child(2) p:nth-child(1){
	font-size: 25px;
	color:#0158a2;
	line-height: 40px;
}
.title-part ul li:nth-child(2) p:nth-child(2){
	font-size:14px;
	color:#bbbbbb;
}
.content-about{
	color: #000000;
	text-indent: 2em;
	text-align: justify;
	letter-spacing: 1px;
	margin:27px 0 38px 0; 
}
.btn-more{
	background: #0258a3;
	color: #fff;
	display: inline-block;
	padding: 10px  25px;
}
.about-bigpic img{
	width: 100%;
}
.sm-img-about{
	position: relative;
	padding:0; 
	height: 287px;
}
.sm-img-about img{
	width: 100%;
}
.sm-img-about img:nth-child(1){
    margin-top:19px; 
}
.sm-img-about img:nth-child(2){
	position: absolute;
	bottom: 19px;
	right: 0;
}
/* product */
.product-part{
	margin-top:50px; 
	padding: 50px 0;
	background: #fafafa;
}
.title-part-r ul{
	float: right;
}

.title-part-r ul li{
	float: left;
}
.title-part-r ul li:nth-child(1) p:nth-child(1){
	font-size:25px;
	color:#0158a2;
	text-align: right;
	line-height: 40px;
}
.title-part-r ul li:nth-child(1) p:nth-child(2){
	font-size:14px;
	color:#bbbbbb;
	text-align: right;
}
.title-part-r ul li:nth-child(2){
    background: #0158a2;
    height:15px;
    width: 5px;
    height: 62px;
    margin-left: 20px; 
}
/* 单个产品 */
.pros-group{
	margin-top:30px; 
}
.pro-box{
	position: relative;
    overflow: hidden;
	width: 95%; 
	margin: 0 2.4%;
	border-radius: 2px; 
	border: 1px solid #e3e3e3;
	background: #eee;
	margin-bottom: 30px;
}
/* .pro-box:nth-child(4n+1){
	margin-left: 0;
}
.pro-box:first-child(){
	margin-left:0; 
} */
.pro-box img{
	width: 100%;
}
.blackbox{
	position: absolute;
	top: 0;
	opacity:0;
	left: -100%;
	height: 100%;
	width: 100%;
	border-radius: 2px; 
	padding-top: 23px;
	background: rgba(0,0,0,0.7);
}
.blackbox p{
	color: #fff;
}
.blackbox p a{
	color: inherit;
	display: block;
}
.blackbox p a:hover{
	text-decoration: none;
}
.blackbox p:nth-child(1){
	font-size: 22px;
	text-align: center;
	background: #0258a3;
	margin-bottom:23px;
	padding: 10px;
}
.blackbox p:nth-child(2){
	font-size: 12px;
	padding:0 15px; 
}
/* 新闻 */
.new-part{
	margin-bottom: 50px; 
	padding-top: 50px;
}
.new-part .title-part{
	margin-bottom: 30px; 
}
.news-group{
	z-index: 3;
	padding: 30px 15px 0 15px;
	background: url('../images/index/topic.png') 0 98px no-repeat #fafafa;
	width: 90%; 
	margin: 0 5%;
	min-height: 316.78px;
}
.news-group>p:nth-child(1){
	font-size: 18px;
	color:#000;
	overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    width: 100%;
	margin-bottom: 23px; 
}
.news-group>p:nth-child(2){
	color:#888888;
	font-size: 14px;
	text-align: justify;
	text-indent: 2em;
	margin-bottom: 26px; 
}
.news-item{
	text-decoration: none;
	display: block;
	color:#000000;
	padding-bottom: 5px;
	border-bottom: 1px dashed #b0b0b0;
	font-size: 14px;
	margin-bottom: 3px; 
}
.news-item span.word{
	display:inline-block;
	white-space:nowrap; 
	overflow:hidden;
	width: 200px; 
	text-overflow:ellipsis;
}
.news-item i{
	margin-right:15px; 
}
.news-item span.dtae{
	font-size: 12px;
	float: right;
	color:#b0b0b0;
}
.news-item:hover{
	color: #0258a3;
	text-decoration: none;
}
@media screen and (max-width: 768px) {
.about-bigpic{
	padding: 0;
}
.sm-img-about{
	height: auto;
}
.sm-img-about img{
	width: 45%;
}
.sm-img-about img:nth-child(1){
	margin-top: 0;
}
.sm-img-about img:nth-child(2){
	right:0px;
    bottom: 0px; 
}
.newsdiv{
	padding:0;
}
.news-group{
	width: 100%;
	margin: 30px 0 0 0;
}
}
@media screen and (max-width: 450px) {
.title-part ul li:nth-child(2) p:nth-child(1){
	font-size:18px;
	line-height: normal;
}
.title-part ul li:nth-child(2) p:nth-child(2){
	font-size:14px;
}
.title-part ul li:nth-child(1){
    height:44px;
    margin-left: 10px; 
}
.title-part-r ul li:nth-child(1) p:nth-child(1){
	font-size:18px;
	line-height: normal;
}
.title-part-r ul li:nth-child(1) p:nth-child(2){
	font-size:14px;
}
.title-part-r ul li:nth-child(2){
    height:44px;
    margin-left: 10px; 
}
.product-part{
	padding: 25px 0;
}
.pros-group{
	width: 100%;
}
.pro-box{
	width:80%;
	float: none;
	margin: 30px 10%; 
}