@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;/*touch-action: none;*/}
ul,li{list-style-type: none;}
table{border-collapse:collapse;border-spacing:0;}
.text-center {text-align: center;}
.fl{float: left;}
.fr{float: right;}
.maximg{width: 100%;vertical-align:middle;}
.images{width:100%;max-width: 100%;vertical-align:middle;}
.back-white{background:#fff;}
.after:after,
.back-white:after{display:block;clear:both;content:""}
.hg15{width:100%;height:15px;clear:both;}
.mt10{margin-top: 10px;}.mt15{margin-top:15px;}
.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb60{padding-bottom:60px;}
.hide{ display: none !important; }
/*--------------------------
** Nav
---------------------------*/
/** LOGO **/
.am-with-fixed-header .am-menu-offcanvas1 .am-menu-toggle{ position: fixed;top: 7px; }
.am-header.am-header-default{ overflow: hidden; }
.am-header.am-header-default.catids{ box-shadow: 0 0 10px #ddd; }
.am-header.am-header-default .am-header-title .logo{
    position: relative; display: block;width: 100%;height: 60px;overflow: hidden;
}
.am-header.am-header-default .am-header-title .logo img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.am-header-default.nav-white .am-header-nav>a{ color: #333; }
/** Nav **/
.nav-left-menu .menu-ico {
    display: block;
    width: 173px;
    height: 55px;
    margin: 15px 0 30px 48px;
    background: url(../images/menu.jpg) no-repeat;
    background-size: 173px;
}
.nav-left-menu ul.am-menu-nav{ padding-top: 15px; margin: 0 20px;border-top: 2px solid #e5e5e5 }
.nav-left-menu .am-offcanvas-bar{
    width: 70%;
    background: #fff;
}
.nav-left-menu .am-offcanvas-bar ul li {
    position: relative;
    display: block;
}
.nav-left-menu .am-offcanvas-bar ul li img{ width: 20px; display: block; float: left;margin: 15px 10px 0 0; }
.nav-left-menu .am-offcanvas-bar ul li a{
    color: #282828;
    line-height: 50px;
    font-size: 16px;
}
.am-menu-offcanvas1 .nav-left-menu .am-menu-nav>.am-parent>a:after,
.nav-left-menu .am-offcanvas-bar:after{ display: none; }
.am-menu-offcanvas1 .nav-left-menu .am-menu-sub li{ border: 0; }
.am-menu-offcanvas1 .nav-left-menu .am-menu-sub>li>a{ text-indent: 30px;font-size: 14px;line-height: 35px; }
.am-menu-offcanvas1 .nav-left-menu .am-menu-nav>.am-open>a,
.am-menu-offcanvas1 .nav-left-menu .am-menu-nav>li>a:focus,
.am-menu-offcanvas1 .nav-left-menu .am-menu-nav>li>a:hover{ font-weight: bold; background: transparent;color: #157da0; }
.am-menu-offcanvas1.nav-outer .am-menu-toggle{ color: #fff; }
/*--------------------------
** Menu Index
---------------------------*/
.wap-menus{ padding: 10px; }
.wap-menus ul li{ width: 25%;float: left;text-align: center; }
.wap-menus ul li a{ display: block;padding: 11px 15px; }
.wap-menus ul li img{ max-width: 85%; }
.wap-menus ul li .catname{
    font-size: 12px;
    color: #333;
    line-height: 15px;
    display: block;
    width: 100%;
    height: 15px;
    margin-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*+--------------------------
**Footer
**---------------------------*/
.copyright { padding: 20px 15px;text-align: center; }
.footer-nav-outer.am-navbar,
.footer-nav-white.am-navbar{ box-shadow: 0 0 10px rgba(0,0,0,.1); }
.footer-nav-outer .am-navbar-nav a img,
.footer-nav-white .am-navbar-nav a img{ margin: 12px auto 5px; }
.footer-nav-white .am-navbar-nav .am-navbar-label{ color: #333; }
.footer-nav-outer .am-navbar-nav .am-navbar-label{ color: #fff; }
.code-modal{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9); overflow: hidden; z-index: 1015; }
.code-modal .code-con{ width: 60%;position: absolute;top: 50%;left: 50%;background: #fff;border-radius: 5px; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.code-modal .code-con .code-imgs{ padding: 20px;text-align: center; }
.code-modal .code-con img{ width: 100%; }
.code-modal .close-xs{ position: absolute;top: 20px;right: 20px; display: block;width: 20px;height: 20px;background: url("../images/close1.png");background-size: 20px; }