@font-face {
    font-family: 'Raleway-Light';
    src: url("../fonts/Raleway-Light.otf") format('opentype'),url("../fonts/Raleway-Light.woff") format('woff'), url("../fonts/Raleway-Light.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
  }

header{ padding: 20px 0; transition: all 0.4s; background-color: #fff; border-bottom: #ddd 1px solid;}
header.scroll { padding: 5px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 1000; }

header .uk-container{ max-width: 100%; padding-left: 60px; padding-right: 60px; }
nav > ul{ margin: 0; padding: 0; text-align: right; }
nav > ul > li { list-style: none; display: inline-block; padding: 0 10px; }
nav > ul > li > a{ color: #333; font-size: 16px; position: relative; transition: all 0.5s; }
nav > ul > li.active a{ color: #000; font-weight: 700; }
nav > ul > li:hover > a{ text-decoration: none; color: #000; font-weight: 700; }
nav > ul > li:hover > a:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #666;
    position: absolute;
    left: 0;
    bottom: -5px;
}
nav .uk-dropdown ol { padding: 0; margin: 0; }
nav .uk-dropdown{ box-shadow: none; padding: 10px; min-width: 120px; text-align: right; }
nav .uk-dropdown li{ list-style: none; }
nav .uk-dropdown li a{ color: #333; font-size: 14px; line-height: 22px; transition: all 0.5s; display: block; padding: 4px 0; position: relative;}
nav .uk-dropdown li a:hover {text-decoration: none; color: #000; font-weight: 700}
nav .uk-dropdown li a:hover:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #666;
    position: absolute;
    left: 0;
    bottom: 2px;
}


.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar {
    color: #fff;
}
.darker-grotesque{ font-family: 'Raleway-Light', sans-serif; }
.bigentitle{ font-size: 86px; line-height: 90px; font-family: 'Raleway-Light', sans-serif; font-weight: 300}
.index-banner{ height: 700px; min-height: 530px; }


/*
按钮
*/
.uk-button-default-000{ transition:all 0.5s; border: #000 1px solid!important; }
.uk-button-default-000:hover{ background-color: #000!important; color:#fff!important; }
.button-white{ background-color: rgba(255,255,255,.8)!important; color:#333!important; transition: all 0.3s; }
.button-white:hover { background-color: rgba(255,255,255,.5)!important; }
.button-black { transition: all 0.5s; border-color: #000!important; }
.button-black:hover{ color: #fff!important; background-color: #000!important; border-color: #000; }
.button-000{ background-color: #000!important; color: #fff!important; }
.button-000:hover{ background-color: rgba(0,0,0,.7)!important; }
.button-bold{ border-width: 3px!important }
/*
comm
*/
.padding100{ padding: 100px 0; }

/*
index
*/
.indexabout h3{ line-height: 2.6rem }
.counter{ background-color: #f2c5be; padding: 80px 0; }
.counter .uk-card p { color: #000; font-size: 20px;}
.counter .uk-card h2{ font-family: 'Darker Grotesque', sans-serif; font-size: 40px; }
.counter .uk-card h2 span{ display: inline-block; margin-right: 3px; font-size: 48px; font-weight: bold; }
.counter .uk-card p{ font-weight: 300; }
/*
产业美学
*/
.cymx p{font-size: 22px;}
.cymx .uk-grid-margin { margin-top: 40px; }
.cymx p a{ color: #000; }
.zsmx h3 a{ color: #fff; }
.cymx p a:hover{ color: #000; text-decoration: none; }
.zsmx h3 a:hover { color: #fff; text-decoration: none; }
.page-title{ font-size: 36px; letter-spacing: 0.5rem;  text-align: center; }
.page-title p { font-size: 20px; margin-top: 0; }

/*
终身美学
*/
.zsmx .uk-container { max-width: 1800px; }
.zsmx figure{ height: 240px; }
.zsmx figure .uk-position-cover{ background-color: rgba(0,0,0,.3) }
.zsmx figure h3{ margin: 0; color: #fff; }

/*
优势
*/
.advantage { background-color: #f2c5be; padding: 80px 0; }
* { outline: none; }
.slick-prev:before, .slick-next:before {
    font-family: 'Darker Grotesque';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
新闻
*/
.slider-news-box { background-color: #f9f9f9; padding: 50px; }
.slider-news-box p { font-size: 14px; }
.uk-input, .uk-select, .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #333;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border;
}

footer{ padding: 30px 0; border-top:#ddd 1px solid; }
footer p { font-size: 14px; color:#666; margin: 0; }

/*
about banner
*/
.about-banner{ height: 460px; }
.about-banner .uk-position-cover{ background-color: rgba(0,0,0,.3) }

.award-box{ height: 600px; }
.clients{ padding-bottom: 80px; }
.clients-logolist{ padding: 90px 0; background-color: #f9f9f9 }
.clients-logolist .uk-card { position: relative; height: 240px; text-align: center; background-color: #fff; }
.clients-logolist .uk-card img{ max-width: 210px; }

.newslist-box{ margin-bottom: 60px; }
.newslist-box h4 a{ color: #333; }
.newslist-box h4 a:hover{ text-decoration: none; color: #666; }
.newslist-box p { color: #666; }
.story-banner{ height: 800px; }
.story-banner .uk-position-cover{ background-color: rgba(0,0,0,.4) }

.banner-height-sm{ height: 400px; }
.banner-height-sm h1,.banner-height-sm h4 { letter-spacing: 0.4rem; }
.banner-height-sm .uk-position-cover{ background-color: rgba(0,0,0,.4) }
.public_relations .newslist-box{ max-width: 460px; }

.team-boss{ width: 460px; background-color: #f8f8f8; padding: 60px; margin-top: 122px; transform: translateX(-50px);}
.hxtm-box{ height: 290px; }
.syzx img{ width: 220px; }

.guwen-team figcaption{ margin-top: 30px; }

.location .uk-card{ max-width: 300px; margin-left: auto; margin-right: auto; }
.location .uk-card i{ font-size: 40px; }


.banner-left-cover { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.guojiliyi .uk-card{ width: 100%; height: 700px; } 

.article-text p{ font-size: 14px; color: #666; margin: 5px 0; }
.honor-list .uk-card img{ max-width: 240px; margin: 0 auto; }


.contact-box .uk-card p{ margin: 0; font-size: 14px;}
.index-contact address p { margin: 0; }


.recommed-news .slick-arrow{ width: 30px; height: 60px;
 background-color: rgba(255,255,255,.7)!important; text-align: center; z-index: 777;}
.recommed-news .slick-arrow:hover{ background-color: rgba(255,255,255,.9)!important; }


/*悬浮*/
.f-side{
    position: fixed;
    z-index: 200;
    top: 35%;
    left: 0;
}
.f-side ul { 
    margin: 0;
    padding: 0;
 }
.f-side ul li {
    list-style: none;
}
.f-side ul li a{ 
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #000;
 }
 .f-side ul li a i{
    font-size: 28px;
 }
 .f-side ul li a:hover{
    text-decoration: none;
    color: #000;
    background-color: #f2c5be;
 }




.tc1{
        width: 100%;
        max-width: 600px;
        height: 450px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .tc2{
        width: 100%;
        height: 100%;
        background: url("../images/tc.jpg") center no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    .tc3{
        width: 44px;
        height: 44px;
        position: absolute;
        right: 20px;
        top: 30px;
    }
    .tc3 img{
        width: 100%;
        height: 100%;
    }
    .tc2 a{
        text-decoration: none;
    }
    .tc4{
        width: 100%;
        position: absolute;
        bottom: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tc5{
        width: 300px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f3910a;
        color: #fff;
        font-weight: bold;
        font-size: 24px;
        border-radius: 30px;
    }
    @media(max-width: 750px){
        .tc1{
            height: 385px;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .tc2{
            width: 100%;
            height: 100%;
            background: url("../images/phonetc1.jpg") center no-repeat;
            background-size: cover;
            position: relative;
        }
        .tc3{
            width: 22px;
            height: 22px;
            position: absolute;
            right: 10px;
            top: 10px;
        }
    }