.bannerdiv{ width:100%; min-width:1200px;overflow:hidden; margin:1px auto;height:521px; clear:both;}
.bannerdiv #main_promo{height:521px; width:1920px;min-width:1200px;position:relative; top:0; left:0;overflow:hidden; z-index:0; }
.bannerdiv .promoWD{width:auto; min-width:1080px;margin:0 auto; position:relative; overflow:hidden;}
.bannerdiv .slide{display:block; float:left;  width:1920px;}
.bannerdiv #dots{height:5px; position:absolute;bottom:25px;z-index:99;left:50%;text-align:center; width:350px; margin-left:-175px;}
.bannerdiv #dots a{ width:35px; margin-right:10px; height:5px; display:inline-block; background:url(../images/dot-white.png) no-repeat 0px 0px;}
.bannerdiv #dots a.act{ background:url(../images/dot.png) no-repeat 0px 0px; background-size:cover;}

.index_type{ height:30px; overflow:hidden; margin-bottom:14px;}
.index_type .left{ color:#148cd8; float:left; font-size:18px; font-weight:bold;}
.index_type .left span{ color:#aaa; font-size:12px; font-weight: normal; font-family:Bebas; margin-left:14px; letter-spacing:1px;}
.index_type .xie{ width:140px; float:left; margin-left:8px; height:10px; background:url(../images/img-xie.png) repeat-x; margin-top:8px;}
.index_type .more{ display:block; text-align:center; float:right; width:48px; height:15px; border:1px solid #0093dd; color:#0093dd; text-transform:uppercase;font-size:12px; font-family:Arial; margin-top:3px; line-height:15px;}
.index_type .more:hover{border:1px solid #f70a0a; color:#f70a0a;}

.main_div{ width:100%; min-width:1200px; height:660px; overflow:hidden; clear:both; background:url(../images/bg-body.png) repeat-x;}
.main_div .main{ width:1200px; height:660px; margin:0px auto; overflow:hidden; margin-top:35px;}
.main_div .first_div{ width:1200px; height:265px; overflow:hidden;}
.first_div .guide_div,.first_div .news_div,.first_div .detection_div{ width:310px; height:265px; float:left; overflow:hidden;}
.first_div .guide_div .list{ display:block; margin-bottom:15px;}
.first_div .news_div{ margin:0 20px;}
.first_div .news_div .index_type .xie{ width:120px;}
.first_div .news_div .new_first_ul{ cursor:pointer; width:310px; height:80px; background:#f2f2f2; overflow:hidden;}
.first_div .new_first_ul li{ display:block; float:left;}
.first_div .new_first_ul .date{ width:80px; background:#e0e0e0; padding-top:10px; color:#148cd8; font-family:Arial; text-align:center; font-size:38px; margin-right:15px;}
.first_div .new_first_ul .date span{ display:block; width:80px; height:25px; background:#b2b2b2; font-size:12px; line-height:25px; color:#fff;}
.first_div .new_first_ul .topic{ margin-top:10px; width:200px; line-height:22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:15px;}
.first_div .new_first_ul .topic a{ color:#333;}
.first_div .new_first_ul .intro{ margin-top:0px; width:200px; line-height:20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:14px; color:#999;}
.first_div .new_first_ul:hover .topic a,.first_div .new_first_ul:hover .intro{ color:#f70a0a;}
.first_div .news_list_ul{width:310px; height:auto; overflow:hidden; margin-top:16px;}
.first_div .news_list_ul li{ display:block; width:310px; background:url(../images/img-dot.jpg) no-repeat left center; height:32px; line-height:32px; overflow:hidden; cursor:pointer;}
.first_div .news_list_ul a{ display:block; float:left; margin-left:6px; width:205px; height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#000;}
.first_div .news_list_ul span{ float:right; color:#777; font-size:12px;}
.first_div .news_list_ul li:hover a{ color:#148cd8;}
.first_div .detection_div{ width:540px;}
.first_div .detection_div .index_type .xie{ width:320px;}
.first_div .detection_div .detection_box{ width:538px; height:263px; overflow:hidden; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.first_div .detection_box a{ display: block; height:54px; line-height:54px; color:#000; text-align:center; width:268px; float:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.first_div .detection_box a:hover{ color:#fff; background:#148cd8; border-right:1px solid #148cd8;}

.cases_div{ width:1200px; height:310px; overflow:hidden; margin-top:30px;}
.cases_div .index_type .xie{ width:1005px;}
.cases_div .cases_a{ display:block; float:left; width:285px; height:260px; overflow:hidden; margin-left:20px; position:relative;}
.cases_div .cases_a .pic{ border:1px solid #ddd; width:281px; height:222px;}
.cases_div .cases_a img{ margin:1px 1px;}
.cases_div .cases_a .name{ padding:0 10px; width:265px; text-align:center; line-height:35px; color:#000;}
.cases_div .cases_a .opacity_div{ position:absolute; top:1px; left:1px; background:url(../images/opacity.png); width:279px; height:140px; text-align:center; padding-top:80px; display:none;}
.cases_div .cases_a .opacity_div span{ display:block; color:#fff; font-size:10px; margin-top:8px;}
.cases_div .cases_a:hover .opacity_div{ display:block;}

.foot_nav_div{ width:100%; height:44px; min-width:1200px; background:#148cd8; overflow:hidden; clear:both;}
.foot_nav_div .foot_nav{ width:1200px; height:44px; margin:0px auto; color:#fff; text-align:center;}
.foot_nav_div .foot_nav a{ display:inline-block; color:#fff; line-height:44px;}