@charset "utf-8";
/* CSS Document */
#header{height:95px;}
#header .logo{position:absolute;top:25px; left:10px;}
#header .telphone{height:29px; line-height:29px;background:url(../img/epin_08.jpg) no-repeat;position:absolute;top:45px;right:0; padding-left:35px;}
#header .telphone{ font-weight:bolder; font-size:24px;}
#header .kouhao{position:absolute;top:35px; left:250px; width:300px; height:35px; background:url(../img/kh.png) no-repeat;}
#header .lan{position:absolute;top:10px;right:0;font-size:12px;}
#header .lan a{ font-size:12px; margin:0 5px;}
#header .lan a.cur{color: #ed0000;}

#navbg{height: 46px; border-top: 1px solid #d7d4cf; background:url(../img/menu-bc.jpg) repeat-x;}
.nav{height:46px;z-index:999999;}
.nav li{float:left; width:130px;height:46px;position:relative;}
.nav li h3{ float:left;width:130px;}
.nav li h3 a{line-height:46px;height:46px;display:block; text-align:center;}
.nav li h3 a:hover{ background:url(../img/nav-bg.png) right 0 repeat-x;color:#ed0000;}
.nav li h3 a:hover span{ display:block;background:url(../img/nav-bg.png) 0 -48px no-repeat;}
.nav .on h3 a{background:url(../img/nav-bg.png) right 0 repeat-x;color:#ed0000;}
.nav .on h3 a span{ display:block;background:url(../img/nav-bg.png) 0 -48px no-repeat;color:#ed0000;}

/*---子菜单---*/
.nav .sub{display:none;position:absolute; left:0px; top:46px; z-index:1000; width:400px; padding:25px;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;}
.nav .sub ul{ float:left; display: block; width:120px; height:200px; border-right:#cfcfcf solid 1px;}
.nav .sub h2 a{ font-size:16px;color:#ed0000; margin-bottom:5px;}
.nav .sub li{float:none; width:120px; height:30px;}
.nav .sub li a{display:block; height:30px;line-height:30px;color:#111;}
.nav .sub li a:hover{ text-decoration:underline;}
.nav .sub .pic{ float:left; width:220px; height:200px; padding-left:45px;border-left:#fff solid 1px; text-align:center;}
.nav .sub .pic img{ display:block; width:220px; margin-top:10px; margin-bottom:5px;}

#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:20px;}

.main-vcare1{overflow:hidden;margin-top:5px;}
.main-vcare1 li{width:373px; height:100px; line-height:100px; overflow:hidden;}
.main-vcare1 li.cps1{ background:#f0f0f0 url(../img/cqt2.png) no-repeat 42px center;}
.main-vcare1 li.cps2{ background:#f0f0f0 url(../img/cqt1.png) no-repeat 42px center;}
.main-vcare1 li.cps3{ background:#f0f0f0 url(../img/cqt3.png) no-repeat 42px center;}
.main-vcare1 li a{ display:block; height:100px; font-size:28px; color:#0e3576; padding-left:140px;}
.main-vcare1 li a:hover {color: #ed0000;}

.w-news{ float:left; width:766px; height:310px; text-align:left; background:url(../img/w-news.png) no-repeat;  }
.w-news .hd{ height:40px; line-height:40px; position:relative; }
.w-news .hd ul{ position:absolute; left:20px; top:0px;}
.w-news .hd ul li{ float:left; width:150px; cursor:pointer; height:40px; font-size:18px; text-align:center;}
.w-news .hd ul li.on{ background:#ececec;color:#ed0000;}

.w-news .bd ul{ padding:10px 20px;  zoom:1; }
.w-news .bd li{ height:30px; line-height:30px; text-align:right; background:url(../img/dot.jpg) left center no-repeat; padding-left:10px;}
.w-news .bd li i{ font-style:normal; color:#888; font-size:12px;}
.w-news .bd li a{ float: left;}

.w-fw{float:right; width:373px;height:310px; background:url(../img/w-fw.png) no-repeat}
.w-fw h3{height:40px;line-height:40px; font-weight:normal; font-size:18px; padding-left:20px;color:#ed0000;}
.w-fw .fw-list { padding:0 10px;}
.w-fw .fw-list li{ float:left; width:50%; text-align: center; margin-top:15px; }
.w-fw .fw-list li a{ display:block;background:#fff; width:158px; height: 100px; padding:7px 0; margin:0 auto;border-radius: 5px;}
.w-fw .fw-list li img{ display:block; width:70px; margin:0 auto 5px auto;}

#wrap #main-menu{margin-left:-20px;}
#wrap #main-menu dl{width:371px;margin-left:20px;float:left;height:190px;border:1px solid #dedddd;margin-top:20px;border-radius: 5px;}
#wrap #main-menu dl dt{float:left;}
#wrap #main-menu dl dt img{ width:135px; height:190px;}
#wrap #main-menu dl dd{margin-left:150px;padding-right:10px;}
#wrap #main-menu dl dd h2{height:30px;line-height:30px; font-size:18px;color:#ed0000;font-weight:normal;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:#ed0000 url(../img/more.png) no-repeat center center;}
#wrap #main-menu dl dd p{margin-top:10px;}

.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:28px;color: #ed0000; line-height:120%; position:relative;}
.w-link-tit h2 span{ display:block; font-size:18px;color: #555;  font-weight:normal;}
.w-link-tit h2 a{ position:absolute; right:20px; font-size:12px; 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{height:230px;overflow:hidden;background:url(../img/epin_02.jpg) repeat;margin-top:20px; border-top:#f10909 solid 4px;}
#footer .dlbox{overflow:hidden; padding-bottom:25px;}
#footer dl{padding:0 90px;margin-top:20px; height:130px; border-right:#ccc solid 1px;}
#footer dl dt{display:block; font-size:16px; }
#footer dl dd{margin-top:10px;}
#footer dl dd li{font-size:12px;}
#footer .copybox{border-top:#e1e1e1 solid 1px; margin-top:30px; position:relative; height:35px; }
#footer p{font-size:12px; padding:15px 0; text-align:center;}


.sub-left{width:220px; position:relative; top:-120px; left:20px;}
.sub-left dl dt{height:114px; position:relative;}
.sub-left dl dt h2{ position:absolute; left:30px; top:20px;font-size:22px;color:#fff; z-index:20;}
.sub-left dl dt h2 i{ font-style:normal;}
.sub-left dl dt h2 p{ font-size:14px; font-weight:normal;}
.sub-left dl dt .tbg{height:114px;background:#002976;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:10; }
.sub-left .tbg2{height:10px;background:#f7f7f7; overflow:hidden; }
.sub-left dl dd{height:38px;line-height:38px; background:#f7f7f7;}
.sub-left dl dd a{display:block;background:url(../img/d1.gif) no-repeat 30px center; padding-left:50px;}
.sub-left dl dd a:hover{color:#ed0000;background:url(../img/d1.gif) no-repeat 30px center}
.sub-left dl dd.cur a{color:#ed0000;background:url(../img/d1.gif) no-repeat 30px center}

.l-box{background:#f7f7f7; overflow:hidden; padding-bottom:50px; padding-top:10px;}
.l-box img{ display:block; margin:0 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:#ed0000;background:url(../img/red.png) no-repeat 95% center}
.sub-menu-head.selected {color:#ed0000;background:url(../img/red.png) no-repeat 95% center}
.sub-menu-head.selected a{color:#ed0000;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:#e00;}
.sub-menu-body li.selected a{background: url(../img/d42.png) 15px center no-repeat;color:#e00;}


.sub-right{width:890px;}
.sitemap{border-bottom:1px solid #eee;padding-bottom:15px;}
.sitemap a{ color:#a5a5a5;}
.sitemap p{ display: inline-block;}
.sitemap i{ display:none;}

.sub-vcare1{overflow:hidden;margin-top:5px;}
.sub-vcare1 li{width:273px; height:100px; line-height:100px; overflow:hidden;}
.sub-vcare1 li.cps1{ background:#f0f0f0 url(../img/cqt1.png) no-repeat 22px center;}
.sub-vcare1 li.cps2{ background:#f0f0f0 url(../img/cqt2.png) no-repeat 22px center;}
.sub-vcare1 li.cps3{ background:#f0f0f0 url(../img/cqt3.png) no-repeat 22px center;}
.sub-vcare1 li a{ display:block; height:100px; font-size:21px; color:#0e3576; padding-left:110px;}
.sub-vcare1 li a:hover {color: #ed0000;}

.main-vcare2{border:1px solid #dfdfe1; position:relative; overflow:hidden; height: 280px;}
.main-vcare2-list{position:absolute; left:30px; top:30px; width:830px;}
.main-vcare2-list li{ float:left; width:25%; text-align:center;}
.main-vcare2-list li img{ display:block; margin:0 auto 5px auto; width:190px; height:190px;}

.main-vcare2 .sPrev, .main-vcare2 .sNext{ position:absolute; top:100px; display:block; width:30px; height:50px;opacity: 0.5;}
.main-vcare2 .sPrev{left:0px;  background:url(../img/left.png) center center no-repeat; }
.main-vcare2 .sNext{right:0px; background:url(../img/right.png) center center no-repeat;  }
.main-vcare2 .sPrev:hover, .main-vcare2 .sNext:hover{ opacity: 0.8;}

.main-vcare3{overflow:hidden;margin:30px 0px;}
.main-vcare3 h2{font-size:18px;font-weight:700;}
.main-vcare3 ul li{padding:15px 0px;line-height:25px;border-bottom:1px dotted #ddd;font-size:12px;}
.main-vcare3 ul li h3 a{color:#333;font-size:12px;}
.main-vcare3 ul li .rhhe {color:#666;}

.topLoop .hd a{ cursor:pointer;}

.pd-list{}
.pd-list li{ float:left; height:38px; line-height:38px; margin-top:20px; margin-right:15px;}
.pd-list li a{ display:block; padding: 0 10px; background:#f0f0f0; color:#666;}
.pd-list li a:hover{ background:#8098bf; color:#fff;}

.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:#6ebed8; }
.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: 300px; 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:#f10909;color: #FFFFFF;padding: 0 10px;border-radius: 4px; margin-top:6px;}
.down-list li .dow-xz:hover{ background:#0294fd;}

.link-list li{float:left;width:25%;height:50px; margin-top:20px;}
.link-list li img{display:block; width:95%; height:50px; border:#eee solid 1px;}

/*正文定义*/
#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;}

/*正文文章样式*/
.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:100px;border:#ddd solid 1px; margin:3px auto;}
.table_post .btn{ background:#ed0000; 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 #e5322c; background:#e5322c; color:#fff;  }