.clearfix{
    clear: both;
}
.honor-container{
    width: 1200px;
    margin: 0px auto;
    clear: both;
}

.honor-nav{
    width: 100%;
    height: 80px;
    /* line-height: 80px; */
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.honor-nav .nav-item{
    width: 200px;
    text-align: center;
    float: left;
}
.honor-nav .nav-item a{
    font-size: 18px;
    color: #999999;
    display: block;
    width: 72px;
    height: 24px;
    line-height: 24px;
    margin:28px auto 0px auto;
    position: relative;
}
.honor-nav .active a::after{
    content: " ";
    width:100%;
    height: 2px;
    display: block;
    background-color: #939391;
    position: absolute;
    left: 0px;
    bottom:-10px;
}



/*- 中心标题 --------------------------------------*/
.honor-title{
    width: 600px;
    height: auto;
    line-height: 52px;
    margin: 30px auto 0px auto;
    font-size: 40px;
    color: #333;
    font-weight: bold;
    text-align: center;
    position: relative;
    /* background-color: aquamarine; */
    padding-top:30px;
    position: relative;
}
.honor-title:after{
    content: " ";
    width: 96px;
    height: 8px;
    background-color: #939391;
    position: absolute;
    left: calc(50% - 48px);
    bottom: -20px;
}
.honor-title .title-en{ 
    color:rgba(51,51,51,.1); 
    text-transform: uppercase;
}
.honor-title .title-cn{
    margin-top:-65px;
	color: #17243a;
	font-weight: bold;
}



.intro-info{
    text-align: center;
    font-size: 16px;
    color: #999999;
}
.intro-info .intro-title{
    color:#17243A;
    font-size: 28px;
    margin:40px 0px;
    font-weight: bold;
}
.intro-info .intro-desc{
    width: 926px;
    margin:0px auto;
    padding-bottom: 1px;
    /* border-bottom:1px solid #999; */
}



.intro-imgs{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    padding:50px 0px;
    border-top:1px solid rgb(153,153,153,1);
    border-bottom:1px solid rgb(153,153,153,1);
}

.intro-desc-more{
    width: 978px;
    margin: 35px auto 40px auto;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}
.intro-desc-more span{
    font-weight: bold;
    color: #17243A;
}

.intro-video{
    background-color: #17243A;
    height: 400px;
    background-image: url(../img/intro-video-img.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.intro-video .video-button{
    width: 80px;
    height: 80px;
    display: block;
    margin: 0px auto 0px auto;
    position: absolute;
    left: calc(50% - 40px);
}
.intro-video .video-button:hover{
    opacity: 0.6;
    transition: 0.2s linear;
}
.intro-video .video-title{
    font-size: 24px;
    color:#fff;
    width: 220px;
    height: 35px;
    text-align: center;
    margin: 40px auto 0px auto;
    position: relative;
    letter-spacing:3px;
    position: absolute;
    left: calc(50% - 110px);
    top: 110px;
}
.intro-video .video-title:after{
    content: " ";
    width:96px;
    height: 8px;
    position: absolute;
    left:65px;
    bottom:-25px;
    background-color: #939391;
}
.video-dark-back{
    width: 100%;
    height: 100%;
    background-color: #17243A;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top:0;
}
.intro-video .honor-container{
    padding-top:113px;
}


.height-900{ height: 900px; }

.intro-idea{
    /* 736px + 464px = 00 */
    margin-top: 75px;
    position: relative;
}
.intro-idea-imgs{
    width: 100%;
    height: 360px;
}
.intro-idea-imgs img{
    display: block;
    width:35.15%;
    float: left;
}
.intro-idea-imgs img:last-child{
    float: right;
}
.intro-idea .idea-second{
    display: block;
    width:55.75%;
    /* height: 430px; */
    position: absolute;
    left:19.16%;
    top:-77px;
}
.intro-idea-head{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
  
}
.intro-idea-head span{
    margin:0px 20px;
      color: #282828;
    font-size:28px;
}
.intro-idea-gray{
    width: 240px; 
    height: 1px;
    margin: 20px auto;
    background-color: #ddd;
    clear: both;
}
.intro-idea-desc{
    width: 588px;
    height: 61px;
    margin: 0px auto;
    font-size: 14px;
    text-align: center;
    color: #999999;
}




.intro-idea-wall{
    position: relative;
}
.intro-idea-wall{
    width: 600px;
    height: 800px;
    background-color: #F3F3F3;
    position: absolute;
    top: 0px;
    left: 88px;
}
.intro-idea-wall .honor-title{
    width: 400px;
    margin: 25px 0px 0px 0px;
    text-align: left;
}
.intro-idea-wall  .honor-title:after {
    content: " ";
    width: 96px;
    height: 8px;
    background-color: #939391;
    position: absolute;
    left: 0px;
    bottom: -25px;
}


.intro-idea-wall-pic{
    display: block;
    width: 368px;
    height: 560px;
    position: absolute;
    top:188px;
    left:0px;
    z-index: 1;;
}
.intro-idea-wall-pic.pic2{
    left: 384px; 
    /* 296+88 */
    width: 340px;
    height: 524px;
    top:267px;
}
.intro-idea-wall-word{
    width: 642px;
    height: 616px;
    background-color: #F3F3F3;
    /* display: none; */
    position: absolute;
    right: 0px;
    top:260px;
}
.intro-ver-head.first{
    margin-top:48px;
}
.intro-ver-word{
    /* margin-top: 48px; */
    font-size: 40px;
    color: #d8d8d8;
    text-transform: uppercase;
    width:400px;
    height: 40px;
    transform: rotate(-90deg);
    position: absolute;
    top: 130px;
    left: -70px;
}
.intro-ver-head{
    width: 378px;
    float: right;
    font-size: 24px;
    font-weight: bold;
    color: #17243A;
    margin-right: 46px;
}
.intro-ver-desc{
    width: 378px;
    float: right;
    font-size: 18px;
    color:#999;
    margin-bottom:15px;
    margin-right: 46px;
}
.intro-idea.honor-container{
    max-width: 1200px;
}



/* 社会责任 -------------*/
.intro-res{
    min-height: 542px;
    clear: both;
}
.intro-res-left{
    width: 580px;
    float: left;
    margin-top:60px;
}
.intro-res-right{
    width: 580px;
    float: right;
    margin-top:60px;
}
.intro-res-imgs-1, .intro-res-imgs-2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.intro-res-imgs-1 img{
    width: 177px;
    height: 250px;
    object-fit: cover;
}
.intro-res-imgs-2 img{
    margin-top:25px;
    width: 177px;
    height: 125px;
    object-fit: cover;
}
.intro-res-title{
    font-size: 32px;
    line-height: 32px;
    height: 32px;
    color:#17243A;
    font-weight: bold;
    position: relative;
    clear: both;
}
.intro-res-title:after{
    content:"";
    background-color: #17243A;
    width:80px;
    height: 4px;
    position: absolute;
    left:0px;
    bottom: -20px;
}
.intro-res-desc{
    clear: both;
    margin-top:40px;
    font-size: 18px;
    color:#999;
}


/* 幸福企业价值观 -------------*/
.intro-happy{

}
.intro-happy .honor-title{margin-bottom:50px;}
.intro-happy-body{
    position: relative;
    width: 100%;
    height: 1200px;
}
.intro-happy-img-1{
    display: block;
    width:320px;
    height: 216px;
    position: absolute;
    left: 400px;
    top:0px;
}
.intro-happy-img-2{
    display: block;
    width:680px;
    height: 440px;
    position: absolute;
    left: 0px;
    top:220px;
}
.intro-happy-img-3{
    display: block;
    width:504px;
    height: 432px;
    position: absolute;
    right: 0px;
    top:460px;
}

.intro-happy-img-4{
    display: block;
    width:296x;
    height: 296x;
    position: absolute;
    left:200px;
    top:830px;
    /* display:none; */
}
.intro-happy-img-4 img{
    width: 100%;
    height: 100%;
}
.intro-happy-img-4:after{
    content: " ";
    width: 4px;
    height: 64px;
    top:0px;
    left:-15px;
    position: absolute;
    background-color: #333;
}

.intro-happy-panel{
    width: 476px;
    position: absolute;
    right: 30px;
    top:950px;
}
.intro-happy-panel.first{
    width: 350px;
    position: absolute;
    right: 70px;
    top:120px;
}
.intro-panel-title{
    font-size:18px;
    font-weight:bold;
    color:#17243A;
    height: 20px;
    line-height: 20px;
    position: relative;
    margin-bottom:30px;
}
.intro-panel-title:after{
    content: " ";
    width: 48px;
    height:4px;
    background-color: #17243A;
    position: absolute;
    bottom:-20px;
    left: 0px;
}
.intro-panel-body{
    font-size: 14px;
    color:#666;
}