html,body {margin:0;padding:0;font-size:14px;}
* {box-sizing:border-box;}

body {min-width:1200px;}

/* loading */
.ajax-loading    
{
    background-color:rgba(0,0,0,0.4);
    position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height:100%;
    opacity:0;display:flex;align-items:center;justify-content:center;
    -webkit-transition:.2s;
    transition:.2s;
}
.ajax-loading   p   
{
    background-color:rgba(0,0,0,.7);
    background-image:url('/images/common/spinner.gif');
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    background-position:1em center;
    padding:1em 1em 1em 3em;
    display:inline-block;
    border-radius:.25em;
    color:#ffffff;
}
.ajax-loading-show {opacity:1;}
.hidden {display:none;}

.layout-width {
    width:1200px;
    margin-left:auto;
    margin-right:auto;
}
.layout-width-max {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
.layout-width-min {
    min-width:1200px;
    margin-left:auto;
    margin-right:auto;
}


.layout-header-wrapper {
    display:flex;justify-content:space-between;align-items:center;
    height:135px;
}
.layout-header-wrapper .logo {display:flex;}
.layout-header-wrapper .header-right-menus {
    display:flex;
}
.layout-header-wrapper .menu-one {
    display:flex;align-items:center;justify-content:center;
    flex-direction:column;
    width:70px;height:70px;margin-right:15px;
    text-decoration:none;color:#242424;
    position:relative;
}
.layout-header-wrapper .menu-one .full-link {position:absolute;width:100%;height:100%;left:0;top:0;}

.layout-header-wrapper .menu-one:last-child {margin-right:0;}
.layout-header-wrapper .menu-one svg {fill:none;width:35px;height:35px;}
.layout-header-wrapper .menu-one svg [stroke-width] {stroke:#9b9b9b;}
.layout-header-wrapper .menu-one svg *:not([stroke-width]) {fill:#9b9b9b;}
.layout-header-wrapper .menu-one p {margin:0;padding:0;display:flex;height:1.5em;}

.layout-header-wrapper .menu-one:hover svg [stroke-width] {stroke:#cd2202;}
.layout-header-wrapper .menu-one:hover svg *:not([stroke-width]) {fill:#cd2202;}
.layout-header-wrapper .menu-one:hover p {color:#cd2202;}

.layout-header-wrapper .login-user-menu .user-menu-wrapper {
    position:absolute;right:0;top:70px;padding:.5em 0;
    transform-origin: right top;
    transition:.2s;cursor:pointer;z-index:2;
    background-color:rgba(255,255,255,.85);
    border:1px solid #eaeaea;display:none;
}
.layout-header-wrapper .login-user-menu.user-login:hover .user-menu-wrapper {opacity:1;display:block;}
.layout-header-wrapper .login-user-menu .user-menu-list {display:flex;flex-direction:column;padding:.75em 0;width:200px;list-style:none;margin:0;}
.layout-header-wrapper .login-user-menu .user-menu-list a {display:block;padding:.5em 1.5em;font-size:16px;transition:none;text-decoration:none;color:#242424;}
.layout-header-wrapper .login-user-menu .user-menu-list a i {color:#928982;margin-right:.75em;width:1.25em;text-align:center;}
.layout-header-wrapper .login-user-menu .user-menu-list a:hover {color:#cc280c;text-decoration:underline;}


/*
.layout-header-wrapper {
    position:fixed;top:0;left:0;z-index:20;width:100%;
    background-color:#404040;color:#fff;height:3rem;
}
.layout-header-bar {
    display:flex;justify-content:flex-end;
    align-items:center;height:3rem;
    padding:0 1rem;
}
.layout-header-bar a {
    color:#fff;text-decoration:none;
    display:flex;align-items:center;
}
.layout-header-bar a .num {color:#f75;margin-left:.25em;font-weight:bold;}
.layout-header-bar .sep {
    width:1px;height:1rem;display:block;background-color:#777;
    margin:0 1.5rem;
}
.layout-header-bar .layout-header-bar-user {min-width:50px;}
.layout-header-bar .not-login-user-wrapper {display:flex;align-items:center;}

.layout-header-bar .register {cursor:pointer;}
.layout-header-bar .login {cursor:pointer;background-color:#d00;color:#fff;border-radius:3px;height:25px;width:50px;display:flex;align-items:center;justify-content:center;transition:.2s;}
.layout-header-bar .login:hover {filter:brightness(1.15);}


.layout-header-bar .login-user-wrapper {position:relative;}
.layout-header-bar .login-user-wrapper .user-menu-wrapper {
    position:absolute;right:0;top:10px;padding:1.5em 0 0;
    transform-origin: right top;
    transition:.2s;visibility:hidden;cursor:pointer;
}
.layout-header-bar .login-user-wrapper:hover .user-menu-wrapper {opacity:1;visibility:visible;}
.layout-header-bar .login-user-wrapper .user-menu-list {display:flex;flex-direction:column;background-color:rgba(0,0,0,.75);padding:.75em 0;width:172px;list-style:none;margin:0;}
.layout-header-bar .login-user-wrapper .user-menu-list a {display:block;padding:.35em 1.5em;font-size:16px;transition:none;}
.layout-header-bar .login-user-wrapper .user-menu-list a i {color:#b1a7a0;margin-right:.75em;width:1.25em;text-align:center;}
.layout-header-bar .login-user-wrapper .user-menu-list a:hover {color:#f46826;}

*/


.layout-body {margin-bottom:60px;}

.layout-up-wrapper {
    /*height:340px;*/
    margin-bottom:80px;
}
.layout-up-banner {
    overflow-x:hidden;position:relative;
}

.jf-wrapper {
    height:354px;
    background-image:url('/images/layout/site-up.png');
    background-repeat:no-repeat;
    display:flex;justify-content:center;
    padding-top:245px;
}

.jf-wrapper a {
    display:flex;width:255px;height:55px;align-items:center;justify-content:center;
    background-color:#ffde24;color:#ef3c00;text-decoration:none;
    font-size:20px;border-radius:4px;transition:.3s;
}

.layout-up-banner .jf-wrapper a:hover {filter:brightness(1.1);}
.layout-up-banner .banner-one {display:flex;}
.layout-up-banner .banner-one a {display:flex;}

.layout-up-wrapper .swiper-pagination-bullets  
{
    bottom:1.5em !important;
}
.layout-up-wrapper .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    border:.15rem solid rgba(255,255,255,.8);
    opacity: 1;
    background-color: rgba(255,255,255,1);
    margin:0 .8rem !important;
    box-shadow:0 0 .5rem rgba(0,0,0,.35);
}
.layout-up-wrapper .swiper-pagination-bullet-active {
    background-color: #f00;
}


.layout-main {padding:0;}


/* paging common */
.paging {margin:60px 0 40px;display:flex;justify-content:center;padding:40px 0;font-size:16px;border-top:1px solid #e2e0e0;}
.paging span,
.paging a {padding:.75rem .75rem;margin:0 .35rem;text-decoration:none;color:#978778;}
.paging .first,
.paging .prev,
.paging .next,
.paging .last {padding:.75rem 1.5rem;border:1px solid #e8e8e8;}
.paging .prev {margin-right:3rem;}
.paging .next {margin-left:3rem;}
.paging a:hover {border-color:#978778;}
.paging .num.selected {color:#242424;text-decoration:underline;}
.paging .num:hover {text-decoration:underline;}
.paging span {color:#ccc;}

.layout-footer {
    background-color:#434343;padding:60px 0 80px;
}
.footer-wrapper {display:flex;justify-content:space-between;}
.footer-wrapper .footer-content {width:50%;}
.footer-wrapper .footer-logo {margin-right:75px;position:relative;top:-15px;}

.footer-wrapper .footer-nav a {margin-right:2rem;font-size:18px;color:#fff;text-decoration:none;}
.footer-wrapper .footer-nav a:last-child {margin-right:0;}
.footer-wrapper .footer-nav a:hover {text-decoration:underline;}
.footer-wrapper .footer-partners {display:flex;margin-top:1.5rem;}
.footer-wrapper .footer-partners a {margin-right:2em;color:#c7c7c7;position:relative;}
.footer-wrapper .footer-partners a::after {content:'';display:block;width:2px;height:1em;position:absolute;right:-1em;top:3px;background-color:#c7c7c7;}
.footer-wrapper .footer-partners a:last-child::after {content:'';display:none;}
.footer-wrapper .footer-text {margin-top:1.5rem;}
.footer-wrapper .footer-text p {margin:.6rem 0;padding:0;color:#c7c7c7;}
.footer-wrapper .footer-text p * {margin-right:2rem;color:#c7c7c7;}
.footer-wrapper .footer-text p *:last-child {margin-right:0;}
.footer-wrapper .footer-text p a:hover {text-decoration:underline;}

.footer-wrapper .footer-service {display:flex;flex-direction:column;align-items:flex-end;}
.footer-wrapper .footer-tel {font-size:24px;color:#fff;}
.footer-wrapper .footer-service-text {margin-top:.5em;}
.footer-wrapper .footer-service-text p {text-align:right;color:#c7c7c7;margin:.5em 0;padding:0;}
.footer-wrapper .footer-service-text p a {color:#c7c7c7;text-decoration:none;}


.site-right-layer {
    position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1;
    list-style:none;margin:0;padding:0;
    
    font-size:12px;
    /*border:1px solid #dcdcdc;border-right:0;*/
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    box-shadow:0 0 5px 5px rgba(192,192,192,.25);
    /*overflow:hidden;*/
}
.site-right-layer li {margin:0;padding:0;transition:.2s;color:#696969;overflow:hidden;}
.site-right-layer li a {}
.site-right-layer li:first-child {border-top-left-radius:10px;}
.site-right-layer li:last-child {border-bottom-left-radius:10px;}
.site-right-layer li a {width:56px;height:68px; display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background-color:#fff;transition:.2s;color:#696969;position:relative;}
.site-right-layer a .icon {width:28px;height:28px;font-size:28px;color:#696969;fill:#696969;text-align:center;}
.site-right-layer a .num {position:absolute;top:3px;left:35px; width:20px;height:20px;display:none;align-items:center;justify-content:center;background-color:#ef3c00;color:#fff;border-radius:50%;font-family:Arial;font-size:12px;}
.site-right-layer li:hover {box-shadow:0 0 3px 3px rgba(192,0,0,.25);}
.site-right-layer li:hover a {background-color:#d00;color:#fff;}
.site-right-layer li:hover .icon {color:#fff;fill:#fff;}
.site-right-layer li:hover .num {background-color:#fcc;color:#d00;}

.no-result {flex:auto;width:100%;display:flex;align-items:center;justify-content:center;min-height:300px;font-size:16px;color:#999;}
.no-result i {font-size:24px;margin-right:5px;color:#ccc;}

.button {
    text-decoration:none;display:inline-block;
    border:1px solid #ccc;border-radius:.25em;
    padding:.3em .7em;text-align:center;
    color:#000;cursor:pointer;font-size:13px;
}
.button:hover {border-color:#ef3c00;color:#ef3c00;}