﻿/*
    for delta controls 
    JAIR.WU@deltaww.com
    2021/11 - 2021/12
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, caption, tbody, tfoot, thead, tr, th, td, hr, input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-shadow: none;
    font-family: 'Arial','Microsoft YaHei','微软雅黑';
    font-size: 14px;
}





em,i{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
.ti2{text-indent:2em}
.ovh{overflow:hidden}
.dn{display:none}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.container{width: 1200px;margin:0 auto;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}





* {
    font-family: 'Arial','Microsoft YaHei','微软雅黑';
}

::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #231815;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #e0e0e0;
}

html {
    font-size: 10px;
    height: 100%;
}

body {
    font-size: 16px;
    overflow-x: hidden;
    margin: 0;
    color: #333;
    background: #fff;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-family: 'Arial','Microsoft YaHei','微软雅黑';
}

input[type="date"],
input[type="text"],
input[type="password"] {
    height: 50px;
    line-height: 50px;
    padding: 0px 0px 0 5px;
    font-size: 16px;
    color: #000;
    background: #fff;
    border-radius: 0px;
    background-image: none;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    vertical-align: middle;
    -webkit-appearance: none;
}

input:-webkit-autofill {
    background-color: #fff;
    background-image: none;
    color: #000;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input[type="submit"] {
    height: 40px;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border: none;
    font-size: 16px;
    font-size: 1.6rem;
    outline: 0;
    background: #0555bb;
    color: #fff;
    border-radius: 0px;
    background-image: none;
    -webkit-appearance: none;
}

input[type="checkbox"] {
    vertical-align: middle;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

.button {
    border-radius: 0;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

textarea {
    font-size: 16px;
    outline: none;
    padding: 5px;
}

select {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 0;
    padding-left: 5px;
    vertical-align: middle;
}

ul, li {
    list-style: none;
}

button {
}

h1, h2, h3, h4, h5, h6 {
    line-height: 100%;
    letter-spacing: 0px;
    /*text-transform: uppercase;*/
    font-weight: 500;
}

a, figure, figcaption, img, li {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.left {
    float: left;
}

.right {
    float: right;
}

.text-right {
}

.clr {
    clear: both;
}

a > i {
    margin-right: 5px;
}

a:link, a:active, a:visited {
    color: #ea0a2a;
    font-family: 'Arial','Microsoft YaHei','微软雅黑';
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

i {
    margin-right: 5px;
}

td.hover {
    background: #eee;
}

.clearfix:after {
    clear: both;
    content: '\00a0';
    display: block;
    height: 0;
    overflow: hidden;
}

/* #youkuplayer {
    height: 240px;
    background: #fff url(../images/load.gif) no-repeat center;
} */



/* 回到顶部 */
.gotop {color: #ea0a2a;font-size: 40px; width: 40px;height: 40px;display: block; z-index: 999999999;}

/*#region mask */
#loading-mask{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:20000;background:rgba(233,233,232,.75)}
#loading-mask .loading-indicator{width:240px;padding:20px 20px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.27);border-radius:5px;color:#000;position:fixed;margin-left:-140px;margin-top:-50px;left:50%;font:normal 16px tahoma,arial,helvetica;height:auto}

/*#endregion */
.container_wrap {width: 100%; padding: 0 30px;}

@media screen and (min-width:769px) and (max-width:1366px) {
    .container_wrap {
        padding: 0 30px;
    }
}

@media all and (max-width: 768px) {
    .container_wrap {
        padding: 0 20px;
    }
}

#container, #page-header, #page-header-inner {
    width: 100%;
    background: #fff;
}

#container {
    margin: 0 auto;
    position: relative;
    margin-top: 0px;
}

@media all and (max-width: 768px) {
    #container, #page-header, #page-header-inner {
    }
}

#content {
    width: 100%;
    position: absolute;
    top: 111px;
}

.ad {
    width: 100%;
}

    .ad > span {
        display: block;
        width: 100%;
        min-height: 350px;
        margin: 0;
        padding: 0;
        background-size: cover;
    }

@media all and (max-width: 768px) {
    .ad > span {
        min-height: 200px;
    }
}

.page_title {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 22px;
    font-weight: 400;
    color: #000;
    border-bottom: 1px solid #ddd;
}

    .page_title > i {
        margin: 0 10px;
    }

    .page_title a {
        display: inline-block;
        color: #000;
    }

        .page_title a:hover {
            text-decoration: underline;
        }

@media all and (max-width: 768px) {
    .page_title {
        padding: 10px;
        font-size: 18px;
    }
}





/* banner图片 */
.home-banner{position:relative;width:100%;min-height:768px;background:#231815}
.home-banner>.home-wrap{position:relative;max-width:1300px;margin:0 auto;height:768px}
.home-banner>.home-wrap>.home-banner-block{position:absolute;max-width:1300px;margin:0 auto;padding:20px 20px;top:30%;left:0;right:0}
.home-banner>.home-wrap>.home-banner-block>h2{display:block;color:#fff;font-size:72px;line-height:1.2;letter-spacing:0;background:rgba(234,10,42,0);padding:0 0}
.home-banner>.home-wrap>.home-banner-block>h3{color:#fff;font-size:26px;padding:0 0;margin:10px 0;margin-bottom:60px}
.home-banner>.home-wrap>.home-brand-block{position:absolute;max-width:1300px;margin:0 auto;padding:0 0;bottom:0;left:0;right:0}
.home-banner>.home-wrap>.home-brand-block .block-content{float:right;background:#0087dc;z-index:9;padding:10px 20px 5px 20px}
.home-banner>.home-wrap>.home-brand-block .block-content>span{display:inline-block;padding:4px 4px 0 0;font-size:19px;color:#f7f7f7;z-index:10;vertical-align:text-top}
.home-banner>.home-wrap>.home-brand-block .block-content>img{width:100px;vertical-align:middle}
.home-banner>.home-wrap>.home-brand-block .block-content>a{display:inline-block;width:100px}

/*#region bar select */
.nav{background:#fff;width:100%;box-shadow:0 5px 5px rgba(0,0,0,.3)}
.bread-nav{max-width:1300px;margin:0 auto;left:0;right:0;padding:0 20px;margin-bottom:0}
.bread-nav>ul>li ul li{overflow:hidden;height:0;-webkit-transition:height 150ms ease-in;-moz-transition:height 150ms ease-in;-o-transition:height 150ms ease-in;transition:height 150ms ease-in}
.bread-nav ul>li:hover ul li{height:40px}
.bread-nav ul{list-style:none;margin:0;padding:0;background:0 0}
.bread-nav ul:after,.bread-nav ul:before{content:"";display:table}
.bread-nav ul:after{clear:both}
.bread-nav ul>li{float:left;position:relative}
.bread-nav>ul>li>a{display:block;padding:10px 15px 10px 5px;font-size:18px;color:#333}
.bread-nav>ul>li>a>i{color:#000;font-size:20px}
.bread-nav>ul>li>a:hover{color:#333;text-decoration:none;transition:all .5s ease 0s}
.bread-nav>ul>li>ul{position:absolute;left:0;z-index:1;z-index:999999;background:#fff;box-shadow:0 8px 8px rgba(0,0,0,.3)}
.bread-nav>ul>li>ul li{width:200px}
.bread-nav>ul>li>ul a{border:none;color:#231815;display:block;padding:10px 15px}
.bread-nav>ul>li>ul .selected{background:#ea0a2a;color:#fff;font-weight:700}
.bread-nav>ul>li>ul a:hover{background:#231815;color:#fff}



/* banner */
@media all and (min-width: 769px) {
.home-banner { position: relative; width: 100%; background: #231815;  background-attachment: fixed; background-position: center center; background-repeat: no-repeat;  background-size: cover;}}

/* 自写样式的banner */
.slide_banner{ position: relative; width: 100%;background: #231815; background-attachment: fixed;  background-position: center center;  background-repeat: no-repeat;   background-size: cover;}



@media all and (max-width: 768px) {
    .nav {
        box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
    }

    .bread-nav {
        margin-left: 5px;
    }

        .bread-nav > ul > li > a {
            padding: 10px 10px 10px 5px;
            font-size: 16px;
        }

    .home-banner {
        min-height: 667px;
        background-image: url("../images/home_m.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

        .home-banner > .home-wrap {
            height: 667px;
        }

    .home-brand {
        height: auto;
    }

        .home-brand > .home-brand-block .block-right {
            float: right;
            background: rgba(0,0,0,0.6);
        }

    .home-banner > .home-wrap > .home-banner-block {
        top: 30%;
        padding: 20px 20px;
    }

        .home-banner > .home-wrap > .home-banner-block > h2 {
            font-size: 46px;
            line-height: 1.2;
        }

        .home-banner > .home-wrap > .home-banner-block > h3 {
            font-size: 18px;
            line-height: 1.5;
        }
}




.page_content {
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 40px;
    padding:0 20px;
}

.page-banner {
    position: relative;
    min-height: 280px;
}

    .page-banner > .page-banner-block {

        max-width: 1300px;
        margin: 0 auto;
        padding: 0px 20px;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .page-banner .page-banner-block > h2 {
        position: absolute;
        display: inline-block;
        bottom: 0px;
        padding: 20px;
        color: #fff;
        font-size: 48px;
        letter-spacing: 0px;
        background: rgba(234,10,42,0.3);
        /*text-shadow: #000 2px 2px 0px;*/
        box-shadow: -5px -5px 0px rgba(0,0,0,0);
        /*background: rgba(234,10,42,0.7);*/
    }

    .page-banner .page-banner-block > .page-banner-block-left {
        position: absolute;
        bottom: 0px;
        padding: 10px 20px;
        float: left;
        color: #fff;
        font-size: 42px;
        background: rgba(234,10,42,0.3);
        box-shadow: 5px 5px 0px rgba(0,0,0,0);
    }

    .page-banner .page-banner-block > .page-banner-block-right {
        position: absolute;
        bottom: 0px;
        padding: 0 20px;
        margin: 0;
        color: #fff;
        float: left;
        font-size: 36px;
    }

    .page-banner .page-banner-block > span {
        position: absolute;
        top: calc(40% + 50px);
        display: block;
        color: #fff;
        font-size: 56px;
        letter-spacing: 0px;
        padding: 40px;
    }


.page-line-block {
    margin-top: 0px;
    margin-bottom: 40px;
}

    .page-line-block .page-line-block-1 {
        background: #ea0a2a;
        height: 10px;
        width: 20px;
        display: inline-block
    }

    .page-line-block .page-line-block-2 {
        background: #231815;
        height: 10px;
        width: 10px;
        display: inline-block
    }

@media all and (max-width: 768px) {
    .page_content {
        padding: 10px 10px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .page-banner .page-banner-block > h2 {
        font-size: 24px;
        padding: 20px 20px;
        display: none;
    }


    .page-banner .page-banner-block > .page-banner-block-left {
        background: rgba(234,10,42,0.5);
        bottom: 0px;
        padding: 10px 10px;
        font-size: 36px;
    }

    .page-banner .page-banner-block > .page-banner-block-right {
        bottom: 70px;
        padding: 0px 20px;
        font-size: 26px;
    }

    .page-banner .page-banner-block > span {
        top: calc(40% + 50px);
        font-size: 32px;
        padding: 20px;
    }

    .page-line-block {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}


/*#region 背景颜色设置 */

/* 灰色 */
.bg-gray {
    background: #f0f0f0;
}

/*#endregion */

/*#region grid */

[class*='col-'] {
    float: left;
    padding-right: 0px;
    /* column-space */
}

.grid {
    overflow: hidden;
    padding: 0;
    margin: 0;
    margin-top: 0px;
}

.col-1-2 {
    float: left;
    width: 50%;
}

.col-1-3 {
    float: left;
    text-align: center;
    width: 33.3333%;
}

/*#endregion */

/*#region button */

.btn-list {
    margin: 10px 2%;
}

.btn {
    font-size: 16px;
    vertical-align: middle;
}

    .btn i {
        font-size: 20px;
        line-height: 30px;
        min-height: 30px;
        margin-right: 10px;
    }

.btn-group {
}

    .btn-group li {
        margin: 0px 0;
    }

.btn-red-black:link, .btn-red-black:visited {
    border-radius: 0px;
    padding: 15px 20px;
    background: #ea0a2a;
    margin: 5px 0;
    font-size: 22px;
    color: #fff !important;
    box-shadow: 5px 5px 0px rgba(0,0,0,1);
}

.btn-red-black:hover, .btn-red-black:focus {
    background: #231815;
    box-shadow: 5px 5px 0px rgba(234,10,42,1);
}

.btn-red-black:active {
    background-color: #000;
    color: #fff;
    border-color: rgba(0,0,0,.2);
    border-top-color: rgba(0,0,0,.3);
    background-image: none;
    box-shadow: 5px 5px 0px rgba(234,10,42,1);
}

.btn-red-black > i {
    color: #fff !important
}

.btn-red {
    border-radius: 0px;
    padding: 10px 20px;
    background: #ea0a2a;
    margin: 5px 0;
    font-size: 18px;
    color: #fff !important;
    box-shadow: 1px 2px 2px rgba(0,0,0,1);
}

    .btn-red:hover, .btn-red:focus {
        box-shadow: 4px 4px 4px rgba(0,0,0,1);
    }

    .btn-red:active {
        background-color: #000;
        color: #fff;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.3);
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
    }

    .btn-red > i {
        color: #fff !important
    }

.btn-red-plugin {
    border-radius: 0px;
    padding: 10px 0px;
    background: #ea0a2a;
    margin: 5px 0;
    font-size: 18px;
    color: #fff !important;
}


    .btn-red-plugin > i {
        color: #fff !important
    }

.btn-green {
    border-radius: 0px;
    padding: 10px 20px;
    background: #87d700;
    margin: 5px 0;
    font-size: 18px;
    color: #000 !important;
    border: 3px solid #87d700;
}

    .btn-green:hover, .btn-green:focus {
        background-color: #231815;
        border: 3px solid #fff;
        color: #fff !important;
    }

    .btn-green:active {
        background-color: #000;
        color: #fff;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.3);
        background-image: none;
    }

    .btn-green > i {
        color: #000 !important
    }

    .btn-green:hover > i, .btn-green:focus > i {
        color: #fff !important;
    }

.btn-white-frame {
    border-radius: 0px;
    padding: 10px 20px;
    background: #fff;
    margin: 5px 0;
    color: #231815 !important;
    border: 2px solid #231815;
}

    .btn-white-frame:hover, .btn-black:focus {
        background-color: #231815;
        color: #fff !important;
    }

    .btn-white-frame:active {
        background-color: #000;
        color: #fff;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.3);
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
    }


.btn-black {
    border-radius: 0px;
    padding: 10px 20px;
    background: #333;
    margin: 5px 0;
    color: #fff !important;
    box-shadow: 2px 2px 0px rgba(0,0,0,1);
}

    .btn-black:hover, .btn-black:focus {
        background-color: #444;
        color: #fff;
        box-shadow: 3px 3px 3px rgba(0,0,0,1);
    }

    .btn-black:active {
        background-color: #000;
        color: #fff;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.3);
        background-image: none;
        box-shadow: 2px 3px 0px rgba(234,10,42,1);
        
    }

.btn-white {
    border-radius: 0px;
    padding: 10px 20px;
    background: #fff;
    margin: 5px 0;
    color: #000 !important;
    box-shadow: 3px 3px 1px rgba(0,0,0,1);
}

    .btn-white:hover, .btn-white:focus {
        box-shadow: 4px 4px 4px rgba(0,0,0,1);
    }

    .btn-white:active {
        background-color: #231815;
        color: #fff !important;
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
    }

.btn-normal {
    cursor: pointer;
    font-size: 16px;
    padding: 0px 15px;
    background-color: #0087dc;
    color: #fff;
    border-radius: 1px;
}

    .btn-normal:hover, .btn-normal:focus {
        background: #00508E;
        color: #fff;
    }

    .btn-normal:active {
        background-color: #0066cc;
        color: #fff;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.3);
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
    }

.btn-wechat {
    font-size: 16px;
    padding: 10px 15px;
    background: #04be02;
    color: #fff;
    border-radius: 1px;
}

    .btn-wechat:hover, .btn-normal:focus {
        background-color: #04be02;
        color: #fff;
    }

    .btn-wechat:active {
        background-color: #009900;
        color: #fff;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.3);
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
    }






 /* banner    */
.swiper-container {
    width: 100%;
    height: 768px;
    --swiper-pagination-color: #ea0a2a; /* 两种都可以 */
    --swiper-theme-color: #fff
}

.container-ad {
    width: 100%;
    height: 368px;
    --swiper-pagination-color: #ea0a2a; /* 两种都可以 */
    --swiper-theme-color: #fff
}

.slide-ad {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .slide-ad .slide-block {
        position: absolute;
        top: 30%;
    }

        .slide-ad .slide-block > h2 {
            display: inline-block;
            color: #fff;
            font-size: 44px;
            letter-spacing: 0px;
            background: rgba(234,10,42,0.7);
            padding: 40px;
        }

        .slide-ad .slide-block > h3 {
            color: #fff;
            font-size: 72px;
            padding: 0px 0px;
            margin: -35px 40px;
        }

@media all and (max-width: 768px) {
    .container-ad {
        height: 268px !important;
    }

    .slide-ad .slide-block {
        position: absolute;
        top: 40%;
    }

        .slide-ad .slide-block > h2 {
            font-size: 24px;
            padding: 20px;
        }

        .slide-ad .slide-block > h3 {
            font-size: 32px;
            margin: -15px 20px;
        }
}

.slide-1 {
    height: 100%;
    background-image: url("../images/banner.jpg");
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .slide-1 .slide-block {
        position: absolute;
        top: 30%;
    }

        .slide-1 .slide-block > h2 {
            display: block;
            color: #fff;
            font-size: 72px;
            letter-spacing: 0px;
            background: rgba(234,10,42,0);
            padding: 0px 0;
            margin-bottom: 20px;
        }

        .slide-1 .slide-block > h3 {
            color: #fff;
            font-size: 32px;
            padding: 0px 0px;
            margin: 0px 0px;
            margin-bottom: 80px;
        }

.slide-2 {
    height: 100%;
    background-image: url("../images/banner/2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slide-style {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slide-content {
    position: relative;
    margin: 0 auto;
    height: 100%;
    max-width: 1300px;
}

.slide-2 .slide-block {
    position: absolute;
    top: 30%;
}

    .slide-2 .slide-block > h2 {
        color: #fff;
        font-size: 48px;
        letter-spacing: 0px;
        background: rgba(234,10,42,0.7);
        padding: 40px;
    }

.swiper-button-prev {
    top: 30%;
}

.swiper-button-next {
    top: 30%;
}

@media all and (max-width: 768px) {
    .swiper-container {
        height: 360px;
        --swiper-pagination-color: #ea0a2a; /* 两种都可以 */
    }

    .swiper-button-prev {
        top: 30%;
    }

    .swiper-button-next {
        top: 30%;
    }

    .swiper-pagination {
        bottom: 5px;
    }

    .slide-block {
        bottom: 0px;
    }

    .slide-1 {
        background-attachment: initial;
    }

        .slide-1 .slide-block {
            top: 35%;
        }

            .slide-1 .slide-block > h2 {
                font-size: 26px;
                line-height: 1.5;
                padding: 0 20px;
                margin: 0px;
            }

            .slide-1 .slide-block > h3 {
                color: #fff;
                font-size: 18px;
                padding: 0px;
                margin: 10px 20px;
            }

            .slide-1 .slide-block > .btn-red-black {
                margin: 20px 20px;
            }

            .slide-1 .slide-block .btn-green {
                padding: 5px 10px;
                margin: 10px 20px;
            }
}






/* 导航栏目 */
.navbar {
    z-index: 999;
}

.navbar-header {
    padding: 0;
}

    .navbar-header a {
        padding: 5px 0;
    }

.navbar-collapse {
    overflow-x: hidden;
}

.custom-navbar {
    margin-bottom: 0;
    text-align: right;
}

    .custom-navbar .navbar-brand {
        color: #55acee;
        font-weight: bold;
        font-size: 28px;
    }

    .custom-navbar .navbar-logo-white {
        padding: 0;
        height: 60px;
    }

@media all and (max-width: 768px) {
    .custom-navbar .navbar-logo-white {
        padding: 0;
        height: 48px;
    }
}

.custom-navbar .navbar-logo-white:hover {
    opacity: 0.7;
}


@media all and (max-width: 768px) {
    .custom-navbar.top-nav-collapse {
        height: 90px;
    }
}

.custom-navbar { padding: 20px 0;border-bottom: 0;transition: all 0.3s ease;}
.custom-navbar.top-nav-collapse { padding: 15px 0; height: 100px;background: rgba(35,24,21,1); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0);}
.menu{width:100%;position:relative;z-index:9999;background:0 0}
#top-nav{padding:0;margin:0 0}
#nav ul,#top-nav>ul{list-style:none;margin:0;padding:0}
#top-nav>ul>li{float:left;margin:0;padding:0;position:relative}
#top-nav>ul>li>a{margin:0;padding:5px 0}
#top-nav>ul>li.top-nav-title{padding:0 0;color:#000;float:left;vertical-align:middle}
#top-nav>ul>li.top-nav-title>div{background-color:transparent;color:#000;font-weight:700;padding:0;display:inline-block;margin-left:20px}
#top-nav>ul>li>a>span.label{font-size:12px;display:block;text-align:center;background:0 0;color:#fff;margin-bottom:0;font-weight:700}

#top-nav>ul>li.top-nav-icon{margin-top:10px;padding:3px 5px;border-radius:0;color:#fff;float:right;background:#ea0a2a}
#top-nav>ul>li.top-nav-icon>a>img{width:38px;height:auto}
#top-nav>ul>li.top-nav-icon>a>img.menu-open{display:inline-block;margin-top:0}
#top-nav>ul>li.top-nav-icon>a>img.menu-close{display:none}
#top-nav>ul>li.top-nav-icon>a.is-open>img.menu-close{display:inline-block}
#top-nav>ul>li.top-nav-icon>a.is-open>img.menu-open{display:none}
#top-nav>ul>li.top-nav-icon>a+#main-nav{display:none}
#top-nav>ul>li.top-nav-icon>a.is-open+#main-nav{display:block;animation:mn .3s;-webkit-animation:mn .3s;-o-animation:mn .3s}
#top-nav>ul>li.top-nav-icon>a>span{display:inline-block;margin-left:10px}




/* 一级的a */
.main-nav-menu { cursor: pointer;}


/* cursor: pointer; */




#main-nav ul>ul> {
    /* list-style: none;
    margin: 0;
    padding: 0; */
}


/* .fd_ico:before {
    content: "\f105";} */




nav>ul>li:nth-child(2)>a:before, nav>ul>li:nth-child(3)>a:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 3px;
    margin-top: 0px;
    background: #3db7ef;
    transition: .3s all ease;}


    nav>ul>li:nth-child(2)>a:after, nav>ul>li:nth-child(3)>a:after {
        content: "▾";
        font-family: "FontAwesome";
        padding-left: 13px;}




@keyframes mn {
    0% {
        transform: translate(0,6px)
    }

    30% {
        transform: translate(0,3px)
    }

    100% {
        transform: translate(0,0)
    }
}

a[role="button"] {
    user-select: none;
    cursor: pointer;
}






/* 导航 */

#main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 30px;
}

#main-nav {
    position: absolute;
    background: #ccc;
    z-index: 9999;
    padding: 0px;
    border-bottom: 0px solid #ea0a2a;
    right: 5px;
    top: 60px;
    border-radius: 0px;
    white-space: nowrap;
    min-width: 200px;
    -webkit-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
    box-shadow: 4px 4px 0px rgba(234, 10, 42, 1);
}

    #main-nav:before, #main-nav:after {
        position: absolute;
        content: '';
        width: 0px;
        height: 0px;
        top: -19px;
        right: 5px;
        border-top: 10px transparent dashed;
        border-left: 10px transparent dashed;
        border-right: 10px transparent dashed;
        border-bottom: 10px #ccc solid;
    }


    #main-nav.is-big {
        min-width: 600px;
    }

    #main-nav > ul > li {
        padding: 0px 0px 0 0;
    }

        #main-nav > ul > li > a {
            display: block;
            color: #231815;
            font-weight: 600;
            font-size: 18px;
            text-transform: uppercase;
            position: relative;
            /* padding: 10px 30px; */
            line-height: 34px;
            text-align: center;
        }

            #main-nav > ul > li > a:hover {
                color: #ea0a2a;
                background: #d4d4d4;
            }

            #main-nav > ul > li > a > span {
                /* position: absolute; */
                top: 14px;
                right: 15px;
                -webkit-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
                float: none;
            }


            /* #main-nav > ul > li > a.active > span {
                transform: rotate(90deg);
            } */





        #main-nav > ul > li > .main-nav-sub {
            display: none;
        }

            #main-nav > ul > li > .main-nav-sub ul {
                opacity: 0;
                -webkit-transition: all .1s ease-in-out;
                -o-transition: all .1s ease-in-out;
                transition: all .1s ease-in-out;
            }

            #main-nav > ul > li > .main-nav-sub.is-on ul {
                opacity: 1;
            }

            #main-nav > ul > li > .main-nav-sub ul li {
                padding: 0px 0px;
            }

                #main-nav > ul > li > .main-nav-sub ul li > a {
                    padding: 10px 30px;
                    display: block;
                    color: #231815;
                }

                    #main-nav > ul > li > .main-nav-sub ul li > a:hover {
                        color: #ea0a2a;
                        background: #d4d4d4;
                    }

                #main-nav > ul > li > .main-nav-sub ul li.is-nav-main {
                    padding: 10px 0;
                    font-weight: bold;
                }


                #main-nav > ul > li > ul {padding: 0;}
                #main-nav > ul > li > ul > li  a span {display: block;text-align: center;float: none;color: #333;line-height: 20px;}

                #main-nav > ul > li > ul > li  a span:hover{  color: #ea0a2a;} 












@media all and (max-width: 768px) {
    #top-nav > ul > li.top-nav-icon {
        background: none;
    }
}




.wrapper-relative {
    position: relative;
}


/*#endregion */

/*#region wrapper table */

.wrapper {
    margin: 0;
    border-bottom: 0;
    border-top: 0;
}

    .wrapper table {
        width: 100%
    }

        .wrapper table td {
            padding-left: 5px;
            border-bottom: 0px solid #f0f0f0;
            vertical-align: middle;
        }

        .wrapper table tr:nth-child(2n) {
            background: #ffff99
        }

        .wrapper table tr:nth-child(2n+1) {
            background: #f9f9f9;
        }


    .wrapper > table, .wrapper > table td {
        border-collapse: collapse;
        font-size: 16px;
        height: 45px;
        line-height: 35px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #ddd;
        color: #000;
    }

    .wrapper table td.t1 {
        background-color: #333;
        vertical-align: middle;
        text-align: left;
        font-size: 18px;
        color: #fff;
        border-bottom: 1px solid #aaa;
        border-right: 1px solid #fff;
    }

    .wrapper table td.textright {
        text-align: right;
        padding-right: 5px;
    }

    .wrapper table td.t1 a {
        font-size: 16px;
        text-decoration: none
    }

    .wrapper table td.t1 i {
        margin-left: 3px;
        font-size: 12px
    }

    .wrapper table td.t2 {
        border-left: 1px solid #f1f1f1;
        border-right: 1px solid #f1f1f1;
        border-top: 1px solid #f1f1f1;
        background-color: #fff
    }

    .wrapper table td.ts {
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #fff;
    }

        .wrapper table td.ts a {
            font-size: 14px;
            text-decoration: none
        }

            .wrapper table td.ts a:hover {
                text-decoration: underline;
            }

        .wrapper table td.ts i {
            margin-left: 3px;
            font-size: 16px
        }


/*#endregion */

/*#region footer */

#footer {
    background: #f0f0f0;
    font-size: 16px;
    position: relative;
    padding: 0px 0;
    overflow: hidden;
}

.footer-content {
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 40px;
}

.footer-header {
    color: #000;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 180px;
}


    .footer-header > .footer-left {
        float: left;
        width: 60%;
    }

    .footer-header > .footer-right {
        float: right;
        width: 40%;
    }

    .footer-header .footer-left > h3 {
        text-align: left;
        font-size: 28px;
        padding: 10px 0;
    }

    .footer-header .footer-left > .btn-red-black {
        margin-top: 40px;
        font-size: 22px;
    }

    .footer-header .footer-right > .footer-wx {
        float: right;
        width: 160px;
        text-align: center;
    }

        .footer-header .footer-right > .footer-wx > img {
            display: block;
            margin-bottom: 10px;
        }

.footer-bottom {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
}

    .footer-bottom a {
        font-size: 16px;
        color: #000;
    }

        .footer-bottom a:hover {
            color: #0087dc;
            text-decoration: underline;
        }

.footer-contact {
    color: #000;
    width: 680px;
    margin: 0 auto;
    padding: 0px 0px;
    margin-top: 40px;
}

    .footer-contact > h2 {
        text-align: center;
        padding: 20px 0;
    }

.footer-content table {
    width: 100%;
}

    .footer-content table input[type=text] {
        width: 100%;
        font-size: 16px;
        margin-bottom: 10px;
        padding: 10px;
    }

    .footer-content table select {
        font-size: 16px;
        height: 50px;
        margin-bottom: 10px;
    }

    .footer-content table textarea {
        font-size: 16px;
        margin-bottom: 0px;
        width: calc(100% - 12px);
        height: 120px;
        resize: none;
        border: 1px solid #e9e9e9;
    }

        .footer-content table textarea:focus {
            border: 1px solid #d5d5d5;
        }

    .footer-content table input[type=button] {
        font-size: 16px;
        margin: 10px 0;
        width: 100%;
        padding: 10px 20px;
    }

.footer-content .col-1-2 {
    margin-top: 10px;
}

.formmessage {
    color: #ff0000;
    padding: 5px;
    font-size: 16px;
}

@media all and (max-width: 768px) {
    #footer {
        padding: 10PX;
    }
    .footer-content {
        margin-top: 10px;
    }
    
    .footer-content h2 {
        margin-bottom: 20px;
        padding: 0px 5px;
        font-size: 26px;
    }

    .footer-header {
        margin-bottom: 40px;
    }

        .footer-header > .footer-left {
            float: left;
            width: 100%;
        }

        .footer-header > .footer-right {
            float: right;
            width: 100%;
        }

        .footer-header .footer-right > .footer-wx {
            margin-top: 40px;
            float: none;
            text-align: left;
        }

        .footer-header > h3 {
            margin-bottom: 20px;
            border-bottom: 4px solid #ea0a2a;
        }

        .footer-header .footer-left > .btn-red-black {
            margin: 0 auto;
            margin-top: 20px;
            left: 0;
            right: 0;
            font-size: 22px;
        }

    .footer-bottom {
        font-size: 12px;
    }

        .footer-bottom a {
            font-size: 12px;
        }

    .footer-content table select {
        width: 100%;
    }

    .footer-contact {
        color: #000;
        width: 100%;
        margin: 0 auto;
    }
}

/*#endregion */


/*#region home */

section {
    position: relative;
    overflow: hidden;
}

.parallax {
}

.background-about {
    z-index: 10;
    height: 100%;
    background: #fff;
    background-image: url("../images/worldmap.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .background-about .content-block {
        position: relative;
        max-width: 1300px;
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 80px;
        padding:60px 20px;
    }

        .background-about .content-block .brandImg {
            position: absolute;
            top: 10px;
            right: 20px;
        }

        .background-about .content-block > h1 {
            font-size: 38px;
            display: inline-block;
            padding: 20px;
            margin: 20px 0;
            background: #ea0a2a;
            color: #fff;
            box-shadow: 5px 5px 0px rgba(35, 24, 21, 1);
        }

            .background-about .content-block > h1 > span {
                font-size: 18px;
                display: block;
                margin-top: 10px;
                color: #fff;
            }

        .background-about .content-block > p {
            font-size: 22px;
            line-height: 1.8;
            padding: 10px 0;
            margin: 40px 0;
        }

@media all and (max-width: 768px) {
    .background-about .content-block .brandImg {
        position: relative;
        top: 0px;
        right: 0;
        margin-bottom: 10px;
    }

    .background-about .content-block {
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

        .background-about .content-block > h1 {
            font-size: 22px;
            padding: 20px;
            border-bottom: 3px solid #333;
            margin: 0px 0 10px 0;
        }

            .background-about .content-block > h1 > span {
                font-size: 16px;
                display: block;
                margin-top: 5px;
                color: #fff;
            }

        .background-about .content-block > p {
            font-size: 18px;
            line-height: 1.8;
            margin: 20px 0;
        }
}

.background-wrapper {
    position: relative;
    height: 750px;
    overflow: hidden;
}

@media all and (max-width: 768px) {
    .background-wrapper {
        height: 500px;
    }
}

.background-product {
    position: relative;
    height: calc(100% + 80px);
    overflow: hidden;
    background-image: url("../images/3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -80px;
}


    .background-product .content-block {
        max-width: 1300px;
        margin: 0 auto;
        padding-top: 200px;
        padding-left:20px;
    }

        .background-product .content-block > h1 {
            font-size: 38px;
            display: inline-block;
            padding: 30px 20px;
            margin: 0px 0;
            background: #ea0a2a;
            color: #fff;
            box-shadow: 5px 5px 0px rgba(35, 24, 21, 1);
        }

        .background-product .content-block > .btn-group {
            margin-top: 30px;
        }

        .background-product .content-block > h1 > span {
            font-size: 18px;
            display: block;
            margin-top: 10px;
            color: #fff;
        }

        .background-product .content-block > p {
            font-size: 22px;
            line-height: 1.5;
            color: #fff;
            padding: 10px 0;
            margin: 0px 0;
        }

@media all and (max-width: 768px) {
    .background-product .content-block {
        padding-top: 120px;
    }

        .background-product .content-block > p {
            margin-left: 20px;
        }

        .background-product .content-block > .btn-group {
            margin-left: 0px;
        }
}

.background-case {
    height: 100%;
    height: calc(100% + 80px);
    background-image: url("../images/casev2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -80px;
}


    .background-case .content-block {
        max-width: 1300px;
        margin: 0 auto;
        padding-top: 200px;
        padding-right: 20px;
        text-align: right;
    }

        .background-case .content-block > h1 {
            font-size: 38px;
            display: inline-block;
            padding: 30px 20px;
            margin: 0px 0;
            background: #ea0a2a;
            text-align: left;
            color: #fff;
            box-shadow: 5px 5px 0px rgba(35, 24, 21, 1);
        }

            .background-case .content-block > h1 > span {
                font-size: 18px;
                display: block;
                margin-top: 10px;
                color: #fff;
            }

        .background-case .content-block > p {
            font-size: 22px;
            line-height: 1.5;
            color: #ea0a2a;
            padding: 10px 0;
            margin: 0px 0;
            /*text-shadow: #000 1px 1px 0px;*/
        }

        .background-case .content-block > .btn-group {
            margin-top: 30px;
        }

@media all and (max-width: 768px) {
    .background-case {
        min-height: 495px;
    }

        .background-case .content-block {
            padding-top: 120px;
        }

            .background-case .content-block > p {
                margin-right: 20px;
                font-size: 26px;
            }

            .background-case .content-block > .btn-group {
                margin-right: 20px;
            }
}

.background-cols {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .background-cols .content-block {
        max-width: 1300px;
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .background-cols .home-block {
        max-width: 1300px;
        margin: 0 auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }

        .background-cols .content-block h1, .background-cols .home-block h1 {
            font-size: 38px;
            display: inline-block;
            line-height: 1.3;
            padding: 20px 20px;
            margin: 0px 0;
            background: #ea0a2a;
            text-align: left;
            color: #fff;
            box-shadow: 5px 5px 0px rgba(35, 24, 21, 1);
        }

        .background-cols .content-block h3, .background-cols .home-block h3 {
            font-size: 30px;
            display: inline-block;
            padding: 30px 20px;
            margin: 0px 0;
            background: #ea0a2a;
            text-align: left;
            color: #fff;
            box-shadow: 5px 5px 0px rgba(35, 24, 21, 1);
        }

        .background-cols .content-block h1 > span, .background-cols .home-block h1 > span {
            font-size: 18px;
            display: block;
            margin-top: 10px;
            color: #fff;
        }

    .background-cols .content-block p {
        font-size: 20px;
        line-height: 1.8;
        padding: 0px 0;
        margin: 0px 0;
        margin-bottom: 40px;
        text-indent: 2em;
    }

    .background-cols .content-block > .content-left, .background-cols .home-block > .content-left {
        float: left;
        width: 21.5%;
        z-index: 2;
        padding-bottom: 40px;
    }

    .background-cols .home-block > .content-left { 
        padding-left: 20px;
    }

    .background-cols .content-block > .content-right, .background-cols .home-block > .content-right {
        float: right;
        width: 77.5%;
    }


@media all and (max-width: 768px) {
    .background-cols .content-block .content-left {
        display: none;
        width: 100%;
        padding-bottom: 0px;
    }

    .background-cols .home-block {
        max-width: 1300px;
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .background-cols .home-block .content-left {
            width: 100%;
            padding-bottom: 20px;
            padding-left: 0px;
        }

    .background-cols .content-block .content-right {
        width: 100%;
        padding-top: 0px;
        padding:0 10px;
    }

    .background-cols .home-block .content-right {
        width: 100%;
        padding-top: 20px;
    }

    .background-cols .content-block {
        padding-top: 0px;
        margin-left: 0px;
    }

    .background-cols .home-block {
        padding-top: 40px;
        margin-left: 10px;
    }

    .background-cols .content-block h1 {
        font-size: 26px;
        padding: 20px 20px 10px 20px;
    }

    .background-cols .content-block h3 {
        font-size: 20px;
        padding: 15px 20px;
    }

    .background-cols .content-block h1 > span {
        font-size: 18px;
        display: block;
        margin-top: 0px;
        color: #fff;
    }

    .background-cols .home-block h1 {
        font-size: 28px;
        padding: 20px 20px;
    }

        .background-cols .home-block h1 > span {
            font-size: 20px;
            display: block;
            margin-top: 10px;
            color: #fff;
        }



    .background-cols .content-block p {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 1.8;
    }

    .background-cols .content-block > .btn-group {
        margin-right: 10px;
    }
}

.top-news-list {
    padding: 0px 0px 20px 0px;
    margin: 00px auto 00px;
}

    .top-news-list .title {
        font-size: 34px;
        color: #fff;
        margin: 0px 0 30px 0;
    }

    .top-news-list ul {
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

        .top-news-list ul li {
            float: left;
            list-style-type: none;
            width: 45%;
            width: calc(46% - 10px);
            width: -moz-calc(46% - 10px);
            width: -webkit-calc(46% - 10px);
            min-height: 500px;
            margin-top: 0px;
            margin-left: 0%;
            margin-right: 8%;
            margin-bottom: 2%;
            background: #fff;
            border: 1px solid #e0e0e0;
            border-right: 0;
            /*box-shadow: 8px 8px 0px rgba(0,0,0,0.8);*/
            box-shadow: 22px 22px 0px rgba(0,0,0,0.2);
        }

            .top-news-list ul li:hover {
                border: 1px solid #aaa;
                border-right: 0;
                box-shadow: 22px 22px 0px rgba(0,0,0,0.5);
            }

            .top-news-list ul li:nth-child(2n) {
                margin-right: 20px;
            }

            .top-news-list ul li a {
                color: #000;
                text-decoration: none;
            }

                .top-news-list ul li a:hover {
                    color: #ea0a2a;
                }

                .top-news-list ul li a figure {
                    overflow: hidden;
                    position: relative;
                    line-height: 0;
                    height: 333px;
                    margin: 0;
                    padding: 0;
                }

                    .top-news-list ul li a figure span {
                        -ms-transform: scale(1);
                        -moz-transform: scale(1);
                        -webkit-transform: scale(1);
                        transform: scale(1);
                        -o-transition: transform 0.5s;
                        -moz-transition: transform 0.5s;
                        -webkit-transition: transform 0.5s;
                        transition: transform 0.5s;
                        display: block;
                        width: 100%;
                        height: 100%;
                        margin: 0;
                        padding: 0;
                        background-size: cover;
                    }

                .top-news-list ul li a:hover figure span {
                    -ms-transform: scale(1.15);
                    -moz-transform: scale(1.15);
                    -webkit-transform: scale(1.15);
                    transform: scale(1.15);
                }

                .top-news-list ul li a h2 {
                    padding: 20px 10px;
                }

                .top-news-list ul li a div {
                    padding: 10px 10px;
                    font-size: 24px;
                }

                    .top-news-list ul li a div > i {
                        margin-left: 5px;
                        vertical-align: middle;
                    }


    /* 新闻的文字 */
            .top-news-list ul li span {
                display: block;
                color: #000;
                background: transparent;
                position: relative;
                font-size: 18px;
                text-align: left;
                min-height: 45px;
                line-height: 1.6;
                margin: 0;
                padding: 0;
                padding: 15px;



            }


            .top-news-list ul li p{
                color: #666;
                padding: 0 15px 15px 15px;
                font-size: 15px;
            }



        .top-news-list ul .last span {
            margin-bottom: 0px;
        }

.btn-textright {
    float: right;
    margin-right: 20px;
}

.top-news-list .col-1-3 {
    width: 32%;
    margin-right: 2%;
    text-align: left;
    margin-bottom: 2%;
}

    .top-news-list .col-1-3:nth-child(3n) {
        margin-right: 0;
    }

@media all and (max-width: 768px) {
    .top-news-list .col-1-3 {
        width: calc(100% - 4px);
        margin: 0;
        margin-bottom: 10px;
    }

    .top-news-list {
        padding: 0;
        text-align: left;
        margin: 0px 10px 0 0px;
    }

        .top-news-list ul li {
            width: calc(100% - 10px);
            margin-bottom: 40px;
            min-height: 450px;
            box-shadow: 12px 12px 0px rgba(0,0,0,0.2);
        }

            .top-news-list ul li a figure {
                height: 260px;
            }

    .blok-read {
        height: auto;
    }

    .btn-textright {
        margin-right: 10px;
    }
}

.background-contact {
    height: 100%;
    overflow: hidden;
    background: #222222;
    box-shadow: inset 0px 20px 24px rgba(0,0,0,1);
}


    .background-contact .content-block {
        max-width: 1300px;
        margin: 0 auto;
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left:20px;
        padding-right:20px;
    }

        .background-contact .content-block > .content-left {
            float: left;
            width: 60%;
        }

        .background-contact .content-block > .content-right {
            float: right;
            width: 40%;
            text-align: right;
        }

        .background-contact .content-block .content-list {
            margin-top: 20px;
            font-size: 14px;
            color: #8a9191;
            line-height: 1.8;
        }

        .background-contact .content-block h1 {
            font-size: 38px;
            display: inline-block;
            padding: 30px 20px;
            margin: 0 auto;
            background: #ea0a2a;
            color: #fff;
            box-shadow: 5px 5px 0px rgba(35, 24, 21, 1);
        }


            .background-contact .content-block h1 > span {
                font-size: 18px;
                display: block;
                margin-top: 10px;
                color: #fff;
            }

        .background-contact .content-block p {
            font-size: 22px;
            line-height: 1.5;
            color: #fff;
            padding: 10px 0;
            margin: 0px 0;
        }

        .background-contact .content-block .btn-red {
            font-size: 28px;
        }

            .background-contact .content-block .btn-red > i {
                font-size: 28px;
                margin-right: 20px;
            }

@media all and (max-width: 768px) {
    .background-contact .content-block .content-left {
        width: 100%;
    }

        .background-contact .content-block .content-left > img {
            width: 120px;
        }

    .background-contact .content-block .content-right {
        margin: 20px 0 0 0;
        width: 100%;
        text-align: left;
    }

    .background-contact .content-block {
        padding: 40px 20px;
    }

        .background-contact .content-block .btn-red {
            font-size: 18px;
        }

            .background-contact .content-block .btn-red > i {
                font-size: 18px;
                margin-right: 10px;
            }
}


.service-box {
    background-color: #fff;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.service-content {
    margin: 0 auto;
    padding: 0
}

.service-item {
    position: relative;
    display: block;
    width: 200px;
    padding: 0px 0px;
    margin-right: 50px;
    margin-bottom: 20px;
    text-align: left;
    float: left;
    height: 120px;
    background: #f5f6f7;
    border: 0px solid #f0f0f0;
    border-bottom: 0;
    border-right: 0;
    box-sizing: border-box;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 5px 5px 0px rgba(35, 24, 21, 0.3);
}

.service-content .service-item {
    -webkit-transition: all 160ms;
    transition: all 160ms
}

.service-item-title {
    line-height: 25px;
    font-size: 20px;
    color: #ea0a2a;
    padding: 20px 20px;
    font-weight: 600
}

.service-item-text {
    color: #9a9a9a;
    font-size: 12px;
    line-height: 17px;
    height: 34px;
    overflow: hidden;
}

.service-item-link {
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    display: none;
    padding: 10px 20px;
    background-color: #05a6f3;
    margin: 0px auto;
    font-size: 14px;
    line-height: 25px;
    border-radius: 0px;
    -webkit-transition: all 160ms;
    transition: all 160ms;
    font-weight: 400
}

.service-item:hover {
    border-color: #dedddd;
    position: relative;
    z-index: 99;
    text-decoration: none;
    webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
    box-shadow: 5px 5px 0px rgba(35, 24, 21, 0.8);
}

    .service-item:hover .service-item-link {
        display: block;
        background: #ea0a2a;
    }

    .service-item:hover .service-item-title {
    }


@media all and (max-width: 768px) {
    .service-item {
        display: block;
        width: 46%;
        margin-right: 6%;
        text-align: center;
        height: 100px;
    }

        .service-item:nth-child(2n) {
            margin-right: 0%;
        }

    .service-item-title {
        padding: 20px 8px;
        font-weight: 600
    }

    .service-item-link {
        padding: 10px 8px;
    }
}

/*#endregion */

/*#region about us */

.about-content {
}

    .about-content > p {
        font-size: 18px;
        line-height: 2;
        /*text-indent: 2em;*/
        margin-top: 5px;
        margin-bottom: 20px;
        text-align: justify;
        word-break: break-all;
    }

    .about-content > span {
        display: inline-block;
        font-size: 22px;
        line-height: 2;
        color: #000;
        /*background: #231815;*/
        font-weight: bold;
        padding: 5px 0px;
        /*margin-left: 2em;*/
        margin-bottom: 0px;
        /*box-shadow: 4px 4px 0px rgba(234,10,42,1);*/
    }

@media all and (max-width: 768px) {
    .about-content > span {
        font-size: 16px;
        line-height: 1.5;
        padding: 5px 10px;
    }
}

/*#endregion */

/*#region qualification */
.qualification-list {
    position: relative;
    padding: 0px 0;
    height: 100%;
    margin-top: 20px;
}

    .qualification-list .col-1-3 {
        width: 30.5%;
        margin-right: 4%;
        text-align: left;
        margin-bottom: 4%;
        /*box-shadow: 5px 5px 0px rgba(234,10,42,0.8);*/
        /*box-shadow: 8px 8px 0px rgba(0,0,0,0.8);*/
    }

        .qualification-list .col-1-3:nth-child(3n) {
            margin-right: 0;
        }


.qualification-height {
    min-height: 360px;
}

@media all and (max-width: 768px) {
    .qualification-list {
        position: relative;
        padding: 0px 0;
        height: 100%;
        margin-top: 0px;
    }

        .qualification-list .col-1-3 {
            width: calc(100% - 8px);
            margin: 0;
            margin-bottom: 20px;
        }

    .qualification-height {
        min-height: 300px;
    }

    .blok-read {
        height: auto;
    }
}

/*#endregion */

/*#region honor */

.honor-list {
    position: relative;
    padding: 0px 0;
    margin-top: 20px;
}

    .honor-list .col-1-3 {
        width: 27.5%;
        margin-left: 1%;
        margin-right: 7%;
        margin-bottom: 4%;
    }

        .honor-list .col-1-3:hover {
            /*box-shadow: 0px 2px 9px rgba(0,0,0,0);*/
        }

        .honor-list .col-1-3:nth-child(3n) {
            margin-right: 0;
        }


.honor-height {
}

@media all and (max-width: 768px) {
    .honor-list {
        position: relative;
        padding: 0px 0;
        margin-top: 0px;
    }

        .honor-list .col-1-3 {
            width: calc(100% - 4px);
            margin: 0;
            margin-bottom: 40px;
        }

    .blok-read {
        height: auto;
    }
}

/*#region block */

.blok-read {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    border-right: 0;
    background: #fff;
}

    .blok-read img {
        width: 100%;
        height: auto;
    }

.block-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #ea0a2a;
    padding: 5px 15px;
    z-index: 8;
    box-shadow: 5px 5px 0px rgba(0,0,0,0.9);
}

    .block-tag i {
        font-size: 12px;
        color: #fff;
        padding-right: 2px;
    }

    .block-tag a {
        color: #fff;
        font-size: 18px;
    }

.block-content {
    position: relative;
    text-align: center;
    padding: 10px;
}

    .block-content p {
        padding: 22px 0px 27px;
    }

    .block-content h4 {
        font-size: 16px;
        line-height: 1.6;
        color: #354b5e;
    }

        .block-content h4 a:hover {
            color: #8899a6;
        }


/*#endregion */
/*#endregion */

/*#region case */

.case-list {
    position: relative;
    padding: 0px 0;
}

    .case-list .col-1-2 {
        width: 46%;
        width: calc(46% - 12px);
        width: -moz-calc(46% - 12px);
        width: -webkit-calc(46% - 12px);
        margin-top: 0px;
        margin-left: 1%;
        margin-right: 7%;
        margin-bottom: 6%;
        font-size: 34px;
        border: 1px solid #e0e0e0;
        border-right: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        box-shadow: 8px 8px 0px rgba(0,0,0,0.5);
    }

        .case-list .col-1-2:hover {
            box-shadow: 12px 12px 0px rgba(0,0,0,0.7);
            /*box-shadow: 8px 8px 0px rgba(234,10,42,0.8);*/
        }

        .case-list .col-1-2:nth-child(2n) {
            margin-right: 0;
        }

        .case-list .col-1-2 > a {
            font-size: 26px;
            font-weight: 400;
            display: block;
            color: #333333;
        }

            .case-list .col-1-2 > a:hover {
                color: #ea0a2a;
            }

            .case-list .col-1-2 > a > span {
                font-size: 24px;
                display: block;
                padding: 10px 20px;
            }

    .case-list .case-content {
        margin-top: 10px;
    }

        .case-list .case-content > header {
            font-size: 28px;
            color: #000;
            padding: 0px 0 10px 0;
            border-bottom: 2px solid #333;
            margin-bottom: 20px;
        }

        .case-list .case-content > article {
            line-height: 1.8;
        }

            .case-list .case-content > article > p {
                font-size: 18px;
                text-align: justify;
                word-break: break-all;
                margin: 15px 0;
                text-indent: 2em;
            }

            .case-list .case-content > article > img {
                display: block;
                margin: 0 auto;
            }

@media all and (max-width: 768px) {
    .case-list {
        margin-top: 0px;
    }

        .case-list .grid {
            margin-top: 10px;
        }

        .case-list .col-1-2 {
            width: calc(100% - 8px);
            margin: 0;
            margin-bottom: 20px;
            box-shadow: 8px 8px 0px rgba(0,0,0,0.2);
        }

            .case-list .col-1-2:hover {
                box-shadow: 8px 8px 0px rgba(0,0,0,0.7);
            }

    .blok-read {
        height: auto;
    }
}


/*#region case category */

.case-cate-list {
    padding: 0px 0px 0px 0px;
    margin: 00px auto 00px;
}

    .case-cate-list .title {
        font-size: 34px;
        color: #fff;
        margin: 0px 0 30px 0;
    }

    .case-cate-list ul {
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

        .case-cate-list ul li {
            width: 46%;
            width: calc(46% - 12px);
            width: -moz-calc(46% - 12px);
            width: -webkit-calc(46% - 12px);
            margin-top: 0px;
            margin-left: 1%;
            margin-right: 7%;
            margin-bottom: 6%;
            float: left;
            list-style-type: none;
            min-height: 500px;
            background: #fff;
            border: 1px solid #e0e0e0;
            border-right: 0;
            /*box-shadow: 8px 8px 0px rgba(0,0,0,0.8);*/
            box-shadow: 8px 8px 0px rgba(0,0,0,0.5);
        }

            .case-cate-list ul li:hover {
                background: #f9f9f9;
                box-shadow: 12px 12px 0px rgba(0,0,0,0.8);
            }

            .case-cate-list ul li:nth-child(2n) {
                margin-right: 0px;
            }

            .case-cate-list ul li a {
                color: #000;
                text-decoration: none;
            }

                .case-cate-list ul li a:hover {
                    color: #ea0a2a;
                }

                .case-cate-list ul li a figure {
                    overflow: hidden;
                    position: relative;
                    line-height: 0;
                    height: 305px;
                    margin: 0;
                    padding: 0;
                    border: 0;
                    outline: none;
                }

                    .case-cate-list ul li a figure span {
                        -ms-transform: scale(1);
                        -moz-transform: scale(1);
                        -webkit-transform: scale(1);
                        transform: scale(1);
                        -o-transition: transform 0.5s;
                        -moz-transition: transform 0.5s;
                        -webkit-transition: transform 0.5s;
                        transition: transform 0.5s;
                        display: block;
                        width: 100%;
                        height: 100%;
                        margin: 0;
                        padding: 0;
                        background-size: cover;
                        vertical-align: bottom;
                    }

                .case-cate-list ul li a:hover figure span {
                    -ms-transform: scale(1.15);
                    -moz-transform: scale(1.15);
                    -webkit-transform: scale(1.15);
                    transform: scale(1.15);
                }

                .case-cate-list ul li a h2 {
                    padding: 10px 10px;
                    line-height: 1.5;
                    font-size: 24px;
                }

                .case-cate-list ul li a div {
                    padding: 20px 10px;
                    font-size: 24px;
                }

                    .case-cate-list ul li a div > i {
                        margin-left: 5px;
                        vertical-align: middle;
                    }

            .case-cate-list ul li span {
                display: block;
                color: #000;
                background: transparent;
                position: relative;
                font-size: 16px;
                text-align: left;
                min-height: 60px;
                line-height: 25px;
                margin: 0;
                padding: 0;
                padding: 0 10px;
            }

        .case-cate-list ul .last span {
            margin-bottom: 0px;
        }


@media screen and (max-width:768px) {
    .case-cate-list ul li {
        width: 100%;
        width: calc(100% - 8px);
        width: -moz-calc(100% - 8px);
        width: -webkit-calc(100% - 8px);
        margin-top: 10px;
        margin-bottom: 20px;
        background: #f7f7f7;
        /*box-shadow: 8px 8px 0px rgba(0,0,0,0.8);*/
        box-shadow: 8px 8px 0px rgba(0,0,0,0.2);
    }

        .case-cate-list ul li:hover {
            background: #f9f9f9;
            box-shadow: 8px 8px 0px rgba(0,0,0,0.7);
        }
}

/*#endregion */

/*#region img-block-two */

.case-detail {
    position: relative;
    background: #fff;
    padding: 0px 0;
}

    .case-detail .block-1 {
        width: calc(100% + 180px);
        height: auto;
        margin-top: 40px;
        color: #000;
        padding: 20px 20px 20px 20px;
        background-color: rgba(255,255,255,0.95);
        border: 1px solid #333;
        box-shadow: 10px 10px 0px rgba(0,0,0,.7);
        margin-left: -200px;
        z-index: 999;
        margin-bottom: 80px;
    }

        .case-detail .block-1 > p {
            text-align: left;
            line-height: 30px;
            margin-bottom: 10px;
        }

        .case-detail .block-1 > h2 {
            text-align: left;
            line-height: 30px;
            margin-bottom: 10px;
        }

@media all and (max-width: 768px) {
    .case-detail .col-1-2 {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .case-detail .block-1 {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0px;
        margin-top: 0px;
        padding: 0px;
        box-shadow: 0px 5px 2px rgba(0,0,0,0.5);
    }

        .case-detail .block-1 > p {
            text-align: left;
            line-height: 30px;
            margin-bottom: 10px;
        }

        .case-detail .block-1 > h2 {
            font-size: 18px;
        }
}

/*#endregion */

/*#endregion */

/*#region product */

.product-list {
    padding: 0px 0px 0px 0px;
    margin: 00px auto 00px;
}

    .product-list .title {
        font-size: 34px;
        color: #fff;
        margin: 0px 0 30px 0;
    }

    .product-list ul {
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

        .product-list ul li {
            float: left;
            list-style-type: none;
            min-height: 500px;
            width: 46%;
            width: calc(46% - 12px);
            width: -moz-calc(46% - 12px);
            width: -webkit-calc(46% - 12px);
            margin-top: 0px;
            margin-left: 1%;
            margin-right: 7%;
            margin-bottom: 6%;
            background: #fff;
            border: 1px solid #d0d0d0;
            box-shadow: 8px 8px 0px rgba(0,0,0,0.5);
        }

            .product-list ul li:hover {
                border: 1px solid #aaaaaa;
                box-shadow: 12px 12px 0px rgba(0,0,0,.7);
            }

            .product-list ul li:nth-child(2n) {
                margin-right: 0;
            }

            .product-list ul li a {
                color: #000000;
                text-decoration: none;
            }

                .product-list ul li a:hover {
                    color: #ea0a2a;
                }

                .product-list ul li a figure {
                    overflow: hidden;
                    position: relative;
                    line-height: 0;
                    height: 333px;
                    margin: 0;
                    padding: 0;
                }

                    .product-list ul li a figure span {
                        -ms-transform: scale(1);
                        -moz-transform: scale(1);
                        -webkit-transform: scale(1);
                        transform: scale(1);
                        -o-transition: transform 0.5s;
                        -moz-transition: transform 0.5s;
                        -webkit-transition: transform 0.5s;
                        transition: transform 0.5s;
                        display: block;
                        width: 100%;
                        height: 100%;
                        margin: 0;
                        padding: 0;
                        background-size: cover;
                    }

                .product-list ul li a:hover figure span {
                    -ms-transform: scale(1.05);
                    -moz-transform: scale(1.05);
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05);
                }

                .product-list ul li a h2 {
                    padding: 10px 20px;
                    font-size: 26px;
                    font-weight: 400;
                }

            .product-list ul li span {
                display: block;
                color: #000;
                background: transparent;
                position: relative;
                font-size: 16px;
                text-align: left;
                min-height: 60px;
                line-height: 25px;
                margin: 0;
                padding: 0px 20px 10px 20px;
            }

                .product-list ul li span > i {
                    padding: 10px 0px;
                    font-size: 24px;
                }

        .product-list ul .last span {
            margin-bottom: 0px;
        }


        .product-list ul li a:hover span:last-child {
            color: #ea0a2a;
        }

@media all and (max-width: 768px) {
    .product-list {
        margin-top: 10px;
    }

        .product-list ul li {
            width: calc(100% - 12px);
            box-shadow: 8px 8px 0px rgba(0,0,0,0.2);
        }

            .product-list ul li:hover {
                box-shadow: 8px 8px 0px rgba(0,0,0,0.7);
            }

            .product-list ul li a figure {
                min-height: 210px;
            }

            .product-list ul li a h2 {
                font-size: 22px;
            }
}

/*#endregion */

/*#region news */

.news-list {
    padding: 0px 0px 0px 0px;
    margin: 00px auto 00px;
}

    .news-list ul {
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

        .news-list ul li {
            float: left;
            list-style-type: none;
            width: 46%;
            width: calc(46% - 12px);
            width: -moz-calc(46% - 12px);
            width: -webkit-calc(46% - 12px);
            margin-top: 0px;
            margin-left: 1%;
            margin-right: 7%;
            margin-bottom: 6%;
            background: #fff;
            border: 1px solid #e0e0e0;
            border-right: 0;
            box-shadow: 8px 8px 0px rgba(0,0,0,0.5);
        }

            .news-list ul li:hover {
                box-shadow: 12px 12px 0px rgba(0,0,0,0.7);
                /*box-shadow: 8px 8px 0px rgba(234,10,42,0.8);*/
            }


            .news-list ul li:nth-child(2n) {
                margin-right: 0px;
            }

            .news-list ul li a {
                color: #000;
                text-decoration: none;
            }

                .news-list ul li a:hover {
                    color: #ea0a2a;
                }

                .news-list ul li a figure {
                    overflow: hidden;
                    position: relative;
                    line-height: 0;
                    height: 333px;
                    margin: 0;
                    padding: 0;
                }

                    .news-list ul li a figure span {
                        -ms-transform: scale(1);
                        -moz-transform: scale(1);
                        -webkit-transform: scale(1);
                        transform: scale(1);
                        -o-transition: transform 0.5s;
                        -moz-transition: transform 0.5s;
                        -webkit-transition: transform 0.5s;
                        transition: transform 0.5s;
                        display: block;
                        width: 100%;
                        height: 100%;
                        margin: 0;
                        padding: 0;
                        background-size: cover;
                    }

                .news-list ul li a:hover figure span {
                    -ms-transform: scale(1.15);
                    -moz-transform: scale(1.15);
                    -webkit-transform: scale(1.15);
                    transform: scale(1.15);
                }

                .news-list ul li a h2 {
                    min-height: 110px;
                    padding: 15px;
                    font-size: 18px;
                    line-height: 1.6;
                }

            .news-list ul li span {
                display: block;
                color: #333;
                background: transparent;
                position: relative;
                font-size: 14px;
                text-align: left;
                min-height: 60px;
                line-height: 25px;
                margin: 0;
                padding: 0;
                padding: 0 10px;
            }

        .news-list ul .last span {
            margin-bottom: 0px;
        }

@media all and (max-width: 768px) {
    .news-list {
        margin-top: 10px;
        margin-bottom: 20px;
    }

        .news-list ul li {
            width: calc(100% - 8px);
            box-shadow: 8px 8px 0px rgba(0,0,0,0.2);
        }

            .news-list ul li:hover {
                border: 1px solid #d5d5d5;
                box-shadow: 8px 8px 0px rgba(0,0,0,0.7);
            }
}



.page {
    font-size: 0;
    margin: 20px 0;
    text-align: right;
    vertical-align: middle;
}

    .page a {
        display: inline-block;
        padding: 5px 8px;
        font-size: 14px;
        margin: 0 5px 0 0;
        background: #ea0a2a;
        color: #fff;
        border-radius: 1px;
        text-align: center;
        text-decoration: none
    }

        .page a.currentpage {
            background: #231815;
            color: #fff;
        }

        .page a:hover {
            background: #231815;
            color: #fff;
        }

    .page span {
        font-size: 14px;
        margin: 0 2px;
        line-height: 24px;
    }




@media all and (max-width: 768px) {
    .page {
        text-align: center;
        margin-bottom: 20px;
        background: #ea0a2a;
        box-shadow: 0px 3px 2px rgba(0,0,0,0.8);
    }

        .page a {
            display: inline-block;
            padding: 8px 8px;
            font-size: 14px;
            margin: 0 5px 0 0;
            background: #ea0a2a;
            color: #fff;
            border-radius: 1px;
            text-align: center;
            text-decoration: none
        }

            .page a.selected {
                background: #231815;
                color: #fff;
            }

            .page a:hover {
                background: #231815;
                color: #fff;
            }

        .page span {
            font-size: 14px;
            margin: 0 2px;
            line-height: 24px;
        }
}



@media only screen and (max-width:990px) {
}

@media only screen and (max-width:479px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
}

@media screen and (min-width: 1023px) {
}

@media screen and (min-width: 1367px) {
}

/*#endregion */
