@charset "utf-8";
/* top */
.header{height:80px;background:#FFF;position:relative; z-index:9}
.header .logo{height:80px;line-height:80px;font-size:24px;color:#231916;letter-spacing:2px;width:250px;padding-left:57px;padding-right: 51px;padding-top: 11px;}
.header .nav-menu ul li{display:inline-block;font-size:16px;line-height:80px;float:left;margin:0 80px 0 0;}
.header .nav-menu li:hover > a{ color:#1FB28E;}
.header .nav-menu li.categorys > a{background: url(../images/icon-down-1.png) no-repeat center right;padding-right:10px;}
.header .nav-menu li.categorys:hover > a{background: url(../images/icon-down-0.png) no-repeat center right;}
.header .nav-menu li.categorys:hover .dropdown-menu{ display:block; border-top:solid 1px #272727}
.dropdown-menu{ position:absolute; width:100%;top:80px;left:0; right:0;background-color: rgba(0,0,0,0.85); color:#FFF; line-height:24px;padding-top:20px; display:none}
.dm-cont.wrapper {width: 1220px;}
.dropdown-menu .dropdown-mega-content{ width:400px; float:left;padding:15px 15px 29px;}
.dropdown-menu .dropdown-mega-content a{ color:#FFF}
.dropdown-menu .dropdown-mega-content .dropdown-mega-sub-title{ border-bottom:solid 1px #DBDBDB; display:block;padding-bottom:10px;font-size: 18px;margin-bottom:5px}
.dropdown-menu .dropdown-mega-content .dropdown-mega-sub-nav{ overflow:hidden}
.dropdown-menu ul.dropdown-mega-sub-nav li{padding:10px 0 0; line-height:24px; width:50%;margin: 0;}
.dropdown-menu .dropdown-mega-sub-nav .mb-tit{ font-size:16px;padding: 3px 10px; background:url(../images/ico-arrow-0.png) no-repeat -2px center;}
.dropdown-menu .dropdown-mega-sub-nav .mb-tit a{ color:#999}
.dropdown-menu .dropdown-mega-sub-nav .mb-none{ line-height:24px; color:#666; font-size:14px;padding-left:12px;}
.dropdown-menu .dropdown-mega-sub-nav .mb-tit:hover a{ color:#FFF}
.header .search-box{border:1px solid #e9e9e9;width:210px;height:36px;position:relative;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-top:21px; background:#FFF}
.header .search-box .s-t{width:165px;height:36px;line-height:100%;margin-left:10px;color:#bbb;font-size:14px;vertical-align:top;border:none;background:transparent none}
.header .search-box .s-b{display:inline-block;width:30px;height:100%;cursor:pointer;background:url(../images/icon-search.png) no-repeat center center;position:absolute;border:none}


/* bottom */
.footer{padding:80px 0 45px; background:url(../images/f-bg.png) no-repeat center #414141; overflow: hidden;box-shadow: 0 0 3px #585858;}
.footer .f-linkus{width: 580px;font-size: 15px;color: #aaaaaa;line-height:30px;}
.footer .f-linkus b{ color: #ffffff; font-size: 18px; display: block;margin-bottom: 30px;}
.footer .f-linkus b.f-l-tel{margin-bottom:0;}
.footer .f-linkus b.f-l-tel:before{ content: ""; display:inline-block; height: 36px; width: 32px; background: url(../images/ico-p.png) no-repeat; vertical-align: middle;margin-right: 10px;}
.footer .f-code div{ width: 120px;margin-left:50px; float: left; text-align: center; font-size: 18px; color: #FFF; line-height: 58px;}
.footer .f-code div img{ width:120px; height:120px; border-radius:1px;}




.case-list { overflow:hidden}
.case-list ul{ width:1220px;}
.case-list  li{ width:280px; float:left;margin:10px;box-shadow: 0 0 4px #e8e3e3;overflow: hidden; height: 285px;}
.case-list .hover-down{width:285px;height:150px;position:relative;overflow:hidden; text-align:center; }
.case-list .hover-down img{max-width:285px; height:150px; width:auto}
.case-list .hover-down .hd-font{position:absolute;width:285px;height:150px;z-index:1;margin-top:-150px;color:#ddd;background:#000;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.case-list .hd-font span{padding:20px;font-size:14px;display:inline-block;line-height:18px;height: 148px; overflow: hidden;}
.case-list .hover-up{width:285px;height:135px;position:relative;overflow:hidden;background:#fff}
.case-list .hover-up img{width:78px}
.case-list .hover-up .hu-font{height:135px;width:285px; font-size:14px;padding:0 20px;}
.case-list .hover-up .hu-tit{ font-size: 20px;
    line-height: 55px;
    color: #333;
    margin: 15px 0 5px;
    display: block;
    height: 55px;}
.case-list .hover-up .hu-font hr{    background: #DBDBDB;border: 0;    height: 1px;    margin:18px 0 10px;}
.case-list .hover-up .qr{position:absolute;width:285px;z-index:1;margin-bottom:-145px;background:#fff;text-align:center;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.case-list .hover-up a{color:#4b8ce5}
.case-list .hover-up a:hover{color:#f8b600}
.case-list li:hover .hover-down .hd-font{ margin-top:0}
.case-list li:hover .hover-up .qr{margin-top:-144px;}

.pagination{margin:20px 0;text-align:center}
.pagination a,.pagination span ,.pages a{border:solid 1px #EDEDED;background: #FFF; height: 38px;min-width: 38px;text-align: center;padding:0 15px; display: inline-block; line-height: 38px;margin:0 6px;}
.pagination a.currentPage ,.pagination span.currentPage ,.pages a.on{ background: #1FB28E; border:solid 1px #1FB28E; color: #FFF }
.pages a:hover,.pagination a:hover{ border:solid 1px #1FB28E; color: #1FB28E }
.pages a.currentPage:hover,.pages span.currentPage:hover,.pagination a.on:hover{ color: #FFF }
.pagination .firstPage,.pagination .lastPage{ display:none}
.pagination .previousPage:before{ content:"上一页"}
.pagination .nextPage:before{ content:"下一页"}


#leftsead{width:auto;height:143px;position:fixed;bottom:20px;right:0px; z-index:9999}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:auto;height:53px;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
#leftsead li img{float:left;border-bottom-left-radius:5px;border-top-left-radius:5px; width:auto}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{cursor:pointer;cursor:hand; display:none}
#leftsead li a .tphone{ background:#C70C1F; height:50px; color:#FFF;font-size: 16px;margin-left: -119px;border-radius: 5px 0 0 5px;line-height: 50px;}
#leftsead li:hover .shows{ display:none;}
#leftsead li:hover .hides{ display:block;}

.case-list .hover-up.phone img {
    width: 100px;
    margin: 11px 0;
}