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

#topfix{position:sticky; top:0; background:#fff; z-index:9999;}

#header{height:100px;}
#header .logo{position:absolute;top:20px; left:0;}
#header .logo img{ display:block; height:60px;}
#header .telphone{position:absolute;top:33px;right:0; height:30px; line-height:30px; background:url(/img/tel.png) 0 center no-repeat; padding-left:40px;}
#header .telphone span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#868686; font-weight:700;}

.snav_btn {display:none;}
.hideMenu {display:none;}

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

/*---子菜单---*/
.nav .sub{display:none;position:absolute; left:0; top:46px; z-index:1000; width:200px;border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;background: #fff url(../img/menucontent.png) repeat-x; border: 1px solid #CCC;border-top: 0; padding:5px 0 15px 0;}
.nav .sub li{height:30px;line-height:30px;}
.nav .sub li a{display:block; height:30px;color:#111; padding-left:35px; font-size:12px;}
.nav .sub li a:hover{color:#2f338e;}

#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;}

.banner { width:100%;overflow:hidden;position:relative; height:428px; background:url(/images/banner.jpg) center 0 no-repeat;}
.banner .swiper-container {overflow:hidden; height:428px;}
.banner .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; }
.banner .swiper-slide img{ display: none; width:100%;}

.banner .swiper-pagination{ bottom:30px; width:100%; text-align:center; z-index:999;}
.banner .swiper-container-horizontal .swiper-pagination-bullets { bottom: 30px;}
.banner .swiper-pagination-bullet { width: 40px; height: 4px; border-radius:0px; margin:0 5px; background: #fff; opacity:1; outline:none;}
.banner .swiper-pagination-bullet-active { background: #2f338e; opacity:1}

.banner .swiper-button-prev,
.banner .swiper-button-next{font-size: 0; width: 3rem; height: 3rem; border-left: 2px solid #fff; border-top: 2px solid #fff; opacity:.7; outline:none;}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after{ font-size:0;}
.banner .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 1.5rem;}
.banner .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right: 1.5rem;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover{ opacity:1}

.w-tit { text-align:center;}
.w-zh {font-size: 22px; font-weight:600; color:#666;}
.w-en {font-size: 12px; color:#808080; text-transform:uppercase;}

.w-hot{ padding:30px 20px; overflow:hidden; margin-top:50px;background:#f7f6f6; border-radius:10px; border:#eee solid 1px;}
.w-hot-list{position:relative; margin-top:30px;}
.w-hot-list .swiper-slide a{display:block; width:100%; }
.w-hot-list .swiper-slide div{background:#fff; border:#ddd solid 1px; padding: 4px; overflow:hidden;text-align: center;}
.w-hot-list .swiper-slide img{display:block; width:100%; height:180px;}
.w-hot-list .swiper-slide p{ height:40px; line-height:40px; overflow:hidden; text-align:center; background:#f8f8f8;}
.w-hot-list .swiper-slide:hover div{ border:#2f338e solid 1px;}

.w-news{}
.w-news-box{ float:left; width:800px; }
.w-news-list { padding:20px; height:180px; overflow:hidden; background:#f7f6f6; border-radius:10px; margin-top:50px; border:#eee solid 1px;}
.w-news-list:last-child{ margin-top:30px;}
.w-news-list h2{ height:40px; font-size:18px; font-weight:600;color:#666; border-bottom:#d6d6d6 solid 1px;}
.w-news-list ul{ border-top:#fff solid 1px; padding-top:20px;}
.w-news-list li{ height:30px; line-height:30px; text-align:right; background:url(/img/dot.jpg) left center no-repeat; padding-left:10px; overflow:hidden}
.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:370px;height:470px; background:#f7f6f6; border-radius:10px; margin-top:50px; overflow:hidden; border:#eee solid 1px;}
.w-fw-box{padding:20px;}
.w-fw-box h3{height:40px; font-weight:600; font-size:18px; color:#666;border-bottom:#d6d6d6 solid 1px;}
.w-fw .fw-list {border-top:#fff solid 1px;}
.w-fw .fw-list li{ float:left;width:155px; margin-top:20px; }
.w-fw .fw-list li:nth-child(2n){ float:right;}
.w-fw .fw-list li a{ display:block;background:#fff; width:100%; height: 175px; border-radius: 15px;text-align: center; overflow:hidden}
.w-fw .fw-list li img{ display:block; width:60px; margin: 40px auto 15px auto;}


.w-link{ padding:20px; border:#eee solid 1px; background:#f7f6f6; overflow:hidden;position:relative;border-radius:10px; margin-top:50px;}
.w-link-list{overflow:hidden; margin-top:20px; padding:20px 0;}
.w-link-list .swiper-slide img{display:block; width:100%;}

.w-list{margin-top:50px; margin-bottom:50px;}
.w-list dl{float:left;width:378px;margin-right:30px;height:166px;border:1px solid #dedddd;border-radius: 5px; overflow:hidden}
.w-list dl:last-child{ margin-right:0;}
.w-list dl dt{float:left;}
.w-list dl dd{margin-left:130px;padding-right:20px;}
.w-list dl dd h2{height:30px;line-height:30px; font-size:18px;color:#666;font-weight:600;margin-top:10px;position:relative;}
.w-list 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;}
.w-list dl dd h2 a.title-more:hover{background:#2f338e url(../img/more.png) no-repeat center center;}
.w-list dl dd p{margin-top:10px;}

#footer{overflow:hidden;background:url(/img/epin_02.jpg) repeat;margin-top:15px; border-top:#2f338e solid 4px;}
#footer .dlbox{overflow:hidden; padding-bottom:30px;}
#footer dl{ float:left; margin-left:60px; padding-right:60px; margin-top:20px; border-right:#ccc solid 0px;}
#footer dl:last-child{ border-right:0; padding-right:0;}
#footer dl dt{display:block; font-size:16px; }
#footer dl dd{margin-top:10px;}
#footer dl dd li{font-size:12px; margin-top:5px;}
#footer .copybox{border-top:#e1e1e1 solid 1px; margin-top:60px; position:relative; height:35px; }
#footer p{font-size:12px; padding:15px 0;}
#footer p span{ display:inline-block; margin-left:10px;}
#footer .f-ico { background:url(/img/f-ico.png) no-repeat; position:absolute; right:0px; top:10px; width:110px;height:35px; }
#footer .f-ico a{ float:left; display:inline-block; width:23px; height:23px; margin-right:5px;}
#footer .f-ico a#email{ margin-right:0px;}

.s-banner{ margin-bottom:30px;}
.s-banner img{ display:block; width:100%;}

.sub-left{width:240px;}
.sub-left dl{}
.sub-left dl dt{height:55px;display:block;background:#e1e0dc;line-height:55px;font-size:18px; font-weight:600; padding-left:20px; color:#2f338e;}
.sub-left dl dd{height:45px;line-height:45px;border:1px solid #eee; border-top:0; overflow:hidden}
.sub-left dl dd a{padding:0px 20px;border-bottom:1px solid #eee;display:block;background:url(/img/gray.png) no-repeat 95% center}
.sub-left dl dd a:hover{color:#2f338e;background:url(/img/red.png) no-repeat 95% center}
.sub-left dl dd.cur a{color:#2f338e;background:url(/img/red.png) no-repeat 95% center}

/*左侧产品导航*/
.sub-menu-head{height:45px;line-height:45px;}
.sub-menu-head a{padding:0px 20px;border-bottom:1px solid #eee;display:block;background:#f2f2f2 url(/img/gray.png) no-repeat 95% center; color:#333;}
.sub-menu-head a:hover{ color:#C63A3D; background:#f2f2f2 url(/img/red.png) no-repeat 95% center}
.sub-menu-head.selected,
.sub-menu-head.selected a{color:#C63A3D;background:#ffffff url(/img/red.png) no-repeat 95% center}
.sub-menu-body {display:none; border-left:#eee solid 1px; border-right:#eee solid 1px; border-bottom:#eee solid 1px;  overflow:hidden;}
.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,
.sub-menu-body li.cur a{background: url(/img/d42.png) 15px center no-repeat;color:#C63A3D;}


.sub-right{width:930px;border:1px solid #eee;}

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

.service-list{}
.service-list dl{width:405px; height:150px;background:#fff;padding:14px;border:1px dotted #ddd;float:left;margin-top:20px;}
.service-list dl:nth-child(2n){ float:right;}
.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 div img{ display:block; width:100%; height:100%;}
.service-list dl dd p{margin-left:140px;padding-right:10px;font-size:12px; color:#666; height:88px; line-height:22px; overflow:hidden;}
.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:50px;line-height:50px;border-bottom:1px solid #eee;}
#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; padding:15px 0;}
dl.agency-expand dd{ display: block;}

/*案例*/
.case-list{ margin-top:20px;}
.case-list li{clear:both;border:1px solid #dcdbdb;background:#FFF;height:270px;margin-bottom:15px; overflow:hidden}
.case-list li div{ float:left; width:360px; height:270px; margin-right:50px; overflow:hidden}
.case-list li div img{ display:block; width:100%;}
.case-list li p{float: left; 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: 45px; 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: 25px;line-height: 25px; font-size:12px;background:#2f338e;color: #FFFFFF;padding: 0 10px;border-radius: 4px; margin-top:10px;}
.down-list li .dow-xz:hover{ background:#0294fd;}

/*正文定义*/
#article-lsf { padding:20px;line-height:28px;font-size:14px;}
#article-lsf p{margin-bottom:20px;}
#article-lsf img{ display:block; max-width: 100%;margin-top:20px;}
#article-lsf table{border-collapse: collapse;width:100%;border:#ddd solid 1px;margin-top:30px;table-layout:fixed}
#article-lsf table tr:nth-child(odd){background:#f5f5f5;}
#article-lsf table th{padding:10px;border:#ddd solid 1px;}
#article-lsf table td{padding:10px;border:#ddd solid 1px;}
#article-lsf table td p{margin-bottom:0px;}
#article-lsf table td img{width:100%; display:block;}

.sort table{border-collapse: collapse;width:100%;border:#ddd solid 1px;margin-top:30px;table-layout:fixed}
.sort table tr:nth-child(odd){background:#f5f5f5;}
.sort table th{padding:10px;border:#ddd solid 1px;}
.sort table td{padding:10px;border:#ddd solid 1px; font-size:12px;}
.sort table td p{margin-bottom:0px;}
.sort table td img{width:100%; display:block;}

/*正文文章样式*/
.single_title{font-size:28px; text-align:center;margin-top:25px;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:50px;line-height:50px;border-bottom:1px solid #eee;}
.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:10px 10px; font-size:14px;}
.table_post em{ color:#F00; font-style:normal;font-size:12px;}
.table_post select {width:500px; padding:3px 5px; border:#ddd solid 1px; height:35px; background:url(/images/input_bg.png) repeat-x;}
.table_post input{width:500px; padding:0 10px; height:35px; line-height:28px; border:#ddd solid 1px;}
.table_post textarea{ width:500px; height:160px;border:#ddd solid 1px; padding:5px 10px;}
.table_post .btn{ background:#2f338e; border:none; width:200px; height:45px; line-height:45px; text-align:center; color:#FFF; cursor:pointer; font-size:16px; border-radius:5px;}


/*分页样式开始*/
.turnover {text-align:center;margin-bottom:30px; font-size:14px;padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block;height:40px;line-height:40px;padding:0 18px;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 #2f338e;background:#2f338e;color:#fff;  }
.turnover .disabled{ color:#999;}

#loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 15000; display:none;}
#loadingdiv{position: absolute; left:50%; top:50%; width: 50%; height: 30%;transform: translate(-50%, -50%); text-align:center;}
#loadingdiv p{ text-align:center; font-size:1.5rem; color:#fff; margin-top:20px;}<!--0.00021004676818848-->