/*����֧��*/
div.proclass1{width:100%; margin: 0 auto;  padding-top:33px;/*background:url(../images/service/pro1bg.jpg) no-repeat;background-size: 100% 100%;*/}
div.proclass1 dl.classintro{background:#fff;border:solid 1px #ccc;overflow:hidden;zoom:1;margin:0px;padding:20px; border-radius:5px;}
div.proclass1 dl.classintro dt {float:left;margin:0px;padding:0px;width:55%}
div.proclass1 dl.classintro dt img{border:6px solid #fff;width:100%;margin:0px;padding:0px;}
div.proclass1 dl.classintro dd {margin:0px;padding:0px;float:right;width:40%}
div.proclass1 dl.classintro dd h1{font-size:24px; line-height:80px; color:#232323; text-align:center;}
div.proclass1 dl.classintro dd div{color:#141414;padding:20px;overflow:hidden;zoom:1;}
div.proclass1 dl.classintro dd div span{font-weight:bold;font-size:26px;height:40px;line-height:40px;}
div.proclass1 dl.classintro dd div p{text-indent:2em;line-height:40px;}
div.proclass1 dl.classintro dd div a{width:100px;height:40px;text-align:center;line-height:40px;float:right;border:solid 1px #0091ff;color:#0091ff;clear:both;margin-top:10px;display:block}
div.proclass1 ul.subclass{clear:both;}
div.proclass1 ul.subclass li{width:24%;margin-right:1%; background:#fff;margin-bottom:12px;float:left;}
div.proclass1 ul.subclass li:last-child{margin:0px}
div.proclass1 ul.subclass li img{width:100%}
div.proclass1 ul.subclass li dl dt{ }
div.proclass1 ul.subclass li dl dd{text-align:center;border:solid 1px #eaeaea;padding:10px;font-size:12px;min-height: 261px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
div.proclass1 ul.subclass li dl dd h2{
	height: 60px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 900;
    font-size: 16px;
}
div.proclass1 ul.subclass li dl dd div{line-height:27px;    height: 122px;    color: #ffffff;}
div.proclass1 ul.subclass li dl dd a{display:block;width:100px;height:40px;line-height:40px;border:solid 1px #ffffff;margin:0px auto;}
/*div.proclass1 ul.subclass li dl dd a:hover{background:#ffffff;color:#000000;}*/


div.proclass2{background:url(../images/pro2bg.jpg) center no-repeat; overflow:hidden;zoom:1;}
div.proclass2 h2{font-size:24px;  text-align:center; line-height:134px; clear:both;width:100%;}
/*div.proclass2 ul.subclass{width:542px; float:left;}*/
div.proclass2 ul.subclass li{width:32%; margin-left:2%; background:#fff; float:left; height:403px;margin-bottom:20px;padding-top:20px;border-radius:5px;}
div.proclass2 ul.subclass li:first-child{margin:0px;}
div.proclass2 ul.subclass li:nth-child(4){margin:0px;}
div.proclass2 ul.subclass li div{text-align:center}
div.proclass2 ul.subclass li img{text-align:center}
div.proclass2 ul.subclass li div.mouseout{padding:0px 30px;}
div.proclass2 ul.subclass li h2{line-height:49px; font-weight:bold; margin:0px auto; text-align:center; font-size:12px;}
div.proclass2 ul.subclass li p{line-height:24px;margin:0px auto;}
div.proclass2 ul.subclass li div.mouseout a{width:104px; height:40px; display:block;  clear:both; margin:0px auto; margin-top:27px; margin-bottom:44px; border:1px solid #9cb8ca; text-align:center; line-height:40px;}
div.proclass2 ul.subclass li a:hover{background:#0091ff;color:#fff;}
div.proclass2 ul.subclass li.pro2 div.mouseout a,div.proclass2 ul.subclass li.pro2 div.mouseover a{ border-color:#e6e5a3;}
div.proclass2 ul.subclass li div.mouseover{width:150px; margin:0px auto; margin-top:32px; display:none;}
div.proclass2 ul.subclass li div.mouseover a{width:104px; height:24px; display:block; color:#fff; margin:0px auto; margin-top:18px; border:1px solid #9cb8ca; text-align:center; line-height:24px; float:left; margin-right:9px;}