html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#777}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:13px;color:#777;}
.layout{ max-width: 1700px; min-width: 1200px; margin:0 auto; clear:both; padding: 0 10px;  box-sizing:border-box;}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../image/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
/*初始化*/

/* 轮播图默认样式 */
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet{  opacity: 1; background: #d5d9e4; width: 10px; height: 10px; }
.swiper-pagination-bullet-active{  background: #c49b5e; opacity: 1; position: relative; }
.swiper-pagination-bullet-active:after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    box-sizing:border-box;
    border-radius: 100%;
    left:50%;
    margin-left: -10px;
    top:50%;
    margin-top: -10px;
    border: 1px solid #c49b5e;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 0.8;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 10px;
}

/* 图片放大插件样式 */
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 50%; left: 50%; text-align: center; width: 80%; height: 80%;transform:translate(-50%,-50%);}
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4;
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 20px; top: 20px; width: 50px; height: 50px; line-height: 50px; font-size: 40px; /* ej1026 */ }
.rebox-close:hover,.rebox-close:focus{
    -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); /* ej1026 */
}
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}


body{
    min-width:1220px;
}
.header{
    width: 100%;
    height: 100px;
    line-height: 100px;
    position: fixed;
    left: 0;
    z-index: 100;
}
.header.on{
    background: rgba(0,0,0,0.5) !important;
}
.header .logo{
    height: 36px;
    display: inline-block;
}
.header .logo img{
    height: 100%;
}
.hd-con{
    float: right;
}
.nav{
    float: left;
    margin-right: 30px;
}
.header .hd-rg{
    float: right;
}
.nav li{
    float: left;
    margin: 0 30px;
}
.nav a{
    font-size: 16px;
    color:#fff;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.nav .on a,.nav li:hover a{
    color: #e5b263;
}

.header .online{
    width: 154px;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    display: inline-block;
    background: #cb9f60;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.header .online:before{
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
    background: url(../image/icon-online.png) no-repeat center;
}

.header .search-box{
    float: left;
    overflow: hidden;
    border-radius: 36px;
    margin-right: 25px; width: 36px;
    height: 36px;
    position: relative; float: left; /* background: #c49b5e; */
    margin-top: 32px; transition: background ease .2s 0s; -moz-transition: background ease .2s 0s;
    -webkit-transition: background ease .2s 0s; }
.header .search-box select{
    width: 34%;
    float: left;
    height: 36px;
    background: none;
    color: #fff;
    background: rgb(196, 155, 94);
    border: 1px solid rgba(255,255,255,0.1);
    opacity: 0.7;
    outline: none;
    width: 0;
    opacity: 0;
}
.header .search-box .tex{ border: none; background: transparent; float: left; height: 36px; width: 0; line-height: 36px; font-size: 14px; color: #fff; box-sizing:border-box; margin-right: -2px; }
.header .search-box .search-icon{  display: block; position: absolute; top:0px; right:0px;  float: right; width: 36px; height: 36px;  cursor: pointer; background:url(../image/icon-search.png) no-repeat center; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.header .search-box input::-webkit-input-placeholder{ color: #fff; opacity: 0.7; }
.header .search-box input:-moz-placeholder{ color: #fff; opacity: 0.7; }
.header .search-box input::-moz-placeholder { color: #fff; opacity: 0.7; }
.header .search-box input:-ms-input-placeholder{ color: #fff; opacity: 0.7; }

.header .search-box .search{  position: relative; z-index: -1; border: none; width: 28px; height: 28px;  cursor: pointer; background: transparent;}


@media screen and (max-width: 1400px){
    .header{
        height: 90px;
        line-height: 90px;
    }
    .header .logo{
        height: 30px;
    }
    .nav{
        margin-right: 20px;
    }
    .nav li{
        margin: 0 15px;
    }
    .header .online {
        width: 124px;
    }
    .header .search-box{
        margin-top: 27px;
        margin-right: 20px;
    }
}



.footer{
    background: #313131 url(../image/bg-footer.jpg) repeat-y center;
    padding-top: 100px;
}

.footer .siteinfo{
    overflow: hidden;
    padding-bottom: 90px;
    border-bottom: 1px solid #3e3e3e;
}

.footer .ft-nav:after{
    content: '';
    height: 195px;
    width: 1px;
    background: #444;
    margin-left: 20px;
    float: left;
}
.footer .ft-nav>li{
    float: left;
    margin-right: 145px;
}
.ft-nav h3{
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 30px;
}

.ft-nav .sec-box a{
    color: #8c8c8c;
    font-size: 14px;
    line-height: 24px;
    transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;
}
.ft-nav .sec-box a:hover{
    color: #c49b5e;
}
.footer .ft-rg{
    float: right;
    text-align: right;
    color: #919191;
}

.footer .ft-logo{
    margin-bottom: 42px;
    display: inline-block;
}
.ft-rg h4{
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
}
.ft-rg h4:before{
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background: url(../image/icon-tele.png) no-repeat center;
    margin-right: 10px;
    margin-top: -2px;
}
.ft-rg .tele{
    font-size: 30px;
    line-height: 32px;
}
.share li{
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    background: #5e5e5e url(../image/icon-share.png) no-repeat center left;
    text-align: center;
    margin-left: 10px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.share li a{
    display: block;
    height: 100%
}
.share li:hover{
    background-color: #cb9f62;
}
.share .wx{
    background-position: -80px center;
}
.share .wx:hover{
    background-position: -120px center;
}
.share .qq{
    background-position: -160px center;
}
.share .qq:hover{
    background-position: -200px center;
}
.share .ew{
    background-position: -240px center;
}
.share .ew:hover{
    background-position: -280px center;
}


.share .wb:hover{
    background-position: -40px center;
}

.ft-rg .share{
    float: right;
    margin-top: 40px;
}

.copyright{
    padding: 35px 0 33px;
    /*overflow: hidden;*/
    color: #7f7f7f;
}
.copyright .lt{
    float: left;
}
.copyright .rg{
    float: right;
}

.copyright .link{
    float: left;
    width: 180px;
    height: 34px;
    line-height: 34px;
    box-sizing:border-box;
    padding: 0 15px;
    border: 1px solid #3e3e3e;
    background: none;
    color: #999;
    margin-right: 30px;
    margin-top: -6px;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../image/icon-arr3.png) no-repeat scroll 150px center;
    position: relative;
}
.copyright .link .con{
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    padding: 0 15px;
    background: #fff;
    box-sizing: border-box;
    height: 292px;
    overflow-y: scroll;
    display: none;
}
.copyright .link .con a{
    font-size: 14px;
    color: #333;
    line-height: 29px;
    display: block;
}
.copyright .link .con a:hover{
    color: #cb9f60;
}
.copyright .privacy{
    float: left;
    font-size: 14px;
}
.privacy li{
    float: left;
}
.privacy li:before{
    content: '|';
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;

}
.privacy .nl:before{
    display: none;
}
.privacy a{
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 1700px){
    .footer .ft-nav>li{
        margin-right: 120px;
    }
    .footer .ft-nav:after{
        margin-left: 0px;
    }

}

@media screen and (max-width: 1400px){
    .footer .ft-nav>li{
        margin-right: 85px;
    }

}

/* 悬浮窗 */
#fl-win{ position: fixed; right: 0px; top:50%; margin-top: -112px; z-index: 999; }
#fl-win ul li{  width: 56px; height: 56px; text-align: center; margin-bottom: 2px; cursor: pointer; background:#fff url(../image/icon-fl.png) left center; cursor:pointer;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
#fl-win ul li:hover{
    background-color: #e5e5e5;
}

#fl-win .f-sea{
    background-position: left center;
    position: relative;
    display: none;
}
#fl-win .f-sea form{
    height: 100%;
    line-height: 56px;
    width: 168px;
    position: absolute;
    z-index: -1;
    right: -220px;
    transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;
}
#fl-win .f-sea form.on{
    right: 50px;
}
#fl-win .f-sea input{
    position: absolute;
    left: 0;
    width: 160px;
    height: 100%;
    background: #c49b5e;
    font-size: 18px;
    color: #fff;
    border: none;
    padding-left: 15px;
    box-sizing:border-box;
}
#fl-win .f-sea input::-webkit-input-placeholder{ color: #fff; }
#fl-win .f-sea input:-moz-placeholder{ color: #fff; }
#fl-win .f-sea input::-moz-placeholder { color: #fff; }
#fl-win .f-sea input:-ms-input-placeholder{ color: #fff; }

#fl-win .f-sea .icon,#fl-win .f-sea .search{
    width: 56px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 0;
}
#fl-win .f-sea .search{
    z-index: -1;
}

#fl-win .f-tele{
    background-position: -66px center;
    position: relative;
}
#fl-win .tele-no{
    height: 100%;
    line-height: 56px;
    width: 160px;
    background: #c49b5e;
    position: absolute;
    font-size: 18px;
    color: #fff;
    z-index: -1;
    right: -220px;
    transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s;
}
#fl-win .tele-no.on{
    right: 58px;
}
#fl-win .f-qq{
    background-position: -132px center;
    position: relative;
}
#fl-win .f-qq a{
    display: block;
    height: 100%;
    line-height: 56px;
    width: 160px;
    background: #c49b5e;
    position: absolute;
    font-size: 18px;
    color: #fff;
    z-index: -1;
    right: -220px;
    transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s;
}
#fl-win .f-qq a.on{
    right: 58px;
}
#fl-win .f-top{
    background-position: -198px center;
}



/* 首页 */
.in-banner{
    min-height: 100px;
}
.in-banner .swiper-slide img{
    width: 100%;
    display: block;
}

.in-about{
    padding: 88px 0 100px;
    background: url(../image/bg-about.jpg) no-repeat center;
}
.in-about .layout{
    overflow: hidden;
}
.in-about .lt-box{
    float: left;
    width: 40%;
    margin-right: 5%;
}
.title-box{
    padding-bottom: 25px;
    position: relative;
}
.title-box:after{
    content: '';
    width: 25px;
    height: 2px;
    background: #c49b5e;
    position: absolute;
    bottom: 0;
    left: 0;
}
.title-box .en{
    font-size: 56px;
    line-height: 58px;
    color: rgba(0,0,0,0.15);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.title-box .cn{
    font-size: 28px;
    line-height: 30px;
    color: #c49b5e;
}

.in-about .tex{
    color: #555;
    font-size: 16px;
    line-height: 18px;
    line-height: 28px;
    margin-top: 25px;
    height: 225px;
}

.more{
    width: 180px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    background: #c49b5e;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s;
}
.more:hover{
    background: #b08b54;
}

.in-about .rg-box{
    margin-left: 45%;
}
.in-about .pic{
    float: left;
    width: 76%;
    height: 600px;
}
.in-about .pic img{
    width: 100%;
    height: 100%;
}
.in-about .data{
    height: 100%;
    margin-left: 77%;
}
.in-about .data li{
    height: 200px;
    padding: 50px 0;
    box-sizing:border-box;
    text-align: center;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #d8d8d8;
}
.in-about .data em{
    font-size: 52px;
    line-height: 54px;
    font-weight: 600;
    color: #c49b5e;
    padding-bottom: 20px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}
.in-about .data em:after{
    content: '';
    width: 42px;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -21px;
}


.in-video{
    height: 930px;
    background: #1d1a18;
    position: relative;
}

.in-video video{
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1700px){
    .in-video{
        height: 850px;
    }
}
@media screen and (max-width: 1400px){
    .in-video{
        height: 710px;
    }
}

@media screen and (max-width: 1200px){
    .in-video{
        height: 650px;
    }
}


.in-plate1{
    height: 800px;
}
.lt-box1{
    width: 50%;
    height: 100%;
    box-sizing:border-box;
    float: left;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.pl-li {
    overflow: hidden;
    position: relative;
}
.pl-li>a{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing:border-box;
    padding-left: 90px;
    padding-top: 90px;
    position: relative;

}
.pl-li img{
    transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;
}
.pl-li:hover img{
    transform:scale(1.1);
}

.pl-li .pic-box{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
}
.pl-li .tex{
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    width: 50%;
    margin-bottom: 30px;
}
.pl-li h3{
    font-size: 50px;
    line-height: 52px;
    margin-bottom: 20px;
}
.rg-box1{
    height: 100%;
    margin-left: 50%;
}

.more1{
    font-size: 14px;
    color: #fff;
    margin-top: 60px;
    display: inline-block;
}


.rg-box1 .pl-li{
    height: 50%;
    box-sizing:border-box;
    background-position: center;
}
.rg-box1 .pl-li2{
    padding-left: 90px;
    padding-top: 90px;
}
.pl-li2>.more1{
    display: inline;
    padding-left: 0;
}
.rg-box1 .tex{
    width: 40%;
}

.pl-li1 .tex{
    color: #000;
}
.pl-li1 .more1{
    color: #000;
}

.pl-li .tex .date{
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 15px;
}
.pl-li ul li{
    /*margin: 10px 0;*/
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.pl-li ul a{
    font-size: 22px;
    line-height: 24px;
    color: #fff;
}
.pl-li2 .more1{
    margin-top: 0;
}

.title-box1{
    overflow: hidden;
}
.title-box1 h3{
    font-size: 50px;
    line-height: 52px;
    color: #333;
    display: inline-block;
    margin-right: 25px;
}
.title-box1 h3:before{
    content: '';
    width: 4px;
    height: 44px;
    background: #c49b5e;
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
    margin-right: 25px;
}
.title-box1 p{
    font-size: 20px;
    color: #999;
    display: inline-block;
}

@media screen and (max-width: 1700px){
    .pl-li .tex{
        width: 60%;
    }
    .pl-li>a{
        padding: 70px 0 0 70px;
    }
    .rg-box1 .pl-li2{
        padding: 70px 0 0 70px;
    }
}
@media screen and (max-width: 1400px){
    .pl-li .tex{
        width: 70%;
    }
    .in-plate1{
        height: 700px;
    }
    .pl-li ul li{
        margin: 20px 0;
    }
    .pl-li ul a{
        font-size: 18px;
    }
    .pl-li h3{
        font-size: 44px;
        margin-bottom: 20px;
    }
    .pl-li>a{
        padding: 50px 0 0 50px;
    }
    .rg-box1 .pl-li2{
        padding: 50px 0 0 50px;
    }
}

@media screen and (max-width: 1200px){
    .pl-li .tex{
        width: 80%;
    }
}

.in-news{
    padding: 60px 0 60px;
    background:#fefefe url(../image/bg-news1.jpg) no-repeat center top;
}

.in-news .tl{
    float: left;
}
.in-news .tr{
    float: right;
    font-size: 16px;
    color: #333;
    margin-top: 28px;
}

.in-news .title-box1{
    margin-bottom: 62px;
}
.in-news .nw-in{
    overflow: hidden;
    padding-bottom: 20px;
}

.in-news .list-box{ display: block; width: 32%; height: 550px; background: #fff; overflow: hidden; margin-right: 2%; float: left; box-shadow: 0px 0px 10px 6px rgba( 0, 0, 0,0.02 );  background-position: center; background-size: cover; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }
.in-news .list-box .img-box{ overflow: hidden;height: 300px}
.in-news .list-box .img-box img{ transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s; }
.in-news .list-box:hover .img-box img{ transform:scale(1.1); }
.in-news .list-box:hover .intro-box h3{ color: #c49b5e; }
.in-news .list-box:hover .intro-box .more2{ color: #c49b5e; }
.in-news .list-box:nth-of-type(3){margin-right: 0}
.in-news .news-list img{ width: 100%; }
.in-news .news-list .intro-box{ padding:35px 30px; background: #fff; text-align: left; }
.in-news .news-list .intro-box h3{ font-size: 22px; color: #333; height: 34px; line-height: 34px; margin-bottom: 3%; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.in-news .news-list .intro-box p{ font-size: 16px; color: #666; height: 60px; line-height: 30px; margin-bottom: 8%; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.in-news .news-list .intro-box .more2{
    height: auto;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    border-top: 1px solid #eaeaea;
    padding-top: 6%;
    margin-bottom: 0;
    transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;
}
.in-news .news-list .intro-box .more2:after{
    content: '';
    display: inline-block;
    margin-top: 3px;
    float: right;
    width: 31px;
    height: 8px;
    background: url(../image/icon-arr.png) no-repeat center;
    transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;
}

.in-news .news-list:hover .intro-box .more2:after{
    content: '';
    display: inline-block;
    margin-top: 3px;
    float: right;
    width: 31px;
    height: 8px;
    background: url(../image/icon-arr-sel.png) no-repeat center;
}

.in-news .net-box{
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-right: 0;
}
.in-news .net{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;
}
.in-news .net-box .tex{
    position: absolute;
    top:60px;
    width: 100%;
    z-index: 4;
}
.in-news .net-box h4{
    font-size: 40px;
    line-height: 42px;
    color: #c49b5e;
    font-weight: 600;
    padding-bottom: 30px;
    margin-bottom: 25px;
    position: relative;
}
.in-news .net-box h4:after{
    content: '';
    width: 30px;
    height: 1px;
    background: #999;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
}
.in-news .net-box h5{
    font-size: 30px;
    line-height: 32px;
    color: #555;
    margin-bottom: 10px;
}
.in-news .net-box p{
    font-size: 20px;
    line-height: 22px;
    color: #666;
}
.in-news .net-box em{
    font-size: 30px;
    color: #c49b5e;
}
.in-news .net-box .net:hover{
    transform:scale(1.1);
}

@media screen and (max-width: 1600px){
    .in-news .list-box{
        height: 520px;
    }
    .in-news .net-box{
        height: 520px;
    }
}
@media screen and (max-width: 1400px){
    .in-news .list-box{
        height: 480px;
    }
    .in-news .net-box{
        height: 480px;
    }
}
@media screen and (max-width: 1200px){
    .in-news .list-box{
        height: 440px;
    }
    .in-news .net-box{
        height: 440px;
    }
}



/* 新闻中心 */

.banner,.banner img{
    width: 100%;
}
.banner{
    min-height: 100px;
}

/* 栏目菜单样式 */
.ej-menu{
    border-bottom: 1px solid #e5e5e5;
    line-height: 90px;
    font-size: 14px;
    color: #888;
    overflow: hidden;
    background: #fff;
}
.ej-menu .layout{
    padding: 0 10px 0 0;
}
.ej-menu .menu-left{
    float: left;
    overflow: hidden;
}
.ej-menu .menu-left li{
    float: left;
    width: 180px;
    text-align: center;
}
.ej-menu .menu-left li a{
    display: inline-block;
    color: #888;
}
.ej-menu .menu-left a:before{
    content: '';
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../image/icon-mu1.png) no-repeat center;
}
.ej-menu .on a:before,.ej-menu li:hover a:before{
    background: url(../image/icon-mu1-sel.png) no-repeat center;
}

.ej-menu .menu-left .nw1 a:before{
    background: url(../image/icon-mu1.png) no-repeat center;
}
.ej-menu .menu-left .nw1.on a:before,.ej-menu .menu-left .nw1:hover a:before{
    background: url(../image/icon-mu1-sel.png) no-repeat center;
}

.ej-menu .menu-left .nw2 a:before{
    background: url(../image/icon-mu2.png) no-repeat center;
}
.ej-menu .menu-left .nw2.on a:before,.ej-menu .menu-left .nw2:hover a:before{
    background: url(../image/icon-mu2-sel.png) no-repeat center;
}

.ej-menu .menu-left .nw3 a:before{
    background: url(../image/icon-mu3.png) no-repeat center;
}
.ej-menu .menu-left .nw3.on a:before,.ej-menu .menu-left .nw3:hover a:before{
    background: url(../image/icon-mu3-sel.png) no-repeat center;
}

.ej-menu .menu-left .nw4 a:before{
    background: url(../image/icon-mu4.png) no-repeat center;
}
.ej-menu .menu-left .nw4.on a:before,.ej-menu .menu-left .nw4:hover a:before{
    background: url(../image/icon-mu4-sel.png) no-repeat center;
}

.ej-menu .menu-left .nw5 a:before{
    background: url(../image/icon-mu5.png) no-repeat center;
}
.ej-menu .menu-left .nw5.on a:before,.ej-menu .menu-left .nw5:hover a:before{
    background: url(../image/icon-mu5-sel.png) no-repeat center;
}





.ej-menu .menu-left li.on,.ej-menu .menu-left li:hover{
    background: #c49b5e;
}
.ej-menu .menu-left li.on a,.ej-menu .menu-left li:hover a{
    color: #fff;
    position: relative;
}

.ej-menu .menu-left li:last-of-type{
    margin-right: 0;
}

.ej-menu .menu-right{
    float: right;
}
.ej-menu .menu-right .home{
    width: 16px;
    height: 16px;
    background:url(../image/icon-home.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 10px;
}
.ej-menu .menu-right a{
    color: #888;
    display:inline-block;
    vertical-align: middle;
}
.ej-menu .menu-right a:before{
    content: '>';
    color: #888;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0;
}
.ej-menu .menu-right a:first-of-type:before{
    display: none;
}
.ej-menu .menu-right a:hover,.ej-menu .menu-right a.on{
    color: #c49b5e;
}

.ej-menu .menu-left li{
    position: relative;
}
.ej-menu .menu-left li:before{
    /*content: '';
    height: 22px;
    width: 1px;
    background: #e5e5e5;
    display: block;
    position: absolute;
    left: 0;
    top:50%;
    margin-top: -11px;*/
}
.ej-menu .menu-left li:hover:before,.ej-menu .menu-left li.on:before{
    display: none;
}
.ej-menu .menu-left li:first-of-type:before{
    display: none;
}
.ej-menu .menu-left .on:before{
    display: none;
}

.news{
    padding: 60px 0 40px;
    background: url(../image/bg-news.jpg) repeat-y center top;
}
.news .layout{
    overflow: hidden;
}
.news .list-box{ display: block; width: 32%; margin-right: 2%; margin-bottom: 3%; float: left; box-shadow: 0px 0px 10px 5px rgba( 0, 0, 0,0.02 ); transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }
.news .list-box:nth-of-type(3n){ margin-right: 0; }
.news .list-box .img-box{ overflow: hidden;width: 100%;height: 300px; }
.news .list-box .img-box img{ transition: all ease .5s 0s; -moz-transition: all ease .5s 0s; -webkit-transition: all ease .5s 0s; }
.news .list-box:hover .img-box img{ transform:scale(1.1); }
.news .list-box:hover .intro-box h3{ color: #c49b5e; }
.news .list-box:hover .news-list .more2{ color: #c49b5e; }
.news .date{
    font-size: 15px;
    line-height: 16px;
    height: 18px;
    color: #666;
    margin-bottom: 2%;
    display: inline-block;
}
.news .date:before{
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
    background: url(../image/icon-date.png) no-repeat center;
}

.news .news-list img{ width: 100%;height: 100% }
.news .news-list .intro-box{ padding:6% 4%; background: #fff; text-align: left; }
.news .news-list .intro-box h3{ font-size: 22px; color: #333; height: 34px; line-height: 34px; margin-bottom: 3%; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.news .news-list .intro-box p{ font-size: 16px; color: #666; height: 60px; line-height: 30px; margin-bottom: 8%; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.news .news-list .intro-box .more2{
    height: auto;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    border-top: 1px solid #eaeaea;
    padding-top: 6%;
    margin-bottom: 0;
    transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;
}
.news .news-list .intro-box .more2:after{
    content: '';
    display: inline-block;
    margin-top: 3px;
    float: right;
    width: 31px;
    height: 8px;
    background: url(../image/icon-arr.png) no-repeat center;
    transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;
}

.news .news-list:hover .intro-box .more2:after{
    content: '';
    display: inline-block;
    margin-top: 3px;
    float: right;
    width: 31px;
    height: 8px;
    background: url(../image/icon-arr-sel.png) no-repeat center;
}

.page-box{
    text-align: center;
    box-sizing:border-box;
    padding: 10px 50px;
}
.page-box a, .page-box span.page-num{
    cursor: pointer;
    font-size: 15px;
    color: #777;
    background: #fff;
    height: 48px;
    width: 48px;
    line-height: 48px;
    border-radius: 48px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    box-sizing:border-box;
    margin: 5px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.page-box span.page_next, .page-box span.page_prev{
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
.page-box span.osn_page-on{
    background: #999;
    color: #fff;
}
.page-box .button{
    padding: 0 20px;
    width: auto;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.page-box a:hover,.page-box .on{
    background: #c49b5e;
    border-color: #c49b5e;
    color: #fff;

}


/* 新闻详情页 */

.news-art{
    background: url(../image/bg-news.jpg) repeat-y center;
    padding: 5% 0;
}
.news-art .layout{ background:#fff; padding: 5% 8% 0; border-radius: 10px;}

.ej-header1{ padding-bottom: 3%;  border-bottom: 1px dashed #ccc;  }
.ej-header1 h3{ font-size: 32px; line-height: 40px; color: #333; padding-bottom: 3%; text-align: center;}
.ej-header1 p{ font-size: 14px; color: #666; display: inline-block; margin:0 2%; }
.ej-header1 .ej-header-bt{
    width: 46%;
    margin: 0 auto;
}

.ej-header1 span{ float: right; font-size: 14px; color: #666; }
.ej-header1 span a{ width: 20px; height: 20px; display: inline-block; background: url(../image/icon-share1.png) no-repeat left center; vertical-align: middle; margin-top: -4px; margin-left: 10px; }
.ej-header1 span a:nth-of-type(2){ background-position: -30px center;}
.ej-header1 span a:nth-of-type(3){ background-position: -60px center;}

.ej-header1 span a:hover:nth-of-type(1){ background-position: -90px center;}
.ej-header1 span a:hover:nth-of-type(2){ background-position: -120px center;}
.ej-header1 span a:hover:nth-of-type(3){ background-position: -150px center;}

.ej-art-box{ padding: 4% 0; border-bottom: 1px dashed #ccc; }
.ej-art-box .p16{ font-size: 16px; color: #444; line-height: 36px;}
.ej-art-box .ej-img{ width: 80%; display: block;  margin:  0 auto 2%; }

.ej-share-box{ overflow: hidden; border-bottom: 1px solid #f4f4f4; padding-top: 3%;  padding-bottom: 3%;}
.ej-share-box ul{ float: left; width: 74%; }
.ej-share-box ul li{ font-size: 15px ;color: #444; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ej-share-box ul li a{ color: #444; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.ej-share-box ul li a:hover{ color: #c49a5e; }
.ej-share-box .break{ float: right; padding: 1.3% 5%; text-align: center; background: #c49a5e; display: block; font-size: 16px;  color: #fff; border-radius: 4px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.ej-share-box .break:before{
    content: '';
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 16px;
    background: url(../image/icon-break.png) no-repeat center;
}
.ej-share-box .break:hover{ background: #ab8652;  }

@media screen and (max-width: 800px){
    .news-art .layout{ padding: 5% 3% 0;  }
    .ej-header1 .ej-header-bt{
        text-align: center;
        width: 100%;
    }
    .ej-header1{ padding-bottom:2%; }
    .ej-header1 h3{ font-size: 24px; line-height: 34px; padding-bottom: 2%; }
    .ej-header1 span{ float: none; display: block; margin-top: 1%; }
    .ej-art-box{ padding: 3% 0; }
    .ej-share-box ul{ width: 100%; float: none; }
    .ej-share-box .break{ float: none; width: 40%; margin: 0 auto; margin-top: 3%; margin-bottom: 2%; }
}

/* 工程案例 */
.case-menu .menu-left li{
    width: 160px;
    position: relative;
}

.ej-menu .cs1 a:before{
    background: url(../image/icon-mu6.png) no-repeat center;
}
.ej-menu .cs1.on a:before,.ej-menu .cs1:hover a:before{
    background: url(../image/icon-mu6-sel.png) no-repeat center;
}

.ej-menu .cs2 a:before{
    background: url(../image/icon-mu7.png) no-repeat center;
}
.ej-menu .cs2.on a:before,.ej-menu .cs2:hover a:before{
    background: url(../image/icon-mu7-sel.png) no-repeat center;
}

.ej-menu .cs3 a:before{
    background: url(../image/icon-mu8.png) no-repeat center;
}
.ej-menu .cs3.on a:before,.ej-menu .cs3:hover a:before{
    background: url(../image/icon-mu8-sel.png) no-repeat center;
}

.ej-menu .cs4 a:before{
    background: url(../image/icon-mu9.png) no-repeat center;
}
.ej-menu .cs4.on a:before,.ej-menu .cs4:hover a:before{
    background: url(../image/icon-mu9-sel.png) no-repeat center;
}

.ej-menu .cs5 a:before{
    background: url(../image/icon-mu10.png) no-repeat center;
}
.ej-menu .cs5.on a:before,.ej-menu .cs5:hover a:before{
    background: url(../image/icon-mu10-sel.png) no-repeat center;
}

.ej-menu .cs6 a:before{
    background: url(../image/icon-mu11.png) no-repeat center;
}
.ej-menu .cs6.on a:before,.ej-menu .cs6:hover a:before{
    background: url(../image/icon-mu11-sel.png) no-repeat center;
}
.ej-menu .cs7 a:before{
    background: url(../image/icon-mu12.png) no-repeat center;
}
.ej-menu .cs7.on a:before,.ej-menu .cs7:hover a:before{
    background: url(../image/icon-mu12-sel.png) no-repeat center;
}
.ej-menu .cs8 a:before{
    background: url(../image/icon-mu13.png) no-repeat center;
}
.ej-menu .cs8.on a:before,.ej-menu .cs8:hover a:before{
    background: url(../image/icon-mu13-sel.png) no-repeat center;
}

@media screen and (max-width: 1600px){
    .case-menu .menu-left li{
        width: 145px;
    }
}

@media screen and (max-width: 1400px){
    .case-menu .menu-left li{
        width: 115px;
    }
}

.case{
    padding: 70px 0;
}
.case .list-box{
    display: block;
    background: #fff;
    box-shadow: 0px 0px 10px 5px rgba( 0, 0, 0,0.02 );
    margin-bottom: 3%;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.case .list-box:hover{
    background: #c49b5e;
}
.case .list-box:hover .date,.case .list-box:hover h3,.case .list-box:hover .tex{
    color: #fff;
}
.case .list-box:hover .hd{
    border-color: #caa56e;
}
.case .case-li{
    height: 380px;
    overflow: hidden;
}
.case .pic{
    width: 42%;
    height: 100%;
    overflow: hidden;
    float: left;

}
.case .pic img{
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.case .list-box:hover img{
    transform:scale(1.1);
}

.case .intro{
    margin-left: 42%;
    padding: 60px 0 60px 80px;
}

.case .date{
    font-size: 15px;
    line-height: 17px;
    color: #888;
    margin-bottom: 15px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.case h3{
    font-size: 28px;
    line-height: 30px;
    color: #444;
    padding-right: 10%;
    white-space:nowrap;text-overflow:ellipsis; overflow:hidden;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.case .hd{
    padding-bottom: 30px;
    border-bottom: 1px solid #ede1ce;
    margin-bottom: 15px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.case .tex{
    font-size: 15px;
    color: #888;
    line-height: 30px;
    padding-right: 10%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

/* 董事长致辞 */

.speech{
    padding: 60px 0;
    overflow: hidden;
    background: url(../image/bg-news.jpg) repeat-y center top;
}
.speech .spee-in{
    height: 912px;
    background:#fff;
    position: relative;
    z-index: 1;
}
.speech .spee-in:after{
    content: '';
    display: block;
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    right: -200px;
    top:0;
    z-index: -1;
}
.speech .pic{
    float: left;
    width: 45%;
    height: 100%;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.speech .tex{
    margin-left: 45%;
    padding-top: 5%;
    padding-left: 8%;
}
.speech h3{
    font-size: 40px;
    line-height: 42px;
    color: #333;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 30px;
}
.speech h3:after{
    content: '';
    height: 3px;
    width: 40px;
    background: #c49b5e;
    position: absolute;
    bottom: 0;
    left: 0;
}
.speech .p16{
    font-size: 16px;
    color: #666;
    line-height: 32px;
    text-indent: 2em;
}

@media screen and (max-width: 1600px){
    .speech .tex{
        padding-top: 4%;
        padding-left: 4%;
    }
}

@media screen and (max-width: 1400px){
    .speech .spee-in{
        height: 1030px;
    }
    .speech .tex{
        padding-top: 4%;
        padding-left: 4%;
    }
}

/* 主营业务 */
.culture{ overflow: hidden; }
.cul-box{ position: relative; z-index: 3; overflow: hidden; background: #fff; }

.cul-box .art-box{ width: 50%; height: 580px; float: right; background: #fff; padding: 8% 0 0 8%; box-sizing:border-box;  }
.cul-box .title{ font-size: 42px; line-height: 44px; color: #333; padding-bottom: 35px;  position: relative; margin-bottom: 45px; }
.cul-box .title:after{ content: ''; width: 40px; height: 3px; background: #c49b5e; position: absolute; left: 0; bottom: 0; }
.cul-box .art-box p{ font-size: 16px; color: #777; line-height: 30px; }
.cul-box .pic-box{ position: absolute; left: 50%; margin-left: -960px;  z-index: -1; width: 960px; height: 640px;}
.cul-box .pic-box img{ width: 100%; height: 100%;}
.cul-box .art-box h5{
    font-size: 22px;
    line-height: 24px;
    color: #c49b5e;
    margin-bottom: 25px;
}

.cul-box2 .art-box{ float: left; padding: 8% 8% 0 0;}
.cul-box2 .pic-box{ position: absolute; left: 50%; margin-left: 0; }

.cul-box3{
    height: 730px;
    background: #eaeaea;
    box-sizing:border-box;
    padding: 8% 0;
}

.culture .layout{
    padding: 0 30px;
}
.culture .cul-in{
    text-align: center;
}
.culture .cul-li{
    width: 430px;
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.culture .cul-li .pic{
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #e5e5e5;
}
.culture .cul-li img{
    height: 100%;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.culture .cul-li .tex{
    width: 100%;
    height: 160px;
    background: #fff;
    padding: 30px;
    box-sizing:border-box;
    text-align: left;
}
.culture .cul-li h3{
    font-size: 28px;
    color: #333;
    margin-bottom: 10px;
}
.culture .cul-li p{
    font-size: 15px;
    color: #999;
    line-height: 28px;
    height: 60px;
    overflow: hidden;
}

.culture .cul-li:hover{
    transform:translate(0, -10px);
}
.culture .cul-li:hover img{
    transform:scale(1.1);
}
@media screen and (max-width: 1500px){
    .culture .cul-li{
        width: 30%;
        margin: 0 15px;
    }
}

/* 社会责任 */
.layout1{
    max-width: 1380px;
}
.d-title .cn{
    font-size: 30px;
    line-height: 32px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    color: #000;
    position: relative;
}
.d-title .cn:after{
    content: '';
    width: 25px;
    height: 2px;
    background: #c49b5e;
    position: absolute;
    bottom: 0;
    left: 0;
}
.d-title .en{
    font-size: 28px;
    line-height: 36px;
    color: #dddddd;
    text-transform: uppercase;
}
.duty .layout{
    padding: 0 20px;
}
.duty .duty-li{
    padding: 100px 0;
    overflow: hidden;
}
.duty .d-title{
    width: 20%;
    float: left;
}
.duty .tex{
    height: 244px;
    box-sizing:border-box;
    margin-left: 20%;
    border-left: 1px solid #e5e5e5;
    padding: 1% 6% 0;
}
.duty .tex p{
    font-size: 16px;
    color: #666;
    line-height: 34px;
}
.duty .banner{
    height: 520px;
    background-position: center;
    background-size: cover;
}
.duty .swiper-pagination-bullet{ background: transparent; border: 2px solid #fff; box-sizing:border-box; }
.duty .swiper-pagination-bullet-active{  background: #fff; }
.duty .swiper-pagination-bullet-active:after{
    display: none;
}

.duty .swiper-button-prev{
    left: 30px;
}
.duty .swiper-button-next{
    right: 30px;
}

/* 企业荣誉 */
.menu1{
    overflow: hidden;
}
.menu1 li{
    float: left;
    margin-right: 10px;
}
.menu1 a{
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    box-sizing:border-box;
    border: 2px solid #c49b5e;
    font-size: 18px;
    color: #c49b5e;
}
.menu1 li:hover,.menu1 li.on{
    background:#c49b5e;
}
.menu1 li:hover a,.menu1 li.on a{
    color: #fff;
}

.honor{
    padding: 70px 0;
    background: #f6f6f6;
}
.honor .title{
    font-size: 42px;
    line-height: 44px;
    margin-bottom: 36px;
    color: #333;
    display: inline-block;
}

.time-line{ text-align: center; position: relative; margin-bottom: 45px; }
.time-line .swiper-slide{ background: transparent; height: 140px; }

.time-line span{ font-size: 28px; color: #999;  font-weight: 600;  display: inline-block;  cursor: pointer; position: relative; padding-bottom: 35px; }
.time-line span:before{ content: ''; width:  46px; height: 46px; border-radius: 100%; background: url(../image/spot1.png) no-repeat center; display: block;  position: absolute; bottom: -32px; left: -44px; }
.time-line span:after{ content: ''; width: 1px; height: 74px; background:#e5e5e5; position: absolute; left: -22px; bottom:8px; z-index: -1; }
.time-line .swiper-slide-active span{ font-size: 36px; color: #c49b5e; font-weight: 600;}
.time-line .swiper-slide-active span:before{ bottom: -28px; background: url(../image/spot2.png) no-repeat center; }
.time-line .swiper-slide-active span:after{ background: #c49b5e ;  height: 98px;  }


.time-box .swiper-button-next, .time-box .swiper-button-prev{ height: 60px; width: 60px; border-radius: 100%; box-sizing:border-box; background:#fff url(../image/icon-arr2.png) no-repeat center left; top:82px; margin-top: 0; }
.time-box .swiper-button-prev:active{ background-color: #c49b5e; background-position: -70px center; }
.time-box .swiper-button-next{ background-position: -140px center; }
.time-box .swiper-button-next:active{ background-color: #c49b5e; background-position: -210px center; }

.time-box{
    margin-top: 60px;
    position: relative;
    height: 140px;
}
.time-box:after{
    content: '';
    width: 100%;
    height: 3px;
    background: #e9dfd0;
    position: absolute;
    top:110px;
}
.time-line:after{
    content: '';
    width: 90%;
    height: 15px;
    display: block;
    position: absolute;
    left: 5%;
    bottom: 30px;
    background: url(../image/bg-tline.png) repeat center;
}
.time-box .layout{
    position: relative;
}
.honor .honor-in{
    padding-top: 60px;
}
.honor .hon-li{
    display: inline-block;
    width: 23%;
    background: #fff;
    box-sizing:border-box;
    padding: 25px;
    margin: 0 0.9% 3%;
}
.honor .pic{
    width: 100%;
    height: 260px;
    line-height: 260px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}
.honor .pic img{
    max-width: 100%;
    max-height: 100%;
}
.honor .hon-li h3{
    font-size: 20px;
    color: #c49b5e;
    line-height: 22px;
    white-space:nowrap;text-overflow:ellipsis; overflow:hidden;
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: left;
}
.honor .hon-li p{
    font-size: 14px;
    line-height: 24px;
    color: #999;
    text-align: left;
    white-space:nowrap;text-overflow:ellipsis; overflow:hidden;
}


@media screen and (max-width: 1400px){
    .honor .hon-li{
        width: 31%;
        margin: 0 1% 3%;
    }
}

/* 企业介绍 */

.intro .it-box{
    padding: 100px 0;
}
.title1{
    font-size: 42px;
    line-height: 44px;
    color: #333;
    overflow: hidden;
    padding-bottom: 35px;
    margin-bottom: 50px;
    position: relative;
}
.intro .it-box .layout{
    overflow: hidden;
}
.title1:after{
    content: '';
    width: 40px;
    height: 3px;
    background: #c49b5e;
    position: absolute;
    bottom: 0;
    left: 0;
}
.intro .lt-box{
    width: 50%;
    box-sizing:border-box;
    float: left;
}
.intro .rg-box{
    margin-left: 50%;

}
.intro .rg-box1{
    padding: 2% 2% 0 8%;
}
.intro .lt-box .pic{
    width: 86%;
    margin-left: 10%;
    position: relative;
    padding-bottom: 4%;
    z-index: 1;
}
.intro .lt-box .pic:before{
    content: '';
    width: 120px;
    height: 160px;
    background: #c49b5e;
    position: absolute;
    bottom: 0%;
    left: -10%;
    z-index: -1;

}
.intro .pic img{
    width: 100%;
}
.intro .p16{
    font-size: 16px;
    color: #666;
    line-height: 32px;
    text-indent: 2em;
}

.intro .it-box1{
    background: url(../image/bg-intro1.jpg) repeat-y center top;
}

.intro .it-box2{
    background: #212122 url(../image/bg-intro2.png) no-repeat center;
}

.intro .lt-box2{
    padding-right: 10%;
    padding-top: 2%;
}

.intro .rg-box2 .pic{
    width: 86%;
    margin-right: 10%;
    position: relative;
    padding-bottom: 4%;
    z-index: 1;
}
.intro .rg-box2 .pic:after{
    content: '';
    width: 10%;
    height: 200px;
    background: #c49b5e;
    position: absolute;
    top:0;
    right: -10%;
    z-index: -1;
}
.intro .it-box3{
    padding: 80px 0 70px;
    background: url(../image/bg-intro3.jpg) no-repeat center top;
}

.intro .time-box{
    margin-top: 40px;
}
.deve-box{ padding-top: 30px; position: relative; overflow: hidden;}

.deve-box .deve-list{ width: 100%; max-width: 1574px; padding: 2% 8% 2% 2%; box-sizing:border-box; background: #fafafa; border: 1px solid #eee; border-radius: 3px; }
.deve-box .deve-list .pic-box{ width: 44%; height: 380px; float: left; margin-right: 84px; overflow: hidden; background-size: cover; background-position:  center; }
.deve-box .deve-list .pic-box img{ width: 100%; height: 100%; }
.deve-box .deve-list .intro-box { padding-top: 45px; margin-left: 50%; height: 300px; box-sizing:border-box; overflow: hidden; }
.deve-box .deve-list h3{ font-size: 32px; line-height: 34px; color: #c49b5e; padding-bottom: 30px; border-bottom: 1px solid #f2ede4; margin-bottom: 20px;margin-left: 700px; }
.deve-box .deve-list p{ font-size: 16px; color: #666; line-height: 28px; padding-bottom: 10px; }
.deve-box .deve-list p:before{ content: ''; width: 0; height: 0; display: inline-block; border-left: 4px solid #c49b5e;  border-top: 4px solid transparent; border-bottom: 4px solid transparent; margin-right: 10px; }

/*.deve-container{ padding-bottom:10px; }*/
.deve-container .swiper-button-next, .deve-container .swiper-button-prev{ height: 54px; margin-top: -27px;  }
.deve-container .swiper-slide{ background: none; text-align: left;}

.ej-menu .se1 a:before{
    background: url(../image/icon-mu14.png) no-repeat center;
}
.ej-menu .se1.on a:before,.ej-menu .se1:hover a:before{
    background: url(../image/icon-mu14-sel.png) no-repeat center;
}

.ej-menu .se2 a:before{
    background: url(../image/icon-mu15.png) no-repeat center;
}
.ej-menu .se2.on a:before,.ej-menu .se2:hover a:before{
    background: url(../image/icon-mu15-sel.png) no-repeat center;
}

.ej-menu .se3 a:before{
    background: url(../image/icon-mu16.png) no-repeat center;
}
.ej-menu .se3.on a:before,.ej-menu .se3:hover a:before{
    background: url(../image/icon-mu16-sel.png) no-repeat center;
}

.ej-menu .se4 a:before{
    background: url(../image/icon-mu17.png) no-repeat center;
}
.ej-menu .se4.on a:before,.ej-menu .se4:hover a:before{
    background: url(../image/icon-mu17-sel.png) no-repeat center;
}

/* 联系我们 */
.contact{
    background: #f3f4f8;
    padding: 80px 0 0;
}
.contact .com-name{
    font-size: 28px;
    line-height: 30px;
    color: #c49b5e;
    margin-bottom: 30px;
}
.contact .con-top{
    overflow: hidden;
    padding-bottom: 70px;
}
.contact li{
    width: 40%;
    float: left;
    padding-right: 3%;
    box-sizing:border-box;

}
.contact li .lp{
    padding: 5px 0;
    color: #888;
    font-size: 18px;
    line-height: 22px;
}
.contact li em{
    color: #333;
}
.contact li p{
    font-size: 13px;
    color: #333;
}
.contact li i{
    color: #666;
}

.map{
    height: 480px;
    background-position: center;
    background-size: cover;
    border: 1px solid #dcdcdc;
}

/* 招贤纳士 */
.join{
    padding: 60px 0 70px;
    background: #f3f4f8 url(../image/bg-join.jpg) no-repeat center 570px;
}
.join .ta-de{
    height: 510px;
    margin-bottom: 8%;
}
.join .ta-de p{
    font-size: 15px;
}
.join .intro{
    height: 100%;
    line-height: 510px;
    width: 38%;
    box-sizing:border-box;
    padding: 0 1%;
    float: left;
    background: #c49b5e;
    text-align: center;
    color: #fff;
}
.join .pic{
    margin-left: 38%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background: #e5e5e5;
}
.join .en{
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.join .tex{
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
}
.join .tt{
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 40px;
}

.join .id-li{
    overflow: hidden;
    margin-bottom: 6%;
}
.join .id-li li{
    float: left;
    width: 25%;
    padding-left: 8%;
    padding-right: 5%;
    box-sizing:border-box;
    position: relative;
}
.join .id-li li:before{
    content: '';
    position: absolute;
    height: 150px;
    width: 1px;
    left: 0;
    top:0;
    background: #d6d9df;
}

.join .id-li .li4:after{
    content: '';
    position: absolute;
    height: 130px;
    width: 1px;
    right: 0;
    top:0;
    background: #d6d9df;
}
.join .id-li h3{
    font-size: 26px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 25px;
    color: #333;
    position: relative;
}
.join .id-li h3:before{
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    left: -70px;
    top:50%;
    margin-top: -25px;

}
.join .li1 h3:before{
    background: url(../image/icon-id1.png) no-repeat center;
}
.join .li2 h3:before{
    background: url(../image/icon-id2.png) no-repeat center;
}
.join .li3 h3:before{
    background: url(../image/icon-id3.png) no-repeat center;
}
.join .li4 h3:before{
    background: url(../image/icon-id4.png) no-repeat center;
}

.join .id-li p{
    font-size: 15px;
    color: #888;
    line-height: 26px;
    text-align: justify;
}
.join .jb-sel{
    margin-bottom: 20px;
    overflow: hidden;
}
.join .jb-sel .input-box{
    height: 60px;
    line-height: 60px;
    padding: 0 2%;
    box-sizing:border-box;
    background: #fff;
    border: none;
    float: left;
    font-size: 15px;
    color: #666;
    margin-right: 1%;
}
.join .jb-sel .sel-box{
    width: 20%;
}
.join .jb-sel .tex{
    width: 49%;
}
.join .jb-sel .sub{
    background: #c49b5e;
    color: #fff;
    width: 8%;
    margin-right: 0;
}

.job-box{ margin-bottom: 40px; background: #fff; }
.job-box .list-box{
    transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;
}
.job-box .list-box:hover{
    background: #c49b5e;
}
.job-box .list-box:hover .ta-body{
    color: #fff;
}
.job-box .list-box:hover .ta-body:after,.job-box .list-box:hover .ta-body:before{
    background: #fff;
}
.job-box .list-box ul{ display: table; width: 100%; text-align: center; padding-right: 60px; box-sizing:border-box; }
.job-box .list-box ul li{display: table-cell; text-align: left; width: 25%;}
.job-box .list-box .ta-title{ height: 60px; line-height: 60px;  color:#fff; background: #777777; font-size: 16px;}
.job-box .list-box .ta-body{ height: 66px; line-height: 66px; font-size: 14px; color: #888; cursor: pointer; border-top: 1px solid #f2f2f2; position: relative; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.job-box .list-box .ta-body:after{ content: ''; width: 14px; height: 2px; background: #bbbbbb; position: absolute; right: 40px; top:50%; margin-top: -1px;  }
.job-box .list-box .ta-body:before{ content: ''; width: 2px; height: 14px; background: #bbbbbb;  position: absolute; right: 46px; top:50%; margin-top: -7px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.job-box .intro-box{ width: 100%; padding: 40px; overflow: hidden; box-sizing:border-box; font-size: 14px; color: #888; display: none; text-align: left; border: 1px solid #f2f2f2; box-sizing:border-box;}
.job-box .intro-box .strong{ color: #444; line-height: 28px; font-size: 16px; font-weight: 600; margin-bottom: 20px; }
.job-box .intro-box .list{ line-height: 32px; }
.job-box .on .ta-body{ background: #c49b5e; color: #fff; }
.job-box .on .intro-box{ border-bottom: none; background: #fcfcfc; }
.job-box .on .ta-body:before{ transform:rotate(-90deg); background: #fff; }
.job-box .on .ta-body:after{ background: #fff; }
.job-box .int-lf{
    float: left;
    width: 50%;
    box-sizing:border-box;
    padding-right: 2%;
}
.job-box .int-rg{
    margin-left: 50%;
    box-sizing:border-box;
    padding-left: 2%;

}
.job-box .email{
    font-size: 15px;
    color: #888;
}
.job-box .email em{
    font-size: 20px;
    color: #c49b5e;
}

.job-box .list-box ul.ta-title li:first-of-type,.list-box ul.ta-body li:first-of-type{ text-align: left; padding-left: 24px;}
.job-box .list-box:last-of-type{ border-bottom: 1px solid #f2f2f2;}


/* 信息反馈 */
.fback{
    padding: 80px 0 90px;
    background: #f3f4f8;
}
.fback .layout{
    height: 747px;
    overflow: hidden;
}
.fback .fb-lf{
    background: #fff;
    width: 60%;
    height: 100%;
    box-sizing:border-box;
    padding: 50px 40px;
    float: left;
}
.fback .title1{
    font-size: 32px;
    padding-bottom: 26px;
    margin-bottom: 40px;
}
.fback .input-box{
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-bottom: 10px;
    height: 50px;
    line-height: 50px;
    padding: 0 2%;
    box-sizing:border-box;
    border: 1px solid #dedede;
}
.fback label{
    font-size: 16px;
    color: #666;

}
.fback .label1{
    float: left;
    width: 35%;
    display: block;
}
.fback label em{
    color: #d20f0f;
}
.fback .tex{
    width: 64%;
    margin-left: 20%;
    height: 40px;
    margin-top: 5px;
    display: block;
    box-sizing:border-box;
    border: none;
    font-size: 16px;
    color: #666;
}
.fback .input-box1,.fback .input-box2{
    width: 99%;
}
.fback .input-box1>label{
    float: left;
    width: 14%;
    display: block;
}
.fback .input-box1 ul{
    float: left;
}
.fback .input-box1 li{
    float: left;
    margin-right: 20px;
    cursor: pointer;
}
.fback .input-box1 li label{
    margin-left: 5px;
}
.fback .input-box1 p{
    display: inline-block;
}
.fback .input-box2{
    height: 220px;
}
.fback .input-box2 label{
    display: block;
}
.fback .input-box2 textarea{
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    height: 150px;
    border: none;
}
.fback .input-box3{
    padding: 0;
    border: none;
}
.fback .sub{
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #c49b5e;
    color: #c49b5e;
    font-size: 18px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.fback .sub:hover{
    background: #c49b5e;
    color: #fff;
}

.fback .fb-rg{
    background-position: center;
    background-size: cover;
    margin-left: 60%;
    height: 100%;
    background: #e5e5e5;
    padding: 50px 40px;
    position: relative;
}
.fback .online{
    position: absolute;
    width: 70%;
    height: 50px;
    line-height: 50px;
    display: block;
    background: #c49b5e;
    text-align: center;
    color: #fff;
    font-size: 18px;
    bottom: 170px;
    left: 15%;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.fback .online:hover{
    background: #ae8a54;
}

/* 销售网络 */
.network{ padding-top: 70px; padding-bottom: 170px; overflow: hidden; background: #f3f4f8; }
.network .net-in{
    background: #fff;
    overflow: hidden;
    height: 695px;
}

.network .net-left{
    width: 30%;
    float: left;
    background: #fff;
}
.network .net-ltop{
    height: 130px;
    width: 100%;
    background: #c49b5e;
    color: #fff;
    padding: 26px 20px;
    box-sizing:border-box;
}
.network .net-ltop h4{
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
}
.network .net-ltop h4:before{
    content: '';
    width: 3px;
    height: 19px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
}
.network select{
    height: 42px;
    line-height: 42px;
    width: 49%;
    background: none;
    color: #fff;
    font-size: 16px;
    padding-left: 2%;
    box-sizing:border-box;
    border: 1px solid #e2cdaf;
}
.network .net-map{ margin-left: 30%; height: 100%; overflow: hidden; border: 1px solid #dcdcdc; box-sizing:border-box; background: #fff; }
.network .net-map img{  width: 100%; height: 100%; }
.network .net-left ul{ overflow-y: scroll; height: 568px; }
.network .net-left li{padding: 20px 60px 20px 20px; border-bottom: 1px solid #e6e6e6;}
.network .net-left .pic{
    height: 85px;
    width: 110px;
    float: left;
    background: #e5e5e5;
}
.network .net-left .tex{
    margin-left: 120px;
}
.network .net-left span{ font-size: 24px; line-height: 24px; color: #df5e32; display: inline-block; margin-right: 10px;}
.network .net-left h3{ font-size: 16px; line-height: 20px; color: #000; margin-bottom: 25px; }
.network .net-left p{ font-size: 14px; line-height: 18px; color: #666; display: block; margin-bottom: 6px; }

.network .net-left ul li .tele:before{ content: ''; height: 14px;width: 14px; display: inline-block;  background: url(../image/icon-tele1.png)no-repeat center; margin-right: 5px; vertical-align: middle;  }


.m_map{
    width: auto;
    height: 695px;
    margin: 15px 15px 15px -18px;
    position: relative;
    background-image: url(../image/diru.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 39px -32px;
}
.mp{position:absolute;cursor:pointer;background:url(../image/fi1.png) no-repeat 4px 20px;width:24px;height:63px;transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.mp:hover,.mp.on{background:url(../image/fi2.png) no-repeat 4px 20px;transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}

.mp1{left:233px;top:120px;}
.mp2{left:400px;top:275px;}
.mp3{left:233px;top:377px;}
.mp4{left:515px;top:600px;}
.mp5{left:400px;top:480px;}
.mp6{left:465px;top:460px;}
.mp7{left:427px;top:385px;}
.mp8{left:500px;top:323px;}
.mp9{left:615px;top:278px;}
.mp10{left:552px;top:258px;}
.mp11{left:663px;top:462px;}
.mp12{left:489px;top:527px;}
.mp13{left:562px;top:432px;}
.mp14{left:608px;top:420px;}
.mp15{left:700px;top:478px;}
.mp16{left:571px;top:520px;}
.mp17{left:575px;top:540px;}
.mp18{left:670px;top:385px;}
.mp19{left:575px;top:385px;}
.mp20{left:576px;top:255px;}
.mp21{left:611px;top:230px;}
.mp22{left:429px;top:292px;}
.mp23{left:600px;top:220px;}
.mp24{left:536px;top:205px;}
.mp25{left:690px;top:175px;}
.mp26{left:708px;top:133px;}
.mp27{left:716px;top:97px;}
.mp28{left:585px;top:535px;}
.mp29{left:624px;top:362px;}
.mp30{left:646px;top:358px;}
.mp31{left:466px;top:247px;}
.mp32{left:568px;top:315px;}
.mp33{left:463px;top:407px;}
.mp34{left:686px;top:368px;}
.mp .tex{
    font-size: 15px;
    color: #2c3d66;
    width: 300%;
    position: absolute;
    right: -310%;
    top:18px;
    display: none;
    z-index: 10;
    transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;
}
.mp.on .tex,.mp:hover .tex{
    display: block;
}

/* 1203-start */

.ej-menu .menu-left .le1 a:before{
    background: url(../image/icon-mu18.png) no-repeat center;
}
.ej-menu .menu-left .le1.on a:before,.ej-menu .menu-left .nw1:hover a:before{
    background: url(../image/icon-mu1-sel.png) no-repeat center;
}
.title-box2{
    text-align: center;

}
.title-box2 h3{
    font-size: 46px;
    line-height: 48px;
    color: #222;
    margin-bottom: 20px;
}
.title-box2.tw h3{
    color: #fff;
}
.title-box2 h3 em{
    color: #c49b5e;
}
.title-box2 p{
    font-size: 26px;
    color: #888;
}
.title-box2 p:before{
    content: '';
    width: 140px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background: #c49b5e;
    margin: -4px 10px 0;
}
.title-box2 p:after{
    content: '';
    width: 140px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background: #c49b5e;
    margin: -4px 10px 0;
}
.league .layout{
    width: 1200px;
}
.leg-box{
    padding-top: 70px;
    padding-bottom: 60px;
}
.leg-box1{
    background: url(../image/bg-leg1.jpg) repeat-y center top;
}
.leg-box1 .bg{
    width: 506px;
    height: 458px;
    margin: 0 auto;
}
.leg-box1 li{
    position: absolute;
}
.leg-box1 li span{
    width: 94px;
    height: 94px;
    display: inline-block;
}
.leg-box1 li span img{
    width: 100%;
}
.leg-box1 li .tex{
    width: 280px;
}
.leg-box1 li h3{
    font-size: 24px;
    line-height: 30px;
    color: #222;
    margin-bottom: 15px;
}
.leg-box1 li p{
    font-size: 14px;
    line-height: 24px;
    color: #888888;
}
.leg-ml1{
    margin-top: 65px;
    position: relative;
}
.leg-box1 .lt-li .tex{
    float: left;
    text-align: right;
    margin-right: 20px;
}
.leg-box1 .rg-li .tex{
    float: right;
    text-align: left;
    margin-left: 20px;
}
.leg-box1 .lt-li:nth-of-type(1){
    top:65px;
    left: 0;
}
.leg-box1 .lt-li:nth-of-type(2){
    top:290px;
    left: 0;
}

.leg-box2{
    background: url(../image/bg-leg2.jpg) repeat-y center top ;
    overflow: hidden;
}
.leg-box2 .title-box2{
    margin-bottom: 80px;
}
.leg-case{
    width: 810px;
    float: left;
}
.leg-case .swiper-container{
    padding-top: 35px;
    padding-bottom: 40px;
}
.leg-case .swiper-slide{
    background: none;
}
.title-box3{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #c49b5e;
    color: #c49b5e;
}
.title-box3 h3{
    font-size: 26px;
    float: left;
}
.title-box3 .more2{
    float: right;
    color: #c49b5e;
    font-size: 14px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.title-box3 .more2:hover{
    color: #fff;
}
.leg-case .cs-li{
    width: 240px;
    display: block;
}
.leg-case .cs-li .pic{
    width: 100%;
    height: 320px;
    border-radius: 4px;
    border: 4px solid #fff;
}
.leg-case .pic img{
    width: 100%;
    height: 100%;
}
.leg-case .cs-li .tex{
    margin-top: 20px;
    height: 130px;
}
.leg-case .cs-li h3{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #c49b5e;
    margin-bottom: 20px;
}
.leg-case .cs-li p{
    font-size: 14px;
    line-height: 26px;
    color: #8c8c8c;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.leg-case .leg-csbt:before{
    content: '';
    width: 352px;
    height: 1px;
    background: #41382c;
    display: inline-block;
    vertical-align: middle;
}
.leg-case .leg-csbt:after{
    content: '';
    width: 352px;
    height: 1px;
    background: #41382c;
    display: inline-block;
    vertical-align: middle;
}
.leg-case .leg-csbt .button{
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: url(../image/icon-arr5.png) no-repeat center left;
    margin: 0 5px;
}
.leg-case .leg-csbt .button:hover{
    opacity: 0.8;
}
.leg-case .leg-csbt .next{
    background-position: right center;
}
.leg-honor{
    width: 345px;
    float: right;
}
.leg-honor .swiper-slide{
    background: none;
}
.leg-honor .title-box3{
    padding: 0 20px;
    background: #c49b5e;
    color: #fff;
}
.leg-honor .title-box3 h3{
    font-size: 20px;
}
.leg-honor .title-box3 .more2{
    color: #e9dac9;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.leg-honor .title-box3 .more2:hover{
    color: #fff;
}
.leg-hobox{
    height: 580px;
    box-sizing:border-box;
    background: #111;
    padding-top: 35px;
    position: relative;
}
.leg-hobox .leg-holi{
    width: 232px;
}
.leg-hobox .leg-holi .pic{
    width: 100%;
    height: 308px;
    line-height: 308px;

}
.leg-hobox .leg-holi img{
    max-width: 100%;
    max-height: 100%;
}
.leg-hobox .leg-holi .tex{
    margin-top: 25px;
    text-align: center;
    height: 160px;
    overflow: hidden;
}
.leg-hobox .leg-holi h3{
    font-size: 16px;
    color: #fff;
    padding-bottom: 20px;
    border-bottom: 1px dashed #4c4c4c;
    margin-bottom: 15px;
}
.leg-hobox .leg-holi p{
    font-size: 15px;
    color: #747474;
    line-height: 34px;
}

.leg-honor .button{
    display: block;
    position: absolute;
    z-index: 3;
    width: 35px;
    height: 35px;
    top:195px;
    cursor: pointer;
    background: url(../image/icon-arr6.png) no-repeat center left;
}
.leg-honor .prev{
    left: 10px;
}
.leg-honor .next{
    right: 10px;
    background-position: right center;
}

.leg-box3{
    background: #111 url(../image/bg-leg3.jpg) no-repeat center 84px;
}
.leg-ml3{
    height: 625px;
    position: relative;
}
.leg-box3 .ml-box{
    text-align: center;
}
.leg-box3 .ml-box h3{
    font-size: 26px;
    color: #fff;
    width: 294px;
    height: 48px;
    line-height: 48px;
    margin: 90px auto 0;
    background: url(../image/bg-title.png) no-repeat center;

}
.leg-box3 .figu{
    display: block;
    width: 210px;
    height: 243px;
    padding: 45px 25px 0;
    box-sizing:border-box;
    text-align: center;
    color: #fff;
    background: red;
    position: absolute;
    background: url(../image/bg-lgbox.png) no-repeat center;
}
.leg-box3 .figu .num{
    font-size: 30px;
    line-height: 30px;
    color: #d7bc99;
    font-weight: 600;
    margin-bottom: 10px;
}
.leg-box3 .figu h4{
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}
.leg-box3 .figu p{
    font-size: 14px;
    line-height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.leg-box3 .lg-logo{
    top:185px;
    left: 50%;
    margin-left: -105px;
    background-position: center;
    background-repeat: no-repeat;
}
.leg-box4{
    overflow: hidden;
    background: #f9f0e3 url(../image/bg-leg4.jpg) repeat-y center top;
}
.leg-box4 ul{
    margin-top: 60px;
}
.leg-box4 li{
    width: 20%;
    height: 290px;
    padding: 30px 20px;
    box-sizing:border-box;
    float: left;
    text-align: center;
    background: #fff;
    color: #888;
}
.leg-box4 .icon{
    display:inline-block;
    width: 75px;
    height: 75px;
    margin-bottom: 20px;
    overflow: hidden;
}
.leg-box4 .icon img{
    width: 100%;
}
.leg-box4 li h3{
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #c49b5e;
}
.leg-box4 li p{
    font-size: 14px;
    line-height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.leg-box4 .odd{
    background: #c49b5e;
    color: #fff;
}
.leg-box4 .odd h3{
    color: #fff;
}
.leg-box5{
    background: url(../image/bg-leg5.jpg) repeat-y center top;
}
.leg-box5 .swiper-slide{
    background: none;
}
.leg-box5 .shop-box{
    margin-top: 70px;
    position: relative;
}
.shop-li{
    width: 380px;
    display: block;
}
.shop-li .pic{
    width: 100%;
    height: 320px;
    box-sizing:border-box;
    border: 4px solid #c49b5e;
    border-radius: 4px;
}
.shop-li .tex{
    width: 100%;
    height: 60px;
    box-sizing:border-box;
    line-height: 60px;
    border: 2px solid #c49b5e;
    border-radius: 4px;
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    color: #c49b5e;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.shop-li:hover .tex{
    background: #c49b5e;
    border-color: #c49b5e;
    color: #fff;
}
.leg-box5 .button,.leg-box6 .button{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #424242 url(../image/icon-arr2.png) -58.3px center;
    background-size: auto 50px;
    position: absolute;
    top:170px;
    z-index: 3;
    cursor: pointer;
}
.leg-box5 .button:hover,.leg-box6 .button:hover{
    background-color: #c49b5e;
}
.leg-box5 .prev,.leg-box6 .prev{
    left: -60px;
}
.leg-box5 .next,.leg-box6 .next{
    right: -60px;
    background-position: right center;
}

.dealer-box{
    margin-top: 80px;
    position: relative;
}
.leg-box6 .button{
    top:50%;
    margin-top: -25px;
}
.dea-li{
    width: 240px;
    height: 500px;
    border-radius: 240px;
    box-sizing:border-box;
    padding: 7px;
    background: #f5f5f5;
    text-align: center;
    color: #777;
    cursor: pointer;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.dea-li .pic{
    width: 218px;
    height: 218px;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}
.dea-li .pic:after{
    content: '';
    width: 226px;
    height: 226px;
    border-radius: 100%;
    box-sizing:border-box;
    position: absolute;
    left: 50%;
    margin-left: -113px;
    top:50%;
    margin-top: -113px;
    border:1px solid #dddfdc;
    z-index: -1;
}
.dea-li h3{
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    color: #333;
}
.dea-li h3 em{
    font-size: 26px;
}
.dea-li h4{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.dea-li .intro{
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
    margin: 0 12px;
    height: 100px;
    box-sizing:border-box;
}
.dea-li .intro p{
    font-size: 12px;
    line-height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.dea-li .more3{
    width: 126px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    display: inline-block;
    background: #727272;
    color: #fff;
    margin-top: 15px;
    text-align: center;
}
.dea-li .more3:before{
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 6px;
    background: url(../image/icon-more.png) no-repeat center;
}
.dea-li:hover{
    background: #c49b5e;
    color: #fff;
}
.dea-li:hover h3{
    color: #fff;
}
.dea-li:hover .more3{
    background: #fff;
    color: #c49b5e;
}
.dea-li:hover .more3:before{
    background-image: url(../image/icon-more-on.png);
}

.leg-box7{
    background: #000;
    padding: 0;
}
.leg-box7 .bg{
    height: 750px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 60px;
    box-sizing:border-box;
}
.leg-box7 .step-box{
    position: relative;
}
.leg-box7 li{
    width: 170px;
    text-align: center;
    position: absolute;
}
.leg-box7 .icon{
    width: 92px;
    height: 92px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
}
.leg-box7 .icon:after{
    content: '';
    height: 20px;
    width: 1px;
    background: #8e887f;
    position: absolute;
    bottom: -20px;
    left: 50%;
    display: inline-block;
}
.leg-box7 .tex{
    color: #fff;
    margin: 40px 0;
}
.leg-box7 .tex h3{
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
}
.leg-box7 .tex p{
    font-size: 14px;
    line-height: 20px;
}

.leg-box7 li:nth-of-type(2n) .icon:after{
    bottom: 92px;
}
.leg-box8{
    background: #f5f4f4 url(../image/bg-leg8.jpg) repeat-y center top;
}
.leg-box8 .title-box2{
    margin-bottom: 50px;
}
.leg-box8 form{
    width: 870px;
    margin: 0 auto;
    padding: 30px 60px 50px;
    background: #fff;
    border-radius: 6px;
    box-sizing:border-box;
}
.leg-box8 label{
    font-size: 18px;
    color: #666;
    line-height: 40px;
    display: block;
}
.leg-box8 label em {
    color: #d20f0f;
}
.leg-box8 .input-box{
    margin-bottom: 10px;
    overflow: hidden;
}
.leg-box8 .tex{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    box-sizing:border-box;
    border-radius: 6px;
    border: none;
    background: #f2f3f5;
}
.leg-box8 select{
    width: 240px;
    height: 50px;
    line-height: 50px;
    float: left;
    padding: 0 20px;
    box-sizing:border-box;
    border-radius: 6px;
    border: none;
    background: #f2f3f5;
}
.leg-box8 .rad-box{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 6px;
    border: none;
    background: #f2f3f5;
}
.leg-box8 .rad-box li{
    width: 50%;
    float: left;
    padding-left: 20px;
    box-sizing:border-box;
}
.leg-box8 .rad-box label{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.leg-box8 .code{
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 10px;
}
.leg-box8 .refu{
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(../image/icon-refu.png) no-repeat center;
}
.leg-box8 .button{
    width: 364px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    border-radius: 6px;
    float: left;
    border: none;
    background: #9b9b9b;
    margin-top: 25px;
}
.leg-box8 .sub{
    background: #c49b5e;
    margin-right: 20px;
}
.leg-box8 .sub:hover{
    background: #ad8953;
}
.leg-box8 .reset:hover{
    background: #868585;
}

.dea-popup{
    display: none;
    position: fixed;
    width: 1200px;
    height: 660px;
    background: #fff;
    border-radius: 6px;
    box-sizing:border-box;
    padding:120px 60px;
    z-index: 1001;
    top:50%;
    margin-top: -330px;
    left: 50%;
    margin-left: -600px;
}
.dea-popup .dea-li{
    width: 100%;
    height: 100%;
    border-radius: none;
    background: none;
}
.dea-popup .lt-box{
    width: 300px;
    float: left;
    text-align: center;
}
.dea-popup .intro{
    margin-left: 360px;
    height: 416px;
    background: #f8f8f8;
    border-radius: 20px;
    border-top: none;
    padding: 60px;
    box-sizing:border-box;
    text-align: left;
}
.dea-popup .intro p{
    font-size: 16px;
    color: #444;
    line-height: 36px;
}
.dea-popup .pic{
    width: 300px;
    height: 300px;
    border-radius: 100%;
    border: 5px solid #c49b5e;
    margin-bottom: 30px;
}
.dea-popup .pic:after{
    display: none;
}
.dea-popup .pic img{
    border-radius: 100%;
    width: 100%;
    height: 100%;
}
.dea-popup h3{
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #444;
}
.dea-popup h3 em{
    font-size: 38px;
    font-weight: 600;
}
.dea-popup h4{
    font-size: 20px;
    line-height: 20px;
    color: #c49b5e;
}
.dea-popup .close{
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(../image/icon-close.png) no-repeat center;
    top:30px;
    right: 30px;
    cursor: pointer;
}
.ej-gray {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 80;
    top: 0;
    display: none;
    z-index: 1000;
}

@media screen and (max-width: 1320px){

    .leg-box5 .prev, .leg-box6 .prev {
        left: 0px;
    }
    .leg-box5 .next, .leg-box6 .next {
        right: 0px;
    }
}


/* 1203-end */

/* 1207-start */
.video{
    padding-top: 0px;
}
.menu-vedio{
    padding-bottom: 30px;
}
.menu-vedio a{
    /*display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    color: #888;*/
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    box-sizing:border-box;
    border: 2px solid #c49b5e;
    font-size: 18px;
    color: #c49b5e;
}
.menu-vedio a:before{
    /*content: '|';
    display: inline-block;
    vertical-align: middle;
    margin: -5px 10px 0;*/
}
.menu-vedio .all:before{
    display: none;
}
.menu-vedio .on,.menu-vedio a:hover{
    color:#FFF;
    background: #c49b5e;
}
.news .news-list .intro-box{
    padding: 4%;
}
.video .news-list .intro-box h3{
    margin-bottom: 0;
}

.video .list-box .img-box{
    position: relative;
}
.video .list-box .img-box:before{
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top:50%;
    margin-top: -30px;
    z-index: 3;
    background: url(../image/icon-play.png) no-repeat center;
}
.video .list-box .img-box:after{
    content: '';
    width: 70px;
    height: 70px;
    box-sizing:border-box;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top:50%;
    margin-top: -35px;
    z-index: 2;
    background: rgba(0,0,0,0.4);
}


/* 1207-end */


/* 视频弹窗样式 */
.video-box{ position: fixed; top: 0;  left: 0;  right: 0; bottom: 0; width: 100%; height: 100%;  font-size: 0; z-index: 999; display: none; }
.video-box .gray{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 101; }
.video-box .close{ position: absolute; top: calc(100px + 2%); right: 5%; width: 40px; height: 40px; background: #000;border-radius: 40px;  cursor: pointer; z-index: 999; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.video-box .close:before{ content: ''; width: 30px; height: 2px; display: block; background: #fff; transform:rotate(45deg); position: absolute; top:50%; margin-top: -2px; left: 50%; margin-left: -15px; }
.video-box .close:after{ content: ''; width: 30px; height: 2px; display: block; background: #fff; transform:rotate(-45deg); position: absolute; top:50%; margin-top: -2px; left: 50%; margin-left: -15px; }
.video-box .close:active{ transform:rotate(180deg); }
.video-box .video{ width: 1200px; height: 1000px; line-height: 1000px; position: absolute; z-index:110; left: 50%; margin-left: -600px; top:50%; margin-top: -500px;  text-align: center;  }
.video-box .video video{ max-width: 98%; min-width: 80%; min-height: 66%; max-height: 98%; display: inline-block; vertical-align: middle; background: #000;  border: 2px solid #fff ; border-radius: 10px; box-sizing:border-box;}

/* 1207-start */
.deve-box .intro-box>div{
    height: 250px;
    overflow-y: auto;
}
.deve-box .intro-box>div::-webkit-scrollbar {
    width: 10px;
    background: #ece2d2;
}
.deve-box .intro-box>div::-webkit-scrollbar-thumb {
    background: #c49b5e;
}
/* 1207-end */