@charset "utf-8";
/* CSS Document */
#header{height:110px;}
#header .logo{position:absolute;top:25px; left:10px;}
#header .telphone{width:218px;height:31px;background:url(../img/epin_08.jpg) no-repeat;position:absolute;top:45px;right:5px;}
#header .tools{position:absolute;top:40px; right:0px; font-size:16px;}
#header .tools a{ display:inline-block; margin:0 5px; color:#333;}
#header .tools a:hover{ color: #26854B;}

#nav{height: 150px; position:relative; background:#22b89a; border-top:#1f9c83 solid 5px;}
.navbg111111{ position:absolute; left:0px; top:0px; width:100%; height: 150px;background:#000;filter:alpha(opacity=60); -moz-opacity:0.6;opacity:0.6;}
.nav{height:150px;z-index:999999;}
.nav li.nLi{float:left; width:290px;position:relative;}
.nav li.nLi h3{ display:block;}
.nav li.nLi h3 a{height:150px;display:block; text-align:center; font-size:18px; position:relative;}
.nav li.nLi h3 a span{ display:block; width:100%;background:url(../img/11.png) center top no-repeat; position:absolute; top:35px; padding-top:60px;color:#fff;}
.nav li.nLi h3 a span.i2{ display:block;background:url(../img/22.png) center top no-repeat}
.nav li.nLi h3 a span.i3{ display:block;background:url(../img/33.png) center top no-repeat}
.nav li.nLi h3 a span.i4{ display:block;background:url(../img/44.png) center top no-repeat}
.nav li.nLi h3 a:hover{ background:url(../img/navbg.png) repeat-x;}
.nav .on h3 a{background:url(../img/navbg.png) repeat-x;}
.nav .on h3 a span{color:#fff;}

/*---子菜单---*/
.nav .sub{display:none;position:absolute; left:0px; top:150px; z-index:1000; width:268px;border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;background: #fff url(../img/menucontent.png) 0 0 repeat-x; border: 1px solid #CCC;border-top: 0px solid #CCC; padding:10px;}
.nav .sub li{height:40px;}
.nav .sub li a{display:block; height:40px;line-height:40px;color:#111; text-align:center; font-size:15px;border-radius: 10px;}
.nav .sub li a:hover{background:#22B89D;color:#fff;}

#search{width:211px;height:26px;background:url(../img/epin_14.jpg) no-repeat;position:absolute;right:0px;top:8px;}
#search .input-search{width:160px;height:24px;line-height:24px;background:#d7d7d7;top:2px;left:10px;position:absolute}
#search .search-btn{width:30px;height:24px;background:url(../img/search-btn.jpg) no-repeat right;position:absolute;right:0px;top:1px;cursor:pointer; text-indent:-999em;}

#focus{ width:100%; overflow:hidden;}

#wrap {margin-top:2px;}

.w-hot-list{width:100%;height:250px;position:relative; background:#f7f6f6; border-radius:10px;}
.w-hot-list .content {width:1140px;height:220px;overflow:hidden;position:absolute;left:10px;top:20px;}
.w-hot-list .content li{float:left;width:20%;}
.w-hot-list .content li a { display:block; width:205px; height:195px; margin:0 auto; background:#fff; border:#ededed solid 1px ; padding: 4px; overflow:hidden;text-align: center;}
.w-hot-list .content li img{display:block; width:205px; height:165px; position:relative; margin-bottom:5px;}
.w-hot-list .content li a:hover{ border:#26854B solid 1px;}

.w-news{ float:left; width:766px; }
.w-news-box{padding:0px 20px; height:205px; overflow:hidden; text-align:left; background:#f7f6f6; border-radius:10px;}
.w-news h2{ height:45px; line-height:45px; font-size:18px; color:#26854B; border-bottom:#d6d6d6 solid 1px; position:relative}
.w-news h2 a.title-more{width:24px;height:24px;-moz-border-radius:12px;-webkit-border-radius: 12px;border-radius:12px;background:#c6c6c6 url(../img/more.png) no-repeat center center;position:absolute;top:10px;right:0px;}
.w-news h2 a.title-more:hover{background:#26854B url(../img/more.png) no-repeat center center;}
.w-news-list { padding:5px 0;  zoom:1; border-top:#fff solid 1px; }
.w-news-list li{ height:28px; line-height:28px; text-align:right; background:url(../img/dot.jpg) left center no-repeat; padding-left:10px;}
.w-news-list li i{ font-style:normal; color:#888; font-size:12px;}
.w-news-list li a{ float: left;}

.w-fw{float:right; width:373px;height:430px; background:#f7f6f6; border-radius:10px;}
.w-fw-box{padding:0px 20px;}
.w-fw h3{height:50px;line-height:50px; font-size:18px; color:#26854B;border-bottom:#d6d6d6 solid 1px;}
.w-fw .fw-list { width:100%; border-top:#fff solid 1px;}
.w-fw .fw-list li{width:156px; margin-top:20px; font-weight:bolder; }
.w-fw .fw-list li a{ display:block;background:#fff; width:100%; margin:0 auto; height: 140px; padding:10px 0; border-radius: 5px;text-align: center; }
.w-fw .fw-list li img{ display:block; width:80px; margin:10px auto 10px auto;}

#wrap #main-menu{margin-left:-20px;}
#wrap #main-menu dl{width:371px;margin-left:20px;float:left;height:166px;border:1px solid #dedddd;margin-top:20px;border-radius: 5px; overflow:hidden;}
#wrap #main-menu dl dt{float:left;}
#wrap #main-menu dl dd{margin-left:130px;padding-right:10px;}
#wrap #main-menu dl dd h2{height:30px;line-height:30px; font-size:18px;color:#26854B;margin-top:10px;position:relative;}
#wrap #main-menu dl dd h2 a.title-more{width:24px;height:24px;-moz-border-radius:12px;-webkit-border-radius: 12px;border-radius:12px;background:#c6c6c6 url(../img/more.png) no-repeat center center;position:absolute;top:0px;right:0px;}
#wrap #main-menu dl dd h2 a.title-more:hover{background:#26854B url(../img/more.png) no-repeat center center;}
#wrap #main-menu dl dd p{margin-top:10px;}
#wrap #main-menu dl dd ul{margin-top:10px;}
#wrap #main-menu dl dd ul li{ background:url(../img/dot.jpg) no-repeat left center; height:26px; line-height:26px; padding-left:15px;}
#wrap #main-menu dl dd ul.ul2 li{ float:left; width:100px;}

.w-link-tit{ border:#eee solid 1px; border-bottom:0px;background:#f8f8f8; overflow:hidden; padding-top:30px;}
.w-link-tit h2{ text-align:center; font-size:21px;color: #26854B; line-height:120%;}
.w-link-tit h2 span{ display:block; font-size:24px;color: #555;  font-weight:normal;}
.w-link{ border:#eee solid 1px; border-top:0px; height:100px; background:#f8f8f8; overflow:hidden;position:relative;}
.w-link-list{ width:1100px;height:70px;position:absolute;left:30px;top:10px;overflow:hidden;}
.w-link-list ul li{float:left;width:25%;height:50px; margin-top:10px;}
.w-link-list ul li img{display:block; width:95%; height:50px;}

#footer{overflow:hidden;background:url(../img/epin_02.jpg) repeat;margin-top:20px; border-top:#26854B solid 4px;}
#footer .dlbox{overflow:hidden; padding-bottom:25px;}

.f-wx{ margin-top:20px; overflow:hidden;}
.f-wx img{ display:block; width:120px;}
.f-wx p{ text-align:center; font-size:14px; padding:5px 0;}

#footer dl{margin-top:20px; height:210px; margin-right:25px; margin-left:25px;}
#footer dl dt{display:block; font-size:16px; color:#000; text-align:center; border-bottom:#ccc solid 1px; padding:5px 0;}
#footer dl dd{text-align:center; margin-top:5px;}
#footer dl dd li{font-size:12px; line-height:25px;}
#footer dl dd li a{ display:block;}
#footer dl dd li a:hover{ background:#ccc;}

#footer .copybox{border-top:#ccc solid 1px; margin-top:30px; position:relative; height:55px; }
#footer .copybox p{font-size:12px; padding:15px 0; line-height:25px;text-align:center;}
#footer .copybox .f-ico { background:url(../img/f-ico.png) no-repeat; position:absolute; right:0px; top:30px; width:110px;height:35px; }
#footer .copybox .f-ico a{ float:left; display:inline-block; width:23px; height:23px; margin-right:5px;}
#footer .copybox .f-ico a#email{ margin-right:0px;}

.sub-left{width:220px;border:1px solid #eee;}
.sub-left dl dt{height:55px;display:block;background:url(../img/sub-left-title.jpg) no-repeat;line-height:55px;font-size:18px;padding-left:10px;border-bottom:1px solid #ddd;color:#26854B; font-weight:bolder;}
.sub-left dl dd{height:45px;line-height:45px;}
.sub-left dl dd a{padding:0px 10px;border-bottom:1px solid #eee;display:block;background:url(../img/gray.png) no-repeat 95% center}
.sub-left dl dd a:hover{color:#26854B;background:url(../img/red.png) no-repeat 95% center}
.sub-left dl dd.cur a{color:#26854B;background:url(../img/red.png) no-repeat 95% center}
.sub-left dl li{float:left; width:49%; padding-bottom:10px;}
.sub-left dl li a{ display:block;width:100px; text-align:center;}
.sub-left dl li img{ display:block; width:50px; margin:10px auto;}

/*左侧产品导航*/
.sub-menu-head{height:38px;line-height:38px;}
.sub-menu-head a{padding:0px 10px;border-bottom:1px solid #eee;display:block;background:url(../img/gray.png) no-repeat 95% center}
.sub-menu-head a:hover{color:#26854B;background:url(../img/red.png) no-repeat 95% center}
.sub-menu-head.selected {color:#26854B;background:url(../img/red.png) no-repeat 95% center}
.sub-menu-head.selected a{color:#26854B;background:url(../img/red.png) no-repeat 95% center}
.sub-menu-body {display:none; border-bottom:#eee solid 1px;}
.sub-menu-body li{height:30px;line-height:30px;}
.sub-menu-body li a{ display:block;line-height:30px;background:url(../img/d4.png) 15px center no-repeat;color:#333;padding-left:30px;font-size:12px;}
.sub-menu-body li a:hover{background:url(../img/d42.png) 15px center no-repeat;color:#26854B;}
.sub-menu-body li.selected a{background: url(../img/d42.png) 15px center no-repeat;color:#26854B;}


.sub-right{width:916px;border:1px solid #eee;}
.sitemap{border-bottom:1px solid #eee;padding-bottom:15px;}
.sitemap a{ color:#a5a5a5;}

.service-list{margin-left:-20px;}
.service-list dl{width:406px; height:150px;background:#fff;padding:10px;border:1px dotted #ddd;float:left;margin-left:20px;margin-top:20px;}
.service-list dl dt{display:block;margin-bottom:15px;font-weight:bold;}
.service-list dl dd div{float:left;width:120px;height:100px;}
.service-list dl dd p{margin-left:140px;padding-right:10px;font-size:12px; color:#666;}
.service-list dl dd {font-size:12px;}

.newslist {border-bottom:1px solid #ddd;padding-bottom:20px;}
.newslist dt{width:200px;height:134px;float:left;}
.newslist dd{margin-left:220px;}
.newslist dd p{line-height:150%;}

#news-list-date ul li{text-align:right;color:#999;list-style:none;height:40px;line-height:40px;border-bottom:1px solid #ddd;}
#news-list-date ul li a{float:left;background:url(../img/dot.jpg) no-repeat 0px center;padding-left:10px;}
#news-list-date ul li a:hover{background:url(../img/dot-red.jpg) no-repeat 0px center;}

/*faq*/
.qa{}
dl.qa-expand dd{display: block;}
.qa dt{font-size: 14px; padding:5px 0; color:#6ebed8; cursor: pointer;}
.qa dt a{color:#26854B; }
.qa dd{display: none;text-indent: 2em; padding:5px 0; margin-bottom: 20px; color:#666;}
dl.agency{border-bottom: 1px dotted #CCCCCC;  margin: 8px 5px;}
dl.agency-expand dd{ display: block;}

/*案例*/
.case-list{ margin-top:20px;}
.case-list li{clear:both;border:1px solid #dcdbdb;background:#FFF;height:240px;margin-bottom:15px;}
.case-list li div{ float:left; width:360px; height:240px;}
.case-list li p{float:right; width:400px;padding-top:80px; color:#9f9f9f;}
.case-list li strong{ display:block;font-size:14px;font-weight: bolder;color:#2a2a2a; padding-bottom:10px;}

/*下载*/
.down-list{ margin-top:20px;}
.down-list li { background:url(../img/down1.gif) 0 center no-repeat; line-height: 40px; border-bottom: 1px dotted #bbbbbb; padding-left:20px;}
.down-list li .dow-text{float: left;width: 500px; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.down-list li .dow-xz{float: right;display:block;height: 28px;line-height: 28px;background:#26854B;color: #FFFFFF;padding: 0 10px;border-radius: 4px; margin-top:6px;}
.down-list li .dow-xz:hover{ background:#0294fd;}

/*正文定义*/
#article-lsf { padding:20px 0;line-height:28px;font-size:14px;}
#article-lsf p{margin-bottom:20px;}
#article-lsf img{WIDTH: expression(this.width > 900 && this.width > this.height ? 900 : true);max-width: 900px;margin-top:20px;}
#article-lsf table{border-collapse: collapse; width:100%; border:#ccc solid 1px; margin-top:30px;}
#article-lsf table th{padding:10px; border:#ccc solid 1px;}
#article-lsf table td{padding:10px; border:#ccc solid 1px;}
#article-lsf table td p{ margin-bottom:0px;}

/*正文文章样式*/
.single_title{font-size:28px; font-family:"微软雅黑";text-align:center;margin:15px 0px;color:#000;}
.single_add{color:#A0A0A0;text-align:center; padding-bottom:10px; border-bottom:#eee solid 1px; font-size:12px;}
.single_pic img{ display:block;WIDTH: expression(this.width > 900 && this.width > this.height ? 900 : true);max-width: 900px;margin:20px auto auto auto;}
.pre_next{line-height:28px;border-top:1px dashed #D7D7D7;padding-top:15px;margin-top:15px;font-size:12px;}

/*搜索*/
.search-list li{color:#999;list-style:none;height:40px;line-height:40px;border-bottom:1px solid #ddd;}
.search-list li a{background:url(../img/dot.jpg) no-repeat 0px center;padding-left:15px;}
.search-list li a:hover{background:url(../img/dot-red.jpg) no-repeat 0px center;}


/*表单*/
.table_post{ font-family: Verdana, Geneva, sans-serif; padding:10px 0;}
.table_post h2{ background:#eee; font-weight:normal; font-size:14px; padding:10px;}
.table_post .table_box{border:#c3c3c3 solid 1px; padding:15px 0;}
.table_post table{border-collapse: collapse; width:100%; margin-top:20px;}
.table_post td{ padding:5px 10px; font-size:14px;}
.table_post em{ color:#F00; font-style:normal;font-size:12px;}
.table_post select {width:222px; padding:3px 5px; border:#ddd solid 1px; height:25px; background:url(../images/input_bg.png) repeat-x;}
.table_post input{width:400px;  height:30px; line-height:28px; border:#ddd solid 1px;}
.table_post textarea{ width:400px; height:160px;border:#ddd solid 1px; margin:3px auto;}
.table_post .btn{ background:#26854B; border:none; width:113px; height:38px; line-height:36px; text-align:center; color:#FFF; cursor:pointer; margin:0px 20px 0 0px; font-size:16px; border-radius:5px;}



/*分页样式开始*/
.turnover { height:50px; font-family:"宋体" ;text-align:center; margin-top:30px; font-size:14px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block; height:32px; line-height:32px; padding:0 12px;margin-left:2px; text-align:center;}
.turnover a, .turnover .disabled { background:#fff;border:1px solid #ddd;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #26854B; background:#26854B; color:#fff;  }