@font-face {
    font-family: 'MaisonNeue';
    src: url('/assets/fonts/MaisonNeueWEB-Bold.woff2') format('woff2'), url('/assets/fonts/MaisonNeueWEB-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MaisonNeue';
    src: url('/assets/fonts/MaisonNeueExtendedWEB-ExtraBold.woff2') format('woff2'), url('/assets/fonts/MaisonNeueExtendedWEB-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MaisonNeue';
    src: url('/assets/fonts/MaisonNeueWEB-Medium.woff2') format('woff2'), url('/assets/fonts/MaisonNeueWEB-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

/* 此项目单独css */
/* * {
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
} */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(0,75,157, 0.05);
}

::-webkit-scrollbar-track {
    background-color: rgba(0,75,157, 0);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0,75,157, 0.2)
}

.el-scrollbar__thumb {
    background-color: rgba(0,75,157, 0.2);
}

    .el-scrollbar__thumb:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }

body, html {
    width: 100%;
    height: 100%;
    font-family: "MaisonNeue", "Microsoft YaHei", Arial !important;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    /*max-width: 1280px;*/
    margin: 0 auto;
}

h1,h2,h3,h4,h5 {
    font-family: "MaisonNeue", "Microsoft YaHei", Arial !important;
}

a {
    color: #285293;
}

    a:hover {
        text-decoration: none;
        cursor: pointer;
    }

.carousel-control:hover {
    color: #FFA72A;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.B_header {
    height: 60px;
    position: fixed;
    width: 100%;
    /*max-width: 1280px;*/
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 0 60px;
    background-size: 116px;
    background-position: left 60px center;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.logo_white {
    color: #fff;
    background-color: rgba(0,0,0,0);
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Butler-white.png);
    border-bottom: 1px solid rgba(0,0,0,0);
}

    .logo_white .menu_list li a, .logo_white .language_btn, .logo_white .search_btn {
        color: #fff;
    }

.logo_blue {
    color: #285293;
    background-color: #fff;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Butler-blue.png);
    border-bottom: 1px solid #F0EFEF;
}

    .logo_blue .menu_list li a, .logo_blue .language_btn, .logo_blue .search_btn {
        color: #111;
    }

    .logo_blue .language_btn {
        border-color: #111;
    }

.menu_list_phone {
    display: none;
}

.menu_list {
    position: fixed;
    top: 0;
    right: 60px;
    left: 0;
    text-align: right;
    height: 60px;
    /* width: calc(100% - 60px);
    max-width: 1220px;*/
}

    .menu_list > ul {
        display: inline-block;
        height: 60px;
        vertical-align: top;
    }

        .menu_list > ul > li {
            height: 60px;
            padding: 0;
            display: table-cell;
            position: relative;
            cursor: pointer;
            background-color: rgba(255,255,255,0);
        }

    .menu_list ul > li:hover {
        cursor: pointer;
    }

    .menu_list > ul > li .firstTitle {
        padding: 22px 20px;
        display: block;
        font-size: 12px;
        position: relative;
        z-index: 3;
        height: 60px;
    }


    .menu_list .subMenu {
        /*display: none;*/
        /*    height: 0;*/
        position: absolute;
        top: -300px;
        left: calc(50% - 75px);
        min-width: 150px;
        padding: 10px 0;
        background-color: rgba(255,255,255,0.95);
        opacity: 0;
        transition: all 0.7s ease-in-out;
    }

        .menu_list .subMenu li {
            display: block;
            text-align: center;
            padding: 0;
        }

            .menu_list .subMenu li a {
                padding: 4px 0px;
                display: block;
                font-size: 12px;
                color: #333;
                padding: 10px 0;
            }

                .menu_list .subMenu li a:hover {
                    text-decoration: underline;
                    color: #285293 !important;
                    background-color: rgba(255,255,255,1);
                }


.menu_btn {
    display: block;
    padding: 6px;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: -30px;
    color: #fff;
    border: 1px solid rgba(0,0,0,0);
    padding: 6px 12px;
    border-radius: 5px;
}

    .menu_btn:hover {
        color: #fff;
        border: 1px solid rgb(92 145 237 / 70%);
        background-color: rgba(40,82,147,0.1);
    }

.logo_blue .menu_btn {
    color: #00499D
}

.menu_list_phone {
    position: fixed;
    top: 0;
    right: 60px;
    left: 0;
    height: 60px;
}

.menu_div_phone {
    transition: left 0.5s ease-in-out;
    position: fixed;
    top: 0;
    right: -100%; /*right: 0px;*/
    left: 100%;
    bottom: 0;
    text-align: left;
    background: #fff;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Butler-blue.png);
    background-size: 120px;
    background-position: 30px 20px;
    background-repeat: no-repeat;
    padding: 80px 15px 15px 15px;
}

    .menu_div_phone ul {
        border-bottom: 1px solid #F0F1F2;
        padding-bottom: 30px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

        .menu_div_phone ul li a {
            display: block;
            width: 100%;
            padding: 10px 15px;
            color: #333;
            border-radius: 5px 5px 0 0;
            font-weight: bold;
            margin-left: 0;
        }

        .menu_div_phone ul.subMenu li a {
            color: #fff;
        }

    .menu_div_phone .language_btn {
        border-color: #285293;
        color: rgb(92 145 237 / 70%);
        position: absolute;
        right: 90px;
        top: 14px;
    }

    .menu_div_phone .menu_closebtn_phone {
        position: absolute;
        top: 15px;
        right: 0px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        color: #999;
    }

    .menu_div_phone .search_btn {
        color: #00499D;
    }

    .menu_div_phone .search_input {
        height: 40px;
        line-height: 26px;
        padding: 7px 10px;
        border-radius: 5px;
        border: 1px solid rgb(92 145 237 / 70%);
        width: calc( 100% - 63px);
        outline-color: #00499D;
        margin-left: 15px;
    }

.language_btn {
    display: inline-block;
    margin-left: 20px;
    padding: 3px 30px;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-top: 14px;
}

    .language_btn:hover {
        border-color: #fba600;
        background-color: #fba600;
        transition: background 0.3s ease-in-out;
        color: #fff;
    }

.search_btn {
    height: 28px;
    width: 28px;
    display: inline-block;
    margin-left: 20px;
    font-size: 20px;
    margin-top: 14px;
    position: relative;
    z-index: 9;
}

.searchInput {
    display: none;
    width: 500px;
    height: 40px;
    margin-top: 5px;
    line-height: 40px;
    color: #111;
    font-size: 12px;
    border-radius: 5px;
    padding: 0 10px;
    border: 1px solid #e8e8e8;
    position: relative;
    z-index: 9
}


.overflowSearch {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 8
}

.btngroup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    opacity: 1;
}

    .btngroup > a {
        display: block;
        margin-top: 15px;
        background-color: #fff;
        border-radius: 50px;
        height: 42px;
        width: 42px;
        border: 1px solid #fff;
        background-position: center;
        background-size: 20px;
        background-repeat: no-repeat;
        font-size: 12px;
        line-height: 14px;
        padding-top: 9px;
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }

        .btngroup > a > span {
            position: absolute;
            top: 46px;
            left: -9px;
            right: -9px;
            width: 60px;
            text-align: center;
            color: #333;
        }

    .btngroup > .btn_wechat {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/wechat_black.png);
    }

    .btngroup > .btn_douyin {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/douyin_black.png);
    }

    .btngroup > .btn_consult {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/consult_white.png);
        background-color: #FFB703;
    }

    .btngroup > a:hover {
        border: 1px solid #285293;
        background-color: #5C91ED;
    }

    .btngroup > .btn_wechat:hover {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/wechat_white.png);
    }

    .btngroup > .btn_douyin:hover {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/douyin_white.png);
    }

    .btngroup > .btn_consult:hover {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/consult_white.png);
    }

.container {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
}

.container_info {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: 2;
}

/*.container > div {*/
/*scroll-snap-align: start;*/
/*transition: transform 0.5s ease;*/
/*width: 100%;
    height: 100%;
    display: flex;*/
/*justify-content: center;*/
/*align-items:center;*/
/*transition: all 0.3s ease-in-out;
    top: 0;
    overflow: hidden;
}*/
.container > div {
    min-height: 640px;
    width: 100%;
    position: relative;
    overflow: hidden;
    /*max-height: 800px;*/
}

    .container > div.screen6 {
        min-height: 350px;
        padding: 0;
    }

    .container > div.bottomDiv {
        min-height: 350px;
        z-index: 2
    }

    .container > div.ProjectConsultDiv {
        min-height: 350px;
        z-index: 2
    }

.screen1, .screen2, .screen3, .screen4, .screen5, .screen6 {
    position: relative;
    z-index: 2;
}

.screen2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.screen1 .carousel-control {
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 2;
    display: inline-block;
    height: 60px;
    width: 60px;
    background-color: #fff;
    background-image: none;
    color: #285293;
    text-align: center;
    line-height: 60px;
    text-shadow: none;
    opacity: 1;
    font-size: 12px;
    z-index: 9;
}

    .screen1 .carousel-control.left {
        left: 60px;
    }

    .screen1 .carousel-control.right {
        left: 120px;
        margin-left: -1px;
        border-left: 1px solid #e1e1e1;
    }

    .screen1 .carousel-control:hover {
        background-color: #FFA72A;
        color: #fff;
    }

    .screen1 .carousel-control .glyphicon {
        font-size: 14px;
        margin-top: -5px;
    }


.screen1_assistline_div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    width: 100%;
    /*background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/灯带.gif);*/
    /*background-repeat: repeat-x;*/
    /*background-size: contain;*/
    /*opacity: 0.3;*/ /* 初始时设置 div 为完全透明 */
    /*transition: opacity 1s ease-in-out;*/ /* 设置过渡效果，持续时间为2秒 */
    z-index: 2;
}

.screen1_assistline_1, .screen1_assistline_2, .screen1_assistline_3, .screen1_assistline_4, .screen1_assistline_5, .screen1_assistline_6 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/line_1.png);
    background-repeat: repeat-x;
    background-size: contain;
    opacity: 0; /* 初始时设置 div 为完全透明 */
    transition: opacity 0.2s ease-in-out; /* 设置过渡效果，持续时间为2秒 */
    z-index: 4;
}

.screen1_assistline_2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/line_2.png);
}

.screen1_assistline_3 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/line_3.png);
}

.screen1_assistline_4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/line_4.png);
}

.screen1_assistline_5 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/line_5.png);
}

.screen1_assistline_6 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/line_6.png);
}

.screen1_assistline_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/line_bg.png);
    background-repeat: repeat-x;
    background-size: contain;
    z-index: 3;
    opacity: 0.3
}


.screen1_switch {
    position: relative;
    width: 100%;
    height: 100%;
}



.screen1_text {
    position: absolute;
    /* height: 240px; */
    width: calc(100% - 100px);
    min-width: 300px;
    max-width: 600px;
    color: #fff;
    z-index: 3;
    /* padding: 200px 60px 0 60px; */
    top: calc(50% - 120px);
    left: 60px;
}

    .screen1_text h1 {
        font-weight: bold;
        margin-bottom: 20px;
        letter-spacing: 3px;
        line-height: 50px;
    }

    .screen1_text h5 {
        line-height: 23px;
        color: #eeeeee;
        margin-bottom: 30px;
    }

    .screen1_text a {
        display: inline-block;
        padding: 8px 0px;
        border: 1px solid #fff;
        border-radius: 20px;
        color: #fff;
        position: relative;
        max-width: 240px;
        width: 100%;
        text-align: center;
        min-width: 100px;
    }

        .screen1_text a img {
            height: 14px;
            width: 14px;
            position: absolute;
            right: 14px;
            top: 11px;
        }

        .screen1_text a:hover {
            border-color: #fba600;
            background-color: #fba600;
            transition: background 0.3s ease-in-out;
        }

.carousel-inner {
    height: 100%;
}

    .carousel-inner > .item {
        height: 100%;
    }

/*视频作为背景 start*/


.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    overflow: hidden
}

    .video-background video {
        position: absolute; /* 绝对定位 */
        top: 50%; /* 视频位于容器的中间 */
        left: 50%; /* 视频位于容器的中间 */
        transform: translate(-50%, -50%); /* 视频居中 */
        min-width: 100%; /* 视频至少宽度等于容器宽度 */
        min-height: 100%; /* 视频至少高度等于容器高度 */
        width: auto; /* 宽度自适应 */
        height: auto; /* 高度自适应 */
        z-index: -1; /* 视频在内容下方 */
    }



/*视频作为背景 end*/


.homeOverlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/homeOverlay.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 1
}

.screen1_pic {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.screen1_pic1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/08.jpg);
}

.screen1_pic2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen1_2KV.png);
}

.screen1_pic4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen1_4KV.png);
}

.screen1_pic5 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/kv_red.jpg);
}

.screen2_switch {
    position: absolute;
    top: 25%;
    bottom: 20%;
    right: 0;
    left: 0;
    height: 60%;
    width: 100%;
}

    .screen2_switch .item {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
    }

    .screen2_switch .screen2_solution {
        opacity: 0;
        position: absolute;
        bottom: 33%;
        width: 200px;
        right: calc(30% + 200px);
        font-size: 18px;
        font-weight: bold;
        text-align: right;
    }

    .screen2_switch .active .screen2_solution {
        opacity: 1;
    }

    .screen2_switch .screen2_tip {
        position: absolute;
        bottom: 42%;
        width: 60px;
        right: calc(30% + 200px);
        color: #337ab7;
        font-size: 11px;
        text-align: right
    }

        .screen2_switch .screen2_tip strong {
            color: #285293;
            font-weight: bold;
        }

.screen2_text {
    position: absolute;
    left: 180px;
    top: 14%;
    width: calc(70% - 350px);
    min-width: 200px;
    color: #111111;
    z-index: 2;
}

    .screen2_text h1 {
        font-weight: bold;
        margin-bottom: 20px;
        letter-spacing: 3px;
    }

    .screen2_text h5 {
        line-height: 23px;
        margin-bottom: 30px;
        color: #747578;
    }

.screen2_number {
    border-top: 1px solid #d3d3d3;
    display: inline-block;
    margin-right: 40px;
    width: calc(49% - 40px);
    vertical-align: top;
}

    .screen2_number h1 {
        font-weight: normal;
        display: inline-block;
        color: #285293;
    }

    .screen2_number h5 {
        display: inline-block;
        float: right;
        font-size: 12px;
        color: #111111;
    }

.screen2_pic {
    display: block;
    position: absolute;
    top: 0;
    right: 125px;
    width: 30%;
    height: 100%;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.screen2_pic1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_1.png);
}

.screen2_pic2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_2.png);
}

.screen2_pic3 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_3.png);
}

.screen2_pic4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_4.png);
}

.screen2_pic5 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_5.png);
}

.screen2_pic6 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_6.png);
}

.screen2_pic7 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_7.png);
}

.screen2_pic8 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_8.png);
}

.screen2_pic9 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_9.png);
}

.screen2_pic10 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_10.png);
}

.screen2_pic11 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_11.png);
}

.screen2_pic12 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_12.png);
}

.hexshadow {
    position: absolute;
    top: 0;
    right: 125px;
    width: 30%;
    height: 100%;
    opacity: 0; /* 初始时设置 div 为完全透明 */
    transition: opacity 0.3s ease-in-out; /* 设置过渡效果，持续时间为1秒 */
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen2_shadow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.screen2_switchgroup {
    position: absolute;
    top: 50%;
    right: 75px;
    width: 40px;
    height: 100%;
    z-index: 9;
}

    .screen2_switchgroup a {
        display: block;
        height: 10px;
        width: 50%;
        background-color: #BFC1C3;
        margin: 5px;
        border: 2px solid #ECECEC;
        border-radius: 5px;
    }

        .screen2_switchgroup a.active {
            background-color: #285293;
            width: 100%;
        }

        .screen2_switchgroup a:hover {
            width: 100%;
            transition: width 0.3s ease-in-out; /* 设置过渡效果，持续时间为1秒 */
        }

.screen2_IconDiv {
    width: 100%;
    max-width: 270px;
}

    .screen2_IconDiv a {
        display: inline-block;
        width: 60px;
        margin: 5px 2px;
        text-align: center;
        vertical-align: top;
        position: relative;
        height: 74px;
    }

        .screen2_IconDiv a span {
            display: block;
            width: 100%;
            text-align: center;
            font-size: 11px;
            color: #969696;
            height: 30px;
            line-height: 15px;
            position: absolute;
            top: 50px;
            left: 0;
            right: 0;
        }

        .screen2_IconDiv a .Icon {
            background-size: 66%;
            background-repeat: no-repeat;
            background-position: top;
            position: absolute;
            top: 0;
            left: 0;
            height: 60px;
            width: 60px;
        }

        .screen2_IconDiv a .Icon1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-1_2.png)
        }

        .screen2_IconDiv a:hover .Icon1 {
            display: none;
        }

        .screen2_IconDiv a .Icon1_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-1.png)
        }

        .screen2_IconDiv a:hover .Icon1_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-2_2.png)
        }

        .screen2_IconDiv a:hover .Icon2 {
            display: none;
        }

        .screen2_IconDiv a .Icon2_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-2.png)
        }

        .screen2_IconDiv a:hover .Icon2_2 {
            display: block;
        }


        .screen2_IconDiv a .Icon3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-3_2.png)
        }

        .screen2_IconDiv a:hover .Icon3 {
            display: none;
        }

        .screen2_IconDiv a .Icon3_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-3.png)
        }

        .screen2_IconDiv a:hover .Icon3_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon4 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-4_2.png)
        }

        .screen2_IconDiv a:hover .Icon4 {
            display: none;
        }

        .screen2_IconDiv a .Icon4_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-4.png)
        }

        .screen2_IconDiv a:hover .Icon4_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon5 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-5_2.png)
        }

        .screen2_IconDiv a:hover .Icon5 {
            display: none;
        }

        .screen2_IconDiv a .Icon5_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-5.png)
        }

        .screen2_IconDiv a:hover .Icon5_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon6 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-6_2.png)
        }

        .screen2_IconDiv a:hover .Icon6 {
            display: none;
        }

        .screen2_IconDiv a .Icon6_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-6.png)
        }

        .screen2_IconDiv a:hover .Icon6_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon7 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-7_2.png)
        }

        .screen2_IconDiv a:hover .Icon7 {
            display: none;
        }

        .screen2_IconDiv a .Icon7_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-7.png)
        }

        .screen2_IconDiv a:hover .Icon7_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon8 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-8_2.png)
        }

        .screen2_IconDiv a:hover .Icon8 {
            display: none;
        }

        .screen2_IconDiv a .Icon8_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-8.png)
        }

        .screen2_IconDiv a:hover .Icon8_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon9 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-9_2.png)
        }

        .screen2_IconDiv a:hover .Icon9 {
            display: none;
        }

        .screen2_IconDiv a .Icon9_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-9.png)
        }

        .screen2_IconDiv a:hover .Icon9_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon10 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-10_2.png)
        }

        .screen2_IconDiv a:hover .Icon10 {
            display: none;
        }

        .screen2_IconDiv a .Icon10_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-10.png)
        }

        .screen2_IconDiv a:hover .Icon10_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon11 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-11_2.png)
        }

        .screen2_IconDiv a:hover .Icon11 {
            display: none;
        }

        .screen2_IconDiv a .Icon11_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-11.png)
        }

        .screen2_IconDiv a:hover .Icon11_2 {
            display: block;
        }

        .screen2_IconDiv a .Icon12 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-12_2.png)
        }

        .screen2_IconDiv a:hover .Icon12 {
            display: none;
        }

        .screen2_IconDiv a .Icon12_2 {
            display: none;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Asset-12.png)
        }

        .screen2_IconDiv a:hover .Icon12_2 {
            display: block;
        }

    .screen2_IconDiv .solution-icon {
        height: 42px;
        width: 37px;
    }

.screen2_more {
    display: none;
    padding: 8px 50px;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    position: absolute;
    top: 47%;
    left: 0;
    background-color: #fff;
    line-height: 24px;
    height: 38px;
    color: #285293;
    margin: 0 auto;
    width: 180px;
    position: relative;
    text-align: center;
}

    .screen2_more img {
        height: 14px;
        width: 14px;
        position: absolute;
        right: 14px;
        top: 11px;
    }

    .screen2_more:hover {
        border-color: #fba600;
        background-color: #fba600;
        transition: background 0.3s ease-in-out;
        color: #fff;
    }

.screen2_switch .active .screen2_pic:hover .screen2_more {
    display: block;
}

.screen3_title {
    width: 100%;
    color: #111;
    text-align: left;
    padding-left: 60px;
    margin-bottom: 40px;
    position: absolute;
    font-weight: bold;
    letter-spacing: 3px;
    top: 15%;
}

.screen3_ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 100px;
    left: 50px;
}

    .screen3_ul li a {
        display: block;
        padding: 5px;
        color: #111111;
    }

    .screen3_ul li.active a {
        color: #285293;
        font-weight: bold;
    }

    .screen3_ul li a:hover {
        color: #285293;
        font-weight: bold;
    }

.screen3_switch {
    position: relative;
    width: 75%;
    height: 100%;
    top: 0;
    right: 0;
    left: 30%;
    bottom: 0;
}

.screen3_pic {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.screen3_pic0 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/sreen2_0.jpg);
}

.screen3_pic1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/sreen2_1.jpg);
}

.screen3_pic2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/sreen2_2.jpg);
}

.screen3_pic3 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/sreen2_3.jpg);
}

.screen3_pic4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/sreen2_4.jpg);
}

.screen3_switch .carousel-indicators {
    left: calc(-10% + 60px);
    text-align: left;
    bottom: 80px;
    z-index: 1;
}

    .screen3_switch .carousel-indicators li {
        display: table;
        width: auto;
        height: 20px;
        text-indent: 0px;
        border: 0px;
        border-radius: 0;
        margin: 10px 0 0 0;
        border: 1px solid rgba(0,0,0,0)
    }

    .screen3_switch .carousel-indicators .active {
        width: auto;
        height: 20px;
        margin: 10px 0 0 0;
        background-color: rgba(0,0,0,0);
        border-bottom: 1px solid #285293;
        color: #285293;
    }

.screen3_more {
    display: none;
    padding: 8px 60px;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    position: absolute;
    top: 48%;
    left: 43%;
    background-color: #fff;
    color: #285293;
}

    .screen3_more img {
        height: 14px;
        width: 14px;
        position: absolute;
        right: 14px;
        top: 11px;
    }

    .screen3_more:hover {
        border-color: #fba600;
        background-color: #fba600;
        transition: background 0.3s ease-in-out;
        color: #fff;
    }

.screen3 .carousel-control {
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 2;
    display: inline-block;
    height: 60px;
    width: 60px;
    background-color: #fff;
    background-image: none;
    color: #285293;
    text-align: center;
    line-height: 60px;
    text-shadow: none;
    opacity: 1;
    font-size: 12px;
    z-index: 9;
}

    .screen3 .carousel-control.left {
        left: -60px;
    }

    .screen3 .carousel-control.right {
        left: 1px;
        margin-left: -1px;
        border-left: 1px solid #e1e1e1;
    }

    .screen3 .carousel-control:hover {
        background-color: #FFA72A;
        color: #fff;
    }

    .screen3 .carousel-control .glyphicon {
        font-size: 14px;
        margin-top: -5px;
    }


.screen4 {
    background-image: linear-gradient(#314D84,#335897)
}

.screen4_switch {
    width: 80%;
    height: 40%;
    min-height: 180px;
    position: absolute;
    top: 30%;
    left: 10%;
}

    .screen4_switch .carousel-indicators {
        bottom: -60px;
    }

        .screen4_switch .carousel-indicators li {
            width: 20px;
            height: 6px;
            border-radius: 5px;
            border: 0;
            background-color: rgba(255, 255, 255, 1);
            opacity: 0.3;
            margin: 3px;
        }

        .screen4_switch .carousel-indicators .active {
            width: 30px;
            height: 9px;
            opacity: 1;
        }

.screen4_title {
    width: 100%;
    color: #fff;
    text-align: center;
    /* padding-top: 10%; */
    margin-bottom: 40px;
    position: absolute;
    top: 15%;
    font-weight: bold;
    letter-spacing: 3px;
}

.screen4_div {
    width: 100%;
    background: #fff;
    height: 100%;
    min-height: 180px;
    text-align: right;
}

    .screen4_div .text {
        width: 60%;
        /* display: inline-block; */
        padding: 40px 30px 0 40px;
        text-align: left;
        float: left;
        position: relative;
        height: 100%;
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/yinhaoleft.png);
        background-position: 30px 35px;
        background-size: 32px;
        background-repeat: no-repeat;
    }

        .screen4_div .text p {
            line-height: 26px;
            font-size: 14px;
            padding-bottom: 20px;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/yinhaoright.png);
            background-position: right bottom 15px;
            background-size: 32px;
            background-repeat: no-repeat;
        }

        .screen4_div .text .person {
            font-size: 14px;
            width: 60%;
            /* display: inline-block; */
            padding: 0;
            text-align: left;
            float: left;
            position: absolute;
            bottom: 30px;
            color: #285293;
            font-weight: bold;
            background: none;
        }

.vedio_div {
    height: 100%;
    /* display: inline-block; */
    width: 39%;
    float: right;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.screen4_div .screen4_pic {
    height: 100%;
    width: 100%;
}

.screen4_div .screen4_pic_1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen4_1.jpg)
}

.screen4_div .screen4_pic_2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen4_2.jpg)
}

.screen4_div .screen4_pic_3 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen4_3.jpg)
}

.screen4_div .screen4_pic_4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen4_4.jpg)
}

.screen4_div .screen4_pic_5 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/screen4_5.jpg)
}

.vedioplay {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 12px;
    color: #111;
    background-color: #fff;
    border-radius: 30px;
    line-height: 40px;
    font-size: 16px;
}

    .vedioplay:hover {
        border-color: #fba600;
        background-color: #fba600;
        transition: background 0.3s ease-in-out;
        color: #fff;
    }

.screen5 {
    background-color: #ECECEC;
    width: 100%;
}

.screen5_title {
    font-weight: bold;
    margin-top: 120px;
    margin-left: 60px;
    margin-right: 60px;
    width: calc(100% - 120px);
    position: relative;
}

.screen5 > ul {
    margin: 0;
    padding: 0 60px;
    /*margin-top: 190px;*/
    list-style: none;
    width: 100%;
    position: absolute;
    top: 190px;
    left: 0;
    right: 0;
    bottom: 0;
}

    .screen5 > ul li {
        border-top: 1px solid #e1e1e1;
        padding: 30px 0;
        height: calc(50% - 10px);
        position: relative;
    }

        .screen5 > ul li a {
            display: block;
            height: 100%;
        }

        .screen5 > ul li span {
            width: 160px;
            display: inline-block;
            vertical-align: top;
            color: #5E5E5E;
        }

        .screen5 > ul li img {
            height: 90%;
            max-width: calc(40% - 160px);
            max-height: 290px;
        }

        .screen5 > ul li p {
            margin: 0 0 10px;
            display: inline-block;
            width: 50%;
            vertical-align: top;
            padding-left: 30px;
            color: #111;
            font-weight: bold;
            font-size: 16px;
            right: 9%;
            position: absolute;
        }

            .screen5 > ul li p > span {
                font-size: 14px;
                display: block;
                width: 100%;
                line-height: 23px;
                vertical-align: top;
                padding-left: 0px;
                padding-top: 30px;
                color: #888;
                font-weight: normal;
            }


.screen5_more {
    padding: 8px 60px;
    border: 1px solid #285293;
    border-radius: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 60px;
    color: #285293;
    font-size: 14px;
    font-weight: normal;
}

    .screen5_more img {
        height: 14px;
        width: 14px;
        position: absolute;
        right: 14px;
        top: 9px;
    }

    .screen5_more:hover {
        border-color: #fba600;
        background-color: #fba600;
        transition: background 0.3s ease-in-out;
        color: #fff;
    }

.screen6, .bottomDiv {
    padding: 100px 60px 0px 60px;
    position: relative;
}

    .screen6 > .row, .bottomDiv > .row {
        width: 100%;
        z-index: 2;
        position: relative;
    }


.screen6_div h1, bottomDiv_div h1 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding: 20px;
    height: 200px;
}

.screen6_div.left h1, bottomDiv_div.left h1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/019.jpg);
}

.screen6_div.right h1, .bottomDiv_div.right h1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/020.jpg);
}

.screen6_div h1 a.screen6_more, .bottomDiv_div h1 a.screen6_more {
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #fff;
    font-weight: bold;
}

    .screen6_div h1 a.screen6_more i, .bottomDiv_div h1 a.screen6_more i {
        height: 30px;
        width: 30px;
        background-color: #fff;
        border-radius: 20px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px;
    }

        .screen6_div h1 a.screen6_more i img, .bottomDiv_div h1 a.screen6_more i img {
            width: 16px;
            height: 16px;
            margin-top: 7px;
        }

.screen6_div .logo, .bottomDiv_div .logo {
    width: 120px;
    display: inline-block;
    margin-top: 30px;
}

.screen6_div ul, .bottomDiv_div ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 250px;
    right: 10px;
}

    .screen6_div ul li, .bottomDiv_div ul li {
        padding: 3px 0;
    }

        .screen6_div ul li a, .bottomDiv_div ul li a {
            color: #111;
        }



.screen6_div .core, .bottomDiv_div .core {
    margin-left: 10px;
    display: inline-block;
    margin-top: 30px;
}

    .screen6_div .core img, .bottomDiv_div .core img {
        width: 80px;
        height: 80px;
        border: 1px solid #e2e2e2;
    }

    .screen6_div .core span, .bottomDiv_div .core span {
        display: block;
        text-align: center;
        color: #5E5E5E;
        font-size: 12px;
        margin-top: 5px;
    }

.screen6_div .aboutus, .bottomDiv_div .aboutus {
    position: absolute;
    right: 0;
    top: 250px;
}

    .screen6_div .aboutus span, .bottomDiv_div .aboutus span {
        font-size: 12px;
        display: block;
        margin: 0;
        color: #5E5E5E;
        letter-spacing: 0.5px;
    }

    .screen6_div .aboutus h5, .bottomDiv_div .aboutus h5 {
        font-size: 12px;
        margin: 0;
        margin-bottom: 20px;
        color: #111;
        letter-spacing: 0.5px;
    }

        .screen6_div .aboutus h5.tel, .bottomDiv_div .aboutus h5.tel {
            font-size: 19px;
            font-weight: bold;
            color: #285293;
        }

.bottomDiv {
    padding: 30px 60px 60px;
    min-height: 350px;
}

.bottomDiv_div .logo {
    margin-top: 0px;
}

.bottomDiv_div ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    text-align: left;
    width: 130px;
    float: right;
}

.bottomDiv_div .core {
    margin-top: 0px;
    margin-bottom: 20px;
}

.bottomDiv_div .aboutus {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

.screen6_consult {
    padding: 8px 55px;
    border: 1px solid #285293;
    border-radius: 20px;
    color: #fff;
    position: absolute;
    bottom: -50px;
    right: 0;
    left: 0;
    color: #285293;
    font-size: 14px;
    font-weight: normal;
}

    .screen6_consult img {
        height: 14px;
        width: 14px;
        position: absolute;
        right: 14px;
        top: 11px;
    }

    .screen6_consult:hover {
        border-color: #fba600;
        background-color: #fba600;
        transition: background 0.3s ease-in-out;
        color: #fff;
    }

.bottomDiv_div .screen6_consult {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
}

.copyright {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 30px;
    width: 100%;
    text-align: center;
    color: #5e5e5e;
    font-size: 12px;
}

    .copyright img {
        width: 10px;
        vertical-align: sub;
    }

.marquee {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 150px;
    height: 200px;
    line-height: 200px;
    font-weight: bold
}

    .marquee span {
        display: inline-block;
        padding-left: 0;
        animation: marquee 30s linear infinite;
        color: rgba(0,0,0,0.05);
    }

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.clear {
    clear: both;
}

.NewContainer {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    z-index: 2;
}

.BannerPic {
    height: 350px;
    border-bottom: 8px solid #1CA8EB;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/5a618e7bd9294.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .BannerPic h1 {
        color: #fff;
        text-align: center;
        font-size: 60px;
        line-height: 1em;
        font-weight: bold;
        letter-spacing: 12px;
        padding-top: 175px;
    }

.NewTtitle {
    width: 720px;
    margin: 0 auto;
    padding: 112px 0 110px;
    color: #1CA8EB;
    font-size: 36px;
    line-height: 46px;
    font-weight: bold;
    margin-bottom: 22px;
    text-align: justify;
}

.NewDetail {
    width: 720px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

    .NewDetail h5 {
        margin-top: 40px;
        margin-bottom: 0;
        color: #000;
        font-size: 28px;
        font-weight: bold;
    }

    .NewDetail p {
        font-size: 18px;
        margin: 10px 0;
        text-align: justify;
        line-height: 32px;
    }

    .NewDetail img {
        width: 100%;
        margin: 0 auto;
    }

.containerCon {
    width: 100%;
    padding: 60px 60px;
    background-color: #f6f6f6;
}

    .containerCon > div.contactForm {
        display: block !important;
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        background: #fff;
        padding: 30px;
    }

    .containerCon > div.contactForm_half {
        width: 50%;
        padding-right: 50px;
        height: 415px;
        border-bottom: 1px dashed #d2d2d2;
    }

.FormTip {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.contactForm h5 {
    font-size: 20px;
    color: #285293;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: bold;
}

.FormInput {
    width: 32%;
    margin: 10px 0 20px;
    position: relative;
    /*height: 40px;*/
    display: inline-block;
    vertical-align: top;
}

    .FormInput span {
        color: #666;
        font-size: 14px;
        display: block;
        margin-bottom: 10px;
    }

        .FormInput span i {
            color: red;
            font-size: 14px;
            display: inline-block;
            padding: 0px 7px;
            width: 20px;
        }

    .FormInput .InputStyle {
        border-radius: 3px;
        height: 43px;
        line-height: 27px;
        border: 1px solid #F8F9FD;
        width: calc(100% - 20px);
        color: #333;
        padding: 7px 20px;
    }

    .FormInput textarea.InputStyle {
        border-radius: 3px;
        line-height: 30px;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .FormInput .error {
        position: absolute;
        bottom: -20px;
        left: 30px;
        color: red;
        font-size: 12px;
        display: none;
    }

    .FormInput .AuthCodeInput {
        width: calc(100% - 110px);
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .FormInput .AuthCodeBtn {
        position: absolute;
        height: 43px;
        line-height: 43px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        color: #fff;
        background-color: #F3B841;
        width: 110px;
        text-align: center;
        right: 0;
        bottom: 0;
    }

        .FormInput .AuthCodeBtn:hover {
            background-color: #E8A015;
        }

        .FormInput .AuthCodeBtn.disable {
            background-color: #5E5E5E;
        }

input:: placeholder {
    color: #E0E0E0;
}

input::-webkit-input-placeholder { /* Chrome/Safari/Opera */
    color: #E0E0E0;
}

input:-moz-placeholder { /* Firefox 4 - 18 */
    color: #E0E0E0;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #E0E0E0;
    opacity: 1;
}

input:-ms-input-placeholder { /* IE 10+ 注意这里只有一个冒号 */
    color: #E0E0E0;
}

.FormSubmit {
    width: 100%;
    max-width: 260px;
    margin: 20px 0;
    display: block;
    text-align: center;
    border-radius: 30px;
    background-color: #FFA72A;
    border: 1px solid #FFA72A;
    color: #fff;
    clear: both;
    height: 40px;
    line-height: 40px;
    position: relative;
}

    .FormSubmit:hover {
        border-color: #FFA72A;
        background-color: rgb(255,168,0,0.1);
        transition: background 0.3s ease-in-out;
        color: #FFA72A;
    }

    .FormSubmit img {
        height: 14px;
        width: 14px;
        position: absolute;
        right: 14px;
        top: 12px;
    }

.KVdiv {
    height: 650px;
    position: relative;
}

    .KVdiv .screen1_text {
        top: calc(50% - 100px);
    }

.KVdiv_bg {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.KVdiv_bg_IndustrySolutions {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustryKVBG.jpg);
}

.KVdiv_bg_Top10 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Top10KVBG.jpg);
}

.KVdiv_bg_Top9 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Top9AbilityKVBG.jpg);
}

.KVdiv_bg_Free {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/MaintenanceFreeKVBG.jpg);
}

.KVdiv_bg_Strategic {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/StrategicKVBG.png);
}

.KVdiv_bg_Structural {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/StructuralSystemKVBG.jpg);
}

.KVdiv_bg_Form {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/StructuralSystemKVBG.jpg);
}

.KVdiv_bg_BC {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BlueScopeChinaBG.jpg);
    background-position: center;
}

.KVdiv_bg_BG {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BlueScopeGlobalBG.jpg);
    background-position: center;
}

.KVdiv_bg_JoinUS {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/JoinUsBG.jpg);
}

.KVdiv_bg_Develop {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/DevelopBG.jpg);
    background-position: center;
}

.KVdiv_bg_Indu1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_1.jpg);
    background-position: center;
}

.KVdiv_bg_Indu2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_2.jpg);
    background-position: center;
}

.KVdiv_bg_Indu3 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_3.jpg);
    background-position: center;
}

.KVdiv_bg_Indu4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_4.jpg);
    background-position: center;
}

.KVdiv_bg_Indu5 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_5.jpg);
    background-position: center;
}

.KVdiv_bg_Indu6 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_6.jpg);
    background-position: center;
}

.KVdiv_bg_Indu7 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_7.jpg);
    background-position: center;
}

.KVdiv_bg_Indu8 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_8.jpg);
    background-position: center;
}

.KVdiv_bg_Indu9 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_9.jpg);
    background-position: center;
}

.KVdiv_bg_Indu10 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_10.jpg);
    background-position: center;
}

.KVdiv_bg_Indu11 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_11.jpg);
    background-position: center;
}

.KVdiv_bg_Indu12 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_12.jpg);
    background-position: center;
}

.KVdiv_bg_Indu13 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_13.jpg);
    background-position: center;
}

.KVdiv_bg_Indu14 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_14.jpg);
    background-position: center;
}

.KVdiv_bg_Search {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/searchbg.jpg);
    background-position: center;
    height: 300px;
}

    .KVdiv_bg_Search .FormKVdiv_text {
        top: 125px;
    }

.KVdiv_bg_Policy {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/PolicyKVBg.jpg);
}

.KVdiv_bg_Renovate {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/RenovateKVBg.jpg);
}

    .KVdiv_bg_Renovate .screen1_text {
        top: calc(50% - 140px);
    }

        .KVdiv_bg_Renovate .screen1_text img {
            width: 70px;
        }

.KVdiv_bg_Contact {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/searchbg.jpg);
    background-position: center;
}

    .KVdiv_bg_Contact .FormKVdiv_text {
        top: 125px;
    }

.KVdiv_bg_GS {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GlobalServiceBG.png);
}

.KVbottom_Tab_btn {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    background-color: #7DA7F1;
    line-height: 55px !important;
    text-align: center;
    margin: 0 !important;
    cursor: pointer;
    z-index: 4;
}


    .KVbottom_Tab_btn:hover {
        cursor: pointer;
    }

    .KVbottom_Tab_btn .glyphicon {
        color: #fff;
        font-size: 17px;
    }

    .KVbottom_Tab_btn.left {
        left: 0;
    }

    .KVbottom_Tab_btn.right {
        right: 0;
    }

.KVbottom_Tab {
    min-width: 100%;
    height: 50px;
    padding: 0 60px;
    background-color: #5c91ed;
    position: relative;
    font-size: 12px;
    overflow: hidden;
}

    .KVbottom_Tab .tab_btn {
        position: relative;
        z-index: 2
    }

        .KVbottom_Tab .tab_btn a {
            color: #bed4f4;
            margin-right: 60px;
            display: inline-block;
            height: 100%;
            line-height: 50px;
        }

    .KVbottom_Tab a.active {
        text-decoration: underline;
        color: #fff;
    }

.IndustrySolutions_picDiv {
    padding: 80px 60px;
    background: #f6f6f6;
    width: calc(100% + 15px);
    position: relative;
    min-height: 500px;
    overflow: hidden;
}

.IndustrySolutions_Div {
    padding: 80px 60px;
    background: #fff;
    /*width: calc(100% + 15px);*/
    position: relative;
    height: 500px;
    overflow: hidden;
}

    .IndustrySolutions_Div .divTitle {
        padding: 0;
        margin: 0;
        color: #285293;
        width: 50%;
        padding-bottom: 30px;
        padding-right: 30px;
        background: #fff;
    }

        .IndustrySolutions_Div .divTitle span {
            font-size: 12px;
            display: block;
            color: #111;
            font-weight: normal;
            margin-top: 20px;
        }

            .IndustrySolutions_Div .divTitle span img {
                height: 14px;
                margin-right: 5px;
                display: inline-block;
                vertical-align: text-bottom;
            }

    .IndustrySolutions_Div .IndustryDetail_left {
        top: auto;
        right: auto;
        bottom: 80px;
        left: 60px;
    }

    .IndustrySolutions_Div .IndustryDetail_right {
        top: auto;
        right: auto;
        bottom: 80px;
        left: 109px;
    }

    .IndustrySolutions_Div .IndustryDetail_left, .IndustrySolutions_Div .IndustryDetail_right {
        border-color: #285293;
        color: #285293;
    }

        .IndustrySolutions_Div .IndustryDetail_left:hover, .IndustrySolutions_Div .IndustryDetail_right:hover {
            border-color: #FFA72A;
        }

.picDiv {
    display: block;
    width: 100%;
    height: 180px;
    margin-bottom: 60px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .picDiv:hover {
        cursor: pointer;
    }


    .picDiv span {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 13px;
        color: #333;
        font-weight: bold;
        margin: 15px 0;
        position: absolute;
        bottom: -45px;
        left: 0;
    }

    .picDiv.img1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_1.jpg);
    }

    .picDiv.img2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_2.jpg);
    }

    .picDiv.img3 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_3.jpg);
    }

    .picDiv.img4 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_4.jpg);
    }

    .picDiv.img5 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_5.jpg);
    }

    .picDiv.img6 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_6.jpg);
    }

    .picDiv.img7 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_7.jpg);
    }

    .picDiv.img8 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_8.jpg);
    }

    .picDiv.img9 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_9.jpg);
    }

    .picDiv.img10 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_10.jpg);
    }

    .picDiv.img11 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_11.jpg);
    }

    .picDiv.img12 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_12.jpg);
    }

    .picDiv.img13 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_13.jpg);
    }

    .picDiv.img14 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_14.jpg);
    }

    .picDiv.imgClass1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass1.jpg);
    }

    .picDiv.imgClass2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass2.jpg);
    }

    .picDiv.imgClass3 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass3.jpg);
    }

    .picDiv.imgClass4 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass4.jpg);
    }

    .picDiv.imgClass5 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass5.jpg);
    }

    .picDiv.imgClass6 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass6.jpg);
    }

    .picDiv.imgClass7 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass7.jpg);
    }

    .picDiv.imgClass8 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass8.jpg);
    }

    .picDiv.imgClass9 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass9.jpg);
    }

    .picDiv.imgClass10 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass10.jpg);
    }

    .picDiv.imgClass11 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass11.jpg);
    }

    .picDiv.imgClass12 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass12.jpg);
    }

    .picDiv.imgClass13 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass13.jpg);
    }

    .picDiv.imgClass14 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass14.jpg);
    }

    .picDiv.imgClass15 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass15.jpg);
    }

    .picDiv.imgClass16 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass16.jpg);
    }

    .picDiv.imgClass17 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass17.jpg);
    }

    .picDiv.imgClass18 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgClass18.jpg);
    }

    .picDiv.imgRenovate1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgRenovate1.jpg);
    }

    .picDiv.imgRenovate2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgRenovate2.jpg);
    }

    .picDiv.imgRenovate3 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgRenovate3.jpg);
    }

    .picDiv.imgRenovate4 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgRenovate4.jpg);
    }

    .picDiv.imgRenovate5 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgRenovate5.jpg);
    }

    .picDiv.imgRenovate5 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgRenovate5.jpg);
    }

    .picDiv.imgJoin1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgJoin1.jpg);
    }

    .picDiv.imgJoin2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgJoin2.jpg);
    }

    .picDiv.imgJoin3 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgJoin3.jpg);
    }


    .picDiv.imgDevelop1-1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop1-1.jpg);
    }

    .picDiv.imgDevelop1-2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop1-2.jpg);
    }

    .picDiv.imgDevelop1-3 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop1-3.jpg);
    }

    .picDiv.imgDevelop2-1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop2-1.jpg);
    }

    .picDiv.imgDevelop2-2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop2-2.jpg);
    }

    .picDiv.imgDevelop3-1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop3-1.jpg);
    }

    .picDiv.imgDevelop4-1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop4-1.jpg);
    }

    .picDiv.imgDevelop4-2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop4-2.jpg);
    }

    .picDiv.imgDevelop5-1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop5-1.jpg);
    }

    .picDiv.imgDevelop5-2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgDevelop5-2.jpg);
    }

.imgQuality1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality1.jpg);
}

.imgQuality2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality2.jpg);
}

.imgQuality3 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality3.jpg);
}

.imgQuality4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality4.jpg);
}

.imgQuality5 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality5.jpg);
}

.imgQuality6 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality6.jpg);
}

.imgQuality7 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality7.jpg);
}

.imgQuality8 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality8.jpg);
}

.imgQuality9 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality9.jpg);
}

.imgQuality10 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality10.jpg);
}

.imgQuality11 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality11.jpg);
}

.imgQuality12 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality12.jpg);
}

.imgQuality13 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality13.jpg);
}

.imgQuality14 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality14.jpg);
}

.imgQuality15 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality15.jpg);
}

.imgQuality16 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality16.jpg);
}

.imgQuality17 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality17.jpg);
}

.imgQuality18 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality18.jpg);
}

.imgQuality19 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality19.jpg);
}

.imgQuality20 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality20.jpg);
}

.imgQuality21 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality21.jpg);
}

.imgQuality22 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality22.jpg);
}

.imgQuality23 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality23.jpg);
}

.imgQuality24 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality24.jpg);
}

.imgQuality25 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality25.jpg);
}

.imgQuality26 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality26.jpg);
}

.imgQuality27 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality27.jpg);
}

.imgQuality28 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality28.jpg);
}

.imgQuality29 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality29.jpg);
}

.imgQuality30 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality30.jpg);
}

.imgQuality31 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality31.jpg);
}

.imgQuality32 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality32.jpg);
}

.imgQuality33 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality33.jpg);
}

.imgQuality34 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality34.jpg);
}

.imgQuality35 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality35.jpg);
}

.imgQuality36 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality36.jpg);
}

.imgQuality37 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality37.jpg);
}

.imgQuality38 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality38.jpg);
}

.imgQuality39 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/imgQuality39.jpg);
}




.IndustrySolution_logoDiv {
    padding: 40px 60px;
}

    .IndustrySolution_logoDiv .title {
        font-size: 26px;
        color: #111111;
        font-weight: 500;
        line-height: 35px;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 20px;
    }

    .IndustrySolution_logoDiv .subtitle {
        font-size: 12px;
        color: #666666;
        display: block;
        text-align: right;
        float: right;
        margin-top: -50px;
    }

.LogoDiv {
    /*  margin: 0 -18px;
    width: calc(100% + 36px);*/
    text-align: center;
    padding: 30px 0;
}

    .LogoDiv img {
        width: 110px;
        height: 90px;
        display: inline-block;
        opacity: 0.5;
        margin: 0 15px;
    }

.ProjectConsultDiv {
    height: 370px;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/bluepoint.jpg);
    background-repeat: repeat-x;
    background-position: center;
    background-size: contain;
    text-align: center;
}

    .ProjectConsultDiv h2 {
        font-size: 30px;
        color: #fff;
        font-weight: 500;
        line-height: 35px;
        padding-top: 120px;
        margin: 0;
    }

    .ProjectConsultDiv span {
        font-size: 13px;
        color: #bed4f4;
        display: block;
        margin-top: 20px;
        padding: 0 30px;
    }

    .ProjectConsultDiv a {
        display: inline-block;
        color: #fff;
        font-size: 12px;
        position: relative;
        /* padding: 8px 0px; */
        border-radius: 50px;
        max-width: 240px;
        width: 100%;
        text-align: center;
        min-width: 100px;
        background-color: #fba600;
        margin-top: 30px;
        height: 40px;
        line-height: 39px;
    }

        .ProjectConsultDiv a:hover {
            background-color: rgba(255,255,255,0.5);
            color: #fff;
        }

        .ProjectConsultDiv a img {
            height: 14px;
            width: 14px;
            position: absolute;
            right: 14px;
            top: 12px;
        }

.Top10Con, .Top9Con, .Structural_Con {
    width: 100%;
    overflow: hidden;
    position: absolute;
    height: 310px;
    padding-top: 20px;
    z-index: 4;
    top: 230px;
    left: 0;
    right: 0;
}

.Top10_left, .Top10_right, .Top9_left, .Top9_right, .Structural_left, .Structural_right, .PracticeVideo_left, .PracticeVideo_right, .IndustryDetail_left, .IndustryDetail_right, .BulterCHistory_left, .BulterCHistory_right, .VideoHigh_left, .VideoHigh_right {
    position: absolute;
    right: 109px;
    top: 148px;
    bottom: 0;
    display: inline-block;
    height: 50px;
    width: 50px;
    background-image: none;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    line-height: 50px;
    text-shadow: none;
    opacity: 1;
    font-size: 12px;
    z-index: 9;
}

    .Top10_left:hover, .Top10_right:hover, .Top9_left:hover, .Top9_right:hover, .Structural_left:hover, .Structural_right:hover, .PracticeVideo_left:hover, .PracticeVideo_right:hover, .IndustryDetail_left:hover, .IndustryDetail_right:hover, .BulterCHistory_left:hover, .BulterCHistory_right:hover, .VideoHigh_left:hover, .VideoHigh_right:hover {
        background-color: #FFA72A;
        color: #fff;
    }

.Top10_right, .Top9_right, .Structural_right {
    right: 60px;
}

.Structural_left {
    left: 60px;
    bottom: 150px;
    top: auto;
    right: auto;
}

.Structural_right {
    left: 109px;
    bottom: 150px;
    right: auto;
    top: auto;
}

.Structural_Con {
    width: calc(100% - 420px);
    top: 110px;
    right: 60px;
    left: auto;
    bottom: 0;
    height: auto;
    padding: 0;
}

.Top10Div {
    position: absolute;
    top: 0;
    left: 60px;
    width: 2600px;
}

    .Top10Div > div {
        float: left;
        height: 290px;
        width: 230px;
        padding: 20px;
        background-color: #28529b;
        text-align: center;
        display: inline-block;
        margin-right: 30px;
        position: relative;
        overflow: hidden;
    }

        .Top10Div > div h3 {
            font-size: 16px;
            color: #fff;
            text-align: left;
            border-bottom: 1px solid rgba(255,255,255,0.25);
            margin-top: 10px;
            padding-bottom: 10px;
        }

        .Top10Div > div span {
            font-size: 12px;
            color: rgba(255,255,255,0.8);
            line-height: 20px;
            text-align: left;
            display: block;
        }

            .Top10Div > div span img {
                display: block;
                height: 40px;
                margin-top: 70px;
                margin-bottom: 10px;
            }

        .Top10Div > div img.core {
            width: 100px;
            height: 100px;
            margin: 20px auto;
        }

        .Top10Div > div a {
            display: block;
            color: #fff;
            font-size: 12px;
            position: relative;
            /* padding: 8px 0px; */
            border-radius: 50px;
            max-width: 240px;
            width: 100%;
            text-align: center;
            min-width: 100px;
            background-color: #fba600;
            margin: 10px auto 0;
            height: 36px;
            line-height: 36px;
            border: 1px solid #fff;
        }

            .Top10Div > div a img {
                height: 14px;
                width: 14px;
                position: absolute;
                right: 14px;
                top: 11px;
            }

    .Top10Div .front {
        position: absolute;
        top: 50px;
        left: 20px;
        right: 20px;
        height: 100%;
        transition: top 0.5s ease-in-out;
    }

    .Top10Div .back {
        position: absolute;
        top: 100%;
        left: 20px;
        right: 20px;
        height: 100%;
        transition: top 0.5s ease-in-out;
    }

    .Top10Div > div:hover {
        background-color: #fba600
    }

        .Top10Div > div:hover .back {
            top: 70px;
            transition: top 0.5s ease-in-out;
        }

        .Top10Div > div:hover .front {
            top: 100%;
            transition: top 0.5s ease-in-out;
        }



.Top9Con {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Top9Line.png);
    background-size: 1920px;
    background-repeat: no-repeat;
    background-position: top;
    height: 350px;
    top: 215px;
    padding: 0;
}

.Top9Div {
    position: absolute;
    width: 160px;
    text-align: center;
}

    .Top9Div img {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Top9Divbg_2.png);
        width: 100px;
        background-size: cover;
        background-repeat: no-repeat;
    }

.Top9Con .active img {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Top9Divbg.png)
}


.Top9Div h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 40px;
    opacity: 0;
    font-weight: 500;
}

.Top9Div span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 22px;
    margin-top: 15px;
    opacity: 0;
}

.Top9Con .active h3, .Top9Con .active span {
    opacity: 1;
    transition: opacity 0.1s ease-in-out;
    width: 120%;
    margin-left: -10%;
    display: block;
}

.videoDiv {
    width: 100%;
    height: 100%;
    position: relative;
}

    .videoDiv h3 {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 32px;
        font-weight: bold;
        top: calc(50% - 110px);
        position: absolute;
        left: 0;
        right: 0;
    }

    .videoDiv h5 {
        display: block;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        font-weight: normal;
        top: calc(50% - 50px);
        position: absolute;
        left: 0;
        right: 0;
    }

    .videoDiv a {
        color: #fff;
        font-size: 12px;
        position: relative;
        /* padding: 8px 0px; */
        border-radius: 50px;
        width: 240px;
        text-align: center;
        min-width: 100px;
        background-color: #0046B3;
        margin-top: 30px;
        height: 40px;
        line-height: 40px;
        position: absolute;
        top: calc(50% + 10px);
        left: calc(50% - 120px)
    }

        .videoDiv a img {
            height: 14px;
            width: 14px;
            position: absolute;
            right: 14px;
            top: 11px;
        }

        .videoDiv a:hover {
            border-color: #285293;
            background-color: rgb(92 145 237 / 70%);
            transition: background 0.3s ease-in-out;
            color: #fff;
        }

.FreeCon {
    position: absolute;
    right: 60px;
    width: 55%;
    top: calc(50% - 150px);
    z-index: 3
}

    .FreeCon > div {
        width: 110px;
        height: 155px;
        display: inline-block;
        margin-left: 25px;
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Top9Divbg_2.png);
        background-size: 58%;
        background-position: top;
        background-repeat: no-repeat;
        vertical-align: top;
    }

        .FreeCon > div span {
            width: 100%;
            display: block;
            margin-top: 25px;
            text-align: center;
            font-size: 12px;
            color: #fff;
        }

        .FreeCon > div img {
            display: block;
            width: 64%;
            margin: -5% auto;
        }

.RenovateCon {
    position: absolute;
    right: 60px;
    width: 60%;
    top: calc(50% - 150px);
    z-index: 3
}

    .RenovateCon > div {
        width: calc(25% - 30px);
        min-width: 130px;
        height: 175px;
        display: inline-block;
        margin-left: 25px;
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Top9Divbg_2.png);
        background-size: 80px;
        background-position: top;
        background-repeat: no-repeat;
        vertical-align: top;
    }

        .RenovateCon > div span {
            width: 100%;
            display: block;
            margin-top: 15px;
            text-align: center;
            font-size: 12px;
            color: #fff;
        }

        .RenovateCon > div img {
            display: block;
            width: 80px;
            margin: 0px auto;
        }

.KVdiv .free_text {
    width: 30%;
    max-width: 400px;
}

.divTitle {
    width: calc(100% - 120px);
    margin: 0 auto;
    padding: 80px 0 40px 0;
    font-size: 30px;
    font-weight: bold;
    color: #111;
    border-bottom: 1px solid #e8e8e8;
}

.FreeLead {
    position: relative;
    height: 100%;
    height: 370px;
    width: calc(100% - 350px);
    margin-left: 290px;
}

    .FreeLead .carousel-indicators {
        left: -230px;
        text-align: left;
        top: 0;
        width: 230px;
        z-index: 1;
        top: 0;
        padding-top: 30px;
        border-right: 1px solid #e8e8e8;
        margin: 0;
    }

        .FreeLead .carousel-indicators li {
            display: table;
            width: auto;
            height: 20px;
            text-indent: 0px;
            border: 0px;
            border-radius: 0;
            margin: 10px 0 0 0;
            border: 1px solid rgba(0,0,0,0)
        }

        .FreeLead .carousel-indicators .active {
            width: auto;
            height: 20px;
            margin: 10px 0 0 0;
            background-color: rgba(0,0,0,0);
            border-bottom: 1px solid #285293;
            color: #285293;
        }

.FreeLead_pic {
    width: 300px;
    height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    float: right;
    display: block;
    position: absolute;
    top: 20px;
    right: 0px;
}

.FreeLead_pic0 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/freelead-pic0.jpg);
}

.FreeLead_pic1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/freelead-pic1.jpg);
}

.FreeLead_pic2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/freelead-pic2.jpg);
}

.FreeLead_pic3 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/freelead-pic3.jpg);
}

.FreeLead_pic4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/freelead-pic4.jpg);
}

.FreeLead_pic5 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/freelead-pic5.jpg);
}

.FreeLead_pic6 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/freelead-pic6.jpg);
}

.FreeLead_pic7 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/freelead-pic7.jpg);
}

.FreeLead h4 {
    font-weight: 500;
    width: calc(100% - 350px);
    padding: 30px;
    font-size: 21px;
    color: #28529b;
    line-height: 26px;
}

.FreeLead ul {
    width: calc(100% - 350px);
    padding: 0px 30px 0 50px;
}

    .FreeLead ul li {
        list-style: circle;
        color: #666;
        font-size: 12px;
        margin-bottom: 12px;
        line-height: 18px;
    }

        .FreeLead ul li::marker {
            color: #FFA72A;
        }

        .FreeLead ul li strong {
            color: #333;
        }

.FreeLead .carousel-control {
    position: absolute;
    top: -96px;
    z-index: 2;
    display: inline-block;
    height: 48px;
    width: 48px;
    background-color: #fff;
    background-image: none;
    color: #285293;
    text-align: center;
    line-height: 60px;
    text-shadow: none;
    opacity: 1;
    font-size: 12px;
    z-index: 9;
    border: 1px solid #285293;
}

    .FreeLead .carousel-control.left {
        left: auto;
        right: 47px;
    }

    .FreeLead .carousel-control.right {
        right: 1px;
    }

    .FreeLead .carousel-control:hover {
        background-color: #FFA72A;
        color: #fff;
    }

    .FreeLead .carousel-control .glyphicon {
        font-size: 12px;
        margin-top: -5px;
    }

.free_bigPic_cn {
    background-color: #F7F7F7;
    width: 100%;
    height: 550px;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Freepic.png);
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.free_bigPic_en {
    background-color: #F7F7F7;
    width: 100%;
    height: 550px;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Freepic-en.png);
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.BuC_bigPic {
    background-color: #fff;
    width: calc(100% - 120px);
    margin: 0 auto;
    height: 350px;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCbottom.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.StructuralKVdiv_text {
    position: absolute;
    color: #fff;
    z-index: 3;
    top: 0;
    left: 0px;
    bottom: 0;
    width: 360px;
    background-color: #005294;
}

    .StructuralKVdiv_text h1 {
        position: absolute;
        top: 110px;
        left: 60px;
        right: 60px;
        font-weight: bold;
        margin-bottom: 20px;
        letter-spacing: 3px;
    }

    .StructuralKVdiv_text h5 {
        position: absolute;
        top: 180px;
        left: 60px;
        right: 60px;
        line-height: 23px;
        color: #eeeeee;
        margin-bottom: 30px;
    }

.Structural_switch {
    width: 100%;
    height: 170px;
}

    .Structural_switch .carousel-indicators {
        bottom: 12px;
        height: 3px;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .Structural_switch .carousel-indicators li {
            width: 32%;
            height: 2px;
            border: 0;
            border-radius: 0;
            margin: 0;
            background-color: rgba(0,0,0,0)
        }

        .Structural_switch .carousel-indicators .active {
            width: 32%;
            background-color: #FFA72A;
        }

    .Structural_switch .carousel-control span {
        font-size: 14px;
        margin-top: -3px;
    }

.StructuralDiv {
    position: relative;
    top: 0;
    left: 60px;
    width: 2600px;
    bottom: 60px;
}

    .StructuralDiv > div {
        float: left;
        width: 312px;
        max-width: 400px;
        padding: 0px;
        margin-right: 40px;
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

        .StructuralDiv > div h3 {
            font-size: 19px;
            font-weight: normal;
            color: #bed4f4;
            margin-bottom: 30px;
            height: 21px;
        }

        .StructuralDiv > div .img {
            height: 170px;
            width: 100%;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

        .StructuralDiv > div .img1_1_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s1_1_1.png);
        }

        .StructuralDiv > div .img1_1_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s1_1_2.png);
        }

        .StructuralDiv > div .img1_1_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s1_1_3.png);
        }

        .StructuralDiv > div .img1_2_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s1_2_1.png);
        }

        .StructuralDiv > div .img1_2_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s1_2_2.png);
        }

        .StructuralDiv > div .img1_2_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s1_2_3.png);
        }

        .StructuralDiv > div .img2_1_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s2_1_1.png);
        }

        .StructuralDiv > div .img2_1_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s2_1_2.png);
        }

        .StructuralDiv > div .img2_1_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s2_1_3.png);
        }

        .StructuralDiv > div .img2_2_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s2_2_1.png);
        }

        .StructuralDiv > div .img2_2_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s2_2_2.png);
        }

        .StructuralDiv > div .img2_3_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s2_3_1.png);
        }

        .StructuralDiv > div .img2_4_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s2_4_1.png);
        }

        .StructuralDiv > div .img2_4_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s2_4_2.png);
        }

        .StructuralDiv > div .img2_4_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s2_4_3.png);
        }

        .StructuralDiv > div .img3_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s3_1.png);
        }

        .StructuralDiv > div .img3_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s3_2.png);
        }

        .StructuralDiv > div .img3_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s3_3.png);
        }

        .StructuralDiv > div .img3_4 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s3_4.png);
        }

        .StructuralDiv > div .img3_5 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s3_5.png);
        }

        .StructuralDiv > div .img3_6 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s3_6.png);
        }

        .StructuralDiv > div .img3_7 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s3_7.png);
        }

        .StructuralDiv > div .img4_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s4_1.png);
        }

        .StructuralDiv > div .img4_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s4_2.png);
        }

        .StructuralDiv > div .img4_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s4_3.png);
        }

        .StructuralDiv > div .img4_4 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s4_4.png);
        }

        .StructuralDiv > div .img4_5 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/s4_5.png);
        }

        .StructuralDiv > div ul {
            height: calc(100% - 80px);
            width: calc(100% - 24px);
            display: inline-block;
            vertical-align: top;
            margin-left: 22px;
            margin-top: 10px;
        }

            .StructuralDiv > div ul li {
                list-style: disc;
                color: #666;
                font-size: 12px;
                margin-bottom: 6px;
                line-height: 17px;
                color: rgba(255,255,255,0.8);
            }

                .StructuralDiv > div ul li::marker {
                    color: #FFA72A;
                    font-size: 16px;
                }

    .StructuralDiv a.link {
        color: #FFA72A;
        font-size: 12px;
        text-decoration: underline;
        margin-right: 20px;
    }

.Structural_Detail {
    min-height: 600px;
    padding: 120px 60px;
}

    .Structural_Detail h4 {
        font-size: 30px;
        font-weight: bold;
        color: #111;
        margin-bottom: 40px;
        position: relative;
    }


        .Structural_Detail h4 a {
            font-size: 14px;
            padding: 10px 60px;
            border: 1px solid #285293;
            border-radius: 20px;
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            background-color: #fff;
            color: #285293;
        }

            .Structural_Detail h4 a img {
                height: 14px;
                width: 14px;
                position: absolute;
                right: 14px;
                top: 11px;
                color: #285293;
            }

            .Structural_Detail h4 a:hover {
                border-color: #fba600;
                background-color: #fba600;
                transition: background 0.3s ease-in-out;
                color: #fff;
            }

    .Structural_Detail .div {
        display: inline-block;
        width: calc(33% - 40px);
        margin-right: 60px;
    }

        .Structural_Detail .div:last-child {
            margin-right: 0
        }

    .Structural_Detail .img {
        height: 240px;
        width: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .Structural_Detail .img1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/pic1.jpg);
    }

    .Structural_Detail .img2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/pic4.jpg);
    }

    .Structural_Detail .img3 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/IndustrySolution1_12.jpg);
    }

    .Structural_Detail span {
        font-size: 14px;
        color: #333;
        font-weight: bold;
        margin-top: 12px;
        display: block;
    }

.StructuralSubKVdiv {
    height: 300px !important;
}

.StructuralSubKVdiv_text {
    position: absolute;
    width: calc(100% - 120px);
    min-width: 300px;
    max-width: 600px;
    color: #fff;
    z-index: 3;
    top: calc(50% - 120px);
    left: 60px;
    top: 130px;
    max-width: 100%;
}

.MR24Div {
    margin: 0px auto;
    width: 100%;
    text-align: center;
    padding: 80px 60px;
}

    .MR24Div .title {
        color: #00508F;
        font-weight: normal;
        margin-bottom: 10px;
        font-size: 30px;
        border-bottom: 1px solid #E7E5E2;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .MR24Div span {
        width: 100%;
        max-width: 800px;
        display: inline-block;
        color: #6C6A65;
        display: block;
        margin: 0 auto 20px;
    }

    .MR24Div ul {
        list-style: disc;
    }

        .MR24Div ul li span {
            width: 100%;
            min-width: auto;
        }

        .MR24Div ul li::marker {
            color: #FFA72A;
            font-size: 16px;
        }

    .MR24Div .left {
        width: calc(60% - 60px);
        display: inline-block;
        padding-right: 60px;
        text-align: left;
        vertical-align: top;
    }

    .MR24Div .right {
        text-align: left;
        width: 39%;
        display: inline-block;
    }

    .MR24Div .right1 {
        background-color: #fff;
    }

    .MR24Div .left2 {
        width: 40%;
        padding-right: 0;
        background-color: #F6F6F5;
    }

    .MR24Div .right2 {
        width: calc(60% - 60px);
        padding-left: 60px;
    }

.VideoDialog {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 5% 10%;
    z-index: 9999;
    background: rgba(0,0,0,0.8);
}

    .VideoDialog video {
        width: 100%;
        max-height: 100%;
        height: auto;
        vertical-align: middle;
    }

.KVdiv .Strategic_text {
    width: 30%;
    max-width: 400px;
}

    .KVdiv .Strategic_text strong {
        font-size: 20px;
        font-weight: normal;
        color: #FFA72A;
    }

.StrategicCon {
    position: absolute;
    right: 60px;
    width: 55%;
    top: calc(50% - 100px);
    z-index: 3
}

    .StrategicCon > div {
        width: 110px;
        height: 155px;
        display: inline-block;
        margin-left: 25px;
    }

        .StrategicCon > div span {
            width: 100%;
            display: block;
            margin-top: 25px;
            text-align: center;
            font-size: 12px;
            color: #fff;
        }

        .StrategicCon > div img {
            display: block;
            width: 80%;
            margin: 10% auto;
        }

.Strategic_Three {
    min-height: 550px;
    padding: 120px 60px 0;
    display: flex;
}

    .Strategic_Three .ThreeDiv {
        height: 430px;
        width: 25%;
        position: relative;
        margin: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        transition: width 0.5s ease;
    }


        .Strategic_Three .ThreeDiv.ONE {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/StrategicDiv1.png)
        }

        .Strategic_Three .ThreeDiv.TWO {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/StrategicDiv2.png);
            width: 50%;
        }

        .Strategic_Three .ThreeDiv.THREE {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/StrategicDiv3.png)
        }


        .Strategic_Three .ThreeDiv h4 {
            font-size: 20px;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            top: calc(50% - 15px);
            position: absolute;
            text-align: center;
            right: 0;
            left: 0;
            transition: all 0.5s ease;
            line-height: 34px;
        }

        .Strategic_Three .ThreeDiv .openBtn {
            opacity: 1;
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            height: 50px;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Strategicopen.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 2;
            cursor: pointer;
        }

        .Strategic_Three .ThreeDiv .closeBtn {
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            height: 50px;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Strategicclose.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 3;
            cursor: pointer;
        }

        .Strategic_Three .ThreeDiv .back {
            opacity: 0;
            position: relative;
            z-index: 1;
            transition: opacity 0.5s ease;
        }

    .Strategic_Three .con {
        position: absolute;
        top: 132px;
        left: 60px;
        right: 60px;
        bottom: 60px;
    }

    .Strategic_Three .circleDiv {
        padding: 16px 30px;
        border-radius: 40px;
        border: 1px solid rgba(255,255,255,0.5);
        text-align: center;
        font-size: 12px;
        color: #fff;
        margin-bottom: 20px;
    }

        .Strategic_Three .circleDiv img {
            height: 16px;
            width: 16px;
            margin-right: 5px;
            vertical-align: text-top
        }

    .Strategic_Three .ThreeDiv.active {
        width: 50%;
        transition: width 0.5s ease;
    }

        .Strategic_Three .ThreeDiv.active .openBtn {
            opacity: 0;
        }

        .Strategic_Three .ThreeDiv.active .back {
            opacity: 1;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 3;
            background-color: rgba(40,82,155,0.8);
            transition: opacity 0.5s ease;
        }

        .Strategic_Three .ThreeDiv.active h4 {
            color: #FFA72A;
            font-size: 24px;
            top: 40px;
            transition: all 0.5s ease;
        }


.Strategic_Five {
    min-height: 450px;
    padding: 0px 60px 0;
    display: flex;
    margin-top: -50px;
}

    .Strategic_Five .FiveDiv {
        height: 430px;
        width: 20%;
        position: relative;
        margin: 0;
        margin-right: 10px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        transition: all 0.5s ease;
    }


        .Strategic_Five .FiveDiv.ONE {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GlobalFour1.png);
        }

        .Strategic_Five .FiveDiv.TWO {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GlobalFour2.png);
        }

        .Strategic_Five .FiveDiv.THREE {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GlobalFour3.png)
        }

        .Strategic_Five .FiveDiv.FOUR {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GlobalFour4.png);
        }

        .Strategic_Five .FiveDiv.FIVE {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GlobalFour5.png);
            margin-right: 0;
        }


        .Strategic_Five .FiveDiv h4 {
            font-size: 20px;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            top: calc(50% - 15px);
            position: absolute;
            text-align: center;
            right: 0;
            left: 0;
            transition: all 0.5s ease;
            line-height: 34px;
        }

        .Strategic_Five .FiveDiv .openBtn {
            opacity: 1;
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            height: 50px;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Strategicopen.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 2;
            cursor: pointer;
        }

        .Strategic_Five .FiveDiv .closeBtn {
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            height: 50px;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Strategicclose.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 3;
            cursor: pointer;
        }

        .Strategic_Five .FiveDiv .back {
            opacity: 0;
            position: relative;
            z-index: 1;
            transition: opacity 0.5s ease;
            display: none;
        }

    .Strategic_Five .con {
        position: absolute;
        top: 132px;
        left: 30px;
        right: 30px;
        bottom: 60px;
    }

    .Strategic_Five .circleDiv {
        padding: 16px 30px;
        border-radius: 40px;
        border: 1px solid rgba(255,255,255,0.5);
        text-align: center;
        font-size: 12px;
        color: #fff;
        margin-bottom: 20px;
    }

        .Strategic_Five .circleDiv img {
            height: 16px;
            width: 16px;
            margin-right: 5px;
            vertical-align: text-top
        }

    .Strategic_Five .FiveDiv.active {
        width: 50%;
        transition: width 0.5s ease;
    }

        .Strategic_Five .FiveDiv.active .openBtn {
            opacity: 0;
        }

        .Strategic_Five .FiveDiv.active .back {
            display: block;
            opacity: 1;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 3;
            background-color: rgba(40,82,155,0.8);
            transition: opacity 0.5s ease;
        }

        .Strategic_Five .FiveDiv.active h4 {
            color: #FFA72A;
            font-size: 24px;
            top: 40px;
            transition: all 0.5s ease;
        }


.MarkR {
    vertical-align: super;
    font-size: 14px;
    margin-right: 10px;
}

.SiteMap {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    z-index: 3;
    text-align: right;
    background: #5c91ed;
    padding-right: 60px;
}

    .SiteMap a {
        color: #bed4f4;
        margin-right: 10px;
        display: inline-block;
        height: 100%;
        line-height: 50px;
    }

        .SiteMap a:last-child {
            margin-right: 0px;
        }

        .SiteMap a.active {
            color: #fff;
        }

    .SiteMap span {
        color: #bed4f4;
        margin-right: 10px;
        display: inline-block;
        height: 100%;
        line-height: 50px;
    }

.GreenKVdiv {
    height: 350px;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GreenTopBG.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.GreenTopBtn {
    height: 100%;
    width: 25%;
    display: inline-block;
    color: #fff;
    float: left;
    text-align: center;
    padding: 130px 0px 0 0px;
    cursor: pointer;
    border-right: 1px solid rgba(255,255,255,0.3)
}

.GreenKVdiv .GreenTopBtn:last-child {
    border: 0;
}

.GreenTopBtn:hover {
    background-color: #224684;
}

.GreenTopBtn .Icon {
    height: 60px;
    width: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.GreenTopBtn .Icon1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/greenTop1.png);
}

.GreenTopBtn:hover .Icon1 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/greenTop1_2.png);
}

.GreenTopBtn .Icon2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/greenTop2.png);
}

.GreenTopBtn:hover .Icon2 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/greenTop2_2.png);
}

.GreenTopBtn .Icon3 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/greenTop3.png);
}

.GreenTopBtn:hover .Icon3 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/greenTop3_2.png);
}

.GreenTopBtn .Icon4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/greenTop4.png);
}

.GreenTopBtn:hover .Icon4 {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/greenTop4_2.png);
}

.GreenTopBtn span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
}

.GreenTopBtn.active {
    background-color: #224684;
}

    .GreenTopBtn.active span {
        color: #fff;
    }

.GreenTopBtn:hover span {
    color: #FFA72A;
}

.GreenDiv {
    padding-bottom: 0px;
}

    .GreenDiv .divTitle {
        text-align: center;
        border: 0;
        color: #000;
    }

        .GreenDiv .divTitle span.text {
            text-align: center;
            font-size: 12px;
            display: block;
            color: #666;
            font-weight: normal;
            line-height: 20px;
            margin: 10px auto 0;
        }

.GreenMileage {
    width: 100%;
    list-style: none;
    padding: 0 60px;
}

    .GreenMileage::after {
        content: "";
        clear: both;
        display: block;
    }

    .GreenMileage .Mileage {
        display: inline-block;
        width: 20%;
        float: left;
        padding-right: 20px;
        position: relative;
        height: 150px;
        margin-bottom: 20px;
    }

        .GreenMileage .Mileage:last-child {
            padding-right: 0;
        }



        .GreenMileage .Mileage h5 {
            width: 100%;
            display: block;
            margin: 0;
            /*padding: 20px;*/
            padding: 0 20px;
            text-align: center;
            color: #333;
            font-size: 12px;
            background-color: #f6f6f6;
            height: auto;
        }

        .GreenMileage .Mileage span {
            color: #fff;
            width: 70px;
            height: 30px;
            line-height: 30px;
            position: absolute;
            bottom: 0px;
            left: calc(50% - 35px);
            text-align: center;
            background: #285293;
            border-radius: 30px;
            font-size: 12px;
        }


        .GreenMileage .Mileage .line {
            display: block;
            position: absolute;
            height: 3px;
            line-height: 30px;
            position: absolute;
            bottom: 12px;
            left: 0;
            right: 0;
            border-top: 1px solid #e8e8e8;
        }

.GreenLiveTour {
    height: 500px;
    margin: 30px 60px;
    background: #E0E0E0;
}

.GreenLeft {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    min-height: 400px;
    padding: 60px;
    overflow: auto;
    z-index: 2;
    position: relative;
}

.GreenRight {
    width: 50%;
    display: inline-block;
    background-color: #F6F6F6;
    min-height: 400px;
    margin-left: -5px;
    margin-bottom: -5px;
    padding: 60px 30px;
}

.GreenDiv .GreenLeft .divTitle {
    text-align: left;
    border: 0;
    padding-left: 0;
    margin: 0;
    width: 100%;
    padding-top: 30px;
}

.GreenLeft .GreenChoiceUl li {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/CheckIcon.png);
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 0 5px 30px;
    color: #333;
}

.GreenLeft .img1 {
    width: 100%;
    margin: 30px 0 60px;
    max-width: 400px;
}

.GreenRight .divTitle {
    font-size: 20px;
    color: #285293;
    margin-top: 0px;
    margin-bottom: 30px;
    padding-top: 56px;
    padding-bottom: 0;
    font-weight: 400;
    text-align: left;
    margin-left: 10px;
    margin-right: 30px;
    width: 100%;
}

.GreenRight .IconUL {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .GreenRight .IconUL li {
        width: calc(24% - 20px);
        min-width: 80px;
        text-align: center;
        margin: 10px;
        display: inline-block;
        vertical-align: top
    }

        .GreenRight .IconUL li img {
            width: 60%;
            min-width: 60px;
        }

        .GreenRight .IconUL li h4 {
            color: #285293;
            font-size: 14px;
        }

        .GreenRight .IconUL li span {
            display: block;
            color: #333;
            font-size: 12px;
        }

.PracticeLeft {
    width: 213px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

    .PracticeLeft .divTitle {
        text-align: left;
        margin-top: 0;
        padding-top: 0;
        margin-right: 0;
        margin-left: 60px;
        width: calc(100% - 20px)
    }

.PracticeRight {
    width: calc(100% - 300px);
    display: inline-block;
    margin-left: 80px;
}

    .PracticeRight .PracticeUL {
        width: 100%;
    }

        .PracticeRight .PracticeUL li {
            width: calc(33% - 40px);
            display: inline-block;
            margin-left: 30px;
            background-color: #f6f6f6;
            padding: 20px;
            height: 200px;
            position: relative;
            margin-bottom: 30px;
            vertical-align: top;
        }



            .PracticeRight .PracticeUL li span.title {
                font-size: 16px;
                font-weight: normal;
                color: #666666;
                width: 100%;
                display: block;
                border-top: 1px solid #e8e8e8;
                padding-top: 20px;
            }



            .PracticeRight .PracticeUL li strong.num {
                color: #285293;
                font-size: 40px;
                font-family: Arial;
                position: absolute;
                bottom: 20px;
                left: 20px;
                font-weight: normal;
            }

            .PracticeRight .PracticeUL li span.unit {
                position: absolute;
                bottom: 20px;
                right: 20px;
                font-size: 14px;
                font-weight: bold;
                color: #111;
            }

.PracticeVideoCon {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 310px;
}

.PracticeVideo {
    margin-top: 60px;
    border-top: 1px solid #e8e8e8;
    position: relative;
    min-height: 500px;
}

    .PracticeVideo .divTitle {
        text-align: left;
        color: #285293;
        padding-top: 60px;
        padding-bottom: 20px;
    }

.PracticeVideo_left {
    bottom: 0;
    top: 60px;
    right: 109px;
    left: auto;
    border: 1px solid #285293;
    color: #285293;
}

.PracticeVideo_right {
    bottom: 0;
    top: 60px;
    right: 60px;
    left: auto;
    border: 1px solid #285293;
    color: #285293;
}

.PracticeVideoDiv {
    position: absolute;
    top: 0;
    left: 60px;
    right: 60px;
    width: 2600px;
    margin-bottom: 60px;
}

    .PracticeVideoDiv > div {
        float: left;
        height: 320px;
        width: 380px;
        display: inline-block;
        margin-right: 60px;
        position: relative;
        overflow: hidden;
    }

        .PracticeVideoDiv > div h3 {
            font-size: 14px;
            color: #111;
            text-align: left;
            margin-top: 10px;
        }

        .PracticeVideoDiv > div video {
            width: 100%;
            height: 280px;
        }



.PracticeProject {
    background-color: #f6f6f6;
    padding-bottom: 60px;
}

    .PracticeProject .divTitle {
        text-align: left;
        color: #285293;
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .PracticeProject .PracticeUL {
        width: calc(100% - 90px);
        margin: 0 50px;
    }

        .PracticeProject .PracticeUL li {
            display: inline-block;
            width: calc(25% - 4px);
            min-width: 200px;
            padding: 10px;
            height: 280px;
            margin-bottom: 20px;
        }

            .PracticeProject .PracticeUL li .img {
                width: 100%;
                height: 200px;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                padding-top: 220px;
            }

            .PracticeProject .PracticeUL li .img1 {
                background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GreenProject1.png);
            }

            .PracticeProject .PracticeUL li .img2 {
                background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GreenProject2.png);
            }

            .PracticeProject .PracticeUL li .img3 {
                background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GreenProject3.png);
            }

            .PracticeProject .PracticeUL li .img4 {
                background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GreenProject4.png);
            }

            .PracticeProject .PracticeUL li .img5 {
                background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GreenProject5.png);
            }

            .PracticeProject .PracticeUL li .img h5 {
                font-size: 14px;
                color: #111;
                margin-bottom: 0;
            }

            .PracticeProject .PracticeUL li .img span {
                font-size: 12px;
                color: #999999;
            }

.GreenDiv .FeatureUL {
    border-top: 1px solid #e8e8e8;
    width: calc(100% - 120px);
    margin-left: 60px;
}

    .GreenDiv .FeatureUL li {
        width: 130px;
        display: inline-block;
        margin: 20px 20px 0 0px;
        vertical-align: top;
    }

        .GreenDiv .FeatureUL li img {
            width: 16px;
            margin-right: 2px;
            vertical-align: middle;
        }

        .GreenDiv .FeatureUL li spans {
            color: #333;
            font-size: 12px;
        }

.GreenProduct {
    width: calc(100% - 120px);
    margin-left: 60px;
}

    .GreenProduct li {
        display: inline-block;
        width: calc(50% - 13px);
        margin-right: 10px;
        background-color: #f6f6f6;
        padding: 30px;
    }

        .GreenProduct li:last-child {
            margin-right: 0px;
            margin-left: 10px;
        }

        .GreenProduct li h5 {
            margin: 0;
            padding: 0;
            color: #285293;
            font-size: 20px;
            font-weight: bold;
        }

        .GreenProduct li span {
            display: block;
            padding-top: 10px;
            color: #333;
            font-size: 12px;
        }

        .GreenProduct li .divide {
            border-top: 1px solid #e8e8e8;
            height: 2px;
            width: 100%;
            margin: 30px 0;
        }

.Consult6 {
    width: calc(100% - 120px);
    margin-left: 60px;
}

    .Consult6 li {
        width: 19.5%;
        height: 200px;
        display: inline-block;
        text-align: center;
        background-size: initial;
        position: relative;
        vertical-align: top;
        margin-right: -3%;
    }

        .Consult6 li:first-child {
            width: 17.5%;
            display: inline-block;
        }

        .Consult6 li img.icon {
            position: absolute;
            left: calc(53% - 30px);
            top: 40px;
            width: 57px;
            z-index: 2;
        }

        .Consult6 li img.bg {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
        }

        .Consult6 li span {
            position: absolute;
            z-index: 2;
            top: 100px;
            left: 23%;
            right: 20%;
            text-align: center;
            color: #285293;
            font-weight: bold;
            font-size: 12px;
        }

.BuildingStructure {
    margin-top: 80px;
    background-color: #f6f6f6;
    padding: 60px;
}

.BuildingStructureDiv {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

    .BuildingStructureDiv > li {
        margin: 20px 2.5%;
        width: calc(30% - 23px);
        background: #fff;
        padding: 20px;
        display: inline-block;
        vertical-align: top;
        height: 270px;
    }

        .BuildingStructureDiv > li h5 {
            color: #285293;
            font-size: 16px;
            font-weight: bold;
            margin: 10px 20px 20px;
            text-align: center;
        }

    .BuildingStructureDiv .sub {
        list-style: disc;
    }

        .BuildingStructureDiv .sub li {
            width: 100%;
            margin-left: 20px;
            padding: 7px 0;
            vertical-align: top;
            font-size: 12px;
        }

            .BuildingStructureDiv .sub li::marker {
                color: #FFA72A;
            }

        .BuildingStructureDiv .sub.two li {
            width: calc(49% - 20px);
            float: left;
        }

.BuildingStructureLine {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuildingStructureTitle.png);
    background-size: 1000px;
    background-position: center;
    background-repeat: no-repeat;
    height: 80px;
    width: calc(100% - 120px);
    margin-left: 60px;
    margin-top: -21px;
}

.BuildingStructureTitle {
    text-align: center;
    width: calc(100% - 120px);
    margin-left: 60px;
    font-size: 20px;
    color: #285293;
    font-weight: bold;
}

.greenStandard1 {
    width: 80%;
    margin: 0 auto;
    display: block;
    max-width: 240px;
}

.GreenDiv .StandardLeft {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 60px;
}

.GreenDiv .StandardRight {
    margin-top: 60px;
    width: 49%;
    display: inline-block;
    border-left: 1px solid #e8e8e8;
}

.StandardLeft .divTitle, .StandardRight .divTitle {
    padding-top: 0;
}

.greenStandard2 {
    height: 80px;
    margin: 0 auto;
    display: block;
}

.greenStandard3 {
    width: 100%;
    max-width: 450px;
    text-align: center;
    background: #f6f6f6;
    padding: 20px;
    margin: 30px auto;
}

    .greenStandard3 img {
        width: 55%;
        margin: 0 auto;
    }

.LeedDiv {
    width: 100%;
    padding: 60px;
    background: #f6f6f6
}

    .LeedDiv .LeedIconUL {
        width: 100%;
        text-align: center;
    }

        .LeedDiv .LeedIconUL li {
            display: inline-block;
            width: 120px;
            background: #fff;
            margin: 10px 5px;
            padding: 10px;
            vertical-align: top;
            text-align: center;
            height: 140px;
        }

            .LeedDiv .LeedIconUL li img {
                width: 55%;
                max-width: 100px;
                margin-bottom: 20px;
                margin-top: 12px;
            }

            .LeedDiv .LeedIconUL li span {
                width: 100%;
                text-align: center;
                color: #666666;
                font-size: 11px;
                display: block;
            }

.greenStandard6 {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 0px auto;
}

.WellDiv {
    width: 100%;
    padding: 60px;
}

.greenStandard7 {
    width: 100%;
    max-width: 140px;
    display: block;
    margin: 0px auto 30px;
}

.WellDivUL {
    width: 100%;
    text-align: center;
}

.WellDiv .WellDivUL li {
    display: inline-block;
    width: 110px;
    margin: 10px 5px;
    vertical-align: top;
    text-align: center;
    height: 180px;
}

    .WellDiv .WellDivUL li img {
        width: 75%;
        max-width: 100px;
        margin-bottom: 20px;
    }

    .WellDiv .WellDivUL li h5 {
        width: 100%;
        text-align: center;
        color: #111;
        font-size: 14px;
        display: block;
        font-weight: bold;
    }

    .WellDiv .WellDivUL li span {
        width: 100%;
        text-align: center;
        color: #666666;
        font-size: 12px;
        display: block;
    }

.WellTable {
    width: 100%;
    max-width: 700px;
    margin: 20px auto;
}

    .WellTable thead td {
        background: #f6f6f6;
        color: #111;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
    }

    .WellTable tbody td {
        color: #666666;
        text-align: center;
        font-size: 12px;
    }

.GreenTechnology {
    width: 100%;
    padding: 60px;
    background: #f6f6f6
}

.GreenTechnologyDiv {
    width: 100%;
}

    .GreenTechnologyDiv > div {
        width: calc(25% - 26px );
        background-color: #fff;
        margin-right: 30px;
        padding: 20px 10px;
        position: relative;
        display: inline-block;
        height: 330px;
        vertical-align: top;
        margin-bottom: 20px;
    }

        .GreenTechnologyDiv > div:last-child {
            margin-right: 0px;
        }

        .GreenTechnologyDiv > div::after {
            content: "";
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/turnRightGrey.png);
            height: 20px;
            width: 20px;
            position: absolute;
            top: calc(50% - 20px);
            right: -30px;
            background-size: 15px;
            background-repeat: no-repeat;
        }

        .GreenTechnologyDiv > div:last-child::after {
            margin-right: 0px;
            content: "";
            background: none;
            width: 0;
            height: 0;
        }

    .GreenTechnologyDiv .width45 {
        width: calc(45% - 3px);
        display: inline-block;
        vertical-align: top;
    }

    .GreenTechnologyDiv .width55 {
        width: calc(55% - 3px);
        display: inline-block;
        vertical-align: top;
    }

    .GreenTechnologyDiv > div h5 {
        color: #285293;
        font-size: 16px;
        margin-top: 0px;
        font-weight: bold;
        text-align: center;
    }

        .GreenTechnologyDiv > div h5.bottom {
            color: #111;
            text-align: left;
            width: calc(100% - 20px);
            border-top: 1px solid #e8e8e8;
            padding-top: 20px;
            margin: 0 auto 10px;
        }

    .GreenTechnologyDiv > div ul.subDown li {
        display: block;
        padding-bottom: 14px;
        margin-bottom: 6px;
        color: #666;
        font-size: 12px;
        text-align: center;
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/turnDownGrey.png);
        background-repeat: no-repeat;
        background-position: bottom;
    }

        .GreenTechnologyDiv > div ul.subDown li:last-child {
            background: none;
        }

    .GreenTechnologyDiv > div ul.subLeft {
        list-style: disc;
        padding: 10px 0px 20px 20px;
        height: 110px;
    }

        .GreenTechnologyDiv > div ul.subLeft li {
            display: list-item;
            width: calc(50% - 3px);
            list-style: disc;
            color: #666;
            font-size: 12px;
            margin-bottom: 12px;
            line-height: 18px;
            float: left;
        }


            .GreenTechnologyDiv > div ul.subLeft li::marker {
                color: #FFA72A;
            }

.UsePhase {
    width: 100%;
    font-size: 12px;
    padding: 0 15px 20px 15px;
}

    .UsePhase span, .UsePhase strong {
        font-size: 12px;
        display: block;
        width: 100%;
    }

    .UsePhase span {
        color: #666;
        margin-bottom: 10px;
    }

    .UsePhase strong {
        color: #111;
    }

.greenStandard8 {
    width: 100%;
    max-width: 250px;
    margin: 0 auto 20px auto;
    display: block;
}

.GreenTechnology h4 {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #285293;
}

.greenStandard9 {
    display: block;
    width: 80%;
    margin: -20px auto 10px auto;
}

.FormKVdiv {
    overflow: hidden;
}

.FormKVdiv_text {
    position: absolute;
    top: 260px;
    left: 60px;
    right: 60px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 3px;
}

    .FormKVdiv_text h1 {
        letter-spacing: 3px;
        color: #fff;
    }

.BClogo {
    width: 120px;
    display: block;
    margin: 20px 0;
}

.ButlerClogo {
    width: 150px;
    display: block;
    margin: 10px 0;
}

.BCDiv_grey {
    background-color: #f6f6f6
}

.BCDiv {
    padding: 80px 60px;
}

    .BCDiv h4 {
        text-align: center;
        font-size: 36px;
        margin: 0;
        font-weight: bold;
    }

    .BCDiv span {
        display: block;
        margin: 20px auto 0px;
        width: 100%;
        max-width: 450px;
        text-align: center;
        line-height: 24px;
        font-size: 14px;
    }

        .BCDiv span strong {
            font-weight: normal;
            color: #285293;
        }

    .BCDiv a {
        display: block;
        padding: 8px 0px;
        margin: 20px auto;
        border: 1px solid #285293;
        border-radius: 20px;
        color: #285293;
        position: relative;
        max-width: 240px;
        width: 100%;
        text-align: center;
        min-width: 100px;
    }

        .BCDiv a img {
            height: 14px;
            width: 14px;
            position: absolute;
            right: 14px;
            top: 11px;
        }

        .BCDiv a:hover {
            border-color: #fba600;
            background-color: #fba600;
            transition: background 0.3s ease-in-out;
            color: #fff;
        }

.BCDiv_Global {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BlueScopeGlobalMap.jpg);
    background-color: #f6f6f6;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 600px;
}

    .BCDiv_Global h4 {
        max-width: 1200px;
        text-align: center;
        margin: 0 auto;
        line-height: 46px;
        font-weight: normal;
        color: #285293;
    }

        .BCDiv_Global h4 strong {
            font-weight: normal;
            color: #FFA72A;
        }

.GSdiv {
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/GlobalServiceMap.png);
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 600px;
}

    .GSdiv h4 {
        max-width: 730px;
        text-align: center;
        margin: 0 auto;
        line-height: 46px;
        font-weight: bold;
        color: #111;
    }

.FiveContinents1 {
    display: none;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/FiveContinents.png);
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 350px;
    margin-bottom: 80px;
    position: relative;
}

.FiveContinents2 {
    display: block;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/FiveContinents2.png);
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 600px;
    margin-bottom: 80px;
    position: relative;
}

    .FiveContinents2 .nation {
        position: absolute;
        min-width: 100px;
        /*min-height: 50px;*/
        border-left: 5px solid #285293;
        text-align: left;
        padding: 0 7px;
        max-width: 300px;
        height: 25px;
        background-color: rgba(255,255,255,0);
        transition: height 0.3s ease-in-out;
    }

        .FiveContinents2 .nation:hover {
            height: 50px;
            cursor: pointer;
            background-color: rgba(255,255,255,0.8);
        }

        .FiveContinents2 .nation h4 {
            font-size: 16px;
            height: 25px;
            font-weight: bold;
            color: #285293;
            text-align: left;
            width: 100%;
            line-height: 25px;
        }

        .FiveContinents2 .nation span {
            width: 100%;
            text-align: left;
            font-size: 14px;
            line-height: 20px;
            color: #666;
            margin: 0;
            opacity: 0;
            display: block;
            transition: opacity 0.5s ease-in-out
        }

        .FiveContinents2 .nation:hover span {
            opacity: 1;
        }

        .FiveContinents2 .nation strong {
            font-weight: bold;
            color: #666;
        }

        .FiveContinents2 .nation .Maptip {
            display: block;
            opacity: 1;
            position: absolute;
            top: -65px;
            left: 30px;
            font-size: 12px;
            color: #285293;
            font-weight: normal;
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/mapTipBG.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 174px;
            height: 60px;
            padding: 10px 0 0 20px;
            transition: opacity 0.5s ease-in-out
        }

.JoinUSDiv {
    padding: 80px 60px;
}

    .JoinUSDiv .width45 {
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }

    .JoinUSDiv .width55 {
        display: inline-block;
        width: 55%;
    }

    .JoinUSDiv .marginleft6px {
        margin-left: -6px;
    }

    .JoinUSDiv a {
        display: block;
        padding: 8px 0px;
        margin: 30px 0 0;
        border: 1px solid #285293;
        border-radius: 20px;
        color: #285293;
        position: relative;
        max-width: 240px;
        width: 100%;
        text-align: center;
        min-width: 100px;
    }

        .JoinUSDiv a img {
            height: 14px;
            width: 14px;
            position: absolute;
            right: 14px;
            top: 11px;
        }

.JoinUSDiv1 {
    text-align: left;
}

    .JoinUSDiv1 > div {
        display: inline-block;
        width: 122px;
        padding: 10px;
        vertical-align: top;
    }

        .JoinUSDiv1 > div img {
            display: block;
            margin: 0 auto 10px;
            width: 80px;
        }

        .JoinUSDiv1 > div span {
            display: block;
            font-size: 12px;
            color: #285293;
            line-height: 16px;
            margin-top: 10px;
            text-align: left;
        }

            .JoinUSDiv1 > div span strong {
                display: block;
                font-size: 14px;
                color: #285293;
                margin: 2px 0;
            }

.width55 .JoinUsPic1 {
    width: calc(50% - 13px);
    margin-right: 20px;
}

    .width55 .JoinUsPic1:last-child {
        margin-right: 0px;
    }

.JoinUsPic2 {
    height: 300px;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/JoinUsPic3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.JoinUsPic3 {
    height: 300px;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/JoinUsPic4.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
}

.JoinUSDiv .BGWhite {
    padding: 30px 30px 0;
    background: #fff;
}

.JoinUSDiv .BGBlue {
    padding: 30px 30px 0;
    background: #285293;
}

.JoinUSDiv .BGWhite h4 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #285293;
    line-height: 20px;
    margin-top: 0;
}

.JoinUSDiv .BGWhite span {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    margin-bottom: 30px;
}

.JoinUSDiv .BGBlue h4 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    margin-top: 0;
}

.JoinUSDiv .BGBlue span {
    display: block;
    width: 100%;
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    line-height: 20px;
    margin-bottom: 30px;
}

.DevelopCon {
    padding: 80px 60px 30px;
    width: 100%;
    position: relative;
}

    .DevelopCon .left {
        display: inline-block;
        vertical-align: top;
    }

    .DevelopCon .right {
        display: inline-block;
        margin-left: -3%;
    }

    .DevelopCon .blue {
        width: 33%;
        margin-top: 45px;
        margin-bottom: 45px;
        padding: 30px;
        background: #285293;
        height: 360px;
        position: relative;
        z-index: 2;
    }

    .DevelopCon .Pic {
        width: calc(70% - 6px);
        height: 450px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .DevelopCon .Pic1 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/DevelopPic1.jpg)
    }

    .DevelopCon .Pic2 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/DevelopPic2.jpg)
    }

    .DevelopCon .Pic3 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/DevelopPic3.jpg)
    }

    .DevelopCon .Pic4 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/DevelopPic4.jpg)
    }

    .DevelopCon .Pic5 {
        background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/DevelopPic5.jpg)
    }

    .DevelopCon .blue img {
        width: 50px;
        height: 50px;
    }

    .DevelopCon .blue h5 {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        font-size: 26px;
        font-weight: bold;
        color: #fff;
    }

        .DevelopCon .blue h5 span {
            display: block;
            margin-top: 20px;
            font-size: 14px;
            border-top: 1px solid #6491c7;
            color: rgba(255,255,255,0.7);
            padding: 20px 0 0 0;
            line-height: 20px;
            font-weight: normal;
        }

.IndustrySolutions_UL {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 80px;
    left: 0px;
    bottom: 80px;
}

    .IndustrySolutions_UL > li {
        display: inline-block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0 60px;
        position: relative;
        vertical-align: top;
        position: absolute;
        top: 0;
        left: 0;
    }

        .IndustrySolutions_UL > li > .img {
            position: absolute;
            top: 0px;
            right: 60px;
            left: 50%;
            bottom: 0px;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

.Industry_switch {
    position: absolute;
    top: 0px;
    right: 60px;
    left: 50%;
    bottom: 0px;
}

    .Industry_switch .carousel-indicators {
        bottom: 12px;
        height: 3px;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .Industry_switch .carousel-indicators li {
            width: 32%;
            height: 2px;
            border: 0;
            border-radius: 0;
            margin: 0;
            background-color: rgba(0,0,0,0)
        }

        .Industry_switch .carousel-indicators .active {
            width: 32%;
            background-color: #FFA72A;
        }

    .Industry_switch .carousel-control span {
        font-size: 14px;
        margin-top: -3px;
    }

    .Industry_switch .carousel-control {
        width: 8%;
    }

        .Industry_switch .carousel-control.left {
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
            background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        }

        .Industry_switch .carousel-control.right {
            left: auto;
            right: 0;
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
            background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        }

    .Industry_switch .item .img {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }

.searchOut {
    width: 100%;
    padding: 60px 60px;
    background-color: #f6f6f6;
    position: relative;
}

.searchCon {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

    .searchCon > div.searchForm {
        display: block !important;
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        background: #fff;
        padding: 0px;
        height: 50px;
    }

        .searchCon > div.searchForm .InputStyle {
            width: calc(100% - 55px);
            height: 50px;
            line-height: 30px;
            display: inline-block;
            margin: 0;
            border: 0 !important;
            padding: 10px 30px;
        }

    .searchCon .selectStyle {
        position: absolute;
        right: 0;
        top: 70px;
        width: 110px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        margin: 0;
        border: 0 !important;
        padding: 0px 10px;
        color: #666;
        font-size: 12px;
    }

    .searchCon > div.searchForm a {
        display: inline-block;
        width: 50px;
        line-height: 50px;
        text-align: center;
        height: 50px;
        margin: 0;
        background-color: #FFA72A;
        color: #fff;
        vertical-align: top;
    }

        .searchCon > div.searchForm a:hover {
            background-color: #285293;
            color: #fff;
        }


.SearchNum {
    font-size: 12px;
    color: #666;
    display: block !important;
    width: 100%;
    max-width: 1280px;
    margin: 30px auto 10px;
}

    .SearchNum strong {
        color: #FFA72A;
    }

.SearchList {
    display: block !important;
    width: 100%;
    max-width: 1280px;
    margin: 10px auto 60px;
    background: #fff;
    padding: 30px;
    padding-left: 50px;
}

    .SearchList li::marker {
        color: #FFA72A;
    }

    .SearchList li {
        list-style: circle;
    }

    .SearchList a {
        display: block;
        width: 100%;
        min-height: 40px;
        line-height: 20px;
        padding: 10px 0;
        color: #111;
        font-size: 18px;
        font-weight: bold;
        position: relative;
    }

        .SearchList a span {
            display: block;
            width: 100%;
            height: 58px;
            line-height: 19px;
            margin-top: 10px;
            color: #666;
            font-size: 14px;
            font-weight: normal;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .SearchList a:hover {
            color: #285293;
            text-decoration: underline;
        }

    .SearchList .SearchPicDiv {
        width: 200px;
        height: 100px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        text-align: center;
    }

        .SearchList .SearchPicDiv img {
            max-width: 200px;
            max-height: 100px;
            margin: auto auto;
            vertical-align: middle;
        }

.BulterCDiv {
    padding: 80px 60px;
}

    .BulterCDiv h4 {
        width: 40%;
        display: inline-block;
        text-align: left;
        font-size: 36px;
        margin: 0;
        font-weight: bold;
        vertical-align: top;
    }

    .BulterCDiv > div {
        width: 55%;
        display: inline-block;
        text-align: left;
        font-size: 36px;
        margin: 0 0 0 2%;
        font-weight: bold;
    }

    .BulterCDiv h5 {
        display: block;
        width: 80%;
        font-size: 20px;
        color: #285293;
        margin-bottom: 20px;
        font-weight: bold;
        line-height: 30px;
    }

    .BulterCDiv ul {
        padding: 20px 0 0 0;
        border-top: 1px solid #e8e8e8;
    }

        .BulterCDiv ul li {
            display: inline-block;
            margin: 0px;
            width: calc(50% - 15px);
            text-align: left;
            line-height: 20px;
            font-size: 12px;
            font-weight: normal;
            color: #666;
            vertical-align: top;
        }

            .BulterCDiv ul li:first-child {
                margin-right: 18px;
            }

.BulterCGrade {
    margin: 0px 60px;
    background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/ButlerCenterBG.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .BulterCGrade > div {
        width: calc(25% - 4px);
        display: inline-block;
        padding: 100px 20px;
        text-align: center;
        vertical-align: top;
    }

        .BulterCGrade > div h5 {
            color: #fff;
            font-size: 42px;
            margin-bottom: 60px;
            font-weight: normal;
            height: 46px;
        }

            .BulterCGrade > div h5 small {
                color: #fff;
                font-size: 12px;
                vertical-align: top;
                margin-left: 3px;
            }

        .BulterCGrade > div span {
            color: rgba(255, 255, 255, 0.7);
            font-size: 14px;
            font-weight: normal;
            margin: 0 auto;
            width: 83%;
            display: block;
            line-height: 22px;
        }

.BulterCHistory {
    padding: 20px 0 60px 0;
    position: relative;
}



.BulterCHistoryCon {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 320px;
}


.BulterCHistory .divTitle {
    text-align: left;
    color: #111;
    padding-top: 60px;
    padding-bottom: 20px;
    border: 0;
}

.BulterCHistory_left {
    bottom: 0;
    top: 80px;
    right: 109px;
    left: auto;
    border: 1px solid #285293;
    color: #285293;
}

.BulterCHistory_right {
    bottom: 0;
    top: 80px;
    right: 60px;
    left: auto;
    border: 1px solid #285293;
    color: #285293;
}

.BulterCHistoryDiv {
    position: absolute;
    top: 0;
    left: 60px;
    right: 60px;
    width: 2600px;
    margin-bottom: 60px;
}

    .BulterCHistoryDiv > div {
        float: left;
        height: 320px;
        width: 260px;
        display: inline-block;
        margin-right: 60px;
        position: relative;
        overflow: hidden;
    }

        .BulterCHistoryDiv > div h3 {
            font-size: 30px;
            color: #285293;
            text-align: left;
            margin-top: 10px;
        }

        .BulterCHistoryDiv > div span {
            font-size: 12px;
            color: #111;
            text-align: left;
            margin-top: 10px;
            height: 85px;
            display: block
        }

        .BulterCHistoryDiv > div .img {
            height: 160px;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

        .BulterCHistoryDiv > div .img1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH1.jpg);
        }

        .BulterCHistoryDiv > div .img2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH2.jpg);
        }

        .BulterCHistoryDiv > div .img3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH3.jpg);
        }

        .BulterCHistoryDiv > div .img4 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH4.jpg);
        }

        .BulterCHistoryDiv > div .img5 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH5.jpg);
        }

        .BulterCHistoryDiv > div .img6 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH6.jpg);
        }

        .BulterCHistoryDiv > div .img7 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH7.jpg);
        }

        .BulterCHistoryDiv > div .img8 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH8.jpg);
        }

        .BulterCHistoryDiv > div .img9 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH9.jpg);
        }

        .BulterCHistoryDiv > div .img10 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH10.jpg);
        }
        
        .BulterCHistoryDiv>div .img11 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/BuCH11.jpg);
        }

.PolicyDivGreat {
    padding-bottom: 0px;
}

    .PolicyDivGreat .divTitle {
        text-align: center;
        border: 0;
        color: #000;
    }

        .PolicyDivGreat .divTitle span.text {
            width: 100%;
            max-width: 600px;
            text-align: center;
            font-size: 12px;
            display: block;
            color: #666;
            font-weight: normal;
            line-height: 20px;
            margin: 10px auto 0;
        }

    .PolicyDivGreat .img {
        /*height: 500px;*/
        width: 100%;
        max-width: 900px;
        display: block;
        margin: 0 auto 60px;
    }


.PolicyLRDiv {
    margin: 0px auto;
    width: 100%;
    text-align: center;
    padding: 80px 60px;
}

    .PolicyLRDiv .title {
        color: #00508F;
        font-weight: normal;
        margin-bottom: 10px;
        font-size: 30px;
        border-bottom: 1px solid #E7E5E2;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .PolicyLRDiv span {
        width: 100%;
        max-width: 800px;
        display: inline-block;
        color: #6C6A65;
        display: block;
        margin: 0 0 20px;
    }

    .PolicyLRDiv .left {
        width: calc(65% - 60px);
        display: inline-block;
        padding-right: 60px;
        text-align: left;
        vertical-align: top;
    }

    .PolicyLRDiv .right {
        text-align: left;
        width: 34%;
        display: inline-block;
    }

    .PolicyLRDiv .right1 {
        background-color: #fff;
    }

    .PolicyLRDiv .left2 {
        width: 35%;
        padding-right: 0;
        background-color: #F6F6F5;
    }

    .PolicyLRDiv .right2 {
        width: calc(65% - 60px);
        padding-left: 60px;
    }

    .PolicyLRDiv img {
        width: 100%;
    }

    .PolicyLRDiv a.btn {
        display: block;
        /*        color: #fff;*/
        font-size: 12px;
        position: relative;
        /* padding: 8px 0px; */
        border-radius: 50px;
        max-width: 200px;
        width: 100%;
        text-align: center;
        min-width: 100px;
        /*   background-color: #fba600;*/
        margin-top: 30px;
        height: 40px;
        line-height: 26px;
        margin-bottom: 20px;
        border: 1px solid #285293;
        border-radius: 20px;
        color: #285293;
    }

        .PolicyLRDiv a.btn img {
            height: 14px;
            width: 14px;
            position: absolute;
            right: 14px;
            top: 12px;
        }

        .PolicyLRDiv a.btn:hover {
            border-color: #fba600;
            background-color: #fba600;
            transition: background 0.3s ease-in-out;
            color: #fff;
        }

.ContactTop {
    position: absolute;
    top: 250px;
    left: 60px;
    right: 60px;
    z-index: 3;
}

    .ContactTop li {
        width: calc(25% - 27px);
        margin-right: 30px;
        display: inline-block;
        vertical-align: top;
    }

        .ContactTop li:last-child {
            margin-right: 0px;
        }

        .ContactTop li h4 {
            display: block;
            color: #BCD5F4;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 20px;
        }

            .ContactTop li h4 img {
                display: inline-block;
                width: 20px;
                margin-right: 10px;
            }

            .ContactTop li h4 a {
                display: inline-block;
                float: right;
                padding: 0 12px;
                border-radius: 20px;
                height: 22px;
                color: #fff;
                line-height: 20px;
                background-color: #FFA72A;
                border: 1px solid #FFA72A;
                font-size: 12px;
                font-weight: normal;
            }

                .ContactTop li h4 a:hover {
                    border-color: #FFA72A;
                    background-color: rgb(255, 168, 0, 0.1);
                    transition: background 0.3s ease-in-out;
                    color: #FFA72A;
                }

        .ContactTop li span {
            display: block;
            color: #fff;
            font-size: 12px;
            line-height: 20px;
        }

        .ContactTop li .ContactMap {
            height: 150px;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            margin-top: 20px;
        }

        .ContactTop li .ContactMap1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/contactMap1.png)
        }

        .ContactTop li .ContactMap2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/contactMap2.png)
        }

        .ContactTop li .ContactMap3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/contactMap3.png)
        }

        .ContactTop li .ContactMap4 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/contactMap4.png)
        }

.contactLeft {
    width: 25%;
    padding-left: 60px;
    background: #f6f6f6;
    display: inline-block;
    vertical-align: top;
}

    .contactLeft span {
        font-size: 14px;
        line-height: 24px;
    }

    .contactLeft .divTitle {
        border: 0px;
        margin-left: 0;
        padding-bottom: 20px;
    }

.contactRight {
    width: 75%;
    padding-left: 100px;
    background: #f6f6f6;
    display: inline-block;
    margin-left: -5px;
}

.VideoMain {
    margin-top: 60px;
}

.VideoHighCon {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 460px;
}

.VideoHigh {
    position: relative;
    height: 460px;
}

    .VideoHigh:nth-child(2n) {
        background-color: #f6f6f6
    }

    .VideoHigh .divTitle {
        text-align: left;
        color: #285293;
        padding-top: 60px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

.VideoHigh_left {
    bottom: 0;
    top: 60px;
    right: 109px;
    left: auto;
    border: 1px solid #285293;
    color: #285293;
}

.VideoHigh_right {
    bottom: 0;
    top: 60px;
    right: 60px;
    left: auto;
    border: 1px solid #285293;
    color: #285293;
}

.VideoHighDiv {
    position: absolute;
    top: 0;
    left: 60px;
    right: 60px;
    width: 2600px;
    margin-bottom: 60px;
}

    .VideoHighDiv > div {
        float: left;
        height: 320px;
        width: 380px;
        display: inline-block;
        margin-right: 60px;
        position: relative;
        overflow: hidden;
    }

        .VideoHighDiv > div h3 {
            font-size: 14px;
            color: #111;
            text-align: left;
            margin-top: 10px;
        }


        .VideoHighDiv > div .Videoimg {
            width: 100%;
            height: 200px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

            .VideoHighDiv > div .Videoimg:hover {
                cursor: pointer;
            }

        .VideoHighDiv > div .Videoimg1_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg1_1.jpg);
        }

        .VideoHighDiv > div .Videoimg1_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg1_2.jpg);
        }

        .VideoHighDiv > div .Videoimg1_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg1_3.jpg);
        }

        .VideoHighDiv > div .Videoimg2_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg2_1.jpg);
        }

        .VideoHighDiv > div .Videoimg2_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg2_2.jpg);
        }

        .VideoHighDiv > div .Videoimg2_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg2_3.jpg);
        }

        .VideoHighDiv > div .Videoimg2_4 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg2_4.jpg);
        }

        .VideoHighDiv > div .Videoimg2_5 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg2_5.jpg);
        }

        .VideoHighDiv > div .Videoimg2_6 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg2_6.jpg);
        }

        .VideoHighDiv > div .Videoimg2_7 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg2_7.jpg);
        }

        .VideoHighDiv > div .Videoimg2_8 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg2_8.jpg);
        }

        .VideoHighDiv > div .Videoimg3_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg3_1.jpg);
        }

        .VideoHighDiv > div .Videoimg3_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg3_2.jpg);
        }

        .VideoHighDiv > div .Videoimg3_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg3_3.jpg);
        }

        .VideoHighDiv > div .Videoimg3_4 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg3_4.jpg);
        }

        .VideoHighDiv > div .Videoimg3_5 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg3_5.jpg);
        }

        .VideoHighDiv > div .Videoimg4_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg4_1.jpg);
        }

        .VideoHighDiv > div .Videoimg4_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg4_2.jpg);
        }

        .VideoHighDiv > div .Videoimg4_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg4_3.jpg);
        }

        .VideoHighDiv > div .Videoimg4_4 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg4_4.jpg);
        }

        .VideoHighDiv > div .Videoimg4_5 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg4_5.jpg);
        }

        .VideoHighDiv > div .Videoimg4_6 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg4_6.jpg);
        }

        .VideoHighDiv > div .Videoimg5_1 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg5_1.jpg);
        }

        .VideoHighDiv > div .Videoimg5_2 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg5_2.jpg);
        }

        .VideoHighDiv > div .Videoimg5_3 {
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/Videoimg5_3.jpg);
        }

.VedioOpenDiv {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.9);
    z-index: 9999;
}

    .VedioOpenDiv video {
        margin: 60px auto;
        width: calc(100% - 200px);
        display: block;
        height: calc(100% - 120px);
        background: #000;
    }

    .VedioOpenDiv .carousel-control {
        /*
        top: 30%;
        bottom: 30%;*/
        width: 100px;
        cursor: pointer;
    }


    .VedioOpenDiv .closeBtn {
        position: absolute;
        top: 40px;
        right: 80px;
        height: 40px;
        width: 40px;
        background: rgba(255,255,255,0.2);
        color: #fff;
        border-radius: 50px;
        text-align: center;
        line-height: 40px;
        font-size: 20px;
        font-weight: bold;
        z-index: 999;
    }

        .VedioOpenDiv .closeBtn:hover {
            background: rgba(255,255,255,0.2);
            color: #FFA72A;
            cursor: pointer;
        }


.GlobalServiceSpan {
    max-width: 100% !important;
    color: #666 !important;
    font-size: 12px !important;
}

    .GlobalServiceSpan strong {
        color: #FFA72A !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }

.readmoreBtn {
    margin-top: 10px !important;
    display: block !important;
    width: 120px !important;
    padding: 0px 12px !important;
    border-radius: 30px;
    font-size: 14px !important;
    color: #285293 !important;
    border: 1px solid #285293;
    text-align: center;
    line-height: 27px !important;
}

    .readmoreBtn:hover {
        border-color: #fba600;
        background-color: #fba600;
        transition: background 0.3s ease-in-out;
        color: #fff !important;
    }

.homeLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 60px;
    cursor: pointer;
    z-index: 2;
}
/*手机端样式*/
@media screen and (max-width: 1000px) {
    .B_header {
        padding: 0 30px;
        background-position: left 30px center;
    }

    .menu_list {
        display: none;
    }

    .menu_list_phone {
        display: block
    }

        .menu_list_phone .subMenu {
            display: none;
            background-color: rgba(92, 145, 237,0.85);
            margin: 0;
            padding: 0;
            border-radius: 0 0 5px 5px
        }

        .menu_list_phone .firstTitle.active {
            background-color: rgba(92, 145, 237,0.7);
        }

    .screen2_text {
        left: 30px;
        top: 20px;
        width: calc(100% - 60px);
    }

    .screen2_switch {
        position: absolute;
        top: 80px;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 85%;
        overflow: hidden;
    }

    .screen2_pic {
        width: 40%;
        /*top: 72%;*/
        top: auto;
        bottom: 0;
        left: 30%;
        right: 30%;
        background-position: top center;
        max-width: 300px;
        height: 300px;
    }

    .hexshadow {
        width: 40%;
        /*top: 72%;*/
        top: auto;
        bottom: 0;
        left: 30%;
        right: 30%;
        background-position: top center;
        max-width: 300px;
        height: 300px;
    }

    .screen2_switchgroup {
        bottom: 30px;
        left: 10px;
        height: auto;
        top: auto;
        right: auto;
    }

    .screen2_number {
        margin-right: 20px;
        width: calc(49% - 20px);
    }

        .screen2_number h1 {
            font-size: 30px;
        }

    .screen2_switchgroup a {
        height: 20px;
        border-radius: 30px;
        width: 90%;
    }

        .screen2_switchgroup a.active {
            width: 120%;
        }

    .screen2_switch .screen2_solution {
        left: 0px;
        right: 30px;
        width: auto;
        text-align: right;
        bottom: 0;
    }

    .screen2_switch .screen2_tip {
        bottom: 0;
        left: 30px;
        right: auto;
    }

    .screen2_IconDiv {
        width: calc(100% + 30px);
        margin-left: -30px;
        text-align: center;
        max-width: calc(100% + 30px);
        margin: 0 -15px;
    }


    .screen3_title {
        top: 80px;
    }

    .screen3_switch {
        top: 160px;
        width: 100%;
        left: 0;
    }

        .screen3_switch .carousel-indicators {
            left: 40%;
            top: 0;
            bottom: auto;
            padding: 0 30px 30px;
            background: rgba(255, 255, 255, 0.8);
        }

            .screen3_switch .carousel-indicators li {
                width: 100%;
            }

    .screen3_more {
        left: 30%;
        display: block !important;
    }

    .screen4_title {
        top: 80px;
    }

    .screen4_switch {
        height: calc(70% - 50px);
        top: 160px;
        left: 7%;
        width: 86%;
    }

    .screen4_div .text {
        width: 100%;
        height: 50%;
    }

    .vedio_div {
        width: 100%;
        height: 50%;
    }

    .screen4_switch .carousel-indicators li {
        width: 30px;
        height: 7px;
        border-radius: 10px;
    }

    .screen4_switch .carousel-indicators .active {
        width: 40px;
        height: 10px;
    }

    .screen4_div .text .person {
        bottom: 0
    }

    .screen4_div .text {
        padding: 25px 20px 0 27px;
        background-position: 10px 7px;
    }

        .screen4_div .text p {
            background-position: right bottom 10px;
        }

    .screen4_switch .carousel-indicators {
        width: 100%;
        left: 0;
        right: 0;
        margin-left: 0;
    }

    .screen5 > ul li span, .screen5 > ul li p {
        width: 100%;
        padding: 5px 0;
    }

    .screen5 > ul li img {
        margin: 0 auto;
        height: auto;
        max-height: 120px;
        max-width: 100%;
    }

    .screen5 > ul li {
        padding: 10px 0;
        width: 100%;
    }

        .screen5 > ul li p {
            margin: 0;
            width: auto;
            left: 0;
            right: 0;
            bottom: 0;
            max-height: 180px;
            overflow: hidden;
        }

    .screen1_text h1, .screen2_text h1, .screen3_title, .screen3_title, .screen5_title {
        font-size: 30px;
    }

    .screen5_title {
        margin-top: 110px;
        margin-left: 40px;
        width: calc(100% - 30px);
    }

    .screen5_more {
        padding: 8px 40px;
        right: 30px;
    }

    .screen5 > ul {
        padding: 0 30px;
    }

        .screen5 > ul li p > span {
            padding-top: 0;
            max-height: 92px;
        }

    .screen6 {
        padding: 80px 30px 0px 40px;
    }

    .screen6_div.left h1, .bottomDiv_div .left h1 {
        background-size: 75%;
        background-position: left top;
        height: 150px;
    }

        .screen6_div.left h1 a.screen6_more, .bottomDiv_div.left h1 a.screen6_more {
            right: 30%;
            bottom: 30px;
        }

    .screen6_div .logo {
        display: none;
    }


    .bottomDiv_div .logo {
        float: left;
        margin-right: 30px;
    }

    .screen6_div ul {
        top: 0px;
        right: -10px;
    }



    .screen6_div.right h1, .bottomDiv_div.right h1 {
        background-size: 100%;
        background-position: left top;
        height: 150px;
    }

        .screen6_div.right h1 a.screen6_more, .bottomDiv_div.right h1 a.screen6_more {
            right: 30px;
            bottom: 30px;
        }

    .screen6_div .core, .bottomDiv_div .core {
        margin-top: 10px;
        margin-left: 10px !important;
    }

    .screen6_div .aboutus {
        left: 20px;
        top: 290px;
    }

    .screen6_consult {
        /*bottom: 30px;*/
        right: 0;
        left: auto;
    }



    .bottomDiv_div {
        text-align: center;
        position: relative
    }

        .bottomDiv_div ul {
            top: 10px;
            right: 0;
            height: 60px;
            left: 0;
            text-align: center;
            width: 100%;
        }

            .screen6_div ul li, .bottomDiv_div ul li {
                padding: 3px 10px;
                display: inline-block;
            }


    .containerCon {
        padding: 30px;
    }

        .containerCon > div.contactForm_half {
            width: 100%;
            width: 100%;
            padding-right: 0;
            height: auto;
        }



    .screen1_assistline_bg, .screen1_assistline_1, .screen1_assistline_2, .screen1_assistline_3, .screen1_assistline_4, .screen1_assistline_5, .screen1_assistline_6 {
        background-size: cover
    }

    .KVdiv .screen1_text {
        left: 30px;
        width: calc(100% - 60px);
    }

    .KVbottom_Tab {
        padding: 0 30px;
    }

    .IndustrySolutions_picDiv {
        padding: 60px 30px;
    }

    .IndustrySolution_logoDiv {
        padding: 40px 30px;
    }

    .bottomDiv {
        padding: 30px 30px 60px 30px;
    }

    .Top10_left, .Top9_left {
        right: 79px;
    }

    .Top10_right, .Top9_right {
        right: 30px
    }

    .StructuralKVdiv_text {
        width: 100%;
        bottom: auto;
        height: 300px;
    }

        .StructuralKVdiv_text h1 {
            top: 70px;
            left: 30px;
            right: 30px;
        }

        .StructuralKVdiv_text h5 {
            top: 140px;
            left: 30px;
            right: 30px;
        }

    .Structural_left {
        top: 220px;
        left: 30px;
    }

    .Structural_right {
        top: 220px;
        left: 79px;
    }

    .Structural_Con {
        width: calc(100% - 30px);
        top: 300px;
        left: 0;
    }

    .StructuralDiv {
        left: 30px;
    }

    .StructuralKVdiv {
        height: 800px;
    }


    .KVbottom_Tab {
        overflow: hidden;
    }

        /*    .KVbottom_Tab_btn {
        display: block;
    }*/


        .KVbottom_Tab .tab_btn {
            margin-left: 40px;
        }

    .MR24Div .left {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .MR24Div .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .MR24Div .right1 {
        height: 200px !important;
        margin-top: 0 !important;
    }

    .MR24Div .left2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        height: 200px !important;
        margin-top: 0 !important;
    }

    .MR24Div .right2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .Structural_Detail {
        padding: 60px 30px;
    }

        .Structural_Detail .div {
            width: 100%;
            margin-bottom: 30px;
        }


        .Structural_Detail h4 a {
            padding: 10px 40px;
        }

    .KVdiv .free_text {
        max-width: 100%;
        top: 60px;
    }

    .KVdiv .Strategic_text {
        max-width: 100%;
        top: 180px;
    }

    .FreeCon {
        top: 400px;
        left: 15px;
        right: 20px;
        width: calc(100% - 35px);
        height: 485px;
        overflow: auto;
    }

        .FreeCon > div {
            width: 95px;
            height: 120px;
            margin-left: 15px;
        }

            .FreeCon > div span {
                margin-top: 10px;
            }

    .RenovateCon {
        top: 245px;
        left: 15px;
        right: 20px;
        width: calc(100% - 35px);
        text-align: center;
    }

        .RenovateCon > div {
            width: 95px;
            height: 160px;
            margin-left: 15px;
        }

            .RenovateCon > div span {
                margin-top: 10px;
            }

    .StrategicCon {
        top: 350px;
        left: 15px;
        right: 20px;
        width: calc(100% - 35px)
    }

        .StrategicCon > div {
            width: 95px;
            height: 120px;
            margin-left: 15px;
        }

            .StrategicCon > div span {
                margin-top: 10px;
            }

    .KVdiv {
        height: 600px;
    }

    .free_bigPic {
        height: 300px;
        background-size: auto 70%;
    }

    .divTitle {
        width: calc(100% - 60px);
    }

    .FreeLead {
        width: calc(100% - 140px);
        margin-left: 140px;
        height: 750px;
    }

        .FreeLead .carousel-indicators {
            left: -110px;
            width: 110px;
        }

        .FreeLead h4 {
            width: 100%;
            padding: 30px 10px 10px;
        }

        .FreeLead ul {
            width: 100%;
            padding: 0px 10px;
        }

    .FreeLead_pic {
        margin-top: 0;
    }

    .Strategic_Three .con {
        left: 30px;
        right: 30px;
    }

    .Strategic_Three .ThreeDiv h4 {
        top: calc(50% - 36px);
    }

    .Strategic_Three .ThreeDiv {
        width: 100%;
        height: 120px;
    }

    .Strategic_Three {
        flex-wrap: wrap;
    }

        .Strategic_Three .ThreeDiv.TWO {
            width: 100%;
        }

        .Strategic_Three .ThreeDiv.active {
            width: 100%;
            height: 500px;
        }

    .SiteMap {
        display: none;
    }

    .GreenKVdiv {
        height: 260px;
    }

    .GreenTopBtn {
        padding: 100px 10px 0 10px;
    }

    .GreenLeft, .GreenRight {
        width: 100%;
    }

    .GreenTopBtn .Icon {
        width: 40px;
    }

    .PracticeLeft {
        width: 100%;
    }

        .PracticeLeft .divTitle {
            text-align: center;
            margin-left: 0px;
            width: 100%;
        }

    .PracticeRight {
        width: auto;
        margin: 0 30px;
    }

        .PracticeRight .PracticeUL {
            width: 100%;
        }

            .PracticeRight .PracticeUL li {
                width: 100%;
                margin-left: 0px;
            }

    .PracticeVideoDiv {
        left: 30px;
        right: 30px;
    }

    .PracticeVideo_left {
        right: 79px;
    }

    .PracticeVideo_right {
        right: 30px;
    }

    .PracticeVideoDiv > div {
        margin-right: 30px;
    }

    .PracticeProject .PracticeUL {
        width: calc(100% - 60px);
        margin: 0 30px;
    }

        .PracticeProject .PracticeUL li {
            width: 100%;
            padding: 0px;
        }

    .GreenProduct li {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
    }

        .GreenProduct li:last-child {
            margin-right: 0px;
            margin-left: 0px;
            border-top: 1px solid #e8e8e8;
        }

    .BuildingStructureLine {
        display: none;
    }

    .Consult6 {
        width: calc(100% - 60px);
        margin-left: 30px;
    }

        .Consult6 li {
            width: 50%;
            margin-right: 0;
        }

            .Consult6 li:nth-child(2n-1) {
                margin-right: -3%;
            }

            .Consult6 li:first-child {
                width: 50%;
            }

            .Consult6 li:last-child {
                width: 48%;
            }

            .Consult6 li img.icon {
                left: calc(53% - 35px);
            }

            .Consult6 li span {
                left: 20%;
            }

    .GreenDiv .FeatureUL {
        width: calc(100% - 60px);
        margin-left: 30px;
    }

        .GreenDiv .FeatureUL li {
            width: 130px;
        }

    .GreenProduct {
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .BuildingStructure {
        margin-top: 80px;
        background-color: #f6f6f6;
        padding: 30px;
    }

    .BuildingStructureDiv > li {
        width: 100%;
        margin: 20px 0
    }

    .GreenDiv .StandardLeft {
        width: 100%;
        margin-top: 60px;
    }

    .GreenDiv .StandardRight {
        margin-top: 60px;
        width: 100%;
        border-left: 0;
    }

    .LeedDiv {
        padding: 30px;
    }

    .WellDiv {
        padding: 30px;
    }

    .GreenTechnology {
        padding: 30px;
    }

    .GreenTechnologyDiv > div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }

        .GreenTechnologyDiv > div::after {
            content: "";
            background-image: url(https://butlerstg01.blob.core.chinacloudapi.cn/butlerwebsite/turnRightGrey2.png);
            height: 20px;
            width: 20px;
            position: absolute;
            top: auto;
            bottom: -30px;
            right: calc(50% - 20px);
            background-size: 15px;
            background-repeat: no-repeat;
        }

    .GreenMileage .Mileage {
        width: 100%;
        height: 135px;
        margin-bottom: 5px;
    }

        .GreenMileage .Mileage h5 {
            width: calc(100% - 100px);
            margin-left: 100px;
        }

        .GreenMileage .Mileage span {
            bottom: auto;
            top: 30px;
            left: 10px;
        }

    .FormInput {
        width: 100%;
    }

    .BCDiv {
        padding: 60px 30px;
    }

    .BCDiv_Global {
        height: 500px;
    }

    .JoinUSDiv .width45 {
        width: 100%;
    }

    .JoinUSDiv .width55 {
        width: 100%;
    }

    .JoinUSDiv a {
        margin-top: 0;
        margin-bottom: 60px;
    }

    .JoinUSDiv {
        padding: 60px 30px;
    }

        .JoinUSDiv .marginleft6px {
            margin-left: 0;
        }

    .IndustrySolutions_Div {
        height: 700px;
        padding: 60px 30px;
    }

        .IndustrySolutions_Div .divTitle {
            padding: 0;
            margin: 0;
            color: #285293;
            width: 100%;
            padding-bottom: 30px;
            padding-right: 0px;
            background: #fff;
            margin-bottom: 20px;
        }

    .Industry_switch {
        position: absolute;
        top: auto;
        right: 60px;
        left: 60px;
        bottom: 0px;
        height: 300px;
    }

    .IndustrySolutions_Div .IndustryDetail_left, .IndustrySolutions_Div .IndustryDetail_right {
        top: 60px;
    }

    .IndustrySolutions_UL {
        top: 120px;
    }

        .IndustrySolutions_UL > li > .img {
            position: absolute;
            top: auto;
            right: 60px;
            left: 60px;
            bottom: 0px;
            height: 300px;
        }

    .KVdiv_bg_Search {
        height: 300px;
    }

    .BulterCDiv {
        padding: 60px 30px;
    }

        .BulterCDiv h4 {
            width: 100%;
        }

        .BulterCDiv h5 {
            width: 100%;
        }

        .BulterCDiv > div {
            width: 100%;
        }

    .BulterCGrade > div {
        width: calc(50% - 4px);
        padding: 60px 10px;
    }

        .BulterCGrade > div h5 {
            margin-bottom: 30px;
        }

    .BulterCHistoryDiv {
        left: 30px;
        right: 30px;
    }

    .BulterCHistory_left {
        right: 79px;
    }

    .BulterCHistory_right {
        right: 30px;
    }


    .BulterCGrade {
        margin: 0px 30px;
    }

    .BulterCHistoryDiv > div {
        margin-right: 30px;
    }

    .BuC_bigPic {
        width: calc(100% - 60px);
        height: 180px;
    }

    .PolicyLRDiv .left {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .PolicyLRDiv .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .PolicyLRDiv .right1 {
        height: 200px !important;
        margin-top: 0 !important;
    }

    .PolicyLRDiv .left2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        height: 200px !important;
        margin-top: 0 !important;
    }

    .PolicyLRDiv .right2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .ContactTop {
        left: 30px;
        right: 30px;
    }

        .ContactTop li {
            margin-bottom: 30px;
            width: calc(50% - 18px);
            margin-right: 30px;
            display: inline-block;
            vertical-align: top;
        }

            .ContactTop li:nth-child(2n) {
                margin-right: 0px;
            }

    .KVdiv_bg_Contact {
        height: 1000px;
    }

    .VideoHighDiv {
        left: 30px;
        right: 30px;
    }

    .VideoHigh_left {
        right: 79px;
    }

    .VideoHigh_right {
        right: 30px;
    }

    .VideoHighDiv > div {
        margin-right: 30px;
    }

    .Strategic_Five {
        display: block;
    }

        .Strategic_Five .FiveDiv {
            width: 100%;
            height: 120px;
        }

            .Strategic_Five .FiveDiv.active {
                width: 100%;
                height: 430px;
            }

    .FiveContinents1 {
        display: block;
    }

    .FiveContinents2 {
        display: none;
    }
}

.JoinUSNew .picDiv {
    height: 240px;
}

    .JoinUSNew .picDiv span {
        bottom: -67px;
        height: 40px;
    }

@media screen and (max-width: 490px) {
    .container > div {
        min-height: 400px;
    }

    .screen1_text {
        left: 30px;
    }

    .screen1 .carousel-control.left {
        left: 30px;
    }

    .screen1 .carousel-control.right {
        left: 90px;
    }

    .screen2_switchgroup a {
        height: 15px;
        border-radius: 31px;
        width: 80%;
    }

        .screen2_switchgroup a.active {
            width: 103%;
        }


    .screen2_pic {
        bottom: calc(0% - 15px);
        width: 61%;
        top: auto;
        left: 23%;
    }

    .screen2_switch .screen2_tip {
        bottom: 35%;
        right: 30px;
        width: auto;
    }

    .screen2_switch .screen2_solution {
        bottom: 37%;
        right: 30px;
        width: auto;
    }

    .screen2_switch .active .screen2_pic:hover .screen2_more {
        display: block;
        top: 34%;
    }

    .screen2_IconDiv a {
        width: 50px;
    }

    .hexshadow {
        bottom: calc(0% - 15px);
        width: 61%;
        top: auto;
        left: 23%;
    }

    .BCDiv_Global {
        height: 430px;
    }

    .BulterCGrade > div {
        width: 100%;
        padding: 50px 10px;
    }

    .screen3_switch .carousel-indicators {
        left: 30%;
        top: auto;
        bottom: 50px;
        padding: 25px 30px 30px;
    }

    .screen3_switch {
        height: calc(100% - 100px);
    }

    .screen3_more {
        top: 30%;
    }

    .screen5 > ul li p > span {
        display: none;
    }

    .screen5 > ul li {
        padding: 10px 0 20px;
    }

        .screen5 > ul li img {
            max-height: 155px;
        }

        .screen5 > ul li p {
            bottom: 20px;
        }

    .IndustrySolution_logoDiv .subtitle {
        margin-top: -30px;
    }

    .LogoDiv img {
        width: 55px;
        height: 43px;
        margin: 0px 10px;
    }

    .LogoDiv {
        margin: 0 -20px;
        width: calc(100% + 40px)
    }

    .FormKVdiv {
        height: 300px !important;
    }

    .maintenceKVdiv {
        height: 900px !important;
    }

    .FormKVdiv_text {
        top: 130px;
        left: 30px;
        right: 30px;
    }

    .contactLeft {
        width: 100%;
        height: 160px !important;
        padding-left: 30px;
        padding-right: 30px;
    }

        .contactLeft .divTitle {
            padding-top: 30px;
        }

    .contactRight {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .containerCon > div.contactForm {
        padding: 30px 20px;
    }

    .FormInput .InputStyle {
        width: 100%;
    }

    .BCDiv_Global h4 {
        font-size: 24px;
        line-height: 27px;
    }

    .BulterCHistory {
        padding: 20px 0 0px 0;
        position: relative;
    }

    .BuC_bigPic {
        margin-top: -80px;
    }

    .DevelopCon {
        padding: 60px 30px 30px;
        width: 100%;
        position: relative;
    }

        .DevelopCon .blue {
            width: 100%;
            margin-top: 0;
        }

        .DevelopCon .Pic {
            width: 100%;
            margin-left: 0;
        }

        .DevelopCon .right {
            margin-left: 0;
        }

        .DevelopCon .left {
            margin-bottom: 0
        }

    .Strategic_Five .FiveDiv.active h4 {
        top: 27px;
    }

    .Strategic_Five {
        min-height: 450px;
        padding: 0px 30px 0;
        margin-top: -50px;
    }

        .Strategic_Five .con {
            position: absolute;
            top: 90px;
            left: 20px;
            right: 20px;
            bottom: 20px;
        }

        .Strategic_Five .circleDiv {
            padding: 11px 15px;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            text-align: center;
            font-size: 12px;
            color: #fff;
            margin-bottom: 15px;
        }

    .BCDiv h4 {
        font-size: 30px;
    }

    .BCDiv.FiveContinents1 {
        margin-top: -30px;
    }

    .GreenLiveTour {
        margin: 10px 30px 30px;
    }

    .GreenLeft, .GreenRight {
        padding: 30px;
    }

    .Consult6 li span {
        left: 12%;
        right: 12%;
        overflow-y: auto;
        height: 70px;
    }

    .divTitle {
        width: calc(100% - 30px);
    }

    .screen4_div .text p {
        max-height: calc(100% - 60px);
        overflow: auto;
    }

    .KVdiv_bg_Renovate {
        height: 700px;
    }

    .RenovateCon {
        margin-top: 10px;
    }

        .RenovateCon > div {
            width: 70px;
            min-width: 70px;
            background-size: 70px;
            height: 210px;
        }

            .RenovateCon > div img {
                width: 70px;
            }

    .FreeCon > div img {
        display: block;
        width: 56%;
        margin: -5% auto;
    }

    .FreeCon > div {
        width: 95px;
        height: 120px;
        margin-left: 5px;
        background-size: 50%;
    }

    .screen1_text h1, .screen2_text h1, .screen3_title, .screen3_title, .screen5_title {
        font-size: 27px;
        line-height: 40px;
    }

    .searchOut {
        padding: 30px;
    }

    .SearchList {
        margin: 10px auto 30px;
        padding: 20px;
        padding-left: 40px;
    }

        .SearchList li {
            margin-bottom: 10px;
        }

        .SearchList a {
            padding-left: 20px !important;
            margin-bottom: 20px;
        }

        .SearchList .SearchPicDiv {
            position: relative;
            width: 100%;
            height: 150px;
        }

            .SearchList .SearchPicDiv img {
                max-width: 300px;
                max-height: 140px;
                margin: auto auto;
                vertical-align: middle;
            }

    .KVdiv .Strategic_text {
        top: 65px;
    }

    .StrategicCon {
        top: 330px;
        overflow: auto;
        height: 150px;
    }

    .KVdiv .Strategic_text h1 {
        line-height: 33px;
    }

    .StrategicCon > div {
        width: 60px;
        height: 120px;
        margin-left: 13px;
        vertical-align: top;
    }

    .Strategic_Three {
        padding: 60px 30px;
    }

    .StructuralKVdiv {
        height: 800px !important;
    }

    .StructuralKVdiv_text h1 {
        font-size: 30px;
    }

    .TenKVDiv {
        height: 650px;
    }

    .Top9Con {
        top: 270px;
    }

    .IndustryTab .KVbottom_Tab_btn.right {
        right: 60px;
    }

    .SiteMap {
        padding-right: 0;
        width: 60px;
        text-align: center;
    }

        .SiteMap a {
            width: 60px;
            text-align: center;
        }

    .GreenMileage .Mileage h5 {
        height: 101px;
        padding-top: 12px;
        overflow: auto;
    }

    .FreeLead {
        width: calc(100% - 60px);
        margin-left: 30px;
        height: 750px;
    }

        .FreeLead .carousel-indicators {
            left: 0;
            width: 100%;
            border-right: 0;
            border-bottom: 1px solid #e8e8e8;
            height: 300px;
        }

    .FreeLead  .carousel-inner {
        height: 100%;
        top: 300px;
    }
 
    .FreeLead_pic {
        position: relative;
        left: 0;
    }

    .Top10Div > div {
        height: 278px;
    }

        .Top10Div > div span img {
            margin-top: 20px;
        }

    .GSdiv {
        height: 430px;
    }

    .IndustryBackBtn {
        display: block !important
    }

    .Strategic_Three .ThreeDiv h4 {
        line-height: 22px;
    }

    .ContactTop { 
        top: 200px;
    }
    .screen2_switch {
        top: 121px;
    }

}

.en-hidden {
    display: none !important;
}