/**
 * style.less
 * 层叠样式表
 */
 /*
@font-face {
    font-family: 'HONOR';
    src: url('../fonts/HONORSansCN-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'),
        url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype'),
        url('../fonts/iconfont.svg#iconfont') format('svg');
}
@font-face {
    font-family: 'AgencyFB-Reg';
    src: url('../fonts/agencyfb-reg.eot');
    src: url('../fonts/agencyfb-reg.eot') format('embedded-opentype'),
        url('../fonts/agencyfb-reg.woff2') format('woff2'),
        url('../fonts/agencyfb-reg.woff') format('woff'),
        url('../fonts/agencyfb-reg.ttf') format('truetype'),
        url('../fonts/agencyfb-reg.svg#iconfont') format('svg');
}


@font-face {
    font-family: 'AvantGardeITCbyBT-Book';
    src: url('../fonts/avantgardeitcbybt-book.eot');
    src: url('../fonts/avantgardeitcbybt-book.eot') format('embedded-opentype'),
        url('../fonts/avantgardeitcbybt-book.woff2') format('woff2'),
        url('../fonts/avantgardeitcbybt-book.woff') format('woff'),
        url('../fonts/avantgardeitcbybt-book.ttf') format('truetype'),
        url('../fonts/avantgardeitcbybt-book.svg#iconfont') format('svg');
}
@font-face {
    font-family: 'AvantGardeITCbyBT-Demi';
    src: url('../fonts/avantgardeitcbybt-demi.eot');
    src: url('../fonts/avantgardeitcbybt-demi.eot') format('embedded-opentype'),
        url('../fonts/avantgardeitcbybt-demi.woff2') format('woff2'),
        url('../fonts/avantgardeitcbybt-demi.woff') format('woff'),
        url('../fonts/avantgardeitcbybt-demi.ttf') format('truetype'),
        url('../fonts/avantgardeitcbybt-demi.svg#iconfont') format('svg');
}



@font-face {
    font-family: 'impact';
    src: url('../fonts/impact.ttf');
    src: url('../fonts/impact.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/roboto-regular.ttf');
    src: url('../fonts/roboto-regular.ttf') format('truetype');
}
*/

body {
    font-family: 'Arial', 'Microsoft YaHei' !important;
    font-size: 14px;
    font-weight: 400;

    color: #333;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    
}

body.fixed {
    position: fixed;

    overflow: hidden;

    width: 100%;
    height: 100%;
}

body.searchactive {
    position: fixed;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
tr{    border: 1px solid #ccc!important;}
td{    border: 1px solid #ccc!important;}
li,
ol,
ul {
    list-style: none;
}

a {
    color: inherit;
}

a:hover,
a:link,
a:visited {
    text-decoration: none;

    color: inherit;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;

    -webkit-appearance: none;
}

ul {
    margin: 0;
    padding: 0;
}

button,
input,
textarea {
    resize: none;

    border: none;
    outline: none;
}

img {
    border: 0;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:hover {
    text-decoration: none;

    color: inherit;
}

a:visited,
a:link {
    text-decoration: none;

    color: inherit;
}

h1,
h2,
h3 {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

.main {
   
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.w-100 {
    margin: 0 auto;
    width: 1600px;
}

.w-1400 {
    width: 1400px;
    margin: 0 auto;
}
.w-1200 {
    width: 1200px;
    margin: 0 auto;
}

@media (max-width: 1600px) {
    .w-100 {
    margin: 0 auto;
    width: 90%;
}
    .w-1400 {
        padding: 0 2%;
        width: 100%;
    }
    .w-1200 {
        padding: 0 2%;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .w-1400 {
        padding: 0 3%;
    }
    .w-1200 {
        padding: 0 3%;
    }
}

.img-box {
    /* position: relative; */

    display: block;
    overflow: hidden;


}

.img-box img {


    display: block;

    width: 100%;
    height: 100%;
}

.img-box img[src=''],
.img-box img:not([src]) {
    opacity: 0;
    border: 0;
}

*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus,
a:link {
    outline: none !important;
}

.header {
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 120px;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #0063bf;

}

@media (max-width: 1199px) {
    .header {
        height: 66px;
        box-shadow: 0 0 5px #bbb;
    }
}

.header .logo {
    float: left;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding: 20px 0 0px;
    
}
.header .logo img{
    width: 195px;
}
@media (max-width: 1280px) {
    .header .logo {
        left: 3%;
    }
}

@media (max-width: 1199px) {
   
    .header .logo img {
        width: 156px;
    }
}
@media (max-width: 767px) {
    .header .logo{padding: 10px 0 0px;}
    .header .logo img{
        width: 117px;
    }
}
.header .logo a {
    display: block;

    height: 100%;
}

.header .logo img {
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.header .nav-collapse {
    position: relative;
    z-index: 10;

    display: none;
    float: right;

    width: 40px;
    height: 40px;
    margin-left: 10px;
    padding: 0;

    cursor: pointer;

    background: none;
}

@media (max-width: 1199px) {
    

    .header .nav-collapse {
        display: block;
        margin-top: 13px;
        margin-right: 15px;
    }

    .header .nav-collapse.nav-collapse-1 {
        position: absolute;
        z-index: 9999;
        top: 15px;
        right: 20px;
        display: block;
        margin-top: 10px;
        border: none;
    }

    .header .nav-collapse.nav-collapse-1 .btn-line {
        background-color: #fff !important;
    }
}

@media (max-width: 767px) {
    .header .nav-collapse {
        position: absolute;
        top: 13px;
        right: 0;

        margin-top: 0;

        border: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header .nav-collapse.nav-collapse-xs:hover .btn-line {
        background-color: #000;
    }
}

.header .nav-collapse .btn-line {
    position: absolute;
    left: 50%;

    width: 20px;
    height: 2px;

    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    background-color: #fff;
}

.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1) {
    position: absolute;

    display: block;

    width: 20px;
    height: 2px;

    content: '';
    -webkit-transition: all .5s ease;
    transition: all .5s ease;

    background-color: #fff;
}

.header .nav-collapse .btn-line:nth-child(1) {
    top: 35%;
}

.header .nav-collapse .btn-line:nth-child(2) {
    top: 50%;
}

.header .nav-collapse .btn-line:nth-child(3) {
    top: 65%;
}

.header .nav-collapse.active {
    border-color: transparent;
}

.header .nav-collapse.active .btn-line {
    background-color: #fff;
}

.header .nav-collapse.active .btn-line:nth-child(2) {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);

    opacity: 0;
}

.header .nav-collapse.active .btn-line:nth-child(1) {
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotateZ(45deg);
}

.header .nav-collapse.active .btn-line:nth-child(3) {
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotateZ(-45deg);
}

.header .navbg {
    position: absolute;
    top: 100%;
    left: 0;

    display: none;

    width: 100%;
    height: 50px;

    background-color: rgba(0, 0, 0, .6);
}

@media (min-width: 1200px) {
    .header .nav {
            transform: translateY(100%);
        float: right;
   
    }
}

@media (max-width: 1440px) {
    .header .nav {
        margin-left: 0%;
    }
}

@media (max-width: 1280px) {
    .header .nav {
        margin-left: 0%;
    }
}

@media (max-width: 1199px) {
    .header .nav {
        margin-left: 0%;
    }
}

@media (max-width: 1199px) {
    .header .nav {
        position: fixed;
        z-index: 9998;
        top: 0;
        left: 0;

        display: none;

        width: 100%;
        
        padding: 0 50px;

        -webkit-transition: left .3s;
        transition: left .3s;
        text-align: left;
        text-align: center;

        background: #fafafa;
        background-color: rgba(0, 0, 0, .9);
    }

    .header .nav .tbl {
        display: table;

        width: 100%;
        height: 100%;
    }

    .header .nav .tbl-cell {
        display: table-cell;

        height: 100%;

        vertical-align: middle;
    }

}

@media (max-width: 767px) {
    .header .nav {
        width: 100%;
        padding: 30px;
    }
}

.header .nav.left-100 {
    left: -100%;
}

.header .nav.left-200 {
    left: -200%;
}

@media (min-width: 1200px) {
    .header .nav .nav-list1{
        overflow: hidden;
    }
    .header .nav .nav-list1>li {
        float: left;
        margin: 0 10px;    display: flex;
    }
        
    .header .nav .nav-list1>li>a {
        font-size: 20px;
        line-height: 42px;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
        position: relative;
        z-index: 2;
        font-weight: 400;
        display: inline-block;

        padding: 0 20px;

        -webkit-transition: all .4s;
        transition: all .4s;
        color: #fff;
        
    }

    .header .nav .nav-list1>li>a:before {content: ""; position: absolute; width: 0%; height: 1px; background: #fff; bottom: 0; left: 0; right: 0; margin: 0 auto;transition: all .4s; }

    .header .nav .nav-list1>li:hover a,
    .header .nav .nav-list1>li.active a {
        
    }

    .header .nav .nav-list1>li.li:hover a:before,
    .header .nav .nav-list1>li.li.active a:before {
       content: ""; position: absolute; width: 60%; height: 1px; background: #fff; bottom: 0; left: 0; right: 0; margin: 0 auto;
    }
    
    .header .nav .nav-list1 li .find{background:  url(../img/find-ico.png) center no-repeat; position: relative;}
    .header .nav .nav-list1 li .finde{background:  url(../img/finde-ico.png) left center no-repeat; padding: 0 0 0 32px; margin:  0 0 0 20px; }
    
    .header.fixed-header .nav .nav-list1 li .find{background:  url(../img/find-ico.png) center no-repeat; background-size: 20px;}
    .header.fixed-header .nav .nav-list1 li .finde{background:  url(../img/finde-ico.png) left center no-repeat; background-size: 20px; font-size: 14px;}

    .header .nav .nav-list1 li .find:before{    content: "";    position: absolute;    right: -5px;    top: 20%;    width: 1px;    height: 60%;    background: #fff;}
    
    .header .nav .nav-list1 .nav-list2 {
        position: absolute;
        z-index: 50;
        top: 100%;

        display: none;

        min-width: 280px;
        padding: 0;

        text-align: center;
        text-align: left;
    }

    .header .nav .nav-list1 .nav-list2 li {
        display: inline-block;

        list-style: none;
    }

    .header .nav .nav-list1 .nav-list2 li:last-child {
        border-bottom: none;
    }

    .header .nav .nav-list1 .nav-list2 li>a {
        font-size: 14px;
        line-height: 50px;

        position: relative;
        z-index: 1;

        display: block;

        padding: 0 18px;

        -webkit-transition: all .2s;
        transition: all .2s;
        text-align: center;

        color: #fff;
    }

    .header .nav .nav-list1 .nav-list2 li>a:before {
        font-family: 'iconfont' !important;

        margin-right: 6px;

        content: '\e72f';
    }

    .header .nav .nav-list1 .nav-list2 li>a:hover {
        color: #d7000f;
    }
}

@media (max-width: 1680px) {
    .header .nav {
    }
    .header .nav .nav-list1>li {
        margin: 0 2px;
    }
    .header .nav .nav-list1>li>a {
        padding: 0 12px;
    }
}
@media (max-width: 1600px) {
    .header .nav .nav-list1>li {
        margin: 0 15px;
    }
}



@media (max-width: 1440px) {
    .header .nav .nav-list1>li {
        margin: 0 12px;
    }

    .header .nav .nav-list1>li>a {
        padding: 0 0px;
    }
}

@media (max-width: 1366px) {
    .header .nav .nav-list1>li>a {
        font-size: 15px;
    }
    .header .nav .nav-list1>li {
        margin: 0 10px;
    }
}

@media (max-width: 1365px) {
    .header .nav .nav-list1>li>a {
        padding: 0 14px;
    }
}

@media (max-width: 1280px) {
    .header .nav .nav-list1>li {
        margin: 0 1px;
    }

    .header .nav .nav-list1>li>a {
        padding: 0 13px;
    }
}

@media (max-width: 1199px) {
    .header .nav .nav-list1 {
        margin: 20px 0;

        opacity: 0;
    }

    .header .nav .nav-list1>li {
        -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);

        opacity: 0;
    }

    .header .nav .nav-list1>a {
        font-size: 20px;

        color: #fff;
    }

}

@media (max-width: 1199px) {

    .header .nav .nav-list2,
    .header .nav .nav-list3 {
        display: none;
    }

    .header .nav .nav-list2 a,
    .header .nav .nav-list3 a {
        font-size: 16px;
        line-height: 2;

        margin-top: 5px;

        color: #fff;
    }
}

.header .nav .nav-list2 a,
.header .nav .nav-list3 a {
    display: block;
}

@media (max-height: 580px) {

    .header .nav .nav-list2 a,
    .header .nav .nav-list3 a {
        margin-top: 0;
    }
}

.header .fade-out ul {
    text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .header .fade-out ul {
        padding: 0 5%;
    }
}

@media (max-width: 1199px) {
    .header .fade-out ul .pic {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .header .fade-out ul.nav-list1 {
        opacity: 1;
    }

    .header .fade-out ul.nav-list1 a {
        color: #fff;
    }

    .header .fade-out ul.nav-list1>li {
        position: relative;

        margin: 20px 0;
    }

    .header .fade-out ul.nav-list1>li.act {
        -webkit-transition: all .4s;
        transition: all .4s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);

        opacity: 1;
    }

    .header .fade-out ul.nav-list1>li.more:after {
        font-family: 'iconfont';
        font-size: 18px;

        position: absolute;
        top: 50%;
        right: 0;

        margin-top: -14px;

        content: '\e72f';

        color: #fff;
    }

    .header .fade-out ul.nav-list1>li>a {
        font-size: 22px;
        line-height: 2.5;

        display: block;

        text-transform: uppercase;
        text-align: center;
    }

    .header .fade-out ul.nav-list1 .nav-list2>li>a {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .header .fade-out ul.nav-list1>li>a {
        font-size: 20px;
    }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .header .fade-out ul.nav-list1>li {
        margin: 0;
    }
}

@media (max-width: 1199px) and (max-height: 768px) {
    .header .fade-out ul.nav-list1 .nav-list2>li>a {
        font-size: 18px;
    }

}

@media (max-width: 1199px) and (max-width: 480px) {
    .header .fade-out ul.nav-list1 .nav-list2>li>a {
        font-size: 14px;
    }
}

.header .fade-out ul.nav2-list2 h4 {
    font-size: 20px;
    line-height: 50px;
}

@media (min-width: 1200px) {
    .header.fixed-header {
           height: 66px;
    }
    .header.fixed-header .nav{
        transform: translateY(0%);
        height: 66px;
       
    }
    
    
    .header.fixed-header .nav .nav-list1>li>a{
        
        font-size: 16px;
    }
    
    .header.fixed-header .logo {
           padding: 4px 0 0;
    }
    .header.fixed-header .logo a img {
        width: 156px;
        -webkit-transition: all .4s;
        transition: all .4s;
    }
    .header.fixed-header .nav .nav-list1 .nav-list2 {
        top: 70px;
    }

    .header.fixed-header .nav .nav-list1>li>a {
        line-height: 60px;
    }

    .header.fixed-header .wechate a {
        line-height: 70px;
    }

    .header.fixed-header .language ul li {
        line-height: 70px;
    }

    .header.fixed-header .pc-search {
        margin-top: 21px;
    }

    .header.fixed-header .header-right-ico .header-ico {
        margin-top: 15px;
    }
}

.header .seach-phone {
    /* font-family: 'impact'; */
    position: absolute;
    right: 0;
    top: 0;
    
    height: 100px;
    line-height: 100px;
    color: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.header .phone.phone1 {
    display: none;
}

.header .phone {
    font-family: 'impact';
    float: left;
    padding-left: 43px;
    font-size: 32px;
    position: relative;
    color: #0063bf;
    
}

.header .phone:before {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-top: -14px;


    font-size: 36px;
    background: url(../img/tel-ico.png) no-repeat;
    background-size: 100% 100%;
    content: "";
}

@media (min-width: 1200px) {
    .header.fixed-header .seach-phone {
        height: 66px;
        line-height: 66px;
    }

    .header.fixed-header .phone .icon-dianhua {
        left: 36px;
    }

    .header.fixed-header .find {
        height: 66px;
        line-height: 66px;
        padding-bottom: 18px;
        
    }
    .header.fixed-header .finde {
        height: 66px;
        line-height: 66px;
        padding-bottom: 18px;
    }
}

@media (max-width: 1199px) {
    .header .phone {
        display: none;
    }

    .header .phone.phone1 {
        font-family: 'impact';
        display: block;
        width: 100%;
        text-align: center;
        font-size: 28px;
        padding: 0;
    }

    .header .phone:before {
        display: none;
    }

    .p-phone {
        display: inline-block;
        font-size: 32px;
        transform: rotate(90deg);
    }
}

@media (max-width:767px) {
    .header .phone.phone1 {
        font-size: 28px;
    }
}


/*搜索*/
.header .find {
    float: right;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: #0063bf url(../img/find-ico.png) center no-repeat;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.header .finde {
    float: right;
    width: 60px;
    height: 42px;
    line-height: 42px;
    background: #0063bf url(../img/finde-ico.png) left center no-repeat;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
    color: #fff;
    font-size: 20px;
}
.header.fixed-header.course .find {
    color: #6c6c6c;
}


@media (max-width: 1440px) {
    .header .seach-phone {
        width: auto;
    }

    .header .seach-phone .phone {
        font-size: 30px;
        padding-right: 30px;
    }

    .header .find {
        /* padding-left: 20px;
        padding-right: 20px; */
    }
}

@media (max-width: 1280px) {
    .header .seach-phone .phone {
        font-size: 20px;
        padding-right: 30px;
    }
}

@media (max-width: 1199px) {
    .header .seach-phone {
        background: none;
        height: 66px;
        line-height: 66px;
        margin-right: 9%;
    }

}
@media (max-width: 767px){
    .header .find {
        width: 66px;
    }
    .header .seach-phone{
        margin-right: 17%;
    }
    .header .find{
        background-size: 18px 18px;
    }
}

/*搜索弹窗*/
.header .search-box {
    position: fixed;
    z-index: 99999;
    top: 100%;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-top: 0;
    margin-right: 10px;
    padding: 0 3%;

    background-color: rgba(0, 0, 0, .8);
}

.header .search-box .search {
    line-height: 40px;

    overflow: hidden;
    zoom: 1;

    width: 240px;

    border: 1px solid #dbdbdb;
    border-radius: 40px;
}

.header .search-box .search:after {
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}

.header .search-box .input-text {
    float: left;

    height: 38px;
    padding-left: 10%;

    background: none;
}

@media (min-width: 768px) {
    
    .header .search-box .input-text {
        width: 100%;
        padding: 0 50px 0 3%;
    }
}

.header .search-box .input-submit {
    line-height: 36px;

    float: right;

    width: 50px;

    -webkit-animation: fadeInLeft 1s 0s ease both;
    animation: fadeInLeft 1s 0s ease both;
    font-size: 24px;
    background: none;
}

/* .header .search-box .input-submit:before
{
    font-family: 'iconfont' !important;
    

    font-size: 22px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '';

    color: #fff;
} */
@media (min-width: 768px) {
    .header .search-box .input-submit {
        position: absolute;
        right: 0;
        bottom: 20px;
    }
}

.header .search-box.search-xs {
    width: 100%;
    margin: 0;

    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    background: none;
}

@media (min-width: 1200px) {
    .header .search-box.search-xs {
        display: none;
    }
}

@media (max-width: 1199px) {
    .header .search-box.search-xs {
        position: absolute;
        z-index: 0;
        top: auto;
        right: 0;
        bottom: 0;
        bottom: 30px;

        display: inline-block;

        height: 34px;
    }
}

.header .search-box.search-xs.show {
    z-index: 66;
}

.header .search-box.search-xs.show .search {
    left: 0;
}

.header .search-box.search-xs .search {
    position: absolute;
    z-index: 888;
    top: 0;
    left: 120%;

    width: 100%;

    -webkit-transition: left .3s;
    transition: left .3s;

    border-color: #fff;
    background: #fff;
}

@media (max-width: 360px) {
    .header .search-box.search-xs form .input-text {
        width: 74%;
    }
}

@media (max-width: 767px) {
    .header .search-box.search-xs form .input-text {
        padding-left: 5%;
    }
}

.header .search-box.search-xs .input-submit {
    line-height: 34px;

    background: #fff;
}

.header .search-box.search-xs .input-submit:before {
    color: #104384;
}

.header .search-icon {
    position: absolute;
    z-index: 10;
    top: 18px;
    left: 15px;

    display: inline-block;
    display: none;

    cursor: pointer;
}

.header .search-icon:before {
    font-family: 'iconfont' !important;
    font-size: 18px;

    content: '\e660';

    color: #8cc63f;
}

.header .search-lg {
    top: 0;
}

.header .search-lg .logo {
    margin-top: 20px;
    margin-left: 0;
}

.header .search-lg .search {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    width: 90%;
    max-width: 800px;
    margin: auto;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
}

.header .search-lg .search p {
    margin-bottom: 10px;

    -webkit-animation: zoomIn 1s 0s ease both;
    animation: zoomIn 1s 0s ease both;
    text-align: center;
    letter-spacing: 2px;

    color: #fff;
}

.header .search-lg .input-text {
    font-size: 16px;
    line-height: 30px;

    width: 80%;
    height: 60px;
    padding: 0 10px;
    /*padding-bottom: 30px;*/

    -webkit-animation: zoomIn 1s 0s ease both;
    animation: zoomIn 1s 0s ease both;

    color: #fff;
}

.header .search-lg input::-webkit-input-placeholder,
.header .search-lg textarea::-webkit-input-placeholder {
    color: #fff;
}

.header .search-lg input:-o-placeholder,
.header .search-lg textarea:-o-placeholder {
    color: #fff;
}

.header .search-lg input::-moz-placeholder,
.header .search-lg textarea::-moz-placeholder {
    color: #fff;
}

.header .search-lg input:-ms-input-placeholder,
.header .search-lg textarea:-ms-input-placeholder {
    color: #fff;
}

.header .search-lg input:focus::-webkit-input-placeholder,
.header .search-lg textarea:focus::-webkit-input-placeholder {
    color: #fff;
}

.header .search-lg input:focus::-o-placeholder,
.header .search-lg textarea:focus::-o-placeholder {
    color: #fff;
}

.header .search-lg input:focus::-moz-placeholder,
.header .search-lg textarea:focus::-moz-placeholder {
    color: #fff;
}

.header .search-lg input:focus::-ms-input-placeholder,
.header .search-lg textarea:focus::-ms-input-placeholder {
    color: #fff;
}

.header .search-lg .close-btn {
    position: fixed;
    top: 34px;
    right: 18%;

    cursor: pointer;
}

@media (max-width: 1440px) {
    .header .search-lg .close-btn {
        right: 8%;
    }
}

.header .search-lg .close-btn:before {
    font-size: 20px;

    content: '\2716';

    color: #fff;
}

/*搜索弹窗end*/





/*foot*/
.foot-bg-1 {
    background: #0063bf;
    padding: 80px 0;
    clear: both;
}

.foot_logo {
    float: left;
}

.foot_linka{ float: right;}
.foot_linka a{ padding: 0 12px 0 22px;}

.foot_nav{ clear: both; display: flex; padding: 85px 0 36px;     justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.17)}
.foot_nav a{ display: block;  text-align: center; font-size: 24px; color: #fff;  font-family: "HONOR";}


.foot_t{ margin: 80px 0 0 ; position: relative; }
.foot_t form{ margin: 0 0 10px; }
.foot_t form input{ width: 31%; background: #fff; line-height: 60px; float: left; padding: 0 20PX; font-size: 20px;}

.foot_t form input[type='text']::-webkit-input-placeholder{ text-align: center; color: #0063bf;}
.foot_t form input[type='text']:-moz-placeholder{ text-align: center; color: #0063bf;}
.foot_t form input[type='text']::-moz-placeholder{ text-align: center; color: #0063bf;}
.foot_t form input[type='text']:-ms-input-placeholder{ text-align: center; color: #0063bf;}
.foot_t form button{ border: #003567 solid 1px; width: 70px; height: 60px; background: url(../img/youjian.png) center center no-repeat #003567; float: left;}
.font_tt{ clear: both; }
.foot_t0{  color: #fff;      font-size: 20px; font-weight: 300;  margin: 8px 0;  line-height: 32px;}
.foot_t1{ background: url( ../img/youjian_o.png) no-repeat left 10px; padding: 0 0 0 40px; margin: 30px 0 0; }
.foot_t2{ background: url( ../img/shouji.png) no-repeat left 1px; padding: 0 0 0 40px;}
.foot_t3{ background: url( ../img/dingwei.png) no-repeat left 10px; padding: 0 0 0 40px;}
.foot_t4{ background: url( ../img/c.png) no-repeat left 10px; background-size: 20px; padding: 0 0 0 40px;}

.foot_ewm{ position: absolute; top: 0px; right: 0; }
.foot_ewm span{ display: block; float: right; clear: both;}
.foot_ewm .span1{ background: url(../img/24gl-phone24h.png) left center no-repeat; padding: 0 0 0 30px; font-size: 16px; color: #fff;}
.foot_ewm .span2{ color: #fff; font-size: 30px; font-weight: bold; margin: 10px 0; }
.foot_ewm img{  clear: both;     display: block; float: right; }

.w-1500{
    width: 1500px;
    margin: 0 auto;
}











@media (max-width: 1500px) {
    .w-1500{
        width: 100%;
        padding: 0 3%;
    }
}

.foot-logo {
    position: absolute;
    left: 50%;
    top: 56px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 116px;
}
.foot-logo img{
    border: 1px solid #dcdcdc;
    width: 100%;
}
.foot-bg-border {
    border-top: 1px solid #3f3f3f;
    border-bottom: 1px solid #3f3f3f;
}


.foot-contect {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 72px 0 50px 0;
}

.foot-contect .font-ico-txt {
    display: inline-block;
    font-size: 16px;
    color: #666;
    margin: 0 26px;

    letter-spacing: 0.6px;
}

.foot-contect .font-ico-txt span {
    margin-right: 10px;
    font-size: 18px;
    color: #949494;
}

/* .foot-contect .font-ico-txt img{
    float: left;
    vertical-align: middle;
    padding-bottom: 3px;
    margin-right: 10px;
}
 */
.foot-ewm{
    float: right;
}
.foot-ewm img{
    border: 1px solid #dcdcdc;
}
.foot-lx-r{
    float: right;
    text-align: left;
    max-width: 330px;
    padding-top: 18px;
}
.foot-lx-l{
    float: left;
    text-align: left;
    max-width: 420px;
    padding-top: 18px;
}

.foot-lx-1{
    float: left;
    width: 100%;
    line-height: 20px;
    padding: 10px 0;
    font-size: 16px;
    color: #666;
}
.foot-lx-1 img{
    vertical-align: middle;
    padding-bottom: 3px;
    margin-right: 16px;
}
.link-phone {
    float: left;
    width: 100%;
    line-height: 42px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

}



.link-phone a {
    float: left;
    width: 15%;
    line-height: 44px;
    font-size: 16px;
    color: #010101;
    text-align: center;
    position: relative;
}
.link-phone a::after{
    position: absolute;
    right: 0;
    top: 0%;
    color: #999;
    content: "/";
}
.link-phone a:last-child{
    width: 10%;
    text-align: right;
} 
.link-phone a:last-child::after{
    display: none;
}
.link-phone a:first-child{
    width: 10%;
    text-align: left;
} 
.link-phone a:hover {
    color: #0063bf;
}



.foot-copy {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999;
    line-height: 26px;
    background: #eee;
    padding: 12px 0 12px 0;
    text-align: center;
    margin-top: 50px;
}

.foot-copy span {
    display: inline-block;
    margin: 0 22px;
}
.foot-copy a{
    display: inline-block;
    margin: 0 22px;
}

@media (max-width: 1440px) {
    .foot-logo{
        top: 30px;
    }
    .foot-contect {
        padding: 50px 0 30px 0;
    }
    .foot-lx-1 {
        font-size: 14px;
    }
    .foot-contect .font-ico-txt {
        margin: 0 10px;
        font-size: 14px;
    }

    .link-phone a {
        font-size: 13px;
    }
    .foot-copy {
        padding: 10px 0 10px 0;
        margin-top: 30px;
    }
        
}

@media (max-width: 1399px) {
    .foot-contect .font-ico-txt.foot-ico-phone {
        width: 17.1%;
    }

    .foot-contect .font-ico-txt.foot-ico-tel {
        width: 17%;
    }
}

@media (max-width: 1199px) {

    .foot-contect {
        padding: 5px;
    }

    .foot-contect .font-ico-txt {
        margin: 5px 0;
    }

}

@media (max-width: 991px) {
    .foot-bg-1 {
        background-size: auto 100%;
    }
    .foot-ewm{
        margin-top: 50px;
    }
    .foot-copy{
        margin-top: 20px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .foot-logo {
        padding: 20px 0 10px 0;
    }

    .foot-contect {
        padding: 150px 0% 10px 0%;
    }
    .foot-ewm{
        position: absolute;
        top: 0;
        left: 50%;
        margin-top: 20px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .foot-lx-l {
        width: 100%;
        max-width: 100%;
        padding-top: 0px;
    }
    .foot-lx-r{
        width: 100%;
        max-width: 100%;
        padding-top: 0px;
    }
    .foot-lx-1{
        padding: 5px 0;
    }
    .foot-lx-1 img{
        margin-right: 10px;
    }
    .foot-contect .font-ico-txt {
        font-size: 14px;
    }

    .foot-contect .font-ico-txt img {
        margin-right: 5px;
        padding-bottom: 5px;
        width: 28px;
        height: 33px;
    }

    .link-phone {
        padding: 0px 0%;
    }
    

    .link-phone a {
        width: 33%;
        font-size: 14px;
        line-height: 30px;
        margin: 0px;
    }
    .link-phone a:nth-child(3n)::after{
        display: none;
    }
    .link-phone a:first-child{
        width: 33.33%;
        text-align: center;
    }
    .link-phone a:last-child{
        width: 33.33%;
        text-align: center;
    }
    
    
    .foot-copy {
        padding: 10px 0;
        text-align: center;
        font-size: 13px;
        margin-top: 15px;
        line-height: 24px;
    }

    .foot-copy .foot-copy-left {
        width: 100%;
    }

    .foot-copy .foot-copy-right {
        width: 100%;
    }
}

/*头部底部结束*/

/*index start*/

.index-title {
    float: left;
    width: 100%;
    padding: 34px 0 24px 0;
    text-align: center;
}

.index-title .index-title-h1 {
    font-family: "arial black";
    float: left;
    width: 100%;
    line-height: 57px;
    font-size: 32px;
    font-weight: bold;
}

.index-title .index-title-h2 {
    font-family: 'AvantGardeITCbyBT-Book';
    float: left;
    width: 100%;
    padding: 0 10%;
    line-height: 30px;
    font-size: 14px;
    color: #666;
}


/**
 * page
 */
.page {
    float: left;
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-top: 13px;
    text-align: center;
    margin-top: 50px;
}

.page a {
    font-size: 20px;
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    /* padding: 0 14px; */
        border: 1px #ccc solid;
    margin: 0 5px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    font-size: 18px;
    color: #666;
        max-width: 40px;
    width: 40px;
}

.page a.prev {
    margin-right: 48px;
    font-size: 14px;
    width: 40px;
    background: url("../img/left.png") center no-repeat;
}

.page a.next {
    margin-left: 48px;
    font-size: 14px;
    width: 40px;
    background: url("../img/right.png") center no-repeat;
}
/* 
.page a.prev:hover {
    background: #029c6a url("../img/page-bg-l-on.png") center no-repeat;
}

.page a.next:hover {
    background: #029c6a url("../img/page-bg-r-on.png") center no-repeat;
} */
@media (max-width: 1366px) {
    .page{
    }
    
}

@media (max-width: 1199px) {
    .page {
        margin-top: 40px;
    }

    .page a {
        margin: 0 6px;
    }
}

@media (max-width: 991px) {
    .page {
    }

    .page a {
        
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    .page {
        margin-top: 15px;
    }
    .page a.prev {
        background-size: 7px auto;
    }
    .page a.next {
        background-size: 7px auto;
    }   
    .page a {
        
        line-height: 40px;
        margin: 0 4px;
    }
}

.page a.omit:hover {
    color: #fff;
    /* background-color: #eee; */
}

.page a.last-child {
    width: auto;
    font-size: 14px;
}

.page a.last-child:after {
    /*font-family: 'iconfont' !important;*/
    /*content: '\e601';*/
}

.page a.first-child {
    width: auto;
    font-size: 14px;
}

.page a.first-child:before {
    /*font-family: 'iconfont' !important;*/
    /*content: '\e827';*/
}

.page a.page-num-current,
.page a:hover {
    border: 1px solid #0063bf;
    color: #fff;
    background: #0063bf;
}



@media (max-width: 1024px) {
    .page a {
        font-size: 14px;
    }

    .page a.prev,
    .page a.next {
        margin: 0 5px;
    }

    .page a:prev {
        background-size: 7px auto;
    }

    .page a:next {
        background-size: 7px auto;
    }
}



/*首页banner*/
.banner {
    font-size: 0;

    position: relative;

    overflow: hidden;

    width: 100%;
    margin-top: 120px;
}
.banner-img-xs {
    display: none;
}
@media (max-width: 1199px) {
    .banner {
        margin-top: 60px;
    }
}

@media (max-width: 1199px) {
    .banner .slickbanner {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    
}

.banner .to-num {
    font-family: 'ITC Avant Garde Gothic';
    font-size: 22px;
    line-height: 50px;

    position: absolute;
    right: 240px;
    bottom: 20px;

    color: #fff;
}

.banner .to-num:before {
    content: '0';
}

@media (max-width: 991px) {
    .banner .to-num {
        right: 20px;
        bottom: 0;
    }
}

.banner .slick-arrow {
    width: 41px;
    height: 5px;
    line-height: 5px;

    position: absolute;
    z-index: 9;
    
    bottom: 38px;

    padding: 0;

    cursor: pointer;

    opacity: 1;
    background: none;
}
.banner .slick-arrow.slick-prev{
    left: 47%;
    background: url(../img/banner-prev.png) no-repeat;
}
.banner .slick-arrow.slick-prev:hover{
    left: 47%;
    background: url(../img/banner-prev-hover.png) no-repeat;
}
.banner .slick-arrow.slick-next{
    right: 47%;
    background: url(../img/banner-next.png) no-repeat;
}
.banner .slick-arrow.slick-next:hover{
    right: 47%;
    background: url(../img/banner-next-hover.png) no-repeat;
}
@media (max-width: 1366px) {
    .banner .slick-arrow.slick-prev{
        left: 46%;
    }
    .banner .slick-arrow.slick-prev:hover{
        left: 46%;
    }       
    .banner .slick-arrow.slick-next{
        right: 46%;
    }
    .banner .slick-arrow.slick-next:hover{
        right: 46%;
    }
}
@media (max-width: 1199px) {
    .banner .slick-arrow.slick-prev{
        left: 45%;
    }
    .banner .slick-arrow.slick-prev:hover{
        left: 45%;
    }       
    .banner .slick-arrow.slick-next{
        right: 45%;
    }
    .banner .slick-arrow.slick-next:hover{
        right: 45%;
    }
}
@media (max-width: 767px) {
    .banner .text{
        display: none;
    }
    .banner .img-box{
        display: none;
    }
    .banner-img-xs {
        display: block;
    }
    .banner .slick-arrow{
        bottom: 20px;
    }
    .banner .slick-arrow.slick-prev{
        left: 42%;
    }
    .banner .slick-arrow.slick-prev:hover{
        left: 42%;
    }       
    .banner .slick-arrow.slick-next{
        right: 42%;
    }
    .banner .slick-arrow.slick-next:hover{
        right: 42%;
    }
}


@media (max-width: 991px) {
    
}


.banner .slick-arrow:hover:before {
    color: rgba(255, 255, 255, .8);
}

.banner .slick-dots {
        position: absolute;
    bottom: 48px;
    width: 1600px;
    height: 7px;
    text-align: right;
    left: 0;
    right: 0;
    margin: 0 auto;
}


@media (max-width: 1199px) {
    .banner .slick-dots {
        text-align: center;
    }
}

@media (max-width: 991px) {
    
}

.banner .slick-dots li {
    display: inline-block;
    width: 20px;
    height: 7px;
    margin: 0 3px;
    background: #fff;
    border-radius: 7px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
}

.banner .slick-dots li.slick-active{
    width: 30px;
    background: #0063bf;
}

.banner .slick-dots li button {
    display: none!important;
    
}





.banner img {
    display: block;

    width: 100%;
}



.banner .text {
    position: absolute;
    top: 50%;

    width: 100%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

@media (max-width: 991px) {
    .banner .text {
        padding: 0 16%;
    }
}

.banner .text-1 {
    
}
.banner .text-1 h2 {
    float: left;
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 66px;
    color: #0063bf;
    margin: 0;
    padding-left: 9.6875%;
    letter-spacing: 10px;
}

.banner .text-1 h3 {
    float: left;
    width: 100%;
    font-family: 'AgencyFB-Reg';
    padding-left: 9.6875%;
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 25px;
    position: relative;
    color: #010101;
}
.banner .text-1 h3:after{
    position: absolute;
    bottom: 0;
    left: 9.6875%;
    width: 88px;
    height: 4px;
    content: "";
    background: #0063bf;
}
.banner .text-1 p {
    text-shadow: 0 2px 2px #0e050a;
    text-align: left;
    padding-left: 416px;
    font-size: 24px;
    line-height: 61px;
    font-size: 40px;
}
.banner .text-1 p.p1 {
    line-height: 71px;
    font-size: 54px;
}
.banner .text-1 h4 {
    float: left;
    width: 100%;
    padding-left: 9.6875%;
    margin-top: 47px;
}
.banner .text-1 h4 span{
    float: left;
    padding: 0 24px;
    height: 46px;
    line-height: 44px;
    font-size: 20px;
    color: #0063bf;
    font-weight: 400;
    border: 1px dashed #0063bf;
    border-radius: 23px;
    margin-right: 30px;
}



.banner .text-2 {
    color: #fff;
    top: 11.25%;
    -webkit-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    transform: translateY(-0%);
    text-align: center;
}
.banner .text-2 h2 {
    display: inline-block;
    line-height: 79px;
    font-size: 60px;
    letter-spacing: 10px;
}
.banner .text-2 h2 span {
    padding: 0 30px;
    position: relative;
}
.banner .text-2 h2 span:after{
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 147px;
    margin-left: -147px;
    height: 1px;
    background: url(../img/ban-a.png) no-repeat;
}
.banner .text-2 h2 span:before{
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 147px;
    margin-right: -147px;
    height: 1px;
    background: url(../img/ban-b.png) no-repeat;
}

.banner .text-2 h3 {
    line-height: 85px;
    font-size: 50px;
    letter-spacing: 4px;
}
.banner .text-2 h4 {
    font-size: 0px;
    margin: 0;
    
}
.banner .text-2 h4 span{
    display: inline-block;
    line-height: 40px;
    padding: 0 40px;
    background: #0063bf;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}




@media (max-width: 1600px) {
    .banner .text-1 h2{
        padding-left: 8%;
        font-size: 48px;
    }
    .banner .text-1 h3 {
        padding-left: 8%;
        font-size: 48px;
        line-height: 48px;
        padding-bottom: 15px;
    }
    .banner .text-1 h3:after {
        left: 8%;
        width: 80px;
        height: 3px;
    }
    .banner .text-1 h4 {
        padding-left: 8%;
        margin-top: 30px;
    }
    .banner .text-1 h4 span {
        padding: 0 18px;
        height: 38px;
        line-height: 36px;
        font-size: 16px;
        border-radius: 18px;
        margin-right: 20px;
    }
    .banner .text-2 h2 {
        line-height: 50px;
        font-size: 40px;
        letter-spacing: 5px;
    }
    .banner .text-2 h3 {
        line-height: 60px;
        font-size: 32px;
        letter-spacing: 2px;
    }
    .banner .text-2 h4 span {
        line-height: 32px;
        padding: 0 30px;
        font-size: 18px;
        margin-top: 10px;
    }
}

.banner .slick-current .text-1 h2 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.banner .slick-current .text-1 h3 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.banner .slick-current .text-1 h4 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.banner .slick-current .text-2 h2 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.banner .slick-current .text-2 h3 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.banner .slick-current .text-2 h4 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}

.banner .slick-arrow{
    display: none !important;
}
@media (max-width: 1199px) {
    .banner .slick-dots{
        bottom: 20px;
    }
    .banner .text-1 h2 {
        height: 60px;
        line-height: 60px;
        font-size: 36px;
    }
    .banner .text-1 h3 {
        font-size: 32px;
        line-height: 32px;
        padding-bottom: 10px;
    }
    .banner .text-1 h4{
        margin-top: 15px;
    }
    .banner .text-1 h4 span {
        padding: 0 10px;
        height: 32px;
        line-height: 30px;
        font-size: 15px;
        border-radius: 15px;
        margin-right: 15px;
    }
    .banner .text-2 h2 {
        line-height: 46px;
        font-size: 30px;
    }
    .banner .text-2 h3 {
        line-height: 36px;
        font-size: 24px;
    }
    .banner .text-2 h4 span {
        line-height: 28px;
        padding: 0 20px;
        font-size: 16px;
        margin-top: 5px;
    }
}

@media (max-width: 991px) {
    
    
}

@media (max-width: 767px) {
    .banner .slick-dots li{
        margin: 0 2px;
    }
    .banner .slick-dots li.slick-active{
        width: 20px;
    }
    
}




/*首页*/

/*标题*/
.title{

    margin: 50px 0 30px;

    float: left;
    width: 100%;
    text-align: center;
}
.title .title-c{
    float: left;
    width: 100%;
    line-height: 32px;
    font-size: 32px;
    color: #0063bf;
    font-weight: normal;
}
.title .title-e{
    font-family: 'AvantGardeITCbyBT-Book';
    float: left;
    width: 100%;
    line-height: 18px;
    margin-top: 15px;
    font-size: 22px;
    color: #666;
}

.main{ background: #FFF;}
.i-pro-1{ margin: 0 0 80px 0}
.i-pro-1 .x{ width: 100%; height: 1px ; background: #cfcfcf; clear: both; }

.i-pro-link{ display: flex; justify-content: space-between; margin: 30px 0 50px;}
.i-pro-link a{ display: block; border: 1px solid #0063bf; width: 19%; line-height: 60px; text-align: center; font-size: 16px; border-radius: 10px; position: relative; background:#0063bf; color: #fff; }
.i-pro-link a:hover::after{ content: ""; position: absolute; top: 74%; width: 40px; height: 1px; background: #0063bf; left: 0; right: 0; margin: 0 auto;}
.i-pro-link a.active::after{ content: ""; position: absolute; top: 74%; width: 40px; height: 1px; background: #0063bf; left: 0; right: 0; margin: 0 auto;}
.i-pro-link a:hover{background: #fff; color: #0036bf; cursor: pointer;}
.i-pro-link a.active{background: #fff; color: #0036bf}

.i-pro-list ul{ display: flex; justify-content: space-between; flex-wrap: wrap; opacity: 0;  display: none;}
.i-pro-list ul.block{ display: flex;  }
.i-pro-list ul li{   border: 1px solid #fff; width: 31%; margin: 0 3.5% 30px 0;   }
.i-pro-list ul li:nth-child(3n){ margin: 0 0 30px 0;   }
.i-pro-list ul li a{ display: block; width: 100%; }
.i-pro-list ul li img{ border: 1px solid #fff; width: 100%; }
.i-pro-list ul li .i-ab-tit{ line-height: 70px; color: #2e2e2e;  font-size: 20px; text-align: center;}
.i-pro-list ul li:hover{ border: 1px solid #0063bf; }
.i-pro-list ul li:hover .i-ab-tit{ line-height: 70px; color: #fff;  font-size: 20px; text-align: center; background: #0063bf;}

.i-pro-list ul.block{ opacity: 1;}


.i-pro-list ul .swiper-pagination{ position: relative;  margin: 50px 0 20px;  }
 .i-pro-list .swiper-grid-column>.swiper-wrapper {
        flex-wrap: wrap;
    flex-direction: row;
    justify-content:flex-start;
    display: flex;
    align-content: center;
    align-items: flex-end;
}

 .i-pro-list .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: calc((100% - 30px) / 2);

        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.i-pro-a { line-height: 40px; display: table; padding: 0 70px 0 30px; background:#0063bf url(../img/i-pro.png) right 20px center no-repeat;  color: #fff; margin: 40px auto 0;}


 .i-pro-list .swiper {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }

  .i-pro-list .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: calc((100% - 30px) / 2);

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.main1{ background: #f7f7f7; padding: 120px 0 90px 0;}
.i-about_l{ width: 55%; float: left; }
.i-about_l h3{ font-weight: bold; margin: 0 0 30px; font-size: 32px;}
.i-about_l p{ line-height: 36px; text-indent: 2em; font-size: 18px; color: #616161;}
.i-about-a{ line-height: 52px; display: table; padding: 0 70px 0 30px; font-size: 18px; background:#0063bf url(../img/i-pro.png) right 20px center no-repeat;  color: #fff; margin: 40px 0 0; }
.i-about_r{ width: 45%; float: right;}
.i-about_r img{ width: 100%;}

.i-about-2{ clear: both; padding: 20px 0; font-size: 18px; line-height: 32px;  color: #616161;}

.i-about-3{ display: flex; width: 100%;     justify-content: space-between;}
.i-about-3 .about_li{ background: #0063bf; width: 32%;     position: relative;     display: flex;    flex-wrap: wrap;    }
.i-about-3 .about_li .about_t{ background: url( ../img/num.png) no-repeat; position: relative;}
.i-about-3 .about_li .about_t .num{ position: absolute; left:0; right: 0; margin: 0 auto; top: 30%; text-align: center; display: flex;    justify-content: center; font-size: 54px; font-weight: bold; color: #fff; }
.i-about-3 .about_li .about_t .about_p{ width: 70%; margin: 0 auto;  font-size: 18px; color: #fff; padding: 0 0 0 60px; position: absolute; bottom: 20%; left: 0; right: 0;}


.i-about-3 .about_li:nth-child(2n){flex-direction: column-reverse;}
.i-about-3 .about_li:nth-child(2n) .about_t .num{ position: absolute; left:0; right: 0; margin: 0 auto; top: 30%;  text-align: center; display: flex;    justify-content: center; font-size: 54px; font-weight: bold; color: #fff; }
.i-about-3 .about_li:nth-child(2n) .about_t .about_p{ width: 60%; margin: 0 auto;  font-size: 18px; color: #fff; padding: 0 0 0 0px; position: absolute; bottom: 20%; left: 0; right: 0; text-align: center;}
.i-about-3 .about_li:nth-child(2n) > img{ position: absolute; top: 0; }

.main3{ margin: 150px 0;  }

.main3 .i-news_1{ display: flex;     justify-content: space-between; }
.main3 .i-news_1 h3{  font-size: 36px; font-family: "HONOR";  }
.main3 .i-news_a a{  font-size: 20px; line-height: 46px; background: #f7f7f7; padding: 0 20px; display: inline-block; margin:  0 5px; }
.main3 .i-news_a a.on{ background: #0063bf; color: #fff; }
.main3 .i-news_a a:hover{ background: #0063bf; color: #fff;  }

.main3 .i-news_2{ display: flex;     justify-content: space-between; margin: 130px 0 0;}


.main3 .i-news_2 .i-news_li{border-radius: 10px; width: 24%; position: relative; transition: all .5s; }
.main3 .i-news_2 .i-news_t{ border-radius: 10px;  width: 100%;  position: absolute ; }
.main3 .i-news_2 .i-news_li .i-news_cont {background: #f7f7f7; position:  relative;margin: 87px 0 0; transition: all 1s;  border-radius:10px 10px;   width: 100%;}

.main3 .i-news_2 .i-news_s{  border-radius:10px 10px 0 0; padding: 0 5% 30px;  position: relative;   }
.main3 .i-news_2 .i-news_s h3{ position: relative; padding:40px 0 0px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; z-index: 1;}
.main3 .i-news_2 .i-news_s img{ position: absolute;  bottom: 0; left: 0; width: 100%; border-radius:10px 10px 0 0; transition: all .5s;  opacity: 0; }

.main3 .i-news_2 .i-news_x{padding: 0 5%;}
.main3 .i-news_2 .i-news_x span{ display: block; padding: 30px 0 16px; color: #909090; font-size: 14px; }
.main3 .i-news_2 .i-news_x p{ color: #454545;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; }
.main3 .i-news_2 .i-news_x a{ display: inline-block; margin: 30px 0 20px;  width: 70px; padding: 24px 0; background: url( ../img/jiantou_xiangyou_o.png) center center no-repeat;}  
.main3 .i-news_2 .i-news_x img{ display: table; margin: 0 auto; }

.main3 .i-news_2 .i-news_li:hover .i-news_x a{ background: url( ../img/i-pro.png) center center no-repeat #0063bf;  }

.main3 .i-news_2 .i-news_li:hover h3{ color: #Fff; }
.main3 .i-news_2 .i-news_li:hover .i-news_cont{ top: -8px; left: 8px; transition: all .5s;  }
.main3 .i-news_2 .i-news_li:hover .i-news_s img{  opacity: 1; }

.main3 .i-news_2 .i-news_li .i-news_cont::after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0;  width: 100%; height: calc(100% ); background: #0063bf; z-index: -1; padding: 87px 0 0 0; transition: all .5s;  border-radius: 10px; }
.main3 .i-news_2 .i-news_li:hover  .i-news_cont::after{ content: ""; position: absolute; bottom: -8px; left: -8px; right: 0;  width: 100%; height: calc(100% + 87px); background: #0063bf; z-index: -1;}
.main3 .i-news_2 .i-news_li .i-news_s::after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 91%; height: 1px; background: #dbdbdb;}
.main3 .i-news_2 .i-news_li:hover .i-news_s::after{ display: none;}


.main3 .i-news_2 .i-news_li:nth-child(1) .i-news_x a{ background: url( ../img/i-pro.png) center center no-repeat #0063bf;  }

.main3 .i-news_2 .i-news_li:nth-child(1) h3{ color: #Fff; }
.main3 .i-news_2 .i-news_li:nth-child(1) .i-news_cont{ top: -8px; left: 8px; transition: all .5s;  }
.main3 .i-news_2 .i-news_li:nth-child(1) .i-news_s img{  opacity: 1; }

.main3 .i-news_2 .i-news_li:nth-child(1) .i-news_cont::after{ content: ""; position: absolute; bottom: -8px; left: -8px; right: 0;  width: 100%; height: calc(100% + 87px); background: #0063bf; z-index: -1;}
.main3 .i-news_2 .i-news_li:nth-child(1) .i-news_s::after{ display: none;}



.pro_top{   background: #fff; width: 100%; margin: 30px 0 ;height: 100px; padding: 0 40px;
    box-shadow: 0px 5px 14px 5px rgba(0,0,0,0.31);
-webkit-box-shadow: 0px 5px 14px 5px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 5px 14px 5px rgba(0,0,0,0.31); }

.pro_top span{ line-height: 100px; font-size: 20px; font-weight: bold; float: left; margin: 0 30px 0 0;  }
.pro_top form{ margin: 25px 0; height: 50px; background: #f8f8f8; padding: 0 10px; display: inline-table; width: 30%; }
.pro_top input { line-height: 50px; background: #f8f8f8; width: 30%; float: left; }
.pro_top button {height: 50px; background: #0063bf url(../img/find-ico.png) no-repeat center center; width: 60px ;  float: right;}


.about h3{ font-family: "HONOR"; text-align: center; font-size: 32px;  }
.about_nav{ display: flex; margin:37px 0 140px; justify-content: center; }
.about_nav a{ display: table; line-height: 40px;  width: calc(100% / 7);  font-size: 16px; border: 1px solid #cccccc;  border-radius: 15px; margin: 0 20px; text-align: center; }
.about_nav a:hover{ background: #0063bf; border: #0063bf 1px solid; color: #fff; }
.about_nav a.on{ background: #0063bf; border: #0063bf 1px solid; color: #fff; }

.about_t{ display: flex;     justify-content: space-between; }
.about_tl{position: relative;    width: 48%;   padding: 0% 5% 0.2rem 0; }
.about_tl h4{ font-size: 32px; color: #0063c1;  text-align: left; }
.about_tl .about_tt{     position: absolute;     height: 82%; color: #616161;  font-size: 18px;    line-height: 1.8;    padding-right: 20px;    overflow-y: auto;    margin-top:30px;    text-align: justify; }
.about_tr{ width: 48%;  }

.about_num{ background: #0063c0; margin: 40px 0 80px; display: flex; padding: 62px 0; }
.about_num_li{ width: 33.3333%;    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center; position: relative;}
.about_num_tit{  }
.about_num_tit span{ font-size: 40px;font-family: "HONOR"; color: #fff;  }
.about_num_tit em{ font-style: normal; font-size: 40px;font-family: "HONOR"; color: #fff;  }
.about_num_tt { font-size: 18px; color: #fff; padding: 0 15%; text-align: center;}
.about_num_li::after{ content: ""; position: absolute; top: 30%; left: 0; width: 1px; height: 40%;  background: #fff; }
.about_num_li:nth-child(1)::after{ display: none; }


.main2_about{  background: url(../img/ab_culture_bg.jpg) top center no-repeat; background-size: 100%;  padding:80px 0 100px;   }
.main2_about h3{font-size: 32px; text-align: center;   padding:0px 0 30px;   color: #fff;    font-weight: 600;    line-height: 1.6;    text-transform: uppercase;}
.about2_ul{ display: flex;  }
.about2_ul .about2_li{     position: relative;    width: 25%;    min-height: 390px;    padding:50px 30px;    color: #333;    text-align: center;    background-color: #fff; display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;}
.about2_ul .about2_li:nth-child(2n){ background: #0063c1; }

.about2_ul .about2_li img{width: 33px;  display: block;   margin: 0 auto;    -webkit-transition: all .5s;    -o-transition: all .5s;    -moz-transition: all .5s;    transition: all .5s;}
.about2_ul .about2_li h5{  width: 100%; display: block;   padding: 14px 0;    font-size: 24px;    line-height: 30px; margin:0;}
.about2_ul .about2_li:nth-child(2n) h5{ color: #fff; }
.about2_ul .about2_li p{    font-size: 15px;    line-height: 1.5;    color: #5f5f5f;    letter-spacing: 1px;    padding: 0 4%;}
.about2_ul .about2_li:nth-child(2n) p{ color: #fff; }
.about2_ul .about2_li:hover img {    margin-top: -20px;}
.about2_ul .about2_li span{    font-size: 36px;    display: inline-block;    line-height: 58px;    font-weight: 400;    text-transform: capitalize ;   color: #0063c1;     width: 100%; position: relative;}
.about2_ul .about2_li:nth-child(2n) span{ color: #fff; }
.about2_ul .about2_li span::after{ content: ""; position: absolute;  top: -20px; left: 0; right: 0; margin:0 auto;  width: 30%; height: 1px; background: #5f5f5f;  }
.about2_ul .about2_li:nth-child(2n) span::after{ background: #fff; }


.main3_about{    padding:80px 0 100px;   }
.main3_about h3{font-size: 32px; text-align: center;   padding:0px 0 30px;   color: #0063c1;    font-weight: 600;    line-height: 1.6;    text-transform: uppercase;}
.main3_about a {
  
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    margin: 0 5px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    font-size: 18px;
    color: #666;
     
}
.about3 .swiper-button-next,.about3 .swiper-button-prev{
    color: #000;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: none;
}
.about3 .swiper-button-prev{
    left: -40px;
}
.about3 .swiper-button-next{
    right: -40px;
}
.about3 .swiper-slide{display: inherit;}
.about3 .swiper-slide .pic{ border: 1px solid #ddd; }
.about3 .swiper-slide p{  width: 100%; padding: 0 20px ;   white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.news_nav{ margin: 100px 0 0; }
.news_nav h3{ font-family: "HONOR"; text-align: center; font-size: 32px;  }
.news_nav_li{ display: flex; margin:37px 0 140px; justify-content: center; }
.news_nav_li a{ display: table; line-height: 40px;  width: calc(100% / 7);  font-size: 16px; border: 1px solid #cccccc;  border-radius: 15px; margin: 0 20px; text-align: center; }
.news_nav_li a:hover{ background: #0063bf; border: #0063bf 1px solid; color: #fff; }
.news_nav_li a.on{ background: #0063bf; border: #0063bf 1px solid; color: #fff; }


/**新闻列表**/
.news_ul{ background:#ffffff;}
.news_ul .news-box{ display: table; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin:0 0 60px; position:relative;}
.news_ul .news-box .pic{ float:left; width:30%; height:100%; position: relative;}
.news_ul .news-box .pic img{max-width: 100%; }
.news_ul .news-box .newsline{position: absolute; width: 90%; padding: 0 5%; background: #e62129; height: 35px; line-height: 35px; bottom: -35px;}
.news_ul .news-box .newsline img{float: left; width: 30px; margin-top: 2px;}
.news_ul .news-box .newsline span{float: right; color: #fff; text-transform: uppercase; font-size: 16px;}
.news_ul .news-box .news_li-note{ float:left; width:68%; padding:0px 0 0 2%;}
.news_ul .news-box h3{ font-size:20px; line-height:30px; height: 60px; color:#585656; overflow: hidden;text-transform: uppercase; width: 50%; float:left;    margin-bottom: 10px;}
.news_ul .news-box:hover h3{color:#e62129;}
.news_ul .news-box .news_li-desc{ font-size:14px; line-height:24px; color:#585657; height:74px; overflow:hidden;width: 100%; margin-top: 10px;}
.news_ul .news-box .datetime{ font-size:16px; color:#999; padding:10px 0px 10px 24px; background: url(../img/date.png) left center no-repeat; width: 13%; float:right;min-width: 110px;}
.news_ul .news-box .more{ font-size:14px; width: 88px;  border-bottom: 2px solid #333; height:28px; line-height:28px; text-align:left; display:block; color:#585656; font-weight:bold; margin-top: 20px;}
.news_ul .news-box a:hover .more{ color:#e62129; border-bottom: 2px solid #e62129;}

.services_nav{ margin: 100px 0 0; }
.services_nav h3{ font-family: "HONOR"; text-align: center; font-size: 32px;  line-height: 48px; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px;  }


.pro_dq{ color: #000;    font-size: 14px;    font-weight: bold;    padding: 40px 0;    overflow: hidden;    text-align: left; }
.pro_dq a{ padding: 0 8px; }

.pro_t{ display: flex; }
.pro_t_left { width: 40%; }
.pro_t_left_img{ position: relative; }
.pro_t_left h2{    background: #0063c1;    text-align: center;    height: 40px;    line-height: 40px;    font-size: 16px;    color: #fff;}
.pro_t_left .swiper {        width: 100%;        height: 100%;  overflow: hidden;    }
.pro_t_left .swiper-slide {       
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.pro_t_left .swiper-slide img {        display: block;        width: 100%;        height: 100%;        object-fit: cover;      }
.pro_t_left .swiper {        width: 90%;        height: 300px;        margin-left: auto;        margin-right: auto;      }
.pro_t_left .swiper-slide {        background-size: cover;        background-position: center;      }
.pro_t_left .mySwiper2 {        height: 80%;        width: 100%;      }
.pro_t_left .mySwiper {        height: 20%;        box-sizing: border-box;        padding: 10px 0;      }
.pro_t_left .mySwiper .swiper-slide {        width: 25%;        height: 100%;        opacity: 0.4;      }
.pro_t_left .mySwiper .swiper-slide-thumb-active {        opacity: 1;      }
.pro_t_left .swiper-slide img {        display: block;        width: 100%;        height: 100%;        object-fit: cover;      }
.pro_t_left .swiper-button-next{ background: url(../img/d_09.png) no-repeat center; right: 0; background-size: 100%; }
.pro_t_left .swiper-button-prev{ background: url(../img/d_08.png) no-repeat center; left: 0; background-size: 100%;  }
.pro_t_left .swiper-button-next,.pro_t_left .swiper-button-prev{    width: 24px;    height: 83px;    overflow: hidden;    cursor: pointer; bottom: 10px!important; top: auto; }

.pro_t_right{ width: 60%; padding: 30px; float: right; }
.pro_t_right_t{ line-height: 28px; font-size: 18px;  }
.pro_t_right_sx{ margin: 50px 0 0; display: flex;     justify-content: space-between; border-bottom: 1px solid #ccc; font-size: 16px; padding: 0 10px 18px;  }
.pro_t_right_tel{  background: url(../img/kefu.png) left center no-repeat; margin: 10px 0 0; padding: 10px 0 20px 50px;  border-bottom: 1px solid #ccc;} 
.pro_t_right_tel span{  line-height: 32px;  display: table;  font-size: 18px;   }
.pro_t_right img{ float: right; margin: 50px 0 0; }
.inv-7 h3{  font-size: 34px; font-weight: bold; line-height: 28px; text-align: center;  }
.inv-7 span{ display: table; margin:20px auto; text-align: center; font-size: 16px; color: #787878; line-height: 32px; }


style attribute {
    font-size: 100px;
}
@media only screen and (max-width: 1199px){

.w-100 {
    margin: 0 auto;
    width: 98%;
}
.header .finde {
    float: right;
    width: auto;
    height: 42px;
    line-height: 42px;
    background: rgba(0, 0, 0, .9) ;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
    color: #fff;
    font-size: 20px;
    padding: 0 20px;
 
}
.header .finde a{ display: table; }
.title .title-c{ font-size: 18px; font-weight: bold; }
.i-pro-link a{ width: 50%; margin: 0 0 20px; font-size: 14px;     line-height: 28px;}
.i-pro-link{     justify-content: space-between;    margin: 30px 20pxs 50px;    flex-wrap: wrap;  }

 .i-pro-list ul li { width: 50%; margin: 0 0 20px 0; }
 .i-pro-list ul li { width: 50%; }
 .i-about_l{ width: 100%; }
 .i-about_l h3{ font-size: 18px; }
 .i-about_l p{ font-size: 14px; line-height: 32px; }
 .i-about-a{ font-size: 14px; line-height: 32px; }
 .i-about_r{ width: 100%; }
 .i-about-a{ margin: 40px 0 ; }
 .i-about-2{ font-size: 14px; line-height: 32px; }
 .i-about-3{      flex-wrap: wrap; }
 .i-about-3 .about_li{ width: 100%; }
 .i-about-3 .about_li .about_t .num{ top: 25%; }
 .i-about-3 .about_li:nth-child(2n) .about_t .num{ top: 25%; }
 .i-about-3 .about_li .about_t .about_p{ bottom: 20%;     width: 80%; }
 .i-about-3 .about_li:nth-child(2n) .about_t .about_p{ bottom: 20%;     width: 80%; }
.i-about-3 .about_li:nth-child(2n) > img {
   position: relative; 
}
.i-about-3 .about_li:nth-child(2n) {
    flex-direction: column;
}
.main3 .i-news_1 h3{ font-size: 24px; }
.main3 .i-news_a a {    font-size: 12px;     padding: 0 10px; line-height: 24px;}
.main3 .i-news_2{ flex-wrap: wrap; }
.main3 .i-news_2 .i-news_li{ width: 100%; }
.main3 .i-news_2 .i-news_s h3{ font-size: 18px; }
.main3 .i-news_2 .i-news_x p{ font-size: 12px; }
.main3 .i-news_2{ margin: 30px 0 0; }
.foot_logo img{ width: 50%; margin: 0 auto; display: block;}
.foot_linka{ display: none; }
.foot_logo{ display: table; margin: 0 auto; float: none; }
.foot_nav{      flex-wrap: wrap; padding: 30px 0;}
.foot_nav a{ width: 50%; display: table; font-size: 16px; }
.foot-bg-1{ padding: 30px 0; }
.foot_t form {
    margin: 0 auto 10px;
    display: table;
    width: 90%;
}
.foot_t0{ font-size: 16px; }
.foot_t form input{ width: calc(90% - 70px); }
.foot_ewm{ position: relative; margin: 30px auto 0;  display: none;}
.foot_ewm span{ float: none; margin: 0 auto; display: table; }
.foot_ewm img{ float: none; margin: 0 auto; display: block; }
.pro_top span{ display: none; }
.pro_top form{ width: 90%; }
.pro_top input{ width: calc(80% - 80px); }

.wrap-sidenav{ width: 100%!important; }
.product{ width: 100%!important; }

.about_nav{      flex-wrap: wrap;      justify-content: space-between; margin:30px 0;}
.about_nav a{ width: 45%; margin:0 0 20px;}
.about_tl{ width: 100%; padding: 2%; }
.about_tr{ width: 100%; }
.about_tl .about_tt{ position: relative;      overflow-y: inherit; height: auto; padding: 0;}
.about_t{display: flex;    justify-content: space-between;    flex-wrap: wrap;}
.about_num{    flex-wrap: wrap; padding: 30px 0;}
.about_num_li{ width: 100%; padding: 30px 0; }
.about_num_li::after{ display: none; }
.about2_ul {    display: flex;    flex-wrap: wrap;}
.about2_ul .about2_li{ width: 100%; }
.news_nav_li a{ width: 45%; }
.news_ul .news-box .pic{ display: none; }
.news_ul .news-box h3{ width: 100%;  }
.news_ul .news-box .datetime{float: left;}


.contact_t{ display: flex;    flex-direction: column-reverse!important;    flex-wrap: wrap; }

.map-t{ width: 100%!important; }
.map1{ width: 100%!important; }

.pro_t_left{ width: 100%!important; }
.pro_t_right{ width: 100%!important; }
.pro_t {
    display: flex;
    flex-wrap: wrap;
}
.top_ss{ display: flex;justify-content: center;    flex-direction: row-reverse;  padding: 0 10px 0 0;}
.inv-7 h3{  font-size: 18px; font-weight: bold; line-height: 28px; text-align: center;  }
.inv-7 span{ display: table; margin:20px auto; text-align: center; font-size: 14px; color: #787878; line-height: 32px; }



}


/*块1*/
.bg-2{
    background: url(../img/block-bg.jpg) right no-repeat;
    position: relative;
}
.title .i-block1{
    float: left;
    width: 57.6%;
    position: relative;
}
.i-block1 > img{
    width: 100%;
}


/*内页banner + 内页导航*/
.banner-in
{
    width: 100%;
    padding: 0;
    margin-top: 120px;
    position: relative;
    overflow: hidden;
}

.banner-in .text{
    text-align: center;
}

.banner-in .slick-current img
{
    -webkit-animation: fadeIn 0s 0s ease both;
            animation: fadeIn 0s 0s ease both;
}
.banner-in .img-box
{

}
.img-box img {


    display: block;
    width: 100%;
    height: 100%;
}
.banner-in .text
{   
    
   
    color: #fff;
}
.banner-in h2{
    font-family: 'AvantGardeITCbyBT-Book';
    display: inline-block;
    width: 34px;
    line-height: 34px;
    font-size: 24px;
    vertical-align: bottom;
    writing-mode:tb-rl;
    color: #fff;
    position: relative;
}
.banner-in h2::after{
    position: absolute;
    top: -34px;
    left: 50%;
    width: 3px;
    height: 25px;
    background: rgba(255,255,255,0.5);
    content: "";
}
.banner-in h3{
    display: inline-block;
  
    line-height: 64px;
    font-size: 48px;
    vertical-align: bottom;
    color: #fff;
    margin-bottom: -3px;
}

@media (max-width: 1440px)
{
    .banner-in h2{
        font-size: 20px;
    }
    .banner-in h3{
        width: 36px;
        font-size: 30px;
        line-height: 42px;
    }
}
@media (max-width: 1199px)
{
  .banner-in{
      margin-top: 66px;
  }
  .banner-in .text-in .banner-txt-1 span {
    height: 60px;
    margin-top: 10px;
  }
}



@media (max-width: 991px)
{
  .pro_t_left .swiper-button-next, .pro_t_left .swiper-button-prev {
    width: 24px;
    height: 60px;
    /* overflow: hidden; */
    cursor: pointer;
    bottom: 10px!important;
    top: auto;
}
}
@media (max-width: 767px)
{
   .banner-in .img-box {
       display: block;
   }
   
}

/*内页导航

.news_nav{}
.news_nav::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    content: "";
}
.news_nav ul::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #005198;
    content: "";
    z-index: 2;
}
.news_nav ul {
    overflow: initial;
    white-space: initial;
    text-align: initial;
    overflow-x: initial;
}
.news_nav ul {
    font-size: 0;
    position: relative;
   
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    border-bottom: 1px solid #005198;
   
    overflow-x: overlay;
    width: 100%;
}
.news_nav ul li {
    display: inline-block;
    margin-right: 12px;
}
.news_nav ul li.active a, .news_nav ul li:hover a {
    color: #fff;
    background: #005198;
}
.news_nav ul li a {
    font-size: 16px;
    color: #010101;
    line-height: 70px;
    position: relative;
    display: block;
    height: 70px;
    padding: 0 20px;
}
 */

.wrap-sidenav
{
    margin: 60PX 0 ;
    position: relative;
    overflow: hidden;
    width: 20%;
    float: left;
    /* border-bottom: 1px solid #dcdcdc; */
    /* z-index: 1; */
}
.product_nav .wrap-sidenav{
    height: initial;
    background: #fff;
    box-shadow: 0px 5px 14px 5px rgba(0,0,0,0.31);
-webkit-box-shadow: 0px 5px 14px 5px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 5px 14px 5px rgba(0,0,0,0.31);
}

.wrap-sidenav h3{ color: #fff ;  line-height: 86px; width: 100%; background: #0063bf; font-size: 21px; font-weight: bold;padding: 0 0 0 20px;}
.nav-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 60px;
    background: #1aa096;
}

.wrap-sidenav .sidenav
{
    position: relative;
    /* z-index: 1; */
}
.wrap-sidenav .sidenav ul
{
font-size: 0;
    position: relative;
    /* position: absolute; */
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
   
    /* z-index: 1; */
    overflow-x: overlay;
    width: 100%;
}
.product_nav .wrap-sidenav .sidenav ul{
    overflow: initial;
    white-space: initial;
    text-align: initial;
    overflow-x: initial;
    padding: 0px 0 40px;
}
.wrap-sidenav .sidenav ul::after{

}
.wrap-sidenav .sidenav ul li
{
    display: inline-block;
        padding: 0 20px;
    width: 100%;
    position: relative;
    
}

.wrap-sidenav .sidenav ul li a
{
    font-size: 16px;
    color: #2a2a2a;
    line-height: 70px;
    position: relative;
    display: block;
    height: 60px;
    padding: 0 3px;
    border-bottom: 1px solid #bcbcbc; 

}
.wrap-sidenav .sidenav ul li i{     display: block; position: absolute; width: 5%; height: 100%;  top: 0%; right:24px;}
.wrap-sidenav .sidenav ul li i::after{ content: "" ; position: absolute; width: 10px; height: 2px; background: #0063bf; top: 30px; right:0;  }
.wrap-sidenav .sidenav ul li i::before{ content: "" ; position: absolute; width: 10px; height: 2px; background: #0063bf; top: 30px; right:0; transform: rotate(90deg);   transition: all .5s ease; }
.wrap-sidenav .sidenav ul li i.on::before{ transform: rotate(0deg); }
.wrap-sidenav .sidenav ul li.on > a{ color: #0063bf; font-weight: bold; }
.wrap-sidenav .sidenav ul li .left_nav2{

    display: none;

}

.wrap-sidenav .sidenav ul li .left_nav2 a{

text-indent: 2em;

}




.wrap-sidenav .sidenav ul li > a .block{
    display: inline-block;
    padding-bottom: 3px;
}
.wrap-sidenav .sidenav ul li > a .hover{
    display: none;
}

.wrap-sidenav .sidenav ul li.active > a,
.wrap-sidenav .sidenav ul li:hover > a{
    
    
}
.wrap-sidenav .sidenav ul li.active > a .block,
.wrap-sidenav .sidenav ul li:hover > a .block
{
    display: none;
}
.wrap-sidenav .sidenav ul li.active > a .hover,
.wrap-sidenav .sidenav ul li:hover > a .hover
{
    display: inline-block;
    padding-bottom: 3px;
}
@media (max-width: 1199px){
    .wrap-sidenav .sidenav ul li:hover > a:before
    {
        display: none;
    }
    .wrap-sidenav{
        height: 48px;
    }
    .wrap-sidenav .sidenav ul li{
        margin-right: 5px;
    }
    .wrap-sidenav .sidenav ul li > a{
        padding: 0 22px;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
    }
}
@media (max-width: 991px){
    .wrap-sidenav
    {
        height: 50px;
    }
    .wrap-sidenav .sidenav ul li > a
    {
        font-size: 15px;
        line-height: 50px;

        height: 50px;
        padding: 0 20px;
    }
}
@media (max-width: 767px){
    .wrap-sidenav{
        height: 50px;
         }
    
    .wrap-sidenav .sidenav ul li > a
    {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
        padding: 0 12px;
    }
}


.bg-fbfbfb{
    background: #fbfbfb;
}
.pro-de-2{
    float: left;
    width: 100%;
    padding: 30px 0 90px 0;
}
.pro-de-2 .pro-de-2-t{
    float: left;
    width: 100%;
    line-height: 42px;
    padding: 20px 0;
    font-size: 20px;
    color: #010101;
}
.pro-de-2 .pro-de-2-t span{
    font-size: 26px;
    color: #0063bf;
    font-weight: normal;
}
.pro-de-2 .pro-de-2-p{
    float: left;
    width: 100%;
    line-height: 36px;
    font-size: 16px;
    color: #010101;
}

.pro-de-3{
    float: left;
    width: 100%;
    padding: 52px 0 100px 0;
}
.pro-de-3 .pro-de-3-t{
    float: left;
    width: 100%;
    line-height: 46px;
}
.pro-de-3 .pro-de-3-t span{
    float: left;
    line-height: 46px;
    font-size: 26px;
    color: #0063bf;
    font-weight: normal;
}
.pro-de-3 .pro-de-3-t a{
    float: right;
    font-size: 14px;
    color: #666;
}
.pro-de-3 .pro-de-3-t a:hover{
    color: #0063bf;
}

.pro-de-3-list{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.pro-de-3-list ul{
    float: left;
    width: 100%;
}
.pro-de-3-list ul li{
    float: left;
   /* width: 23.8%;
    margin-right: 1.6%;*/
    margin: 0 0 20px;
}
.pro-de-3-list ul li:nth-child(4n){
    margin-right: 0;
}
.pro-de-3-list ul li>a{
    float: left;
    width: 100%;
    overflow: hidden;
    border: 1px solid #eceef0;
}
.pro-de-3-list ul li a img{
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
}

.pro-de-3-list ul li:hover a img{
    -webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.pro-de-3-list ul li:hover>a{
    border: 1px solid #0063bf;
}
.pro-de-3-list ul li .pro-de-3-li-txt{
    float: left;
    width: 100%;
    padding: 12px 6.25% ;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
    background: #eceef0;
}


.pro-de-3-list ul li .pro-de-3-li-txt .pro-de-3-li-h1{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pro-de-3-list ul li .pro-de-3-li-txt .pro-de-3-li-p{
    float: left;
    width: 100%;
    height: 56px;
    line-height: 28px;
    font-size: 14px;
    color: #999;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

}
.pro-de-3-list ul li:hover .pro-de-3-li-txt .pro-de-3-li-h1{
    color: #fff;
}
.pro-de-3-list ul li:hover .pro-de-3-li-txt .pro-de-3-li-p{
    color: #fff;
}
.pro-de-3-list ul li:hover .pro-de-3-li-txt{
    background: #0063bf;
}   

.product1{
    float: right;
    width: 100%;
    padding:40px 0 82px;
}

.product{
    float: right;
    width: 76%;
    padding-bottom: 82px;
    
}
.product .pro-de-3-list ul li{
    margin-top: 30px;
    /*width: 30.8%;
    margin-right: 3.8%;*/
}
.product .pro-de-3-list ul li:nth-child(4n){
    /*margin-right: 3.8%;*/
}
.product .pro-de-3-list ul li:nth-child(3n){
    /*margin-right: 0;*/
}

@media (max-width: 1440px){
    .pro-link {
        margin-top: 48px;
    }
    .product {
        padding-bottom: 60px;
        margin-top: 0px;
    }
    .product .pro-de-3-list ul li {
        margin-top: 30px;
    }
}

@media (max-width: 1199px){
    .pro-link {
        margin-top: 24px;
    }
    .pro-link a {
        line-height: 30px;
        padding: 0 24px;
        font-size: 14px;
        margin-right: 10px;
        border-radius: 15px;
    }
    .product {
        padding-bottom: 40px;
    }
    .product .pro-de-3-list ul li {
        margin-top: 20px;
    }
    .pro-de-3-list{
        margin-top: 0;
    }
    .pro-de-3-list ul li .pro-de-3-li-txt {
        padding: 10px 4% ;
    }
    .pro-de-3-list ul li .pro-de-3-li-txt .pro-de-3-li-h1 {
        height: 36px;
        line-height: 36px;
        font-size: 18px;
    }
    .pro-de-3-list ul li .pro-de-3-li-txt .pro-de-3-li-p {
        height: 48px;
        line-height: 24px;
    }
    
    .pro-de-1 {
        padding: 40px 0 44px 0;
    }
    .pro-de-1 .pro-de-1-right {
        padding-top: 28px;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-t {
        height: 48px;
        line-height: 48px;
        font-size: 18px;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-t span {
        font-size: 14px;
        margin-left: 5px;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom {
        padding: 15px 0 0 8%;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom .pro-de-1-ri-p {
        padding: 10px 0;
        line-height: 18px;
        font-size: 18px;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom ul li {
        line-height: 32px;
        font-size: 16px;
        padding-left: 24px;
    }
    .pro-de-2 {
        padding: 20px 0 30px 0;
    }
    .pro-de-2 .pro-de-2-t {
        line-height: 36px;
        padding: 10px 0;
        font-size: 16px;
    }
    .pro-de-2 .pro-de-2-t span{
        font-size: 20px;
    }
    .pro-de-2 .pro-de-2-p {
        line-height: 28px;
        font-size: 14px;
    }
    .pro-de-3 {
        padding: 20px 0 40px 0;
    }
    .pro-de-3 .pro-de-3-t{
        margin-bottom: 10px;
    }
    .pro-de-3 .pro-de-3-t span {
        line-height: 36px;
        font-size: 18px;
    }
    .pro-de-3 .pro-de-3-t a {
        font-size: 12px;
    }
}
@media (max-width: 991px){
    .pro-de-1 {
        padding: 30px 0 20px 0;
    }
    .pro-de-1 .pro-de-1-left{
        width: 100%;
    }
    .pro-de-1 .pro-de-1-right{
        width: 100%;
        padding-top: 0;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-t{
        width: 100%;
        margin: 0;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom {
        padding: 10px 0 0 4%;
    }
    
}
@media (max-width: 767px){
    .pro-link {
        margin-top: 10px;
    }
    .pro-link a {
        line-height: 26px;
        padding: 0 14px;
        font-size: 14px;
        margin-right: 6px;
        border-radius: 13px;
        margin-top: 10px;
    }
    .product .pro-de-3-list ul li{
        /*width: 100%;
        margin-right: 0;*/
        margin-top: 15px;
    }
    .product .pro-de-3-list ul li:nth-child(3n){
        margin-right: 0;
    }
    .product .pro-de-3-list ul li:nth-child(4n){
        margin-right: 0;
    }
    .pro-de-3-list ul li .pro-de-3-li-txt .pro-de-3-li-h1 {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    
    .pro-de-1 {
        padding: 20px 0 20px 0;
    }
    .pro-de-3-list ul li{
        /*width: 100%;*/
        margin-right: 0;
        margin-top: 15px;
    }
    
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-t{
        height: 36px;
        line-height: 36px;
        font-size: 15px;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-t span{
        font-size: 13px;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom .pro-de-1-ri-p {
        font-size: 17px;
    }
    .pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom ul li {
        line-height: 30px;
        font-size: 15px;
        padding-left: 20px;
    }
    .pro-de-2 {
        padding: 0px 0 20px 0;
    }
    .pro-de-2 .pro-de-2-t {
        line-height: 30px;
        padding: 5px 0;
        font-size: 13px;
    }
    .pro-de-2 .pro-de-2-t span {
        font-size: 16px;
    }
    .pro-de-3 {
        padding: 10px 0 20px 0;
    }
    .pro-de-3 .pro-de-3-t{
        line-height: 30px;
    }
    .pro-de-3 .pro-de-3-t span {
        line-height: 30px;
        font-size: 17px;
    }
    .pro-de-3 .pro-de-3-t a{
        margin-top: 6px;
    }
}

/*服务-厨房普及*/
.ser-text{
    float: left;
    width: 100%;
    padding: 64px 0 110px 0;
}
.ser-text .ser-text-p{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    text-indent: 2em;
    color: #010101;
}
.ser-text .ser-text-pic{
    float: left;
    width: 100%;
    margin-top: 40px;
}
.ser-text .ser-text-pic .ser-text-pic-1{
    float: left;
    width: 50.7%;
}
.ser-text .ser-text-pic .ser-text-pic-2{
    float: left;
    width: 23.5%;
    margin-left: 1.15%;
}
.ser-text .ser-text-pic  img{
    margin-top: 19px;
    max-width: 100%;
}
@media (max-width: 1199px){
    .ser-text {
        padding: 20px 0 40px 0;
    }
    .ser-text .ser-text-pic img{
        width: 100%;
        margin-top: 14px;
    }
    .ser-text .ser-text-pic .ser-text-pic-1{
        width: 100%;
    }
    .ser-text .ser-text-pic .ser-text-pic-2{
        width: 100%;
        margin-left: 0;
    }   
    .ser-text .ser-text-pic .ser-text-pic-2 img{
        float: left;
        width: 49%;
        margin-right: 2%;
    }
    .ser-text .ser-text-pic .ser-text-pic-2 img:nth-child(2n){
        margin-right: 0%;
    }
}
@media (max-width: 767px){
    .ser-text {
        padding: 10px 0 20px 0;
    }
    .ser-text .ser-text-p {
        font-size: 14px;
        line-height: 28px;
    }
    .ser-text .ser-text-pic{
        margin-top: 10px;
    }
    .ser-text .ser-text-pic img{
        margin-top: 9px;
    }
}

/*服务-工程案例*/
.product-case{
    float: left;
    width: 100%;
    padding: 30px 0px 80px 0px;
}
.product-case .product-case-list{
    float: left;
    width: 100%;
}
.product-case .product-case-list ul{
    float: left;
    width: 100%;
    padding-bottom: 18px;
}
.product-case .product-case-list ul li{
    float: left;
    /*width: 32%;
    margin-right: 2%;*/
    margin-top: 30px;
} 
.product-case .product-case-list ul li:nth-child(3n){
    margin-right: 0;
}
.product-case .product-case-list ul li a{
    float: left;
    width: 100%;
    border: 1px solid #d2d2d2;
    overflow: hidden;
}
.product-case .product-case-list ul li a img{
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
}
.product-case .product-case-list ul li:hover a img{
    -webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.product-case .product-case-list ul li .proCase-li-txt{
    float: left;
    width: 100%;
    height: 62px;
    line-height: 62px;
    font-size: 16px;
    color: #333;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.product-case .product-case-list ul li:hover .proCase-li-txt{
    color: #0063bf;
}

@media (max-width: 1199px){
    .product-case {
        padding: 10px 0px 40px 0px;
    }
    .product-case .product-case-list ul{
        padding-bottom: 0;
    }
    .product-case .product-case-list ul li{
        margin-top: 20px;
    }
}
@media (max-width: 767px){
    .product-case .product-case-list ul li{
        /*width: 100%;
        margin-right: 0;*/
        margin-top: 15px;
    }
    .product-case .product-case-list ul li .proCase-li-txt {
        height: 42px;
        line-height: 42px;
        font-size: 15px;
    }
}

/*服务-工程案例详情*/
.ser-case-de-1{
    float: left;
    width: 100%;
    padding: 48px 0 68px 0;
}
.ser-case-de-1 .ser-case-de-1-t{
    float: left;
    width: 100%;
    line-height: 82px;
    font-size: 38px;
    color: #0063bf;
}
.ser-case-de-1 .ser-case-de-1-t span{
    font-family: 'AvantGardeITCbyBT-Book';
    font-size: 34px;
    color: #999;
    margin-left: 16px;
}
.ser-case-de-1 .ser-case-de-1-grade{
    float: left;
    width: 100%;
}
.ser-case-de-1 .ser-case-de-1-grade span{
    display: inline-block;
    height: 52px;
    line-height: 32px;
    padding: 10px 30px 10px 24px;
    font-size: 22px;
    color: #fff;
    background: #0063bf;
}
.ser-case-de-1 .ser-case-de-1-grade span img{
    vertical-align: middle;
    margin-right: 10px;
    padding-bottom: 3px;
    margin-right: 4px;
}

.ser-case-de-1 .ser-case-de-1-p{
    float: left;
    width: 100%;
    line-height: 36px;
    padding: 40px 0 0px 0;
    font-size: 16px;
    text-indent: 2em;
    color: #010101;
}
.ser-case-de-1 .ser-case-de-1-p img{
    max-width: 100%;
}

.bg-f8f8f8{
    background: #f8f8f8;
}
.bg-f9f9f9{
    background: #f9f9f9;
}
.ser-case-de-2{
    float: left;
    width: 100%;
    padding: 60px 0 44px 0;
}
.ser-case-de-2 .slick-dots{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.ser-case-de-2 .slick-dots li {
    display: inline-block;
    float: none;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    padding: 0;
    border: 1px solid #0063bf;
    border-radius: 100%;
}
.ser-case-de-2 .slick-dots li.slick-active{
    background: #0063bf;
}
.ser-case-de-2 li button{
    display: none;
}
.ser-case-de-2 .ser-case-de-2-left{
    float: left;
    width: 58.1%;
    text-align: center;
    padding: 0px 5.4%;
}


.ser-case-de-2 .ser-case-de-2-left img{
    max-width: 100%;
}
.ser-case-de-2 .ser-case-de-2-right{
    float: left;
    width: 41.9%;
    padding-left: 7.7%;
    padding-top: 50px;
    font-weight: normal;
}
.ser-case-de-2 .ser-case-de-2-right .ser-case-de-2-r-t{
    float: left;
    width: 100%;
    padding-left: 20px;
    height: 31px;
    line-height: 31px;
    font-size: 30px;
    color: #010101;
    border-left: 6px solid #0063bf;
}

.ser-case-de-2 .ser-case-de-2-right .ser-case-de-2-r-h1{
    float: left;
    width: 100%;
    line-height: 53px;
    margin-top: 36px;
    font-size: 30px;
    color: #0063bf;
}
.ser-case-de-2 .ser-case-de-2-right .ser-case-de-2-r-h2{
    float: left;
    width: 100%;
    line-height: 48px;
    font-size: 22px;
    color: #010101;
    
}
.ser-case-de-2 .ser-case-de-2-right ul{
    float: left;
    width: 100%;
    font-size: 16px;
    margin-top: 12px;
    color: #010101;
}
.ser-case-de-2 .ser-case-de-2-right ul li{
    float: left;
    width: 100%;
    padding: 5px 0;
    line-height: 26px;
    padding-left: 18px;
    position: relative;
}
.ser-case-de-2 .ser-case-de-2-right ul li::after{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 7px;
    height: 7px;
    background: #0063bf;
    border-radius: 100%;
    content: "";
}

.ser-case-de-3{
    float: left;
    width: 100%;
    padding: 52px 0 120px 0;
}
.ser-case-de-3 .ser-case-de-3-h1{
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    color: #010101;
    font-weight: normal;
    overflow: hidden;
}
.ser-case-de-3 .ser-case-de-3-pic{
    float: left;
    width: 100%;
}
.ser-case-de-3 .ser-case-de-3-pic a{
    float: left;
    width: 32.2%;
    margin-right: 1.7%;
    margin-top: 28px;
    border: 1px solid #d2d2d2;
    overflow: hidden;
    cursor: default;
}
 .ser-case-de-3 .ser-case-de-3-pic a:nth-child(3n){
     margin-right: 0%;
 }
 .ser-case-de-3 .ser-case-de-3-pic a img{
     width: 100%;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
     transition: all 0.3s ease-out 0s;
 }
 .ser-case-de-3 .ser-case-de-3-pic a:hover img{
     -webkit-transform: scale(1.1);
     -mos-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }
 
 @media (max-width: 1199px){
     .ser-case-de-1 {
         padding: 20px 0 30px 0;
     }
     .ser-case-de-1 .ser-case-de-1-t {
         line-height: 60px;
         font-size: 24px;
     }
     .ser-case-de-1 .ser-case-de-1-t span {
         font-size: 20px;
         margin-left: 10px;
     }
     .ser-case-de-1 .ser-case-de-1-grade span {
         height: 38px;
         line-height: 28px;
         padding: 5px 15px 5px 15px;
         font-size: 18px;
     }
     .ser-case-de-1 .ser-case-de-1-p {
         line-height: 30px;
         padding: 20px 0 0px 0;
         font-size: 14px;
     }
     .ser-case-de-2 {
         padding: 30px 0 30px 0;
     }
     .ser-case-de-2 .ser-case-de-2-left{
         width: 55%;
     }
     .ser-case-de-2 .ser-case-de-2-right{
         width: 45%;
         padding-left: 4%;
         padding-top: 20px;
     }
     .ser-case-de-2 .ser-case-de-2-right .ser-case-de-2-r-t {
         padding-left: 15px;
         height: 26px;
         line-height: 26px;
         font-size: 24px;
         border-left: 4px solid #0063bf;
     }
     .ser-case-de-2 .ser-case-de-2-right .ser-case-de-2-r-h1 {
         line-height: 36px;
         margin-top: 20px;
         font-size: 24px;
     }
     .ser-case-de-2 .ser-case-de-2-right .ser-case-de-2-r-h2 {
         line-height: 36px;
         font-size: 18px;
     }
     .ser-case-de-2 .ser-case-de-2-right ul{
         font-size: 14px;
     }
     .ser-case-de-3 {
         padding: 30px 0 30px 0;
     }
    .ser-case-de-3 .ser-case-de-3-h1 {
         height: 36px;
         line-height: 36px;
         font-size: 24px;
    }
 }
 @media (max-width: 767px){
     .ser-case-de-1 {
         padding: 10px 0 10px 0;
     }
     .ser-case-de-1 .ser-case-de-1-t {
         line-height: 36px;
         font-size: 18px;
     }
     .ser-case-de-1 .ser-case-de-1-t span {
         font-size: 16px;
         margin-left: 5px;
     }
     .ser-case-de-1 .ser-case-de-1-grade span {
         font-size: 16px;
     }
     .ser-case-de-1 .ser-case-de-1-p {
         line-height: 28px;
         padding: 10px 0 0px 0;
     }
     .ser-case-de-2 {
         padding: 15px 0 15px 0;
     }
     .ser-case-de-2 .ser-case-de-2-left{
         width: 100%;
     }
     
     .ser-case-de-2 .slick-dots li {
         width: 10px;
         height: 10px;
         margin: 0 3px;
     }
     .ser-case-de-2 .ser-case-de-2-right{
         width: 100%;
         padding-left: 0;
     }
     .ser-case-de-2 .ser-case-de-2-right .ser-case-de-2-r-t {
         padding-left: 10px;
         height: 28px;
         line-height: 28px;
         font-size: 18px;
         border-left: 3px solid #0063bf;
     }
     .ser-case-de-2 .ser-case-de-2-right .ser-case-de-2-r-h1 {
         line-height: 28px;
         margin-top: 5px;
         font-size: 18px;
     }
     .ser-case-de-2 .ser-case-de-2-right .ser-case-de-2-r-h2 {
         line-height: 32px;
         font-size: 16px;
     }
     .ser-case-de-2 .ser-case-de-2-right ul {
         margin-top: 5px;
     }
     .ser-case-de-2 .ser-case-de-2-right ul li {
         padding: 4px 0;
         line-height: 24px;
         padding-left: 12px;
     }
     .ser-case-de-2 .ser-case-de-2-right ul li::after{
         width: 6px;
         height: 6px;
         margin-top: -3px;
     }
     .ser-case-de-3 {
         padding: 15px 0 15px 0;
     }
     .ser-case-de-3 .ser-case-de-3-h1 {
         height: 24px;
         line-height: 24px;
         font-size: 18px;
     }
     .ser-case-de-3 .ser-case-de-3-pic a{
         width: 100%;
         margin-top: 15px;
     }
}

/*公司简介*/
.relative{
    position: relative;
}
.relative .ab-img-1{
    position: absolute;
    bottom: 0;
    right: 0;
}
.about{
    float: left;
    width: 100%;
    padding: 50px 0 0 0;
    position: relative;
}
.about .ab-ri-p{
    font-family: 'AvantGardeITCbyBT-Demi';
    position: absolute;
    right: 76px;
    bottom: 144px;
    width: 40px;
    line-height: 40px;
    writing-mode:tb-rl;
    font-size: 52px;
    color: #e2e2e2;
    padding-top: 236px;
}
.about .ab-ri-p::after{
    position: absolute;
    top: 0;
    left: 18px;
    width: 3px;
    height: 160px;
    background: #c3c3c3;
    content: "";
}


.about .ab-left{
    
    width: 100%;
}
.about .ab-left .ab-le-h1{
    
    width: 100%;
    line-height: 48px;
    font-size: 36px;
    padding: 15px 0;
    color: #0063bf;
}
.about .ab-left .ab-le-h2 {
    /* font-family: 'AvantGardeITCbyBT-Demi'; */
    width: 100%;
    line-height: 14px;
    font-size: 16px;
    color: #0063bf;
}
.about .ab-left .ab-le-h3{
    font-family: 'AvantGardeITCbyBT-Demi';
   
    width: 100%;
    line-height: 54px;
    font-size: 40px;
    color: #0063bf;
}
.about .ab-left .ab-le-text{
   
    width: 100%;
    line-height: 36px;
    text-indent: 2em;
    margin-top: 36px;
    font-size: 16px;
    color: #333;
}
.about .ab-left .ab-le-text p{}
.about .ab-left .ab-le-text p img{
    border: 1px solid #e5e5e5;
    width: 48.9%;
    
}
.about .ab-left .ab-le-text p img:nth-child(2n){
    float: right;
}


.about .ab-right{
    float: left;
    width: 22.6%;
}
.about .ab-right .ab-ri-pic{
    float: right;
    max-width: 100%;
}

 @media (max-width: 991px){
     .about .ab-ri-p{
         right: 50px;
         bottom: 50px;
         font-size: 36px;
         padding-top: 180px;
     }
     .about .ab-ri-p::after {
         height: 120px;
     }
     .about {
         padding: 30px 0 50px 0;
     }
     .about .ab-left .ab-le-h1 {
         line-height: 36px;
         font-size: 24px;
         padding: 5px 0;
     }
     .about .ab-left .ab-le-h2 {
         line-height:30px;
         font-size: 16px;
     }
     .about .ab-left .ab-le-h3 {
         line-height: 36px;
         font-size: 28px;
     }
     .about .ab-left .ab-le-text {
         line-height: 30px;
         margin-top: 28px;
         font-size: 16px;
     }
 }
 @media (max-width: 767px){
     .about {
         padding: 15px 0 20px 0;
     }
     .about .ab-left{
         width: 100%;
     }
     .about .ab-right{
         display: none;
     }
     .about .ab-left .ab-le-text p img{
         width: 100%;
         margin-top: 10px;
     }
     .about .ab-left .ab-le-h1 {
         line-height: 24px;
         font-size: 20px;
         padding: 5px 0;
     }
     .about .ab-left .ab-le-h2 {
         line-height: 32px;
         font-size:14px;
     }
     .about .ab-left .ab-le-h3 {
         line-height: 26px;
         font-size: 18px;
     }
     .about .ab-left .ab-le-text{
         margin-top: 10px;
     }
}

/*荣誉资质*/
.product-case.honor{
    padding-top: 35px;
}
.product-case.honor .product-case-list ul{
    padding-bottom: 50px;
}
.product-case.honor .product-case-list ul li{
    /*width: 22.3%;
    margin-right: 3.6%;*/
    margin-top: 30px;
}
.product-case.honor .product-case-list ul li .proCase-li-txt {
    height: 56px;
    line-height: 56px;
}
.product-case.honor .product-case-list ul li:nth-child(4n){
    margin-right: 0;
}
@media (max-width: 1199px){
     .product-case.honor {
         padding-top: 20px;
     }
     .product-case.honor .product-case-list ul{
        padding-bottom: 0px;
     }
     .product-case.honor .product-case-list ul li{
         margin-top: 20px;
     }
     .product-case.honor .product-case-list ul li .proCase-li-txt {
         font-size: 16px;
         height: 48px;
         line-height: 48px;
     }
}
@media (max-width: 767px){
     .product-case.honor {
         padding-top: 10px;
     }
     .product-case.honor .product-case-list ul li{
         /*width: 49%;
         margin-right: 2%;*/
         margin-top: 15px;
     }
     .product-case.honor .product-case-list ul li:nth-child(2n){
         margin-right: 0;
     }
     
     .product-case.honor .product-case-list ul li .proCase-li-txt {
         height: 42px;
         line-height: 42px;
         font-size: 16px;
     }
}

/*文化*/
.culture{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.dian{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 250px;
    background: url(../img/bg-3.jpg) repeat;
    z-index: -1;
}
.culture-1{
    float: left;
    width: 100%;
}
.cul-text{
    float: left;
    width: 50%;
    padding-right: 4%;
    padding-top: 34px;
}
.cul-text .cul-text-txt1{
    float: left;
    width: 100%;
}
.cul-text .cul-text-txt1 .cul-title{
    float: left;
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
}
.cul-text .cul-text-txt1 .cul-title span{
    display: inline-block;
    line-height: 46px;
    font-size: 26px;
    font-weight: bold;
    color: #0063bf;
    border-bottom: 3px solid #0063bf;
    margin-bottom: -2px;
}
.cul-text .cul-text-txt1 .cul-p{
    float: left;
    width: 100%;
    line-height: 36px;
    margin-top: 16px;
    font-size: 18px;
    color: #333;
}
.cul-img-1{
    float: right;
    width: 50%;
}
.cul-img-1 img{
    width: 100%;
}

.culture-img-2{
    float: left;
    width: 50%;
}
.culture-img-2 img{
    width: 100%;
}
.culture-2{
    float: left;
    width: 50%;
}
.culture-2 .cul-text{
    width: 100%;
    padding-right: 3%;
    padding-left: 8%;
    padding-top: 74px;
}
@media (max-width: 1440px){
    .culture{
        padding-top: 36px;
    }
    .cul-text {
        padding-left: 4%;
        padding-right: 2%;
    }
    .culture-2 .cul-text {
        padding-right: 4%;
        padding-left: 8%;
        padding-top: 36px;
    }
    .cul-text .cul-text-txt1 .cul-title span{
        font-size: 20px;
    }
    .cul-text .cul-text-txt1 .cul-p{
        font-size: 16px;
    }
}
@media (max-width: 1199px){
    .dian{
        display: none;
    }
    .cul-text{
        padding-top: 12px;
        padding-left: 2%;
    }
    .cul-text .cul-text-txt1 .cul-p {
        line-height: 28px;
        margin-top: 10px;
        font-size: 14px;
    }
    .cul-text .cul-text-txt1 .cul-title span{
        line-height: 34px;
    }
    .cul-text .cul-text-txt1 .cul-title{
        height: 36px;
    }
    
    .culture-2 .cul-text{
        padding-top: 16px;
    }
}
@media (max-width: 991px){
    .cul-text{
        width: 100%;
        padding: 20px 3% 30px 3%;
    }
    .culture-2{
        width: 100%;
    }
    .culture-2 .cul-text{
        padding: 20px 3% 30px 3%;
    }
    .cul-img-1{
        width: 100%;
    }
    .culture-img-2{
        width: 100%;
    }
    
}
@media (max-width: 767px){
    .culture {
        padding-top: 15px;
    }
    .cul-text {
        padding: 15px 3% 20px 3%;
    }
    .cul-text .cul-text-txt1 .cul-title span {
        font-size: 18px;
    }
    .culture-2 .cul-text {
        padding: 15px 3% 30px 3%;
    }
    .cul-text .cul-text-txt1 .cul-p {
        line-height: 24px;
        font-size: 14px;
    }
}


/*发展历程*/
.course{
    float: left;
    width: 100%;
    padding: 62px 0 118px 0;
}
.course-p1{
    float: left;
    width: 100%;
    line-height: 34px;
    font-size: 16px;
    color: #333;
    text-indent: 2em;
}
.course-con {
    float: left;
    width: 100%;
    margin-top: 18px;
}
.course-con ul{
    float: left;
    width: 100%;
    height: 980px;
    overflow-y: auto;
    position:relative;
    overflow-x:hidden;
}

/*修改滚动条样式*/
.course-con ul::-webkit-scrollbar{
    width: 5px;
}
.course-con ul::-webkit-scrollbar-track{
  background: #e5e5e5;
}
.course-con ul::-webkit-scrollbar-thumb{
  background: rgb(164, 116, 49);
}
.course-con ul::-webkit-scrollbar-thumb:hover{
  background: rgb(164, 116, 49);
}
.course-con ul::-webkit-scrollbar-corner{
  background: #e5e5e5;
}

.course-con ul li{
    float: left;
    width: 100%;
    color: #333;
    margin-top: 68px;
    position: relative;
}
.course-con ul li.even{
    margin-top: 136px;
}
.course-con ul li .course-year{
    font-family: 'impact';
    float: left;
    width: 150px;
    font-size: 64px;
    line-height: 64px;
    color: #a47531;
    /* line-height: 64px; */
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    border-right: 2px solid #a47531;
}
.course-con ul li .course-year span{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    clear: both;
    height: 28px;
    height: 28px;
    font-size: 28px;
    padding-left: 40%;
    position: relative;
} 
.course-con ul li .course-year span::after{
    width: 2px;
    height: 26px;
}

.course-con ul li .course-txt{
    float: left;
    width: 88%;
    position: relative;
}
.course-t-p{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 34px;
    padding: 0 7.2% 0 3.6%;
    font-size: 18px;
}
@media (max-width: 1440px){
    .course-con ul li .course-year{
        font-size: 54px;
    }
    .course-t-p {
        line-height: 30px;
        font-size: 16px;
    }
    .course-p1 {
        line-height: 32px;
        font-size: 15px;
    }
}
@media (max-width: 1199px){
    .course {
        padding: 32px 0 8px 0;
    }
    .course-con ul::-webkit-scrollbar{
        display: none;
    }
    .course-con ul li{
        margin-top: 48px;
    }
    .course-con ul li .course-year{
        width: 120px;
    }
    .course-con ul li .course-txt{
        width: 86%;
    }
    .course-t-p{ 
        padding: 0 3.6% 0 3.6%;
    }   
    .course-con ul li .course-year {
        font-size: 42px;
        line-height: 48px;
    }
    .course-con ul li.even {
        margin-top: 100px;
    }
    .course-con ul {
        height: auto;
        overflow-y: inherit;
        overflow-x: inherit;
    }
}
@media (max-width: 991px){
    .course-con ul li .course-year {
        width: 100px;
    }
    .course-t-p {
        line-height: 28px;
        font-size: 14px;
        padding: 0 3%;
    }
}
@media (max-width: 767px){
    .course {
        padding: 15px 0 30px 0;
    }
    .course-p1 {
        line-height: 26px;
        font-size: 14px;
    }
    .course-con{
        margin-top: 8px;
    }
    .course-con ul li .course-year{
        width: 100%;
    }
    .course-con ul li .course-txt {
        width: 100%;
    }
    .course-t-p{
        position: relative;
        left: auto;
        top: auto;
        float: left;
        width: 100%;
        -webkit-transform: translateY(-0%);
        -ms-transform: translateY(-0%);
        -moz-transform: translateY(-0%);
        transform: translateY(-0%);
        padding: 0 0% 0 0;
        margin-top: 5px;
    }
    .course-con ul li {
        margin-top: 8px;
    }
    .course-con ul li.even {
        margin-top: 8px;
    }
    .course-con ul li .course-year span{
        width: auto;
        padding-left: 0;
        height: 18px;
        font-size: 18px;
    }
    .course-con ul li .course-year {
        position: relative;
        font-size: 28px;
        line-height: 48px;
        -webkit-transform: translateY(-0%);
        -ms-transform: translateY(-0%);
        -moz-transform: translateY(-0%);
        transform: translateY(-0%);
        border-right: 0;
    }
    .course-con ul li .course-year::after{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 20px;
        height: 2px;
        background: #a47531;
        content: "";
    }
}




 
/*联系我们*/
.contact{  margin: 60px 0 0;  }
.contact_t{     display: flex;    flex-direction: row-reverse; }
.map1 {
    float: right;
    width: 60%;
    height: 608px;
   
    border: 1px solid #c3c3c3;
}
.map-t{
    float: left;
    width: 40%;
    background-color: #373c41;
    padding: 50px 40px;
}
.map-text-1{}
.map-text{ font-size: 24px;  color: #fff;  line-height: 28px; padding: 0 0 28px; margin: 0 0 28px;  position: relative; }
.map-text::after{ content: "";  position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: #dc0c19;   }
.map-text-t{ color: #fff;  }
.contact_img{ display: flex;  }
.contact_ewm{ width: 24%; }
.contact_ewm img{ width: 100%; }
.contact_ewm span{     line-height: 30px;    font-size: 12px;    color: #999999;  display: table; text-align: center;width: 100%;}

.bg-3{
    margin-top: 50px;
    background: #f5f5f5;
    padding: 30px;
}
.inv-7{
    float: left;
    width: 100%;
    padding: 50px 0px 30px 0px;
}
.inv-7-le{
    float: right;
    width: 100%;
    padding-top: 10px;
}
.inv-7-le .inv-7-le-fo1{
    /*float: left;
    width: 48.4%;*/
    margin-top: 20px;
}
.inv-7-le .inv-7-le-fo1.inv-7-le-fo2{
    float: right;
}

.inv-7-le .inv-7-le-fo1 .inv-7-le-input1{
    height: 36px;
    width: 100%;
    background: #fff;
    border-radius: 0;
    border: 1px solid #ddd;
    padding: 10px;
}

.inv-7-le .inv-7-le-input2{
    height: 240px;
    width: 100%;
    background: #fff; padding: 10px;
    border-radius: 0;
    border: 1px solid #ddd;
}

.inv-7-le .inv-7-le-fo1 input::input-placeholder { color: #c1c1c1;}
.inv-7-le .inv-7-le-fo1 input::-webkit-input-placeholder{ color: #c1c1c1;}
.inv-7-le .inv-7-le-fo1 input:-moz-placeholder { color: #c1c1c1;}
.inv-7-le .inv-7-le-fo1 input::-moz-placeholder { color: #c1c1c1;}
.inv-7-le .inv-7-le-fo1 input::-ms-input-placeholder { color: #c1c1c1;}

.inv-7-le .inv-7-le-fo1 input.focus::input-placeholder { color: #0063bf;}
.inv-7-le .inv-7-le-fo1 input.focus::-webkit-input-placeholder{ color: #0063bf;}
.inv-7-le .inv-7-le-fo1 input.focus:-moz-placeholder { color: #0063bf;}
.inv-7-le .inv-7-le-fo1 input.focus::-moz-placeholder { color: #0063bf;}
.inv-7-le .inv-7-le-fo1 input.focus::-ms-input-placeholder { color: #0063bf;}

.inv-7-le textarea::input-placeholder { color: #c1c1c1;}
.inv-7-le textarea::-webkit-input-placeholder{ color: #c1c1c1;}
.inv-7-le textarea:-moz-placeholder { color: #c1c1c1;}
.inv-7-le textarea::-moz-placeholder { color: #c1c1c1;}
.inv-7-le textarea::-ms-input-placeholder { color: #c1c1c1;}

.inv-7-le textarea.focus::input-placeholder { color: #0063bf;}
.inv-7-le textarea.focus::-webkit-input-placeholder{ color: #0063bf;}
.inv-7-le textarea.focus:-moz-placeholder { color: #0063bf;}
.inv-7-le textarea.focus::-moz-placeholder { color: #0063bf;}
.inv-7-le textarea.focus::-ms-input-placeholder { color: #0063bf;}

.inv-7-le .con-btn{
    float: left;
    width: 100%;
    margin-top: 76px;
    font-size: 18px;
    color: #fff;
    padding: 0 15px;
    text-align: center;
}

.inv-7-le .con-btn input{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
}
.inv-7-le .con-btn input:hover{
    opacity: 0.9;
}
.inv-7-le .inv-sub{
    float: left;
    width: 48.3%;
    height: 58px;
    line-height: 58px;
    background: #0063bf;
    border: 1px solid #0063bf;
    
}
.inv-7-le .inv-reset{
    float: right;
    width: 48.3%;
    height: 58px;
    line-height: 58px;
    background: none;
    border: 1px solid #fff;
    background: #FFF;
    color: #0063bf;
}

.inv-7-ri{
    float: left;
    width: 31.78%;
    color: #fff;
    text-align: center;
    padding-top: 103px;
}
.inv-7-ri .inv-7-ri-text{
    float: left;
    width: 100%;
}
.inv-7-ri .inv-7-ri-text .inv-7-ri-p1{
    float: left;
    width: 100%;
    line-height: 40px;
    font-size: 28px;
    margin-top: 21px;
}
.inv-7-ri .inv-7-ri-text .inv-7-ri-p2{
    float: left;
    width: 100%;
    line-height: 28px;
    padding: 16px 0 14px 0;
    font-size: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.inv-7-ri .inv-7-ri-tel{
    float: left;
    width: 100%;
}
.inv-7-ri .inv-7-ri-tel .inv-7-ri-p3{
    float: left;
    width: 100%;
    line-height: 24px;
    margin-top: 31px;
    font-size: 16px;
}
.inv-7-ri .inv-7-ri-tel .inv-7-ri-p4{
    font-family: 'Roboto-Regular';
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    margin-top: 8px;
    font-weight: bold;
}

@media (max-width: 1199px){
    .map1 {
        height: 480px;
        margin-top: 40px;
    }
    .map-text .map-text-1 {
        padding: 30px 0 30px 3%;
    }
    .map-text .map-text-1 .map-text-1-l {
        width: 25%;
        padding-left: 10px;
        padding-top: 7px;
    }
    .map-text .map-text-1 .map-text-1-l .map-text-1-l-c {
        line-height: 30px;
        font-size: 20px;
    }
    .map-text .map-text-1 .map-text-1-l .map-text-1-l-e {
        line-height: 20px;
        font-size: 16px;
    }
    .map-text .map-text-1 .map-text-1-r {
        width: 75%;
        font-size: 14px;
    }
    .map-text .map-text-1 .map-text-1-r .map-text-1-r-p {
        line-height: 36px;
        padding-left: 30px;
    }
    .map-text .map-text-1 .map-text-1-l::after {
        width: 2px;
        height: 36px;
        margin-top: -18px;
    }
    .map-text .map-text-1::before{
        height: 100px;
        margin-top: -50px;
    }
    .map-text{
        padding-bottom: 30px;
    }
}
@media (max-width: 991px){
    .map-text .map-text-1 .map-text-1-l {
        width: 100%;
    }
    .map-text .map-text-1 .map-text-1-r {
        width: 100%;
        margin-top: 20px;
    }
    .map-text .map-text-1 .map-text-1-r .map-text-1-r-p{
        width: 100%;
    }
    .map-text .map-text-1{
        width: 100%;
    }
    .map-text .map-text-1::before{
        display: none;
    }
    .inv-7-ri{
        width: 100%;
    }
    .inv-7-le{
        width: 100%;
    }
    .inv-7 {
        padding: 40px 0px 20px 0px;
    }
    .inv-7-ri{
        padding-top: 0;
    }
    .map-text{
        padding-bottom: 20px;
    }
    .inv-7-ri .inv-7-ri-text .inv-7-ri-p1 {
        line-height: 36px;
        font-size: 22px;
        margin-top: 10px;
    }
    .inv-7-ri .inv-7-ri-text .inv-7-ri-p2 {
        line-height: 20px;
        padding: 5px 0 15px 0;
        font-size: 14px;
    }
    .inv-7-ri .inv-7-ri-tel .inv-7-ri-p3{
        margin-top: 10px;
    }
    .inv-7-ri .inv-7-ri-tel .inv-7-ri-p4 {
        height: 24px;
        line-height: 24px;
        font-size: 24px;
        margin-top: 8px;
    }
    
    .inv-7-le .inv-7-le-fo1{
        margin-top: 5px;
    }
    .inv-7-le .inv-7-le-fo1 .inv-7-le-input1 {
        height: 49px;
        line-height: 48px;
    }
    .inv-7-le .inv-7-le-input2 {
        height: 130px;
        border-bottom: 1px solid #fff;
        padding: 18px 0 3px 0;
        line-height: 36px;
    }
    .inv-7-le .con-btn{
        margin-top: 10px;
    }
    .inv-7-le .inv-sub {
        height: 48px;
        line-height: 48px;
    }
    .inv-7-le .inv-reset {
        height: 48px;
        line-height: 48px;
    }
}

@media (max-width: 767px){
    .map1 {
        height: 320px;
        margin-top: 20px;
    }
    .map-text .map-text-1 {
        padding: 15px 0 15px 3%;
    }
    .map-text .map-text-1 .map-text-1-l{
        padding-top: 0;
        width: 100%;
    }
    .map-text .map-text-1 .map-text-1-l .map-text-1-l-c{
        font-size: 18px;
    }
    .map-text .map-text-1 .map-text-1-l .map-text-1-l-e{
        font-size: 14px;
    }
    .map-text .map-text-1 .map-text-1-r{
        width: 100%;
        margin-top: 15px;
    }
    .map-text .map-text-1 .map-text-1-r .map-text-1-r-p {
        line-height: 26px;
        padding: 5px 0;
        padding-left: 5px;
    }
    
    .inv-7 {
        padding: 20px 0px 15px 0px;
    }
    .inv-7-ri img{
        width: 60px;
    }
    .inv-7-ri .inv-7-ri-text .inv-7-ri-p1 {
        line-height: 28px;
        font-size: 18px;
        margin-top: 6px;
    }
    .inv-7-ri .inv-7-ri-text .inv-7-ri-p2 {
        line-height: 24px;
        padding: 0px 0 10px 0;
        font-size: 14px;
    }
    .inv-7-ri .inv-7-ri-tel .inv-7-ri-p3 {
        line-height: 24px;
        margin-top: 10px;
        font-size: 14px;
    }
    .inv-7-ri .inv-7-ri-tel .inv-7-ri-p4 {
        height: 22px;
        line-height: 22px;
        font-size: 20px;
        margin-top: 5px;
    }
    .inv-7-le .inv-7-le-fo1{
        width: 100%;
        margin-top: 10px;
    }
    .inv-7-le .inv-7-le-fo1 .inv-7-le-input1 {
        height: 36px;
        line-height: 35px;
    }
    .inv-7-le .inv-7-le-input2 {
        height: 100px;
        padding: 10px 0 5px 0;
        line-height: 24px;
    }
    .inv-7-le input{
        font-size: 14px;
    }
    .inv-7-le .inv-sub {
        height: 42px;
        line-height: 42px;
    }
    .inv-7-le .inv-reset {
        height: 42px;
        line-height: 42px;
    }
}

/*新闻中心*/
.news{
    float: left;
    width: 100%;
    padding-bottom: 50px;
}
.news .news-list{
    float: left;
    width: 100%;
}
.news .news-list ul{
    float: left;
    width: 100%;
    /*padding-bottom: 50px;*/
}
.news .news-list ul li{
    float: left;
    /*width: 31%;
    margin-right: 3.5%;*/
    margin-top: 30px;
    
}
.news .news-list li:nth-child(3n){
    margin-right: 0;
}
.news .news-list li .news-li-txt{
    float: left;
    width: 100%;
    padding: 12px 5.7% 26px 5.7%;
    background: #f8f8f8;
    /*35 36 24*/
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
}
.news .news-list li:hover .news-li-txt{
    background: #0063bf;
}
.news .news-list li .news-li-txt .news-li-time{
    font-family: 'AgencyFB-Reg';
    float: left;
    width: 100%;
    line-height: 35px;
    font-size: 20px;
    color: #666;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
}
.news .news-list li .news-li-txt .news-li-h1{
    float: left;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    color: #010101;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
.news .news-list li .news-li-txt .news-li-p{
    float: left;
    width: 100%;
    height: 48px;
    line-height: 24px;
    margin-top: 3px;
    font-size: 14px;
    color: #999;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news .news-list li .new-pic{
    float: left;
    width: 100%;
    overflow: hidden;
}
.news .news-list li .new-pic img{
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
}
.news .news-list li:hover .new-pic img{
    -webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.news .news-list li:hover .news-li-txt .news-li-time{
    color: #fff;
}
.news .news-list li:hover .news-li-txt .news-li-h1{
    color: #fff;
}
.news .news-list li:hover .news-li-txt .news-li-p{
    color: #fff;
}       

@media (max-width: 1199px){
    .news .news-list ul li{
        margin-top: 30px;
    }
}

@media (max-width: 991px){
    .news {
        padding-bottom: 30px;
    }
    
    .news .news-list ul{
        padding-bottom: 0px;
    }
    .news .news-list ul li{
        /*width: 32.2%;
        margin-right: 1.7%;*/
        margin-top: 15px;
    }
    .news .news-list li .news-li-txt {
        padding: 10px 4% 10px 4%;
    }
    .news .news-list li .news-li-txt .news-li-time {
        line-height: 20px;
        font-size: 18px;
    }
}

@media (max-width: 767px){
    .news .news-list ul li{
        /*width: 100%;*/
        margin-right: 0;
    }
    .news {
        padding-bottom: 20px;
    }
}


/*新闻详情*/
.news-details{
    float: left;
    width: 100%;
    padding: 70px 0 92px 0;
}
.news-details .news-de-title{
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: center;
}
.news-details .news-de-title .news-de-ti-h1{
    float: left;
    width: 100%;
    line-height: 36px;
    max-height: 72px;
    font-size: 28px;
    color: #010101;
    font-weight: normal;
    overflow: hidden;
}
.news-details .news-de-title .news-de-ti-timeNum{
    float: left;
    width: 100%;
    line-height: 28px;
    margin-top: 15px;
}
.news-details .news-de-title .news-de-ti-timeNum .news-de-ti-time{
    display: inline-block;
    padding: 0 30px;
}
.news-details .news-de-title .news-de-ti-timeNum .news-de-ti-time img{
    vertical-align: middle;
    padding-bottom: 3px;
    margin-right: 10px;
}
.news-details .news-de-title .news-de-ti-timeNum .news-de-ti-num{
    display: inline-block;
    padding: 0 30px;
}
.news-details .news-de-title .news-de-ti-timeNum .news-de-ti-num img{
    vertical-align: middle;
    padding-bottom: 3px;
    margin-right: 10px;
}

.news-details .news-de-title .news-de-ti-a{
    float: left;
    width: 100%;
    height: 43px;
    position: relative;
}
.news-details .news-de-title .news-de-ti-a::after{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    border-bottom: 1px dashed #d2d2d2;
    content: "";
    z-index: 1;
}
.news-details .news-de-title .news-de-ti-a a{
    float: right;
    display: block;
    line-height: 43px;
    font-size: 16px;
    color: #0063bf;
    padding-left: 50px;
    background: #fff url(../img/de-ico-3.png) 20px center no-repeat;
    position: relative;
    z-index: 2;
}
.news-details .news-de-title .news-de-ti-a a:hover{
    padding-right: 5px;
}

.news-de-text{
    float: left;
    width: 100%;
    line-height: 36px;
    font-size: 16px;
    padding: 22px 1.7% 68px 1.7%;
    color: #010101;
    border-bottom: 1px dashed #d2d2d2;
    text-indent: 2em;
}
.news-de-text img{
    max-width: 100%;
}



.news-de-link{
    float: left;
    width: 100%;
    line-height: 36px;
    margin-top: 33px;
}
.news-de-link a{
    float: left;
    width: 50%;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-de-link a.news-de-left{
    text-align: left;
    padding-right: 3%;
}
.news-de-link a.news-de-right{
    text-align: right;
    padding-left: 3%;
}
.news-de-link a:hover{
    color: #0063bf;
}

@media (max-width: 991px){
    .news-details {
        padding: 30px 0 32px 0;
    }
    .news-details .news-de-title .news-de-ti-h1 {
        font-size: 24px;
    }
    .news-details .news-de-title .news-de-ti-timeNum {
        margin-top: 5px;
    }
    .news-details .news-de-title .news-de-ti-timeNum .news-de-ti-num{
        padding: 0 10px;
    }
    .news-details .news-de-title .news-de-ti-timeNum .news-de-ti-num img{
        padding-bottom: 1px;
    }
    .news-details .news-de-title .news-de-ti-timeNum .news-de-ti-time {
        padding: 0 10px;
    }
    .news-details .news-de-title .news-de-ti-timeNum .news-de-ti-time img{
        padding-bottom: 1px;
    }
    .news-details .news-de-title .news-de-ti-a{
        height: 36px;
    }
    .news-details .news-de-title .news-de-ti-a a {
        line-height: 36px;
        font-size: 14px;
    }
    .news-de-text {
        line-height: 28px;
        font-size: 14px;
        padding: 15px 1% 30px 1%;
    }
    .news-de-link{
        margin-top: 20px;
    }
    
}

@media (max-width: 767px){
    .news-details {
        padding: 20px 0 22px 0;
    }
    .news-details .news-de-title .news-de-ti-h1 {
        font-size: 18px;
        line-height: 24px;
        max-height: 48px;
    }
    .news-details .news-de-title .news-de-ti-timeNum .news-de-ti-time{
        padding: 0 5px;
    }
    .news-details .news-de-title .news-de-ti-timeNum .news-de-ti-time img{
        width: 18px;
        margin-right: 5px;
        padding-bottom: 3px;
    }
    .news-details .news-de-title .news-de-ti-timeNum .news-de-ti-num{
        padding: 0 5px;
    }
    .news-details .news-de-title .news-de-ti-timeNum .news-de-ti-num img{
        width: 18px;
        margin-right: 5px;
        padding-bottom: 3px;
    }
    .news-de-link {
        line-height: 28px;
        margin-top: 10px;
    }
    .news-de-link a{
        width: 100%;
    }
    .news-de-link a.news-de-left {
        text-align: left;
        padding-left: 0%;
        padding-right: 0%;
    }
    .news-de-link a.news-de-right {
        text-align: left;
        padding-left: 0%;
        padding-right: 0%;
    }
}

/*定制-整体厨房工程*/
.customized-1{
    float: left;
    width: 100%;
    padding: 55px 0 82px 0;
}
.customized-1 .cus1-h1{
    float: left;
    width: 100%;
    line-height: 37px;
    padding: 10px 0;
    font-size: 24px;
    color: #010101;
    font-weight: normal;
    text-align: center;
}
.customized-1 .cus1-span{
    float: left;
    width: 100%;
    text-align: center;
}
.customized-1 .cus1-span span{
    display: inline-block;
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
    font-size: 30px;
    background: #0063bf;
    color: #fff;
}
.customized-1 .cus1-list{
    float: left;
    width: 100%;
    margin-top: 60px;
}
.customized-1 .cus1-list ul{
    float: left;
    width: 100%;
}
.customized-1 .cus1-list ul li{
    float: left;
    width: 23.2%;
    margin-right: 2.4%;
    padding: 45px 2%;
    text-align: center;
    background: #f9f9f9;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
}
.customized-1 .cus1-list ul li:nth-child(4n){
    margin-right: 0;
}

.customized-1 .cus1-list ul li .cus1-li-img{
    float: left;
    width: 100%;
    height: 89px;
}
.customized-1 .cus1-list ul li .cus1-li-img .block{
    display: inline-block;
}
.customized-1 .cus1-list ul li .cus1-li-img .none{
    display: none;
}

.customized-1 .cus1-list ul li .cus1-li-t{
    float: left;
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-top: 12px;
    font-size: 28px;
    color: #000;
    overflow: hidden;
}
.customized-1 .cus1-list ul li .cus1-li-p{
    float: left;
    width: 100%;
    line-height: 34px;
    height: 102px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
}

.customized-1 .cus1-list ul li:hover{
    background: #0063bf;
}
.customized-1 .cus1-list ul li:hover .cus1-li-t{
    color: #fff;
}
.customized-1 .cus1-list ul li:hover .cus1-li-p{
    color: #fff;
}
.customized-1 .cus1-list ul li:hover .cus1-li-img .block{
    display: none;
}
.customized-1 .cus1-list ul li:hover .cus1-li-img .none{
    display: inline-block;
}

.cus2-img{
    position: absolute;
    right: 50%;
    top: 0;
    /* width: 50%; */
    height: 365px;
}
.customized-2{
    float: right;
    width: 50%;
    padding: 52px 88px 50px 73px;
    background: #f9f9f9;
    color: #000;
}

.customized-2 .cus2-title{
    float: left;
    width: 100%;
    line-height: 80px;
    font-size: 40px;
    border-bottom: 1px solid #d2d2d2;
}
.customized-2 .cus2-title span{
    font-size: 26px;
}
.customized-2 .cus2-list{
    float: left;
    width: 100%;
    margin-top: 20px;
    font-size: 20px;
}
.customized-2 .cus2-list ul{
    float: left;
    width: 100%;
}
.customized-2 .cus2-list ul li{
    float: left;
    width: 100%;
    line-height: 52px;
    padding-left: 28px;
    position: relative;
}
.customized-2 .cus2-list ul li::after{
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    background: #0063bf;
    content: "";
}


/*定制-标题*/
.customized-3{
    float: left;
    width: 100%;
    padding: 97px 0 135px 0;
}

.cus3-img{
    position: absolute;
    left: 0;
    bottom: 135px;
}

.title-1{
    float: left;
    width: 100%;
    text-align: center;
}
.title-1 .title-c{
    float: left;
    width: 100%;
    line-height: 32px;
    font-size: 32px;
    color: #010101;
    font-weight: normal;
}
.title-1 .title-e{
    font-family: 'AvantGardeITCbyBT-Book';
    float: left;
    width: 100%;
    line-height: 24px;
    margin-top: 14px;
    font-size: 28px;
    color: #999;
}

.cus3-order{
    float: left;
    width: 100%;
    padding-top: 76px;
}
.cus3-order .cus3-ul{
    float: left;
    width: 100%;
    margin-top: -95px;
}
.cus3-order .cus3-ul .cus3-li{
    float: left;
    width: 13.9%;
    margin-right: 3.32%;
    margin-top: 95px;
    position: relative;
}
.cus3-order .cus3-ul .cus3-li::after{
    position: absolute;
    right: -41px;
    top: 97px;
    width: 33px;
    height: 5px;
    background: url(../img/ico-ri.png) no-repeat;
    background-size: 100% 100%;
    content: "";
}
.cus3-order .cus3-ul .cus3-li:nth-child(6n){
    margin-right: 0%;
}

.cus3-order .cus3-ul .cus3-li:nth-child(6):after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    top: auto;
    bottom: -54px;
    right: 50%;
    margin-right: -16px;
}


.cus3-order .cus3-ul .cus3-li:nth-child(n+7)::after{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cus3-order .cus3-ul .cus3-li:nth-child(7):after {
    display: none;
}
.cus3-order .cus3-ul .cus3-li:nth-child(12):after {
    display: none;
}



.cus3-order .cus3-ul .cus3-li .cus3-li-img{
    font-family: 'AgencyFB-Reg';
    display: inline-block;
    float: left;

    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 100%;
    font-size: 40px;
    color: #0063bf;
}
.cus3-order .cus3-ul .cus3-li .cus3-li-img img{
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;
}
.cus3-order .cus3-ul .cus3-li:hover .cus3-li-img img{
    -webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.cus3-order .cus3-ul .cus3-li .cus3-li-img .cus3-li-img-num{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: rgba(255,255,255,0.6);
}

.cus3-order .cus3-ul .cus3-li .cus3-li-text{
    float: left;
    width: 100%;
    margin-top: 13px;
    text-align: center;
}
.cus3-order .cus3-ul .cus3-li .cus3-li-text .cus3-li-h1{
    float: left;
    width: 100%;
    height: 57px;
    line-height: 57px;
    font-size: 24px;
    color: #0063bf;
    overflow: hidden;
    font-weight: normal;
}
.cus3-order .cus3-ul .cus3-li .cus3-li-text .cus3-li-p{
    float: left;
    width: 100%;
    height: 90px;
    line-height: 30px;
    font-size: 16px;
    padding: 0 8%;
    color: #333;
    overflow: hidden;
}
.cus3-order .cus3-ul.pc-none{
    display: none;
}
@media (max-width: 1440px){
    .customized-2 .cus2-title{
        font-size: 36px;
    }
    .customized-2 .cus2-title span {
        font-size: 20px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-text .cus3-li-h1{
        font-size: 20px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-text .cus3-li-p {
        font-size: 14px;
        padding: 0 4%;
    }
    .cus3-img{
        /* display: none; */
        width: 200px;
        bottom: 220px;
    }
}
@media (max-width: 1199px){
    .customized-1 {
        padding: 30px 0 30px 0;
    }
    .customized-1 .cus1-h1 {
        line-height: 30px;
        padding: 5px 0;
        font-size: 22px;
    }
    .customized-1 .cus1-span span {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        font-size: 20px;
    }
    .customized-1 .cus1-list{
        margin-top: 40px;
    }
    .customized-1 .cus1-list ul li {
        padding: 20px 1%;
    }
    .customized-1 .cus1-list ul li .cus1-li-img{
        height: auto;
    }
    .customized-1 .cus1-list ul li .cus1-li-img img{
        width: 80px;
    }
    .customized-1 .cus1-list ul li .cus1-li-t {
        height: 40px;
        line-height: 40px;
        margin-top: 5px;
        font-size: 20px;
    }
    .customized-1 .cus1-list ul li .cus1-li-p {
        line-height: 28px;
        height: 84px;
        font-size: 14px;
    }
    .cus2-img{
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        float: left;
        width: 100%;
        height: auto;
    }
    .customized-2{
        float: left;
        width: 100%;
        margin-top: 20px;
        padding: 40px 5% 40px 5%;
    }
    .customized-2 .cus2-title {
        font-size: 28px;
        line-height: 48px;
    }
    .customized-2 .cus2-title span {
        font-size: 18px;
    }
    .cus3-img{
        display: none;
    }
    .customized-3 {
        padding: 50px 0 50px 0;
    }
    .title-1 .title-c{
        line-height: 24px;
        font-size: 24px;
    }
    .title-1 .title-e{
        line-height: 20px;
        margin-top: 10px;
        font-size: 24px;
    }
    .cus3-order .cus3-ul .cus3-li::after {
        width: 24px;
        height: 3px;
        right: -28px;
        top: 70px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-img{
        font-size: 28px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-img .cus3-li-img-num {
        height: 38px;
        line-height: 38px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-text .cus3-li-h1 {
        height: 36px;
        line-height: 36px;
        font-size: 16px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-text .cus3-li-p{
        font-size: 12px;
        line-height: 22px;
        height: 66px;
    }
}

@media (max-width: 991px){
    .cus3-order{
        padding-top: 48px;
    }
    .customized-1 .cus1-list ul li .cus1-li-t {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .customized-1 .cus1-list ul li .cus1-li-p {
        line-height: 24px;
        height: 72px;
        font-size: 12px;
    }
    
    .customized-2 .cus2-title {
        font-size: 22px;
        line-height: 36px;
    }
    .customized-2 .cus2-title span {
        font-size: 15px;
    }
    .customized-2 .cus2-list {
        margin-top: 10px;
        font-size: 15px;
    }
    .customized-2 .cus2-list ul li {
        line-height: 42px;
        padding-left: 20px;
    }
    
    .cus3-order .cus3-ul{
        margin-top: -60px;
    }
    .cus3-order .cus3-ul .cus3-li{
        margin-top: 60px;
    }
    .cus3-order .cus3-ul .cus3-li::after {
        width: 20px;
        height: 3px;
        right: -22px;
        top: 54px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-img {
        font-size: 20px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-img .cus3-li-img-num {
        height: 28px;
        line-height: 28px;
    }
    .cus3-order .cus3-ul .cus3-li:nth-child(6):after{
        bottom: -30px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-text .cus3-li-h1{
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }
}

@media (max-width: 767px){
    .customized-1 {
        padding: 15px 0 15px 0;
    }
    .customized-1 .cus1-h1 {
        line-height: 24px;
        padding: 5px 0;
        font-size: 18px;
    }
    .customized-1 .cus1-span span {
        height: 36px;
        line-height: 36px;
        padding: 0 3%;
        font-size: 14px;
    }
    .customized-1 .cus1-list {
        margin-top: 10px;
    }
    .customized-1 .cus1-list ul li {
        width: 49%;
        margin-top: 6px;
        margin-right: 2%;
        padding: 10px 2%;
    }
    .customized-1 .cus1-list ul li:nth-child(2n){
        margin-right: 0;
    }
    .customized-1 .cus1-list ul li .cus1-li-img img {
        width: 60px;
    }
    .customized-1 .cus1-list ul li .cus1-li-t {
        height: 26px;
        line-height: 26px;
        font-size: 15px;
    }
    .customized-2 {
        margin-top: 10px;
        padding: 10px 5% 10px 5%;
    }
    .customized-2 .cus2-title {
        font-size: 18px;
        line-height: 32px;
    }
    .customized-2 .cus2-title span {
        font-size: 14px;
    }
    .customized-2 .cus2-list{
        font-size: 14px;
    }
    .customized-2 .cus2-list ul li {
        line-height: 30px;
        padding-left: 14px;
    }
    .customized-2 .cus2-list ul li::after {
        width: 5px;
        height: 5px;
        margin-top: -2px;
    }
    .customized-3 {
        padding: 20px 0 20px 0;
    }
    .title-1 .title-c {
        line-height: 18px;
        font-size: 18px;
    }
    .title-1 .title-e {
        line-height: 18px;
        margin-top: 8px;
        font-size: 16px;
    }
    .cus3-order {
        padding-top: 20px;
    }
    
    .cus3-order .cus3-ul{
        display: none;
        margin-top: 0;
    }
    .cus3-order .cus3-ul.pc-none{
        display: block;
    }
    .cus3-order .cus3-ul .cus3-li {
        width: 48%;
        margin-right: 4%;
        margin-top: 10px;
    }
    .cus3-order .cus3-ul .cus3-li:nth-child(2n){
        margin-right: 0%;
    }
    .cus3-order .cus3-ul .cus3-li::after{
        display: none;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-text .cus3-li-h1 {
        height: 24px;
        line-height: 24px;
        font-size: 16px;
    }
    .cus3-order .cus3-ul .cus3-li .cus3-li-text .cus3-li-p {
        font-size: 13px;
    }
    
}


/*整体改造系统*/
.reform{
    float: left;
    width: 100%;
}
.reform .reform-list{
    float: left;
    width: 100%;
}
.reform .reform-list .reform-list-ul{
    float: left;
    width: 100%;
}
.reform .reform-list .reform-list-ul .reform-li{
    float: left;
    width: 100%;
    padding: 80px 0;
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-left{
    float: left;
    width: 50%;
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-left img{
    width: 100%;
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-right{
    float: left;
    width: 50%;
    padding-top: 23px;
    padding-left: 3.8%;
    font-size: 16px;
    color: #010101;
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-t{
    float: left;
    width: 100%;
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-t span{
    display: inline-block;
    padding: 0 30px;
    line-height: 58px;
    border-radius: 10px;
    font-size: 28px;
    letter-spacing: 2px;
    color: #fff;
    background: #0063bf;
    
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-p{
    float: left;
    width: 100%;
    line-height: 34px;
    margin-top: 28px;
    
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-ul{
    float: left;
    width: 100%;
    margin-top: 25px;
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-ul li{
    float: left;
    width: 100%;
    line-height: 26px;
    padding: 10px 0 10px 58px;
    background: url(../img/reform-ico1.png) left center no-repeat;
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-tel{
    float: left;
    width: 100%;
    margin-top: 22px;
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-tel span{
    display: inline-block;
    font-weight: normal;
    padding: 0 30px 0 22px;
    line-height: 60px;
    border: 1px dashed #b5b5b5;
    font-size: 30px;
    color: #0063bf;
}
.reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-tel span img{
    margin-right: 18px;
    vertical-align: middle;
    padding-bottom: 6px;
    
}

.reform .reform-list .reform-list-ul .reform-li:nth-child(2n){
    background: #f9f9f9;
}
.reform .reform-list .reform-list-ul .reform-li:nth-child(2n) .reform-li-right{
    padding-left: 0%;
    padding-right: 3.8%;
}

.reform .reform-list .reform-list-ul .reform-li:nth-child(2n) .reform-li-left{
    float: right;
}

@media (max-width: 1400px){
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right {
        padding-top: 20px;
        padding-left: 3%;
        font-size: 15px;
    }
    .reform .reform-list .reform-list-ul .reform-li:nth-child(2n) .reform-li-right {
        padding-right: 3%;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-t span {
        padding: 0 3%;
        line-height: 48px;
        font-size: 20px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-p {
        line-height: 30px;
        margin-top: 20px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-ul{
        margin-top: 20px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-ul li {
        padding: 8px 0 8px 58px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-tel span {
        padding: 0 3% 0 3%;
        line-height: 54px;
        font-size: 24px;
    }
}
@media (max-width: 1199px){
    .reform .reform-list .reform-list-ul .reform-li {
        padding: 40px 0;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right {
        padding-top: 10px;
        padding-left: 2%;
        font-size: 14px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-t span {
        padding: 0 3%;
        letter-spacing: 1px;
        line-height: 36px;
        font-size: 18px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-p {
        line-height: 24px;
        margin-top: 10px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-ul {
        margin-top: 10px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-ul li {
        padding: 5px 0 5px 48px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-tel{
        margin-top: 10px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-tel span {
        padding: 0 3% 0 3%;
        line-height: 42px;
        font-size: 18px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-tel span img{
        width: 24px;
    }
}
@media (max-width: 1199px){
    .reform .reform-list .reform-list-ul .reform-li {
        padding: 30px 0;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right {
        padding-right: 0%;
        padding-left: 0;
        padding-top: 30px;
    }
    .reform .reform-list .reform-list-ul .reform-li:nth-child(2n) .reform-li-right {
        padding-right: 0%;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-left{
        width: 100%;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right{
        width: 100%;
    }
    
}
@media (max-width: 767px){
    .reform .reform-list .reform-list-ul .reform-li {
        padding: 20px 0;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right{
        padding-top: 15px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-t span{
        font-size: 16px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-ul li {
        line-height: 20px;
        padding: 5px 0 5px 36px;
        background-size: 28px auto;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-tel span{
        font-size: 16px;
    }
    .reform .reform-list .reform-list-ul .reform-li .reform-li-right .reform-li-ri-tel span img{
        margin-right: 5px;
    }
}


/*整体油烟系统*/
.lampblack-1{
    float: left;
    width: 100%;
    padding-top: 70px;
}
.lampblack-1 .lampblack-1-block{
    float: left;
    width: 100%;
}
.lampblack-1 .lampblack-1-block .la-1{
    float: left;
    width: 48.1%;
    margin-right: 3.8%;
    margin-top: 68px;
}
.lampblack-1 .lampblack-1-block .la-1:nth-child(2n){
    margin-right: 0;
}
.lampblack-1 .lampblack-1-block .la-1 .la-1-pic{
    float: left;
    width: 100%;
}
.lampblack-1 .lampblack-1-block .la-1 .la-1-pic img{
    width: 100%;
} 
.lampblack-1 .lampblack-1-block .la-1 .la-1-text{
    float: left;
    width: 100%;
    padding: 38px 5% 44px 5%;
    color: #010101;
    background: #f9f9f9;
}
.lampblack-1 .lampblack-1-block .la-1 .la-1-text .la-1-t{
    float: left;
    width: 100%;
    line-height: 29px;
    padding: 10px 0;
    border-bottom: 1px solid #c9c9c9;
    font-size: 24px;
}
.lampblack-1 .lampblack-1-block .la-1 .la-1-text .la-1-list{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 34px;
    margin-top: 14px;
    height: 136px;
    overflow: hidden;
}

.lampblack-2{
    float: left;
    width: 100%;
    padding: 70px 0 60px 0;
    line-height: 36px;
    font-size: 16px;
    color: #010101;
}
.la-2-text{
    float: left;
    width: 100%;
    padding-top: 44px;
}
.la-2-text span{
    color: #0063bf;
}
.la-2-text p img{
    vertical-align: middle;
    padding-bottom: 3px;
    margin-left: 4px;
    margin-right: 15px;
}

.la-bg1{
    background: url(../img/lampblack-bg-1.jpg) center no-repeat;
}
.lampblack-3{
    float: left;
    width: 100%;
    padding: 60px 0 90px 0;
}
.la-3-img{
    float: left;
    width: 100%;
    margin-top: 60px;
    text-align: center;
}
.la-3-img img{
    max-width: 100%;
}
.lampblack-4{
    float: left;
    width: 100%;
    padding: 65px 0 114px 0;
}
.lampblack-4 .la-4-img{
    float: left;
    width: 50%;
}
.lampblack-4 .la-4-img img{
    width: 100%;
}
.lampblack-4 .la-4-text{
    float: left;
    width: 50%;
    padding-top: 16px;
    padding-left: 2.6%;
}
.lampblack-4 .la-4-text .la-4-h1{
    float: left;
    width: 100%;
    line-height: 62px;
    font-size: 26px;
    color: #010101;
    position: relative;
    font-weight: normal;
}
.lampblack-4 .la-4-text .la-4-h1::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 4px;
    background: #0063bf;
    content: "";
}
.lampblack-4 .la-4-text .la-4-p{
    float: left;
    width: 100%;
    line-height: 36px;
    font-size: 18px;
    margin-top: 16px;
    color: #000;
}

@media (max-width: 1400px){
    .lampblack-1 .lampblack-1-block .la-1 .la-1-text .la-1-list{
        font-size: 14px;
    }
    .lampblack-2{
        font-size: 14px;
    }
    .lampblack-4 .la-4-text .la-4-p{
        font-size: 16px;
    }
}
@media (max-width: 1199px){
    .lampblack-1{
        padding-top: 30px;
    }
    .lampblack-1 .lampblack-1-block .la-1{
        margin-top: 30px;
    }
    .lampblack-1 .lampblack-1-block .la-1 .la-1-text .la-1-list{
        height: 180px;
    }
    .lampblack-3 {
        padding: 30px 0 50px 0;
    }
    .la-3-img{
        padding: 0 3%;
    }
    .lampblack-4 {
        padding: 30px 0 50px 0;
    }
    .lampblack-4 .la-4-text{
        padding-top: 0;
        padding-left: 2%;
    }
    .lampblack-4 .la-4-text .la-4-h1 {
        line-height: 48px;
        font-size: 18px;
    }
    .lampblack-4 .la-4-text .la-4-p {
        line-height: 26px;
        font-size: 14px;
    }
}
@media (max-width: 991px){
    .lampblack-1 .lampblack-1-block .la-1 .la-1-text {
        padding: 15px 3% 20px 3%;
    }
    .lampblack-1 .lampblack-1-block .la-1 .la-1-text .la-1-t {
        line-height: 24px;
        padding: 10px 0;
        font-size: 18px;
    }
    .lampblack-1 .lampblack-1-block .la-1{
        width: 100%;
        margin-right: 0;
    }
    .lampblack-1 .lampblack-1-block .la-1 .la-1-text .la-1-list{
        height: auto;
        line-height: 28px;
    }
    .lampblack-2 {
        padding: 30px 0 20px 0;
        line-height: 28px;
    }
    .la-2-text{
        padding-top: 20px;
    }
    .lampblack-3 {
        padding: 30px 0 30px 0;
    }
    .la-3-img{
        margin-top: 20px;
    }
    .lampblack-4 .la-4-img{
        width: 100%;
    }
    .lampblack-4 .la-4-text{
        width: 100%;
        padding: 10px 0;
        padding-left: 0;
    }
    .lampblack-4 .la-4-text .la-4-h1 {
        line-height: 42px;
        font-size: 16px;
    }
    .lampblack-4 .la-4-text .la-4-h1::after {
        width: 36px;
        height: 3px;
    }
    .lampblack-4 .la-4-text .la-4-p {
        line-height: 24px;
    }
}

@media (max-width: 767px){
    .lampblack-1 {
        padding-top: 20px;
    }
    .lampblack-1 .lampblack-1-block .la-1 {
        margin-top: 20px;
    }
    .lampblack-1 .lampblack-1-block .la-1 .la-1-text {
        padding: 5px 3% 10px 3%;
    }
    .lampblack-1 .lampblack-1-block .la-1 .la-1-text .la-1-t {
        line-height: 20px;
        padding: 10px 0;
        font-size: 16px;
    }
    .lampblack-2 {
        padding: 20px 0 20px 0;
    }
    .la-2-text {
        padding-top: 15px;
    }
    .la-3-img{
        overflow-x: auto;
        margin-top: 40px;
    }
    .la-3-img img{
        max-width: none;
        width: 767px;
    }
    .lampblack-4 {
        padding: 15px 0 20px 0;
    }
    .lampblack-4 .la-4-text .la-4-p{
        margin-top: 10px;
    }
    .lampblack-4 .la-4-text .la-4-h1 {
        line-height: 38px;
        font-size: 16px;
    }
}


/*其它案例*/
.product-case-1-class{
    float: left;
    width: 100%;
    margin: 24px 0 24px;
    line-height: 54px;
}
.product-case-1-class a{
    float: left;
    width: 25%;
    font-size: 16px;
    padding-left: 20px;
    color: #333;
    position: relative;
}
.product-case-1-class a::after{
    position: absolute;
    left: 0;
    top: 24px;
    width: 7px;
    height: 7px;
    background: #bfbfbf;
    content: "";
}
.product-case-1-class a:hover,
.product-case-1-class a.active{
    color: #0063bf;
}

.product-case-1-class a:hover::after,
.product-case-1-class a.active::after{
    background: #0063bf;
}
.msg_code{
    position: relative;
}
.msg_code img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}


  .job{height: 50px;background: #0063bf;padding: 0 5%;border-bottom: 1px solid #fff;margin-top: 36px;}
  .job span{color: #fff;font-size: 16px;height: 50px;line-height: 50px;display: block;float:left;}
  #job_left{float: left;}
  #job_right{float: right;text-align:right;width:50px;}
  .joblist{display: block;width: 100%;overflow: hidden;background: #eeeeee}
  .joblist li{display: block;overflow:hidden;}
  .jobmain_up{padding: 0 5%;height: 50px;border-bottom: 1px solid #fff; cursor: pointer;}
  .jobmain_up span{float: left;display: block;height: 50px;line-height: 50px;font-size: 16px;transition:0.35s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  .job span:nth-child(1){width: 19%;}
  .job span:nth-child(2){width: 15%;}
  .job span:nth-child(3){width: 26%;}
  .job span:nth-child(4){width: 32%;}
  .jobmain_up span:nth-child(1){width: 19%;}
  .jobmain_up span:nth-child(2){width: 15%;}
  .jobmain_up span:nth-child(3){width: 26%;}
  .jobmain_up span:nth-child(4){width: 32%;}
  .jobmain_up span:last-child{float: right;width: 45px;text-align: center;}
  .jobmain_up i{display: block;width: 11px;height: 11px;margin: 16px 0 0 24px;position: relative;}
  .jobmain_up span i:before{content: "";width: 100%;height: 1px;background: #0063bf;position: absolute;left: 0;top: 5px;transition: 0.3s;}
  .jobmain_up span i:after{content: "";width: 1px;height: 100%;background: #0063bf;position: absolute;left: 5px;top: 0;transition: 0.3s;}
  .jobmain_down{display: none;padding: 5%;overflow: hidden;border-bottom: 1px solid #fff;margin: 0;}
  .jobmain_down dt{font-size: 15px;font-weight: bold;margin:9px 0;line-height: 1em;}
  .jobmain_down dd{margin: 9px 0;font-size: 13px;color: #777;line-height: 20px;text-align: justify;}
  .joblist .ljsq{display: block;width: 100px;height: 35px;line-height: 35px;background: #666;color: #fff;font-size: 13px;margin: 0 auto;text-align: center;}
  .joblist .ljsq:hover{background:#0063bf;color:#fff;}
  .job_on{background-color: #0063bf;color: #fff;}
  .job_on span i:before{content: "";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 5px;transition: 0.3s;z-index: 1}
.job_rsm{
    width: 100%;
    float: none;
}
.job_rsm .inv-7-le-fo1 .inv-7-le-input1{
    border-bottom: 1px solid #999;
    color: #333;
}
.job_rsm .inv-7-le-input2{
    border-bottom: 1px solid #999;
    color: #333;
}
.job_rsm .inv-reset{
    border: 1px solid #999;
    color: #333;
}
@media (max-width: 1440px){
    .product-case-1-class{
        margin: 18px 0 18px 0;
        line-height: 40px;
    }
    .product-case-1-class a{
        font-size: 15px;
    }
    .product-case-1-class a::after{
        top: 16px;
        width: 6px;
        height: 6px;
    }
}
@media (max-width: 1199px){
    .product-case-1-class{
        margin: 14px 0 14px 0;
        line-height: 36px;
    }
    .product-case-1-class a{
        font-size: 14px;
    }
    .product-case-1-class a::after{
        top: 16px;
        width: 5px;
        height: 5px;
    }
}
@media screen and (max-width: 768px) {
  .job span:nth-child(1){width: 80%;}
  .job span:nth-child(2){display: none;}
  .job span:nth-child(3){display: none;}
  .job span:nth-child(4){display: none;}
  .jobmain_up span:nth-child(1){width: 80%;}
  .jobmain_up span:nth-child(2){display: none;}
  .jobmain_up span:nth-child(3){display: none;}
  .jobmain_up span:nth-child(4){display: none;}
}
@media (max-width: 767px){
    .product-case-1-class{
        margin: 10px 0 10px 0;
        line-height: 32px;
    }
    .product-case-1-class a{
        width: 50%;
    }
    .product-case-1-class a::after{
        top: 12px;
        width: 4px;
        height: 4px;
    }
    .foot-logo{
        display: block;
        padding: 0;
        top: 0;
        margin-top: 20px;
    }
    .news-de-text img{
        display: block;
    }
}

#map  img{
    max-width:none
}







.about_tt{
    font-size: 18px;
    line-height: 1.8;
    height: 4.8rem;
    padding-right: 20px;
    overflow-y: auto;
    margin-top: 0.25rem;
    text-align: justify;
}


.about_tt::-webkit-scrollbar {
    width: 6px; 
    height: 16px; 
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
.about_tt::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    /* border-radius: 10px; */
    /* background-color: #F5F5F5; */
}

/*定义滑块 内阴影+圆角*/
.about_tt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}