@import url("./frame.css");


.header{background:#fff; }


.header_wrap{ width: 1200px;  }

.header_left{ width: 552px; height: 140px; float: left; }

.header_left a{ display: block;  width: 100%; height: 100%;}

.header_right{ width: 290px; height: 140px; float: right;  }


/*nav*/

.nav{ background: #0077cb; }
.nav_wrapper{ height: 52px;   }

.nav_wrapper a{ width: 171px; height: 52px; display: block;
	text-align: center; color: #fff;
	float: left;
	line-height: 52px;
	font-size:14px;

	background:url("../images/line2.png") no-repeat top right;
 }

 .nav_wrapper a.active_nav_a , .nav_wrapper a:hover{
 	background: #d90101;
 }

 .banner_wrap{ height: 460px;  background:#014e8d; }

 .search_wrap{ height: 64px; background: #eee; }

 .search_center{ height: 34px; padding-top: 15px; padding-bottom: 15px; }

.search_input{ 
	
	background: #fff;
	width: 880px; box-sizing: content-box;padding-left: 10px;
	padding-right: 10px;
	color: #757575;
	font-size: 14px;
	float: left;
	height: 34px;
	border-radius: 6px;
	float: left;
 }

 .search_submit{ height: 34px; width: 260px; float: right;
background: #0077cb;
color: #fff;
font-size: 14px;
border-radius: 6px;
  }
.product_wrap{padding-top: 20px;}
.pro_left{ width: 260px; float: left; }
.pro_right{ width: 940px; float: right; height: 550px;  }

.site_title{ height: 40px; background: #1b85d1; padding-left: 20px; line-height: 40px; color: #fff; border-radius: 6px;}

.site_title a{ font-size: 16px; color: #fff; }
.site_title i{ font-size: 12px; padding-left: 4px; padding-right: 4px; }
.site_title span{ font-size: 12px; font-family: "Arial"; }


.sort_list_wrap{
	padding-top: 6px;
}

.sort_list_wrap a{
	height: 30px;
	line-height: 30px;
	
	font-size: 13px;
	
	display: block;
	margin-bottom:6px;
	border-radius: 6px; 
	
	transition: all ease 0.5s;
}

.sort_list_wrap a.first_class{
	color:#757575;
	padding-left: 32px;
	background: url("../images/circle1.png") left top no-repeat #ecf3fe;
}

.sort_list_wrap a:hover .first_class{
	color: #fff;
	background: url("../images/circle2.png") left top no-repeat #ec2c2c;
}

.sort_list_wrap a.second_class{
	padding-left: 40px;
	color:#757575;
	background: url("../images/circle3.png") left top no-repeat #ecf3fe;
}

.sort_list_wrap a:hover .second_class{
	color: #fff;
	background: url("../images/circle4.png") left top no-repeat #ec2c2c;
}


.pro_right a{
	width: 215px; height: 275px; 
	display: block;
	float: left;
	margin-left: 20px;
}

.imga{
	width: 213px; height: 233px;
	border: 1px solid #d9d9d1;
	overflow: hidden;


}
.pro_right .imga img{
	transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    -webkit-transition: all 1.2s linear;
}
.texta{ width: 215px; height: 40px; line-height: 40px;
font-size: 13px;color: #757575;
transition: all linear 0.5s;
text-align: center;
 }


.pro_right .texta:hover{
	color: #d90101;
	text-decoration: underline;
}

.pro_right .imga:hover img{

    
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -o-transform: scale(1.12);
    -m-transform: scale(1.12);
    transform: scale(1.12);
}



.pro_right2 a.product_a{
	width: 215px; height: 275px; 
	display: block;
	float: left;
	margin-right: 16px;
}


.pro_right2 .imga img{
	transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    -webkit-transition: all 1.2s linear;
}



.pro_right2 .texta:hover{
	color: #d90101;
	text-decoration: underline;
}

.pro_right2 .imga:hover img{

    
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -o-transform: scale(1.12);
    -m-transform: scale(1.12);
    transform: scale(1.12);
}

/*second_part*/
.second_part_wrap{ padding-top: 20px; }
.second_part_left{ width: 260px;
	float: left;
 }

.contact_content{
	background:#ecf3fe;
	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 20px;
	line-height: 22px;
	font-size: 12px;
	color: #757575;
}

.contact_content img{ width: 200px; margin:0 auto;  display: block;
padding-top: 20px;
}


.second_part_center{ width: 570px; float: left;
margin-left: 20px; 
 }

.company_content{ padding-top: 12px;font-size: 13px; color: #757575; line-height: 22px; } 
.company_content img{ display: block; margin-bottom: 10px; }
.company_content b{ color:#d90101 ; }


.second_part_right{ width: 330px; float: right; }

.news_ul{
	padding-left:6px; 
}
.news_ul li{ height: 36px; line-height: 36px; border-bottom: 1px dashed #757575; overflow: hidden;
transition: all linear 0.5s; 
}
.news_ul li b{ display: block; width: 20px; height: 20px;padding:9px;
display: block;
padding-left: 0;
float: left;
 }
 .news_ul li b span{ width: 20px; height: 20px; line-height: 20px;
text-align: center; color: #fff; background: #757575;
display: block;font-weight: normal;border-radius: 6px;
transition: all linear 0.5s;
  }
.news_ul li a{ float: left; height: 36px; line-height: 36px; font-size: 12px; color: #757575;
max-width: 286px;overflow:hidden;
transition: all linear 0.5s;
 }  

.news_ul li.active_li{ border-bottom: 1px dashed #d90101; 
}

 .news_ul li.active_li b span{ background: #d90101;

  }
.news_ul li.active_li a{ color: #d90101;

 } 


.news_ul2{
	padding-left:6px; 
}
.news_ul2 li{ height: 36px; line-height: 36px; border-bottom: 1px dashed #757575; overflow: hidden; transition: all linear 0.5s;
}
.news_ul2 li b{ display: block; width: 20px; height: 20px;padding:9px;
display: block;
padding-left: 0;
float: left;
 }
 .news_ul2 li b span{ width: 20px; height: 20px; line-height: 20px;
text-align: center; color: #fff; background: #757575;
display: block;font-weight: normal;border-radius: 6px;
transition: all linear 0.5s;
  }
.news_ul2 li a{ float: left; height: 36px; line-height: 36px; font-size: 12px; color: #757575;
transition: all linear 0.5s;
 }  

.news_ul2 li.active_li{ border-bottom: 1px dashed #d90101; 
}

 .news_ul2 li.active_li b span{ background: #d90101;

  }
.news_ul2 li.active_li a{ color: #d90101;

 } 

.bottom_wrap{
	padding-top: 30px;
	padding-bottom: 30px;
	background:#1b85d1;

	margin-top: 30px;
	
}

.bottom_center{  text-align: center;
color: #fff;font-size: 14px;

 }

 .bottom_nav{ height: 40px; line-height: 40px; font-size: 12px;
color: #fff; text-align: left;
  }

.bottom_nav a{
font-size: 14px;
color: #fff;
padding-left: 6px;
padding-right: 6px;
}

.bottom_link_wrap{ height: 40px; background:#eee;margin-top: 30px; }  

.bottom_link_center{ height: 40px;line-height: 40px; }


.bottom_left{ width: 1040px;  float: left; }
.bottom_right{ float: right;  }

.bottom_contact{
	text-align: left;
	line-height: 30px;

}

.bottom_contact a{
	color: #fff;
}
.bottom_contact a:hover{
	text-decoration: underline;
}

.bottom_logo{ width: 120px; height: 120px; }


.inner_right{

	width: 920px; float: right; 

}


.site_title2{ height: 40px; background: #1b85d1; padding-left: 20px; line-height: 40px; color: #fff; border-radius: 6px;}

.site_title2 a{ color: #fff;font-size:13px; }
.site_title2 span{ color: #fff; font-size: 13px; }


.inner_content{ line-height: 24px; color: #757575; font-size: 12px; }

.inner_content p{ text-indent: 24px; }

.pro_list_wrap{  }

.pro_right2 a.news_a{ float: left; display: block; width: 215px; height: 275px; margin-right: 16px; overflow: hidden; }

.news_ul li em{ float: right; font-style: normal; font-size: 12px; color: #757575; }

.pro_title{ height: 60px; border-bottom: 1px solid #ddd; line-height: 60px; font-size: 20px;color: #757575;

text-align: center; }


.xnBanner{
	width: 100%;
    height: auto;
    margin: 0px auto;
    position: relative;
}

/* 统一用翻页样式 */
#pageud a{ text-decoration:none; font-size:12px; font-weight:bold; color:#666666;}
#pageud a:hover{ text-decoration:none; font-size:12px;font-weight:bold; color:#cf211a;}
#pageupdn{border:1px solid #d1d1d1; background-color:#f3f3f3; float:left; padding:5px;margin:0px 4px 0px 4px;overflow:hidden;cursor:pointer;}
#pageupdn strong{color: #cf211a; }
#pageupdn_wz{float:left;padding:5px;margin:0 auto;overflow:hidden;font-family:Arial;}

.job_img{ padding-top: 6px; }
.job_img a img{ border-radius: 6px; }


.goback{ width: 200px; height: 40px;
margin:0 auto;

margin-top: 40px;

background: #d90101;
border-radius: 40px;
text-align: center;

line-height: 40px;
 }

 .goback a{ font-size: 14px; color: #fff; }