@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}

img{border:0;padding:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0;}
.noneBottomBorder{ border-bottom: none!important;}	
.noneTopBorder{ border-top: none!important;}
.backgroudW{ background: #fff; padding: 15px; margin: 24px 0px;}





.sectionB{ width: 100%; border-top: 1px solid #b0c0ca; background: #e5e9ec;min-width: 1200px; margin-top:20px;}
.section{ width:100%; margin:auto; position:relative; clear:both; padding-top: 34px; padding-bottom: 38px; }

.inProBd{width: 1200px;/* height: 670px; */margin: 0 auto;}
.inProClaList{
	float:left;
	width: 230px;
	/* height: 671px; */
	background: #fff;
	margin-top: -1px;
	background: #ffffff;
	}
.ProClaT{ 
	width: 192px;height:66px; padding-bottom: 18px;
	color:#f02e49;font-size: 24px; line-height: 66px; text-align: center; 
	background: url(../images/index_09.jpg) left top no-repeat;margin:0 auto;}
.ProClaT span{ color:#1561af;}	
.ProClaList{width: 192px;margin:0 auto;}
.ProClaList li{ width: 192px; height: 42px; padding-bottom: 10px;}
.ProClaList li a{
	width: 150px;
	height: 40px;
	padding-left:14px;
	padding-right:26px;
	border:1px solid #b7c5ce;
	display: block;
	color:#666666;
	overflow: hidden;
	font-size: 14px;
	line-height: 40px;
	background: url(../images/proclassbg.png) 170px center no-repeat #f6f6f6;
	}
.ProClaList li a:hover{
	color:#ffffff;
	background-color:#105095;}	
.ProClaList .more a{
	width:134px;
	height: 33px;
	padding-left:20px;
	padding-right:36px;
	border: 1px solid #a90b21;
	display: block;
	color:#ffffff;
	background-color: #c71730;
	line-height: 33px;
	/* background:url(../images/more.jpg) 160px center no-repeat #c71730; */
	}	
/*end inProClaList*/

.proListPic {float:left;width:940px;/* height: 635px; */padding-left: 20px;padding-top: 35px;overflow: hidden;}
.proListPic ul li{ 
	position: relative;float:left;
	width:290px; height:194px; border:3px solid #fff;margin-right: 21px;margin-bottom: 21px;
	overflow: hidden; }		
.proListPic ul li .pic{width:290px; height:194px;}
.proListPic ul li .intro{
	position: absolute;left:0px; top:0px; display: none;  z-index: 99;
	width:290px; height:194px;
	background:url(../images/propicbg.png);}
.proListPic ul li .intro .title{
	width:290px;
	height:46px;
	padding:40px 10px 0px 10px;
	display: block;
	color:#fff;
	font-size:16px;
	overflow: hidden;
	line-height:46px;
	text-align: center;
	}
.proListPic ul li .intro .title a{color:#fff;}	
.proListPic ul li .intro .proUrlPic{
	width:102px; height:40px; padding: 0 80px;}
.proListPic ul li .intro .proUrlPic .a{float:left;display: block;width: 40px; height:40px; padding-right: 20px;   }
.proListPic ul li .intro .proUrlPic .b{float:left;display: block;width: 41px; height: 40px; }

.proListPic .proMenu{
	width:230px; height:194px; display: block; border: 3px solid #0f4f94;
	background:url(../images/probg.html) center  center no-repeat #0f4f94;}
.proListPic .proMenu a{width:230px; height:194px;  display: block;}
.proListPic .proMenu .font{
	display: block;
	width:175px; height:34px;  padding-left: 55px; padding-top: 50px;
	color: #fff; font-size: 24px;line-height: 34px;}
.proListPic .proMenu .english{ 
	display: block;
	width:215px; height:26px;  padding-left: 25px;
	color: #4bbeed;font-size: 24px; line-height: 26px;text-transform: uppercase; font-family: impact;}	
/*end proListPic*/