@charset "utf-8";

/* CSS Document*/

header{background-size: cover!important;}

.erji{border-bottom: 1px solid #d2d2d2; height: 78px;}

.erji .erji_nav{width: 525px; margin: 0 auto;}

.erji .erji_nav>li{float: left; font-size: 24px; margin: 0 40px; height: 75px; line-height: 75px; }

.erji .erji_nav>li>a{color: #999; display: inline-block; width: 100%; height: 100%; transition: .5s;}

.border{color: #cba972!important; border-bottom: 5px solid #cba972;}

.erji .erji_nav>li>a:hover{color: #cba972;}

/*公司简介*/

.jianjie{padding-top: 100px; padding-bottom: 100px;}

.jianjie .jj_l{width: 50%; padding-right: 90px; box-sizing: border-box;}

.jianjie .tit{font-size: 48px; color: #333; margin-bottom: 40px;}

.jianjie .tit>i{color:#cbaa72;}

.jianjie .tit>span{color:#cbaa72; font-family: "BebasNeue Bold";}

.jianjie .jj_con{font-size: 18px; color: #666; line-height: 32px; text-align: justify;}

.jianjie .jj_con p{font-size: 18px; color: #666; line-height: 32px;}

.jianjie .jj_con .span1{font-size: 24px; color: #cba972;}

.jianjie .jj_con .span2{font-size: 20px; color: #cba972;}

.jianjie .jj_r{width: 50%; padding-top: 30px;}

.jianjie .wenzi{font-size: 18px; color: #666; line-height: 32px; text-align: justify;}

.jianjie .wenzi p{font-size: 18px; color: #666; line-height: 32px;}

/*公司荣誉*/

.honor .tit{font-size: 48px; color: #333; margin-top: 100px; margin-bottom: 70px;}

.honor .tit>i{color:#cbaa72;}

.honor .tit>span{color:#cbaa72; font-family: "BebasNeue Bold";}



.demo-gallery>ul>li{float: left; margin-bottom: 60px; margin-right: 70px;}

.demo-gallery>ul>li:nth-child(3n){padding-right: 0;}

.demo-gallery > ul > li a .demo-gallery-poster {

    background-color: rgba(0, 0, 0, 0.1);

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: background-color 0.15s ease 0s;

    -o-transition: background-color 0.15s ease 0s;

    transition: background-color 0.15s ease 0s;

}

.demo-gallery > ul > li a:hover .demo-gallery-poster {

    background-color: rgba(0, 0, 0, 0.5);

}

.demo-gallery .justified-gallery > a .demo-gallery-poster {

    background-color: rgba(0, 0, 0, 0.1);

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: background-color 0.15s ease 0s;

    -o-transition: background-color 0.15s ease 0s;

    transition: background-color 0.15s ease 0s;

}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {

    background-color: rgba(0, 0, 0, 0.5);

}

.demo-gallery.dark > ul > li a {

    border: 3px solid #04070a;

}

.demo-gallery {

    padding-bottom: 60px;

}

.demo-gallery > ul > li a{display: block;}



.honor>img{float: left;}

.honor .name{float: left; font-size: 20px; color: #333; transition: .5s; text-align: center; margin: 0 5px;

	height: 58px; line-height: 58px; transition: .4s;}

.honor .name>span{display: inline-block; vertical-align: middle; line-height: 30px;}

.demo-gallery > ul > li:hover .honor>p{color: #cbaa72;}

.lg-sub-html h4{font-size: 20px!important;}

.demo-gallery>ul>li .honor:hover .name{color: #cbaa72;}

/*发展历程*/

.licheng{padding-bottom: 100px;}

.licheng .tit{font-size: 48px; color: #333; margin-top: 100px; margin-bottom: 70px; text-align: center;}

.licheng .tit>i{color:#cbaa72;}

.licheng .tit>span{color:#cbaa72; font-family: "BebasNeue Bold";}



#timeline{

    width: 100%;

    overflow: hidden;       

    position: relative;

    background: url('../images/dot.jpg') left 54px repeat-x;

    border-top: 1px solid #cba972;

}

#dates{

    width: 100%;

    height: 54px;

    overflow: hidden;

}

#dates li{

    float: left;

    height: 54px;

    font-size: 18px;

    text-align: center;

}

#dates a{

    line-height: 54px;

    color: #333;

    transition: .4s;

    display: inline-block;

    padding: 0 31px;

}

#dates .selected{

    color: #fff;

    background-color: #cba972;

}

#dates a:hover{color: #fff; background-color: #cba972;}

#issues{

    width: 1200px;

}   

#issues li{

    width: 1200px;

    float: left;

}       

#prev{

    position: absolute;

    top: 0;

    left: 0;

    width: 26px;

    height: 54px;

    overflow: hidden;

    background-color: #fff;

    font-size: 26px;

    color: #cba972;

    line-height: 54px;

    text-align: center;

    transition: .5s;

}

#next{

    position: absolute;

    top: 0;

    right: 0;

    width: 26px;

    height: 54px;

    overflow: hidden;

    background-color: #fff;

    font-size: 26px;

    color: #cba972;

    line-height: 54px;

    text-align: center;

    transition: .5s;

}

#prev:hover{background-color: #cba972; color: #fff;}

#next:hover{background-color: #cba972; color: #fff;}

#root{

    width: 100%;

    column-count: 3;

    column-gap: 10px;

    margin-top: 70px;

}

/* 每一列图片包含层 */

.item{

    margin-bottom: 10px;

    /* 防止多列布局，分页媒体和多区域上下文中的意外中断 */

    break-inside: avoid;

    background: #fff;

    cursor: pointer;

}

.item .imgbox{position: relative;}

.item .imgbox .month{position: absolute; top: 50%; left: 0; font-size: 58px; color: #fff;

    text-align: center; height: 100px; line-height: 100px; margin-top: -50px; width: 100%;}

.item .imgbox .jiantou{position: absolute; left: 50%; margin-left: -17px; bottom: 22px;}

.item:nth-child(2n) .userInfo{background-color: #eeeeee; color: #cba972;}

/* 图片 */

.itemImg {

    width: 100%;

    vertical-align: middle;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

    transition: .3s;

}

.item:hover .itemImg{

    filter: none;

}

/* 图片下的信息包含层 */

.userInfo {

    background-color: #cba972;

    padding: 23px;

    color: #fff;

    text-align: justify;

    font-size: 18px;

    line-height: 32px;

}

.avatar {

    vertical-align: middle;

    width: 30px;

    height: 30px;

    border-radius: 50%;

}

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

    /*公司简介*/

    .jianjie .jj_l{padding-right: 0;}

    .jianjie .jj_r{width: 45%; float: right!important; padding-top: 80px;}

    .jianjie .jj_r>img{width: 100%;}

    /*发展历程*/

    #issues li{width: 900px;}

    #root{column-count: 2;}

}

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

    .wap_banner{width: 100%; background-size: cover!important; height: 230px;}

    .wap_sanji .sanji_tit{width: 100%; height: 40px; background-color: #cbaa72; text-align: center;

        font-size: 17px; color: #fff; line-height: 40px;}

    .wap_sanji .sanji_tit>img{width: 15px;}

    .wap_sanji .sanji_nav{display: none;}

    .wap_sanji .sanji_nav>li>a{display: block; height: 40px; line-height: 40px; text-align: center;

        font-size: 16px; border-bottom: 1px solid #ccc; color: #666;}

    .rotate{transform: rotate(180deg);}

    /*公司简介*/

    .jianjie{padding-top: 0; padding-bottom: 40px;}

    .jianjie .jj_l{width: 100%; padding-right: 0;}

    .jianjie .tit{font-size: 22px; padding-top: 30px; margin-bottom: 15px;}

    .jianjie .jj_con .span1{font-size: 19px; line-height: 30px;}

    .jianjie .jj_con .span2{font-size: 17px; line-height: 26px;}

    .jianjie .jj_con p{font-size: 16px; line-height: 28px;}

    .jianjie .jj_r{width: 100%; padding-top: 10px;}

    .jianjie .jj_r img{width: 100%;}

    .jianjie .wenzi img{display: block; width: 100%!important; height: auto!important;}

    /*公司荣誉*/

    .honor .tit{font-size: 22px; padding-top: 30px; margin-bottom: 30px; margin-top: 0;}

    .honor .name{font-size: 16px; height: auto; line-height: 22px; text-align: left; margin: 0;
        padding: 10px 0;}

    .honor .name>span{line-height: 22px;}

    .honor>img{height: 40px; margin-top: 3px;}

    .demo-gallery{padding-bottom: 20px;}

    .demo-gallery>ul>li{margin-right: 0; margin-bottom: 0; float: none; width: 100%;
        border-bottom: 1px dashed #ccc;}

    /*发展历程*/

    .licheng{padding-bottom: 30px;}

    .licheng .tit{font-size: 22px; margin-bottom: 30px; margin-top: 30px;}

    #root{column-count: 1; margin-top: 30px;}

    #issues li{width: 384px;}

    #dates{height: 45px;}

    #dates li{height: 45px;}

    #dates a{line-height: 45px; padding: 0 25px;}

    #next{height: 44px; line-height: 44px; font-size: 22px;}

    #prev{height: 44px; line-height: 44px; font-size: 22px;}

    #timeline{background: url('../images/dot.jpg') left 44px repeat-x;}

    .item{margin-bottom: 15px;}

    .item .imgbox .month{font-size: 45px;}

    .item .imgbox .jiantou{width: 30px; margin-left: -15px;}

    .userInfo{font-size: 16px; line-height: 28px; padding: 20px;}

    .itemImg{filter: none;}

}

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

    #issues li{width: 381px;}

}

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

    #issues li{width: 345px;}

}

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

    #issues li{width: 330px;}

}

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

    #issues li{width: 290px;}

}