@charset "utf-8";
/* CSS Document */

.i_new {padding: 8px 0 30px;}
.i_newbox {width:215px}
.i_newbox2 {margin-right:30px;width:230px}
.i_newtitle {color:#666;font-family:Arial,Helvetica,sans-serif; font-size:15px;font-weight:700;height:16px;text-align:right;}
.i_new_list {color:#999;line-height:23px;margin-top:8px;text-align:right; font-size: 12px;}
.i_new_list p {margin-bottom: 0;}
.i_new_list li a {color:#999;}


.h2{height:32px;line-height:32px;border-bottom:1px solid #ccc;margin:0 0 10px}
.h2 span{display:inline-block;float:left;padding-right:18px;font-size:16px;background:url(../img/ico1.jpg) no-repeat right center}


.hotcasel{width:714px}
.hotcaser{width:260px}
.hotad{margin:32px auto 6px}
.hotlist li{display:inline-block;float:left;padding:8px 0;margin:0 25px 0 0}
.hotlist li.no{margin-right:0}
.hotlist li a{display:block}
.hotlist li img{width:220px;height:135px}
.hotlist li p{padding:10px 0 6px}
.fenlist a{display:inline-block;margin:0 5px 5px 0;border:1px solid #ccc;font-size:12px;padding:3px 0;width:78px;text-align:center}
.fenlist a.no{margin-right:0}
.fenlist a:hover{background:#f00;color:#fff;border-color:#f00}

.i_classcase{padding:15px 0}
.classhotlist li{display:inline-block;float:left;padding:8px 0;margin:0 21px 0 0}
.classhotlist li:nth-child(3n){margin-right:0}
.classhotlist li a{display:block}
.classhotlist li img{width:320px;height:200px}
.classhotlist li p{padding:10px 0 6px}
.casemore a{font-size:24px;color:#888}

.newsbox{margin:0 auto 30px}
.newsbox li {overflow:hidden;padding:10px 0 20px;display:inline-block;float:left;width:470px;margin-right:60px}
.newsbox li:nth-child(2n){margin-right:0}
.newsbox li span{display:inline-block;float:left}
.newsbox li span img{width:128px;height:84px}
.newsbox li .div{display:inline-block;float:left;margin:0 0 0 18px;line-height:20px;width:322px}
.newsbox li .div h3{padding:3px 0 6px; font-size: 13px; font-weight: bold; margin: 0;}
.newsbox li .div h3 a:hover{text-decoration:underline}
.newsbox li .div div{color:#999}



@media (max-width:768px) {

.hotcasel, .hotcaser {width: auto; float: none; margin-left: 5px; margin-right: 5px;}

.hotlist li {width: 50%; padding: 10px 10px 5px; margin: 0;}
.hotlist li img {width: 100%; height: 120px;}
.hotlist li p {margin-bottom: 0; height:52px; overflow:hidden;}

.hotad {text-align: center;}
.hotad img {width: 100%;}

.fenlist a {width: 32%; margin: 5px 1px; float: left;}

.classcase {margin-left: 5px; margin-right: 5px;}
.classhotlist {padding: 0 0px;}
.classhotlist li {width: 50%; padding: 10px 10px 5px; margin: 0;}
.classhotlist li img {width: 100%; height: 120px;}
  .classhotlist li p {height:52px;overflow:hidden;}

.newsbox li {width: 100%; display: block; padding-bottom: 10px; margin-right: 0;}
.newsbox li .div {width: auto; float: none; display: block; margin-left: 0;}
.newsbox li span {width: 40%; padding-right: 15px;}
.newsbox li span img {max-width: 100%; height: auto; width: 100%;}
.newsbox li .div h3 {padding-top: 4px;}


}