/** 
# Filename: f:\Desktop\digood2018\home.css
# Path: f:\Desktop\digood2018
# Created Date: Tuesday, April 17th 2018, 6:01:14 pm
# Author: 浩丶IMOYH
# 
# Copyright (c) 2018 OuYangHao
**/

@import url("owl.carousel.css");
@import url("owl.theme.default.min.css");
@import url("carousel.css");
@import url("imagebox.css");
@import url("list.css");
@import url("dgTitle.css");
@import url("button.css");
@import url("form-style.css");
@import url("promo-boxes.css");
@import url("number.css");
@import url("clients.css");
@import url("homepage02.css");
@import url("homepage07.css");


.home05-area {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.dg-tabs-top04 ul.resp-tabs-list li {
    padding: 0 0 5px;
}

.dg-tabs-top04 .resp_margin {
    padding: 20px 15px;
}

.home05-area a {
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 25%;
    padding: 20px 15px;
    display: block;
    float: left;
    border: 1px solid #222;
    text-decoration: none;
    cursor: pointer;
}

.home05-area:first-chlid {
    border-left: 2px solid #222;
}

.home05-area:last-chlid {
    border-right: 2px solid #222;
}

.home05-area a>.icon-bg {
    font-size: 80px;
    color: #333;
    bottom: -55px;
    right: -15px;
    position: absolute;
    transition: 0.3s;
    z-index: -1;
}

.home05-area a:hover {
    background-color: #000 !important;
}

.home05-area a:hover>.icon-bg {
    right: 25px;
    transition: 0.3s;
}

.home05-area a h5 {
    font-size: 14px;
    color: #999;
    margin: 0;
}

.home05-area a p {
    font-size: 12px;
    color: #555;
    margin: 0;
}.banner{ float:left; width:100%; min-width:1200px; height:300px; margin:0px auto; padding:120px 0px 0px 0px; background:#ececec url("https://www.key-de.com/images/banner.jpg")/*tpa=http://www.smile5a.com/image/banner.jpg*/ no-repeat bottom center; }
.banner_main{ width:1110px; margin:0px auto; }
.banner_text{ float:left; width:600px; padding:80px 0px 0px 120px; }
.banner_text .diva{ float:left; width:600px; height:50px; line-height:50px; font-size:32px; color:#ffffff; }
.banner_text .divb{ float:left; width:600px; height:50px; line-height:50px; font-size:24px; color:#ffffff; }
.banner_home{ float:left; width:100%; height:540px; margin:0px 0 0 0; padding:0px 0px 0px 0px; background:#f8f8f8; position:relative; }
.banner_mobile{ float:left; width:100%; height:100%; display:none; }
.slide_root{ float:left; width:100%; height:540px; margin:0px auto; background:#ffffff; overflow:hidden; }
.slide_list{ float:left; width:100%; height:540px; margin:0px auto; position:relative; }

.slide_acti{ float:left; width:100%; margin:0px auto; z-index:200; position:relative; }
.slide_acti a.prev{ position:absolute; width:100px; height:300px; top:200px; left:100px; }
.slide_acti a.prev span{ position:absolute; left:30px; width:0px; height:2px; background:#ffffff; border-radius:1px; top:50%; transition:all 0.3s ease-in-out; }
.slide_acti a.prev span:before{ position:absolute; left:0px; bottom:0px; content:""; width:30px; height:2px; background:#ffffff; border-radius:1px; transform:rotate(45deg); transform-origin:left; }
.slide_acti a.prev span:after{ position:absolute; left:0px; top:0px; content:""; width:30px; height:2px; background:#ffffff; border-radius:1px; transform:rotate(-45deg); transform-origin:left; }
.slide_acti a.prev:hover span{ width:40px; transform:translateX(-10px); transition:all 0.3s ease-in-out; }

.slide_acti a.next{ position:absolute; width:100px; height:300px; top:200px; right:100px; }
.slide_acti a.next span{ position:absolute; right:30px; width:0px; height:2px; background:#ffffff; border-radius:1px; top:50%; transition:all 0.3s ease-in-out; }
.slide_acti a.next span:before{ position:absolute; right:0px; bottom:0px; content:""; width:30px; height:2px; background:#ffffff; border-radius:1px; transform:rotate(45deg); transform-origin:right; }
.slide_acti a.next span:after{ position:absolute; right:0px; top:0px; content:""; width:30px; height:2px; background:#ffffff; border-radius:1px; transform:rotate(-45deg); transform-origin:right; }
.slide_acti a.next:hover span{ width:40px; transform:translateX(10px); transition:all 0.3s ease-in-out; }

.slide_item{ float:left; width:100%; height:540px; position:absolute; left:0px; top:0px; z-index:100; }
.slide_item a{ width:60%; height:600px; display:block; margin:0px auto; z-index:300; position:relative; top:50px; }

.slide_page{ float:left; width:100%; height:20px; position:absolute; left:0px; bottom:10px; z-index:200; }

/* 长方形状 */
.slide_pagi{ height:30px; margin:0px auto; display:table; }
.slide_pagi span{ float:left; width:8px; height:8px; border-radius:4px; display:block; margin:0px 10px 0px 10px; background:rgba(204, 204, 204, 0.5); font-size:0px; text-align:center; cursor:pointer; }
.slide_pagi span.have{ background:#ffffff; }

/* 圆点形状 */
/* .slide_pagi{ height:30px; margin:0px auto; display:table; }
.slide_pagi span{ float:left; width:16px; height:16px; border-radius:8px; display:block; margin:0px 8px 0px 8px; background:#e6352f; font-size:0px; text-align:center; cursor:pointer; }
.slide_pagi span.have{ background:#ffffff; } */

/* .slide_switch{ position:absolute; right:12px; top:480px; z-index:2; display:none; }
.slide_switch .prev{ border:1px solid #81bf24; }
.slide_switch .next { border:1px solid #81bf24; }
.slide_switch a{ width:30px; height:25px; } */

.slide_play_item{ float:left; width:100%; }
.slide_play_item img{ width:100%; height:auto; border:0px; }

/* .slide_play_page{ position:absolute; right:7px; bottom:7px; }
.slide_play_page span{ float:left; width:20px; height:20px; display:block; margin:0px 0px 0px 5px; background:#e6352f; font-size:12px; cursor:pointer; color:#ffffff; text-align:center; }
.slide_play_page span.have{ background:#ffffff; color:#000000; } */

.slide_play_page{ float:left; width:100%; height:20px; position:absolute; left:0px; bottom:0px; z-index:200; }
.slide_play_pagi{ height:30px; margin:0px auto; display:table; }
.slide_play_pagi span{ float:left; width:8px; height:8px; border-radius:4px; display:block; margin:0px 8px 0px 8px; background:rgba(204, 204, 204, 0.5); font-size:0px; text-align:center; cursor:pointer; }
.slide_play_pagi span.have{ background:#ffffff; }

/* 淡入淡出 */
.slide_play_fade_page{ float:left; width:100%; height:20px; position:absolute; left:0px; bottom:0px; z-index:200; }
.slide_play_fade_pagi{ height:30px; margin:0px auto; display:table; }
.slide_play_fade_pagi span{ float:left; width:8px; height:8px; border-radius:4px; display:block; margin:0px 8px 0px 8px; background:rgba(204, 204, 204, 0.5); font-size:0px; text-align:center; cursor:pointer; }
.slide_play_fade_pagi span.have{ background:#ffffff; }
.banner-1{display:block; background:url(../image/image_1523591977_home-banner-facebookchat-bg.jpg) center repeat;background-size:100% 100%;}
.banner-2{display:block; background:url(../image/image_1537845553_CI-banner.jpg) center repeat;background-size:100% 100%;}
.banner-3{display:block; background:url(../image/image_1523585616_home-banner-amp-bg.jpg) center repeat;background-size:100% 100%;}
@media screen and (max-width:800px){
    .banner-1{background:url(../image/banner1800.jpg) center repeat;background-size:100% 100%;}
    .banner-2{background:url(https://www.key-de.com/images/banner2800.jpg) center repeat;background-size:100% 100%;}
    .banner-3{background:url(https://www.key-de.com/images/banner3800.jpg) center repeat;background-size:100% 100%;}
    .banner_home{ height:auto; display:none; }
    .banner_mobile{ display:block; }
    .banner_mobile_list{ float:left; width:100%; height:100%; position:relative; overflow:hidden; }
    .banner_mobile_item{ float:left; width:100%; }
    .banner_mobile_item img{ width:100%; height:auto; border:0px; transition:all 0.4s ease-in-out; }
}

@media only screen and (max-width: 1600px) {
     .banner-1{background:url(../image/banner11600.jpg)center repeat;background-size:100% 100%;}
    .banner-2{background:url(../image/banner21600.jpg)center repeat;background-size:100% 100%;}
    .banner-3{background:url(../image/banner31600.jpg)center repeat;background-size:100% 100%;}
}

@media only screen and (max-width: 1200px) {
     .banner-1{background:url(../image/banner11200.jpg)center repeat;background-size:100% 100%;}
    .banner-2{background:url(../image/banner21200.jpg)center repeat;background-size:100% 100%;}
    .banner-3{background:url(../image/banner31200.jpg)center repeat;background-size:100% 100%;}
    .home05-area a {
        height: 95px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 991px) {
     .banner-1{background:url(../image/banner1991.jpg)center repeat;background-size:100% 100%;}
    .banner-2{background:url(../image/banner2991.jpg)center repeat;background-size:100% 100%;}
    .banner-3{background:url(../image/banner3991.jpg)center repeat;background-size:100% 100%;}
    .home05-area {
        width: 100%;
    }
    .iconbox-box.row-display-table>[class*="col-sm-"] {
        display: block;
        width: 100%;
        float: left;
    }
}

@media only screen and (max-width: 768px) {
    .home05-area a {
        width: 50%;
    }
    .home05-area-container {
        padding: 0;
    }
}

.news-title {
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}