@charset "utf-8";
/* CSS Document */
#content{}
.fastchannel,.contentwarp{width:980px; margin-left:auto; margin-right:auto; }
.fastchannel ul li{ float:left; width:122px;}
.fastchannel ul li a img{ width:47px; margin-left:36px;}
.fastchannel ul li h4{ text-align:center; height:35px; line-height:35px; vertical-align:middle;}
.contentwarp .branchsearch{height:245px;}
.contentwarp .branchsearch .title{ background:#50abfd; height:35px;  position:relative;}
.contentwarp .branchsearch .title .branchicon{ position:absolute; width:23px; height:29px; background:url(../images/base/branchsearchicon.png) no-repeat; top:5px; left:10px;}
.contentwarp .branchsearch .title span{ background:#008bf6; height:35px; line-height:40px; vertical-align:middle;display:block; width:120px; padding-left:40px;font-size:14px; color:#fff;font-weight:bold; font-family:"微软雅黑";}
.contentwarp .branchsearch .title .branchtags ul li{ float:left; background: url(../images/tag-bg.png) no-repeat; width:89px; height:25px; line-height:25px; vertical-align:middle; margin-top:8px; margin-right:20px; text-align:center;font-family:"微软雅黑"; color:#667b90; font-weight:bold; cursor:pointer;}
.contentwarp .branchsearch .title .branchtags ul li.on{ color:#0099ff;}
.contentwarp .branchsearch .branchbd{ border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;  }
.contentwarp .branchsearch .branchbd .part1 ul li span{ font-weight:bold; color:#ff8840; font-family:"微软雅黑";display: block; float: left; margin-right: 10px}
.contentwarp .branchsearch .branchbd .part1 ul li span.w28{ width: 28px}
.contentwarp .branchsearch .branchbd .part1 ul li.h45{ height:45px; line-height:45px; vertical-align:middle; border-top:1px dotted #e7e7e7;}
/*.contentwarp .branchsearch .branchbd .part1 ul li a{ margin-left:10px; margin-right:10px;}*/
.contentwarp .branchsearch .branchbd .part1 select{ border:1px solid #d4d4d4; height:28px; width:200px; font-size:12px; color:#999;}
.contentwarp .branchsearch .branchbd .keywords ul li{ border-top:none !important;height:45px; line-height:45px; }
.bluebutton{ background:#bbb; height:30px;line-height:30px;vertical-align:middle; color:#000; font-size:14px;text-align:center; width:80px;  cursor:pointer; margin:0 0 3px 45px;*margin:0 0 10px 45px;border:0;}
.news .newslist .title{ border:1px solid #bbb; width:322px; height:35px; margin-bottom:3px;}
.news .newslist .title ul li{ float:left; width:161px; height:35px; line-height:35px; vertical-align:middle; text-align:center; font-family:"微软雅黑"; font-weight:bold; cursor:pointer;}
.news .newslist .title ul li.on{ background:#bbb; width:161px; color:#000;}
.news .newslist .newsbd ul li{ width:325px; line-height:32px; border-bottom:1px dotted #ccc; }
.contentwarp .fr .aboutzot{ height:244px; background:#f9f9f9;}
.contentwarp .fr .aboutzot .title{ height:35px; background:#008bf6; position:relative;}
.contentwarp .fr .aboutzot .title .zto{ position:absolute; left:10px; top:2px;}
.contentwarp .fr .aboutzot .title h4{ height:35px; line-height:35px; vertical-align:middle; color:#fff; font-family:"微软雅黑"; font-weight:bold; padding-left:70px;}
.contentwarp .twodcode{ background:#f9f9f9; padding:20px; margin-top:20px;}
.contentwarp .twodcode h5{ text-align:center; line-height:25px; font-size:12px;}

.left_02{ width:365px; height:210px; background:#f1f1f1; margin-top:25px; margin-bottom:25px;}
.left_title_text { width:180px; height:45px; text-align:center; font-size:16px; color:#000; line-height:37px; background:url(../images/clear_bg.png) no-repeat; cursor:pointer;}
.firstChild a{width:50px;text-align:left;margin:0 5px 0 0;}
.firstChild a:hover{ color:#000;}

.site_box{ width:730px; background:#f1f1f1; padding:0 0 0 20px;border-top:1px solid #ccc;}
.site_list{ width:750px; text-align:left; margin:20px 0 0 0;}
.site_title{color:#0090ff; font-size:16px;}
.site{width:150px; height:30px; line-height:30px;background:#fff; margin:10px 20px 25px 0 ; float:left; border:1px solid #ccc; color:#000; text-align:center;}
.site:hover{ background:#0090ff;cursor:pointer;}
.site:hover a{ color:#fff;}




/* case */
.case{height:205px;overflow:hidden;width:280px;margin:0 auto;}
.case_box{position:relative;width:280px;height:205px;overflow:hidden}
.case_box ul{position:absolute;height:205px;overflow:hidden;top:0px;left:0px}
.case_box ul li{width:280px;float:left;height:205px}
.case_box ul li dl.case_info{ height:25px; line-height:25px; vertical-align:middle; background:rgba(000, 000, 000, 0.5);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#6B000000,endColorstr=#6B000000);  margin:160px 0px 0px 0px; width:300px;zoom:1;font-size:12px;overflow:hidden; color:#d4dfe9;}
.case_box ul li dl.case_info dd{text-indent:10px; width:200px; overflow:hidden; height:17px;line-height:22px; vertical-align:middle;font-size:12px; color:#d4dfe9;}
.case_box ul li dl{ position: absolute; z-index: 2}
.case_box ul li img{ position: absolute; z-index: 1}
.case_box ul li a{ color: #fff}
.case_box ul li.case_1 dl{margin-top:183px}
.case_box ul li.case_2 dl{margin-top:183px}
.case_box ul li.case_3 dl{margin-top:183px}
.case_box ul li.case_4 dl{margin-top:183px}
.case_box ul li.case_5 dl{margin-top:183px}
.case_box ol{position:absolute;bottom:2px;right:0px;margin:0px; height:12px;z-index:99;}
.case_box ol li{float:left;margin:2px 2px;display:inline;width:12px;height:12px;line-height:999em;background: url(../images/pagination.png) no-repeat;overflow:hidden;cursor:pointer;}
.case_box ol li.active{background: url(../images/pagination_01.png) no-repeat;}

/*首页幻灯片*/
.m_banner{ background:#fff;height:419px; position:relative; margin:1px 0 0 0;}
.m_banner .banner{height:419px;width:100%; position:absolute;top:0;left:0; background-position:center top; min-width: 980px}
.banner_ctrl{ height:100px;width:980px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -490px;z-index:2;  }
@media screen and (min-width:1300px) and (max-width: 1400px) {
.banner_ctrl{ width: 1100px;margin:-50px 0 0 -550px;}
}
@media screen and (min-width:1400px) and (max-width: 1600px) {
.banner_ctrl{ width: 1300px;margin:-50px 0 0 -650px;}
}
@media screen and (min-width:1600px) {
.banner_ctrl{ width: 1500px;margin:-50px 0 0 -750px;}
}
.banner_ctrl a{ display:block;width:30px;height:100px; background:url(../images/banner_ctrl.png) no-repeat; position:absolute; opacity:.5;filter: alpha(opacity=50);
-moz-opacity:0.5;}
.banner_ctrl a.prev{left:-30px;}
.banner_ctrl a.next{right:-30px; background-position:-1530px 0;}
.m_banner .banner .main_c{ position:relative;z-index:10;height:388px;}
.m_banner .banner a{display: block;width: 980px;height: 365px;cursor: pointer; position: absolute;left: 50%;margin-left: -490px;z-index: 4;}