/**
 * style.less
 * 层叠样式表
 */
@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');
}


/*
    //放大
        -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;
        
        -webkit-transform: scale(1.1);
        -mos-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);   
        
        //居中
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        
        //旋转
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        
        //一行显示点
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        
        //几行显示点
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        
        //圆点
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        
        //去除select默认样式
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none; 
*/
body {
    font-family:  'Microsoft YaHei', 'SimSun', 'Source Han Sans CN','SourceHanSerifCN', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    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%;
}

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%;
}

#map img{
    max-width: none;
}

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 {
    float: left;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.w-100 {
    float: left;
    width: 100%;
}

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

@media (max-width: 1400px) {
    .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;

    height: 0;
    padding-bottom: 100%;
}

.img-box img {
    position: absolute;
    top: 0;
    left: 0;

    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: 100px;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #fff;

}

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

.header .logo {
    position: absolute;
    left: 50px;
    top: 50%;
    -webkit-transition: all .4s;
    transition: all .4s;
    
    transform: translateY(-50%);
}
.header .logo img{
    width: 300px;
}
@media (max-width: 1280px) {
    .header .logo {
        left: 3%;
    }
}

@media (max-width: 1199px) {
   
    .header .logo img {
        width: 156px;
        height: 40px;
    }
}
@media (max-width: 767px) {
    
    .header .logo img{
        width: 117px;
        height: 30px;
    }
}
.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: #666;
}

.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: #666;
}

.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 {
        
        float: right;
    margin-right: 150px;
    }
}

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

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

@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%;
        height: 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;
    }

    .header .nav .nav-list1>li>a {
        font-size: 16px;
        line-height: 94px;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
        position: relative;
        z-index: 2;
        font-weight: 400;
        display: inline-block;

        padding: 0 10px;

        -webkit-transition: all .4s;
        transition: all .4s;

        color: #010101;
    }

    .header .nav .nav-list1>li>a:before {}

    .header .nav .nav-list1>li:hover a,
    .header .nav .nav-list1>li.active a {
        border-bottom: 6px solid #9d201d;
        color: #9d201d;
        font-weight: bold;
    }

    .header .nav .nav-list1>li:hover a:before,
    .header .nav .nav-list1>li.active a:before {
        width: 100%;
    }

    .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 10px;
    }
    .header .nav .nav-list1>li>a {
        padding: 0 15px;
    }
}
@media (max-width: 1600px) {
    .header .nav .nav-list1>li {
        margin: 0 10px;
    }
}



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

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

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

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

@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;
        box-shadow: 0 0 5px #bbb;
    }

    .header.fixed-header .logo {
       
    }
    .header.fixed-header .logo a img {
        width: 210px;
        -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: #9d201d;
    
}

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


    font-size: 36px;
    background: url(../images/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;
    }
}

@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: 100px;
    height: 100px;
    line-height: 100px;
    background: #9d201d url(../images/find-ico.png) center no-repeat;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.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%;
    }

    .header .find {
        height: 66px;
        line-height: 66px;
        font-size: 20px;
    }
}
@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: 888;
    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: 50px;

    -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*/

/*heart end*/

/*foot*/
.foot-bg-1 {
    background: #f9f9f9;
    border-top:1px solid #b39766;
}
.foot-bg-2 {
    background: #efefef;
}
.footer {

    float: left;
    width: 100%;
}
.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: 20%;
    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: #9d201d;
}



.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;
    font-family: 'AvantGardeITCbyBT-Book';
    margin-top: 50px;
}

.page a {
    font-size: 20px;
    line-height: 25px;
    display: inline-block;
    overflow: hidden;
    /* padding: 0 14px; */
    width: 15px;
    height: 28px;
    margin: 0 16px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    font-size: 18px;
    color: #666;
    border-bottom: 3px solid rgba(0,0,0,0);
}

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

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

.page a.next:hover {
    background: #029c6a url("../images/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 {
        height: 40px;
        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 {
        height: 40px;
        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.active,
.page a:hover {
    border-bottom: 3px solid #9d201d;
    color: #9d201d;
}



@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: 100px;
}
.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(../images/banner-prev.png) no-repeat;
}
.banner .slick-arrow.slick-prev:hover{
    left: 47%;
    background: url(../images/banner-prev-hover.png) no-repeat;
}
.banner .slick-arrow.slick-next{
    right: 47%;
    background: url(../images/banner-next.png) no-repeat;
}
.banner .slick-arrow.slick-next:hover{
    right: 47%;
    background: url(../images/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: 100%;
    height: 7px;

    text-align: center;
}


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

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

.banner .slick-dots li {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 5px;
    background: #9d201d;
    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: 35px;
    background: #9d201d;
}

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





.banner img {
    display: block;

    width: 100%;
}

.banner .img-box {
    padding-bottom: 41.66666667%;
}

.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: #9d201d;
    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: #9d201d;
}
.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: #9d201d;
    font-weight: 400;
    border: 1px dashed #9d201d;
    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(../images/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(../images/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: #9d201d;
    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: 10px;
    }
    .slickbanner .ban_txt{
        width: 100%;
        padding: 10px 0px!important;
     }
    .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{

    float: left;
    width: 100%;
    text-align: center;
}
.title .title-c{
    float: left;
    width: 100%;
    line-height: 32px;
    font-size: 32px;
    color: #9d201d;
    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;
}

/*首页关于我们*/
.i-about-1{
    float: left;
    width: 100%;
    padding: 50px 5.2%;
}
.i-about-1 .i-about-txt{
    float: left;
    width: 100%;
    padding: 0 11.6%;
    line-height: 34px;
    margin-top: 47px;
    font-size: 16px;
    color: #010101;
    font-weight: 400;
    text-align: center;
}
.i-about-1 .i-about-a{
    float: left;
    width: 100%;
    margin-top: 58px;
    text-align: center;
}
.i-about-1 .i-about-a a{
    display: inline-block;
    width: 54px;
    height: 7px;
    background: url(../images/ico-1.png) no-repeat;
}
.i-about-1 .i-about-a a:hover{
    margin-left: 8px;
}

.i-about-1 .i-about-link{
    float: left;
    width: 100%;
    margin-top: 50px;
}
.i-about-1 .i-about-link ul{
    float: left;
    width: 100%;
}
.i-about-1 .i-about-link ul li{
    float: left;
    width: 23.95%;
    margin-right: 1.4%;
    position: relative;
}
.i-about-1 .i-about-link ul li a{
    float: left;
    width: 100%;
    overflow: hidden;
}
.i-about-1 .i-about-link ul li:nth-child(4n){
    margin-right: 0;
}
.i-about-1 .i-about-link ul li a .i-ab-pic{
    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;
}
.i-about-1 .i-about-link ul li:hover a .i-ab-pic{
    -webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.i-about-1 .i-about-link ul li .i-ab-text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    padding-top: 55px;
    color: #fff;
}
.i-about-1 .i-about-link ul li .i-ab-text .i-ab-ico{
    width: 60px;
}
.i-about-1 .i-about-link ul li .i-ab-text .i-ab-tit{
    float: left;
    width: 100%;
    margin-top: 18px;
    font-size: 25px;
    font-weight: 400;
}
.i-about-1 .i-about-link ul li .i-ab-text .i-ab-tit .i-ab-e{
    float: left;
    width: 100%;
    line-height: 29px;
}
.i-about-1 .i-about-link ul li .i-ab-text .i-ab-tit .i-ab-c{
    float: left;
    width: 100%;
    line-height: 32px;
    padding-bottom: 11px;
    position: relative;
}
.i-about-1 .i-about-link ul li .i-ab-text .i-ab-tit .i-ab-c::after{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 36px;
    height: 2px;
    background: #fff;
    margin-left: -18px;
    content: "";
}

/*首页产品*/
.bg-1 {
    position: relative;
    background: url(../images/product-bg.jpg) no-repeat;
    background-size: cover;
}


.i-product {
    float: left;
    width: 100%;
    padding-top: 50px;
}

.i-product-top_hd {
    float: left;
    width: 100%;
    margin-top: 46px;
    text-align: center;
}

.i-product-top_hd ul {
    display: inline-block;
}

.i-product-top_hd ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    margin: 0 15px;
}



.i-product .i-product-parBd {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 50px;
    padding: 0px 100px 80px 100px;
    border-bottom: 1px solid #e5cccb;
}

.i-product-slideBox {
    float: left;
    width: calc(100% - 200px);

    opacity: 0;
    filter: alpha(opacity=00);
    position: absolute;
}

.i-product-slideBox.block {
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    z-index: 9;
    opacity: 1;
    filter: alpha(opacity=100);
}

.i-product-slideBox .i-product-slide_pic {
    float: left;
    width: 100%;
    padding: 13px 0 47px 0;
}

.i-product-top_hd ul li span {
    display: inline-block;
    padding: 0 28px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 20px;
    color: #333;
    border: 1px dashed #a0a0a0;
    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;
}
.i-product-top_hd ul li.active:hover span{
    color: #fff;
    background: #9d201d;
    border: 1px dashed #9d201d;
}
.i-product-top_hd ul li.on span {
    color: #fff;
    background: #9d201d;
    border: 1px dashed #9d201d;

}

.i-product-slideBox ul {
    float: left;
    width: 100%;

}

.i-product-slideBox ul li {
    float: left;
    width: 23.2%;
    margin-right: 2.4%;

}
.i-product-slideBox ul li:nth-child(4n) {
    margin-right: 0%;
}
.i-product-slideBox .i-product-text{
    float: left;
    width: 100%;
    background: #eee;
    color: #333;
    padding: 15px;
    position: relative;
    -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;
}
.i-product-slideBox ul li:hover .i-product-text{
    background: #9d201d;
    color: #fff;
}
.i-product-slideBox .i-product-img {
    width: 100%;
    overflow: hidden;
    
    left: 0;
    text-align: center;
}
.i-product-slideBox .i-product-img img {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.i-product-slideBox .i-product-text .i-product-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.i-product-slideBox .i-product-text .i-product-txt {
    width: 100%;
    text-align: center;
    /*height: 48px;*/
    line-height: 24px;
    font-size: 14px;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;*/
}
.i-product-slideBox .i-product-text .i-product-txt span{
    display: inline-block;
    border: 1px dashed #a0a0a0;
    text-align: center;
    padding: 4px 25px;
    border-radius: 25px;
}
.i-product-slideBox ul li:hover .i-product-img img {
     -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); 
}
.i-product-slideBox ul li:hover .i-product-text .i-product-txt span{
    border-color: #fff;
}
.i-product .i-pro-link{
    float: left;
    width: 100%;
    line-height: 55px;
    text-align: center;
}
.i-product .i-pro-link a{
    font-size: 20px;
    color: #9d201d;
}
.i-product .i-pro-link a:hover{
    margin-left: 5px;
}



/*首页案例*/
.i-case{
    float: left;
    width: 100%;
    padding: 50px 100px;
}
.i-case-con{
    float: left;
    width: 100%;
    margin-top: 18px;
}
.index_case{
    padding-bottom: 50px;
}
.i-case-con .i-case-left{
    float: left;
    width: 49.5%;
}
.i-case-con .i-case-right{
    float: right;
    width: 49.5%;
}
.i-case-con .i-case-con-a{
    float: left;
    width: 100%;
    margin-top: 23px;
    overflow: hidden;
}
.i-case-con .i-case-con-a .i-case-li{
    float: left;
    width: 100%;
    position: relative;
    z-index: 99999999;
}
.i-case-con .i-case-li::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/case-bg.png) bottom no-repeat;
    background-size: 100% auto;
    content: "";
    z-index: 0;
}
.i-case-con .i-case-con-a .i-case-li{
    float: left;
    width: 100%;
}
.i-case-con .i-case-con-a .i-case-li > 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;
}
.i-case-con .i-case-con-a:hover .i-case-li > img{
    -webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.i-case-con .i-case-li .i-case-li-text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 1;
    padding: 0 38px 9px 38px;
}
.i-case-con .i-case-li .i-case-li-text .i-case-li-t{
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    overflow: hidden;
}
.i-case-con .i-case-li .i-case-li-text .i-case-li-pic{
    float: left;
    width: 100%;
    height: 48px;
    line-height: 38px;
    padding-bottom: 9px;
    font-size: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
}
.i-case-con .i-case-li .i-case-li-text .i-case-li-pic span{
    margin-right: 5px;
}
.i-case-con .i-case-li .i-case-li-text .i-case-li-pic img{
    vertical-align: middle;
    padding-bottom: 4px;
    margin-right: 10px;
}
.i-case-con .i-case-li .i-case-li-text .i-case-li-p{
    float: left;
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*块1*/
.bg-2{
    background: url(../images/block-bg.jpg) right no-repeat;
    position: relative;
}
.i-block1{
    float: left;
    width: 57.6%;
    position: relative;
}
.i-block1 > img{
    width: 100%;
}
.i-block1-text{
    position: absolute;
    top: 50%;
    right: 10.4%;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45%;
    padding: 20px 80px 5px 80px;
}
.i-block1-text .i-block1-text-left{
    float: left;
    width: 100%;
    color: #010101;
}
.i-block1-text .i-block1-text-left .i-bl-te-le-tc{
    float: left;
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 36px;
    overflow: hidden;
}
.i-block1-text .i-block1-text-left .i-bl-te-le-te1{
    font-family: 'AvantGardeITCbyBT-Demi';
    font-weight: bold;
    float: left;
    width: 100%;
    height: 66px;
    line-height: 66px;
    font-size: 50px;
    color: #9d201d;
    overflow: hidden;
}
.i-block1-text .i-block1-text-left .i-bl-te-le-te2{
    font-family: 'AvantGardeITCbyBT-book';
    float: left;
    width: 100%;
    height: 41px;
    line-height: 41px;
    font-size: 36px;
    color: #9d201d;
    overflow: hidden;
}
.i-block1-text .i-block1-text-left .i-bl-te-le-p1{
    float: left;
    width: 100%;
    height: auto;
    line-height: 36px;
    margin-top: 10px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-align: justify;
}


.i-block1-text .i-block1-text-right{
    float: right;
    width: 395px;
}

.i-news{
    float: left;
    width: 100%;
    padding: 50px 100px ;
}
.i-news-list{
    float: left;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 50px;
}
.i-news-list ul{
    float: left;
    width: 100%;
}
.i-news-list ul li.index_newsitem{
    float: left;
    width: 23.2%;
    margin-right: 2.4%;
}
.i-news-list ul li.index_newsitem:nth-child(4n){
    margin-right: 0;
}
.i-news-list ul li.index_newsitem .i-ne-li-time{
    font-family: 'AgencyFB-Reg';
    float: left;
    width: 100%;
    line-height: 30px;
    color: #666;
    font-size: 20px;
}
.i-news-list ul li.index_newsitem .i-ne-li-p1{
    font-weight: normal;
    float: left;
    width: 100%;
    line-height: 40px;
    color: #010101;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.i-news-list ul li.index_newsitem:hover .i-ne-li-p1 a{
    color: #9d201d;
}


.i-news-list ul li.index_newsitem .i-ne-li-p2{
    float: left;
    width: 100%;
    line-height: 24px;
    color: #999;
    font-size: 14px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 48px;
}
.i-news-list ul li.index_newsitem .i-ne-li-pic{
    float: left;
    width: 100%;
    margin-top: 25px;
    overflow: hidden;
}

.i-news-list ul li.index_newsitem .i-ne-li-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;
}
.i-news-list ul li.index_newsitem:hover .i-ne-li-pic img{
    -webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 1680px){
    .i-block1-text{
        width: 50%;
    }
    .i-case-con .i-case-con-a{
        margin-top: 20px;
    }
    .i-block1-text{
        right: 5%;
        padding: 60px 3% 50px 3%;   
    }
    
}
        
@media (max-width: 1680px){
    .i-product-slideBox .i-product-text {
        padding: 15px;
    }
    .i-case-con .i-case-con-a {
        margin-top: 19px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-tc {
        height: 48px;
        line-height: 48px;
        font-size: 30px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-te1 {
        height: 60px;
        line-height: 60px;
        font-size: 48px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-te2 {
        height: 36px;
        line-height: 36px;
        font-size: 30px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-p1 {
        line-height: 32px;
        margin-top: 30px;
        font-size: 15px;
    }
    .i-about-1 .i-about-link ul li .i-ab-text{
        padding-top: 40px;
    }
    .i-about-1 .i-about-link ul li .i-ab-text .i-ab-tit{
        margin-top: 10px;
    }
}
@media (max-width: 1440px){ 
    .title .title-c {
        line-height: 24px;
        font-size: 24px;
    }
    .title .title-e {
        line-height: 16px;
        margin-top: 10px;
        font-size: 18px;
    }
    
    .i-about-1 {
        padding: 40px 3% 40px 3%;
    }
    .i-about-1 .i-about-txt {
        padding: 0 3%;
        line-height: 30px;
        margin-top: 30px;
        font-size: 15px;
    }
    .i-about-1 .i-about-a {
        margin-top: 30px;
    }
    .i-about-1 .i-about-link ul li .i-ab-text .i-ab-ico {
        width: 48px;
    }
    .i-about-1 .i-about-link ul li .i-ab-text {
        padding-top: 30px;
    }
    .i-about-1 .i-about-link {
        margin-top: 36px;
    }
    .i-about-1 .i-about-link ul li .i-ab-text .i-ab-tit{
        font-size: 16px;
    }
    .i-about-1 .i-about-link ul li .i-ab-text .i-ab-tit .i-ab-e{
        line-height: 24px;
    }
    .i-about-1 .i-about-link ul li .i-ab-text .i-ab-tit .i-ab-c {
        line-height: 28px;
        padding-bottom: 6px;
    }
    .i-product{
        padding-top: 30px;
    }
    .i-product-top_hd{
        margin-top: 30px;
    }
    .i-product .i-product-parBd {
        margin-top: 5%;
        padding: 0px 3% 40px 3%;
    }
    .i-product-slideBox .i-product-text {
        padding: 15px;
    }
    .i-product-slideBox .i-product-text .i-product-title {
        height: 48px;
        line-height: 48px;
        font-size: 18px;
    }
    .i-case {
        padding: 30px 3%;
    }
    .i-case-con .i-case-con-a {
        margin-top: 18px;
    }
    .i-case-con .i-case-li .i-case-li-text .i-case-li-t {
        height: 36px;
        line-height: 36px;
        font-size: 20px;
    }
    .i-case-con .i-case-li .i-case-li-text .i-case-li-pic {
        height: 33px;
        line-height: 24px;
        padding-bottom: 8px;
        font-size: 14px;
    }
    .i-case-con .i-case-li .i-case-li-text .i-case-li-p {
        height: 40px;
        line-height: 40px;
    }
    .i-block1-text {
        padding: 30px 3% 30px 3%;
    }
    .i-block1-text .i-block1-text-right{
        width: 45%;
    }
    .i-block1-text .i-block1-text-right img{
        width: 100%;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-tc {
        height: 40px;
        line-height: 40px;
        font-size: 28px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-te1 {
        height: 48px;
        line-height: 48px;
        font-size: 36px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-te2 {
        height: 30px;
        line-height: 30px;
        font-size: 24px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-p1 {
        line-height: 30px;
        margin-top: 20px;
        font-size: 14px;
    }
    .i-news {
        padding: 30px 3% 30px 3%;
    }
    .i-news-list{
        margin-top: 40px;
    }
}       

@media (max-width: 1199px){ 
    .i-about-1 .i-about-link ul li{
        width: 48%;
        margin-right: 4%;
        margin-top: 40px;
    }
    .i-about-1 .i-about-link ul li:nth-child(2n){
        margin-right: 0%;
    }
    .i-about-1 .i-about-link ul li .i-ab-text {
        padding-top: 90px;
    }
    .i-product .i-product-parBd{
        margin-top: 20px;
    }
    .i-product-slideBox ul li {
        width: 48%;
        margin-right: 4%;
        margin-top: 30px;
    }
    .i-product-slideBox ul li:nth-child(2n){
        margin-right: 0;
    }
    .i-product-slideBox .i-product-text {
        padding: 15px;
    }
    .i-product-slideBox .i-product-img{
        top: -60px;
    }
    .i-case-con .i-case-con-a {
        margin-top: 13px;
    }
    .i-block1-text .i-block1-text-left{
        width: 100%;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-tc {
        height: 32px;
        line-height: 32px;
        font-size: 20px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-te1 {
        height: 30px;
        line-height: 30px;
        font-size: 24px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-te2 {
        height: 24px;
        line-height: 24px;
        font-size: 18px;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-p1 {
        line-height: 30px;
        margin-top: 10px;
    }
    .i-news-list {
        margin-top: 10px;
    }
    .i-news-list ul li.index_newsitem{
        width: 48%;
        margin-right: 4%;
        margin-top: 30px;
    }
    .i-news-list ul li.index_newsitem:nth-child(2n){
        margin-right: 0;
    }
    .foot-logo{
        display: none;
    }
}
@media (max-width: 991px){
    .i-about-1 .i-about-link {
        margin-top: 10px;
    }
    .i-about-1 .i-about-link ul li{
        margin-top: 28px;
    }
    .i-about-1 .i-about-link ul li .i-ab-text {
        padding-top: 50px;
    }
    .i-case-con .i-case-left{
        width: 100%;
    }
    .i-case-con .i-case-right{
        width: 100%;
    }
    .i-block1{
        width: 100%;
    }
    .i-block1-text{
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        float: left;
        width: 100%;
        -webkit-transform: translateY(-0%);
        -ms-transform: translateY(-0%);
        transform: translateY(-0%);
    }
    .foot-lx-r{
        float: left;
    }
}

@media (max-width: 767px){
    .i-about-1 {
        padding: 30px 3% ;
    }
    .title .title-c {
        line-height: 18px;
        font-size: 18px;
    }
    .title .title-e {
        line-height: 18px;
        margin-top: 10px;
        font-size: 14px;
        margin-bottom: 17px;
    }
    .i-about-1 .i-about-txt {
        padding: 0 0%;
        line-height: 30px;
        margin-top: 15px;
        font-size: 16px;
    }
    .i-about-1 .i-about-a {
        margin-top: 10px;
    }
    .i-about-1 .i-about-link ul li{
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
    }
    .i-product {
        padding-top: 30px;
    }
    .i-product-top_hd {
        margin-top: 15px;
    }
    .i-product-top_hd ul li {
        font-size: 14px;
        margin:5px  2px;
        width: 48%;
    }
    .i-product-top_hd ul li span {
        padding: 0 15px;
        height: 28px;
        line-height: 26px;
        font-size: 14px;
        border-radius: 18px;
        width: 100%;
    }
    .i-product-slideBox ul li {
        width: 50%;
        margin-right: 0%;
        margin-top: 15px;
    }
    .i-product-slideBox .i-product-text {
        padding: 15px;
    }
    .i-product .i-product-parBd {
        padding: 0px 3% 15px 3%;
    }
    .i-product .i-pro-link {
        line-height: 42px;
    }
    .i-product .i-pro-link a{
        font-size: 16px;
    }
    .i-case {
        padding: 30px 3%;
    }
    .i-case-con{
        margin-top: 0;
    }
    .i-case-con .i-case-li .i-case-li-text {
        padding: 0 3% 5px 3%;
    }
    .i-case-con .i-case-li .i-case-li-text .i-case-li-t {
        height: 28px;
        line-height: 28px;
        font-size: 16px;
    }
    .i-case-con .i-case-li .i-case-li-text .i-case-li-pic {
        height: 26px;
        line-height: 20px;
        padding-bottom: 6px;
    }
    .i-case-con .i-case-li .i-case-li-text .i-case-li-p {
        height: 30px;
        line-height: 30px;
    }
    .i-block1-text .i-block1-text-left {
        width: 100%;
    }
    .i-block1-text .i-block1-text-right {
        width: 100%;
        display: none;
    }
    .i-block1-text {
        padding: 15px 3% 15px 3%;
    }
    .i-block1-text .i-block1-text-left .i-bl-te-le-p1{
        height: 300px;
    }
    .i-news {
        padding: 30px 3% ;
    }
    .i-news-list ul li.index_newsitem {
        width: 100%;
        margin-right: 0%;
        margin-top: 15px;
    }
    .i-news-list ul li.index_newsitem .i-ne-li-time {
        line-height: 24px;
        font-size: 18px;
    }
    .i-news-list ul li.index_newsitem .i-ne-li-p1 {
        line-height: 30px;
        font-size: 16px;
    }
    .i-news-list ul li.index_newsitem .i-ne-li-p2 {
        line-height: 24px;
    }
    .i-news-list ul li.index_newsitem .i-ne-li-pic{
        margin-top: 10px;
    }
    .i-case-con .i-case-li .i-case-li-text .i-case-li-pic img{
        margin-right: 3px;
    }
}


/*内页banner + 内页导航*/
.banner-in
{
    width: 100%;
    padding: 0;
    margin-top: 100px;
    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
{
    padding-bottom: 35.2260778128286%;
}
.img-box img {
    position: absolute;
    top: 0;
    left: 0;
    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;
    width: 58px;
    line-height: 64px;
    font-size: 48px;
    vertical-align: bottom;
    color: #fff;
    margin-bottom: -3px;
    writing-mode: tb-rl;
}

@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)
{
  
}
@media (max-width: 767px)
{
   .banner-in .img-box {
       display: block;
   }
}

/*内页导航*/
.wrap-sidenav
{
    position: relative;
   /* overflow: hidden;*/
    height: 70px;
    /* border-bottom: 1px solid #dcdcdc; */
    /* z-index: 1; */
}
.wrap-sidenav::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    content: "";
}
.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;
    border-bottom: 1px solid #9d201d;
    /* z-index: 1; */
    overflow-x: overlay;
}
.wrap-sidenav .sidenav ul::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #9d201d;
    content: "";
    z-index: 2;
}
.wrap-sidenav .sidenav ul li
{
    display: inline-block;
    margin-right: 12px;
    
}

.wrap-sidenav .sidenav ul li a
{
    font-size: 16px;
    color: #010101;
    line-height: 70px;
    position: relative;
    display: block;
    height: 70px;
    padding: 0 20px;

}
.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{
    color: #fff;
    background: #9d201d;
}
.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;
        margin-top: -0px;
    }
    
    .wrap-sidenav .sidenav ul li a
    {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
        padding: 0 15px;
    }
}

/*产品详情*/
.pro-link{
    float: left;
    width: 100%;
    margin-top: 72px;
}
.pro-link a{
    float: left;
    line-height: 38px;
    padding: 0 28px;
    border: 1px dashed #a0a0a0;
    font-size: 20px;
    margin-right: 30px;
    border-radius: 19px;
    color: #333;
}
.pro-link a:hover,
.pro-link a.active{
    color: #fff;
    background: #9d201d;
    border: 1px solid #9d201d;
}

.pro-de-1{
    float: left;
    width: 100%;
    padding: 70px 0 74px 0;
}
.pro-de-1 .pro-de-1-left{
    float: left;
    width: 40%;
}
.pro-de-1 .pro-de-1-left img{
    width: 100%;
    border: 1px solid #ddd;
}
.pro-de-1 .pro-de-1-right{
    float: left;
    width: 60%;
    padding-top: 58px;
}
.pro-de-1 .pro-de-1-right .pro-de-1-ri-t{
    float: left;
    width: 106%;
    height: 60px;
    line-height: 60px;
    margin-left: -6%;
    font-size: 26px;
    background: #9d201d;
    text-align: center;
    color: #fff;
}
.pro-de-1 .pro-de-1-right .pro-de-1-ri-t span{
    font-size: 16px;
    margin-left: 10px;
}
.pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom{
    float: left;
    width: 100%;
    padding: 37px 0 0 12.8%;
}
.pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom .pro-de-1-ri-p{
    float: left;
    width: 100%;
    padding: 20px 0;
    line-height: 26px;
    font-size: 26px;
    color: #9d201d;
    font-weight: normal;
}
.pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom ul{
    float: left;
    width: 100%;
}
.pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom ul li{
    float: left;
    width: 100%;
    line-height: 42px;
    font-size: 18px;
    color: #333;
    padding-left: 30px;
    position: relative;
    font-weight: normal;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.pro-de-1 .pro-de-1-right .pro-de-1-ri-bottom ul li::after{
    position: absolute;
    left: 0;
    top: 1%;
    margin-top: 16px;
    width: 7px;
    height: 7px;
    background: #9d201d;
    border-radius: 100%;
    content: "";
}
.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: #9d201d;
    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: #9d201d;
    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: #9d201d;
}

.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%;*/
}
.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 #ddd;
}
.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 .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;
}


.pro-de-3-list ul li .pro-de-3-li-txt .pro-de-3-li-h1{
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    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: #9d201d;
}   

.product{
    float: left;
    width: 100%;
    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: #9d201d;
}

@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: #9d201d;
}
.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: #9d201d;
}
.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 #9d201d;
    border-radius: 100%;
}
.ser-case-de-2 .slick-dots li.slick-active{
    background: #9d201d;
}
.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 #9d201d;
}

.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: #9d201d;
}
.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: #9d201d;
    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 #9d201d;
     }
     .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 #9d201d;
     }
     .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 144px 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: #9d201d;
}
.about .ab-left .ab-le-h2{
    font-family: 'AvantGardeITCbyBT-Demi';
    
    width: 100%;
  /*  line-height: 63px;*/
    font-size: 18px;
    color: #9d201d;
}
.about .ab-left .ab-le-h3{
    font-family: 'AvantGardeITCbyBT-Demi';
   
    width: 100%;
    line-height: 54px;
    font-size: 40px;
    color: #9d201d;
}
.about .ab-left .ab-le-text{
   
    width: 100%;
    line-height: 36px;
    text-indent: 2em;
    margin-top: 36px;
    font-size: 16px;
    color: #333;
}
.ab-le-text1 {
    float: left;
    width: 52%;
}
.ab-le-text2 {
     float: right;
     width: 0;
    display: contents
}

.about .ab-left .ab-le-text p{}
.about .ab-left .ab-le-text p img{
  /*  border: 1px solid #e5e5e5;*/
    max-width: 100%;
    
}
.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: 42px;
         font-size: 36px;
     }
     .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;
          text-indent: 0em;
     }
.ab-le-text1 {
    font-size: 15px;
    width: 100%;
}
}
 @media (max-width: 767px){
     .about {
         padding: 15px 0 20px 0;
     }
     .about .ab-left{
         width: 100%;
     }
     .about .ab-right{
         display: none;
     }
.ab-le-text2 {
    width: 77%;
 }
     .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: 24px;
     }
     .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(../images/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: #9d201d;
    border-bottom: 3px solid #9d201d;
    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: "";
    }
}




 
/*联系我们*/
.map1 {
    float: left;
    width: 100%;
    height: 608px;
    margin-top: 70px;
    border: 1px solid #c3c3c3;
}
.map-text{
    float: left;
    width: 100%;
    padding-bottom: 96px;
}
.map-text .map-text-1{
    float: left;
    width: 100%;
    position: relative;
    padding: 64px 0 50px 4.7%;
}
.map-text .map-text-1::before{
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 170px;
    margin-top: -85px;
    background: #d2d2d2;
    content: "";
}
.map-text .map-text-1:last-child::before{
    display: none;
}
/* .map-text .map-text-1:hover, */
.map-text .map-text-1.hover{
    background: #9d201d;
}
.map-text .map-text-1 .map-text-1-l{
    float: left;
    width: 15%;
    padding-left: 15px;
    padding-top: 7px;
    position: relative;
    color: #9d201d;
    font-weight: normal;
}
.map-text .map-text-1 .map-text-1-l::after{
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 55px;
    margin-top: -27px;
    background: #d1ba97;
    content: "";
}
.map-text .map-text-1 .map-text-1-l .map-text-1-l-c{
    float: left;
    width: 100%;
    line-height: 40px;
    font-size: 30px;
    
}
.map-text .map-text-1 .map-text-1-l .map-text-1-l-e{
    font-family: 'AvantGardeITCbyBT-Book';
    float: left;
    width: 100%;
    line-height: 28px;
    font-size: 22px;
}

.map-text .map-text-1.hover  .map-text-1-l .map-text-1-l-c{
    color: #fff;
}
.map-text .map-text-1.hover  .map-text-1-l .map-text-1-l-e{
    color: #fff;
}


.map-text .map-text-1 .map-text-1-r{
    float: left;
    width: 85%;
    font-size: 18px;
    color: #333;
}
.map-text .map-text-1.hover .map-text-1-r{
    color: #fff;
}
.map-text .map-text-1 .map-text-1-r .map-text-1-r-p{
    float: left;
    width: 50%;
    line-height: 44px;
    padding-left: 40px;
}
.map-text .map-text-1 .map-text-1-r .map-text-1-r-p:nth-child(1){
    background: url(../images/ico-1.png) left center no-repeat;
}
.map-text .map-text-1.hover .map-text-1-r .map-text-1-r-p:nth-child(1){
    background: url(../images/ico-1-on.png) left center no-repeat;
}

.map-text .map-text-1 .map-text-1-r .map-text-1-r-p:nth-child(2){
    background: url(../images/ico-2.png) left center no-repeat;
}
.map-text .map-text-1.hover .map-text-1-r .map-text-1-r-p:nth-child(2){
    background: url(../images/ico-2-on.png) left center no-repeat;
}

.map-text .map-text-1 .map-text-1-r .map-text-1-r-p:nth-child(3){
    background: url(../images/ico-2.png) left center no-repeat;
}
.map-text .map-text-1.hover .map-text-1-r .map-text-1-r-p:nth-child(3){
    background: url(../images/ico-2-on.png) left center no-repeat;
}

.map-text .map-text-1 .map-text-1-r .map-text-1-r-p:nth-child(4){
    background: url(../images/ico-3.png) left center no-repeat;
}
.map-text .map-text-1.hover .map-text-1-r .map-text-1-r-p:nth-child(4){
    background: url(../images/ico-3-on.png) left center no-repeat;
}

.map-text .map-text-1 .map-text-1-r .map-text-1-r-p:nth-child(5){
    background: url(../images/ico-4-on.png) left center no-repeat;
}
.map-text .map-text-1.hover .map-text-1-r .map-text-1-r-p:nth-child(5){
 background: url(../images/ico-4-on.png) left center no-repeat;
}

.map-text .map-text-1 .map-text-1-r .map-text-1-r-p:nth-child(6){
    background: url(../images/ico-2-app.png) left center no-repeat;
}
.map-text .map-text-1.hover .map-text-1-r .map-text-1-r-p:nth-child(6){
 background: url(../images/ico-2-app.png) left center no-repeat;
}




.bg-3{
    background: url(../images/bg-1.jpg) center no-repeat;
}
.inv-7{
    float: left;
    width: 100%;
    padding: 68px 0px 124px 0px;
}
.inv-7-le{
    float: right;
    width: 61.4%;
    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{
    float: left;
    width: 100%;
    height: 72px;
    line-height: 71px;
    padding: 0 3px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    background: none;
    color: #fff;
    -webkit-appearance: button;
    border-radius: 0;
}

.inv-7-le .inv-7-le-input2{
    float: left;
    width: 100%;
    height: 170px;
    -webkit-appearance: button;
    border-bottom: 1px solid #fff;
    padding-top: 50px;
    padding-bottom: 3px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    background: none;
    border-radius: 0;
}

.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: #9d201d;}
.inv-7-le .inv-7-le-fo1 input.focus::-webkit-input-placeholder{ color: #9d201d;}
.inv-7-le .inv-7-le-fo1 input.focus:-moz-placeholder { color: #9d201d;}
.inv-7-le .inv-7-le-fo1 input.focus::-moz-placeholder { color: #9d201d;}
.inv-7-le .inv-7-le-fo1 input.focus::-ms-input-placeholder { color: #9d201d;}

.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: #9d201d;}
.inv-7-le textarea.focus::-webkit-input-placeholder{ color: #9d201d;}
.inv-7-le textarea.focus:-moz-placeholder { color: #9d201d;}
.inv-7-le textarea.focus::-moz-placeholder { color: #9d201d;}
.inv-7-le textarea.focus::-ms-input-placeholder { color: #9d201d;}

.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: #9d201d;
    border: 1px solid #9d201d;
    
}
.inv-7-le .inv-reset{
    float: right;
    width: 48.3%;
    height: 58px;
    line-height: 58px;
    background: none;
    border: 1px solid #fff;
}

.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: 30px;
    }
    
    .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: #9d201d;
}
.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: #9d201d;
    padding-left: 50px;
    background: #fff url(../images/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: #9d201d;
}

@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: #9d201d;
    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: #9d201d;
}
.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: #9d201d;
    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(../images/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: #9d201d;
}
.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: #9d201d;
    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;
    }
.relative .ab-img-1 {
    width: 0%;
	}
    .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: #9d201d;
    
}
.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(../images/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: #9d201d;
}
.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: #9d201d;
}
.la-2-text p img{
    vertical-align: middle;
    padding-bottom: 3px;
    margin-left: 4px;
    margin-right: 15px;
}

.la-bg1{
    background: url(../images/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: #9d201d;
    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: #9d201d;
}

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


  .job{height: 50px;background: #9d201d;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: #9d201d;position: absolute;left: 0;top: 5px;transition: 0.3s;}
  .jobmain_up span i:after{content: "";width: 1px;height: 100%;background: #9d201d;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:#9d201d;color:#fff;}
  .job_on{background-color: #9d201d;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;
}

.slickbanner .ban_txt{
    /* width: 100%; */
    padding: 40px 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    background: hsl(0deg 0% 0% / 40%);
}
.slickbanner .ban_txt .cn{
    transform: translateY(-87px);
    -webkit-transform: translateY(-87px);
    -moz-transform: translateY(-87px);
    opacity: 0;
    transition: 0s;
}

.slickbanner div.slick-active .cn{
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transition: 0.78s 0.35s;
}

.slickbanner .ban_txt .txt_p1{
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-family: "arial";
    text-shadow: 1px 1px 3px #303030;
}

.slickbanner .ban_txt .txt_p2{
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-family: "arial";
    text-shadow: 1px 1px 3px #303030;
}

@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;
    }

.slickbanner .ban_txt .txt_p1{
    font-size: 16px;
}

.slickbanner .ban_txt .txt_p2{
    font-size: 14px;
}

.wrap-sidenav .sidenav ul {
    position: absolute;
    overflow-x: inherit;
}

}



::-webkit-scrollbar
{
    width: 15px; 
    height: 10px; 
}

::-webkit-scrollbar-track {
    border-radius: 12px;
    background-color: #e7e7e7;
}

::-webkit-scrollbar-thumb
{
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #e7e7e7;
}
 
::-webkit-scrollbar-thumb:hover{
    background: #ccc;
}


iframe {
  display: inline-block;
  vertical-align: baseline;
width:100%;
height:100%;
}

#video{height:600px;}
@media (max-width:1199px){
   #video{height:500px}
}
@media (max-width:991px){
   #video{height:400px}
}
@media (max-width:767px){
   #video{height:300px}
}