/*
 * FileName:honor.css
 * Remark:honor.css
 * Project:css
 * Author:Vincent
 * File Created:Monday, 17th June 2019 12:37:28 am
 * Last Modified:Monday, 17th June 2019 12:41:35 
 * Modified By:Vincent
 */
 img{
     width:100%;
     height:100%;
 }
 .rc-side-draw-nav{
    width:70%;
    height:100%;
    margin-right:-70%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    border-top:1px solid #a9a9a9;
}
.rc-honor-content,.rc-honor-box {
    position:relative;
    width:100%;
}

.rc-honor-content .inherit-width,.rc-honor-content .right-small{
position:absolute;
}

.rc-honor-content .rc-honor-content-box{
position:relative;
}

.rc-honor-box{
    width:100%;
}
.rc-honor-sec-nav {
    width:40%;
    height:8%;
}
.rc-honor-list-1,.rc-honor-list-2{
    width:100%;
    height:48%;
}
.rc-honor-list-box{
    height:100%;
    width:80%;
}
.rc-honor-item{
    width:32%;
    min-width:32%;
}
.rc-honor-img-1,.rc-honor-img-2,.rc-honor-img-3,.rc-honor-img-4,.rc-honor-img-5,.rc-honor-img-6{
    box-sizing:border-box;
    width:100%;
    height:80%;
}
.rc-viewport-wrap{
    width:100%;
    height:100%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.rc-honor-footer{
    width:75%;
    height:80%
}
.rc-honor-content-box{
    width:75%;
}
.rc-honor-item:hover span:nth-child(1){
    outline:2px solid #a72426;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.rc-honor-item:hover span:nth-child(2){
    color:#a72426;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.rc-viewport-wrap-close{
    color:black;
    font-size:36px !important;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}
.rc-viewport-wrap-close:hover{
    color:#a72426;
}