.center{ width:1200px; margin:0 auto;}
.center h2{ text-align:center; margin:30px 0; background:url(../images/titlebg.png) center center no-repeat;font-size:26px; color:#3A7ECF;}
.center h2 span{ display:block; font-size:18px; color:#ccc;}
.area1 img{ float:left; margin-right:30px;}
.area1 p{ line-height:28px; font-size:16px; text-indent:2em; color:#666;}

.center img.b{ width:100%; display:block;}
.area2 ul li{ width:382px; height:432px; float:left; padding:10px; border:1px solid #eee; margin-left:27px; margin-bottom:30px;}
.area2 ul li img{ width:100%; height:220px;}
.area2 ul li:nth-child(3n+1){ margin-left:0;}
.area2 ul li:hover{ box-shadow:0px 10px 10px #ccc;}
.area2 ul li a{ display:block; margin:10px 0 13px 0;}
.area2 ul li div{ line-height:23px;}
.area2 ul li div span{ color:#676767;}

.area3 .productnav{ width:240px; float:left; margin-top:30px;}
.navtitle{ width:240px; height:70px; background:url(../images/navbg.png) no-repeat; position:relative;}
.navtitle h5{ font-size:18px; color:#fff; position:absolute; top:14px; left:94px;}
.navtitle h5 span{ font-size:16px; display:block}
.area3 .productnav ul li{  cursor:pointer; line-height:40px; width:100%; padding-left:15px; color:#fff; margin-top:1px; list-style:disc; list-style-position:inside; background:url(../images/arrowdown.png) 220px 15px no-repeat; background-color:#67BBEA;}
.area3 .productnav ul li dl{ display:none; margin-left:-15px;}
.area3 .productnav ul li dl dd{ border-top:1px solid #fff;}
.area3 .productnav ul li dl dd a{ height:40px; width:100%;  background-color:#F5F5F5; display:block; padding-left:20px;}
.area3 .productnav ul li dl dd a:hover,.area3 .productnav ul li dl dd a.on{ background-color:#DEF1FF;}
.area3 .productnav ul li dl dd a span{ float:right; margin-right:10px;}

.area3 .productlist{margin-top:30px; width:900px; float:left; margin-left:60px;}
.area3 .productlist ul li{ float:left; width:210px; height:190px; margin-left:20px; text-align:center; line-height:30px;}
.area3 .productlist ul li:nth-child(4n+1){ margin-left:0;}
.area3 .productlist ul li img{ border:1px solid #CCC;}

.area3 .productdetail{ margin-top:30px;width:900px; float:left; margin-left:60px;}
.area3 .productdetail .box{ margin-right:20px; }
.area3 .productdetail .productinfo{ line-height:25px;}
.area3 .productdetail .productinfo h1{ color:#2F65AD; font-weight:bold; font-size:26px;}
.area3 .productdetail .productinfo span{ color:#2F65AD; font-size:18px; }
.area3 .productdetail .productinfo a{ padding:10px 30px; background-color:#67BBEA; color:#fff;}

.area4{ margin:20px 0;}
.area4 ul li{ margin-left:24px; float:left;}
.area4 ul li:nth-child(6n+1){ margin-left:0;}
.area4 ul li img{ border:1px solid #ccc;}



.newslist ul li{ width:382px; height:345px;  float:left; border:1px solid #eee; margin-left:27px; margin-bottom:30px;}
.newslist ul li img{ width:100%; height:200px;}
.newslist ul li:nth-child(3n+1){ margin-left:0;}
.newslist ul li:hover{ box-shadow:0px 10px 10px #ccc;}
.newslist ul li a{ display:block; margin:10px 0 13px 0; padding: 0 10px; font-size:16px;}
.newslist ul li div{ line-height:23px; font-size:13px;}
.newslist ul li div span{ color:#676767;}
.newslist ul li div{ padding: 0 10px;}