body{
    width: 100%;
}
.header{
    height: 100/16rem;
    background-color: #19304D;
    -webkit-transition: all .5s;
    .header-belt{
        .logo{
            top: 0.8rem;
            a{
//              span{
//                  font-size: small;
//                  margin-top: -10/16rem;
//                  font-size: small;
//                  color: #fff;
//                  display: block;
//              }
            }
        }
        @media only screen and (max-width:1200px){
            .logo{
                top: 0.9rem;
                img{
                    max-width: 100%;
                }
            }
        }
        @media only screen and (max-width:1100px){
            .logo{
                top: 1.3rem;
            }
        }
        @media only screen and (max-width:1000px){
            .logo{
                top: 1.5rem;
            }
        }
        @media only screen and (max-width:900px){
            .logo{
                top: 1.5rem;
            }
        }
    }
    .menu-bar{
        .menu{
            line-height: 100/16rem;
            padding: 0;
            -webkit-transition: all .5s;
            .menu__item{
                width: 10%;
                display: inline-block;
                vertical-align: top;
                transition: background-color 0.5s;
                &:hover{
                    background-color: #28476D;
                }
                .menu-link{
                    line-height: 60/16rem;
                }
                .submenu{
                    background-color: #fff;
                    .submenu__item{
                        width: 14.2571%;
                        float: left;
                        padding: 0;
                        border-left: #E6E6E6 1/16rem solid;
                        border-bottom: #E6E6E6 1/16rem solid;
                        .protect-list{
                            width: 100%;
                            height: 80/16rem;
                            padding: 18/16rem;
                            img{
                                max-width: 25%;
                                float: left;
                            }
                            p{
                                display: inline-block;
                                line-height: 20px;
                                font-size: 16px;
                                color: blue;
                                float: left;
                                margin-left: 10px;
                                color: #0D4994;
                                span{
                                    display: block;
                                    font-size: 12/16rem;
                                }
                            }
                        }
                    }
                }
            }
            a{
                font-weight: bold;
                &:hover{
                    color: #fff;
                    cursor: pointer;
                }
            }
        }
    }
}
.header.header--collapsed .menu-bar .menu {
    line-height: 100/16rem;
    padding: 0
}
.wrapper{
    .vc_row{
        .wpb_column{
            .vc_column-inner{
                .wpb_wrapper{
                    .localization-container{
                        .localization{
                            .localization-title{
                                font-size: 62/16rem;
                            }
                            .distance{
                                font-size: 26/16rem;
                            }
                            padding-bottom: 48/16rem;
                            .project-name{
                                font-size: 32/16rem;
                            }
                            .project-en{
                                font-size: 36/16rem;
                                font-weight: 100;
                                line-height: 50/16rem;
                            }
                        }
                        .localization-header{
                            background: none;
                            padding-top: 18rem;
                            padding-bottom: 5rem;
                            background: url(../img/11.jpg);
                        }
                    }
                    .localization-header-container{
                    }
                    .home-title-container{
                        .home-title{
                            .home-title-text{
                                font-size: 32/16rem;
                            }
                            .distance{
                                color: #1C4B95;
                                font-size: 36/16rem;
                                line-height: 50/16rem;
                            }
                        }
                    }
                    .spring-scene-container{
                        .spring-scene{
                            .spring-text{
                                position: absolute;
                                top: 960px;
                                left: 50%;
                                right: inherit;
                                -webkit-transform: translate(-50%, 0);
                                transform: translate(-50%, 0);
                                width: 100%;
                                text-align: center;
                                opacity: .3;
                                p{
                                    line-height: 2.875rem;
                                    font-size: 1.5rem;
                                    display: inline-block;
                                    width: 33.33333333%;
                                    float: left;
                                    margin-top: 50/16rem;
                                }
                            }
                        }
                    }
                    .outstandings-container{
                        .outstanding{
                            .outstanding__block {
                                .outstanding__content{
                                    background: none;
                                    #contact{
                                        height: 100%;
                                        p{
                                            text-align: left;
                                        }
                                        .lvj{
                                            background: none;
                                            .row{
                                                .col-md-6{
                                                    margin-top: 9%;
                                                    div{
                                                        margin-bottom: 50/16rem;
                                                        img{
                                                            width: 12%;
                                                            position: absolute;
                                                            left: 200/16rem;

                                                        }
                                                        span{
                                                            color: #1C4B95;
                                                            line-height: 24/16rem;
                                                            h3{
                                                                margin-top: -15/16rem;
                                                                margin-left: 300/16rem;
                                                                text-align: left;
                                                                font-size: 24/16rem;
                                                            }
                                                            p{
                                                                margin-left: 300/16rem;
                                                                text-align: left;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .outstanding__content-text{
                                        .outstanding__title{
                                            font-size: 32/16rem;
                                        }
                                        .outstanding__text{
                                            color: #1c4b95;
                                        }
                                    }
                                    .outstanding__content-casetext{
                                        margin: 0 auto;
                                        .outstanding__title{
                                            color: #fff;
                                            font-size: 36/16rem;
                                        }
                                    }
                                }
                                .outstanding__content-container{
                                    background: rgba(28,75,149,0.5);
                                }
                                .outstanding__link{
                                    &:hover{
                                        .outstanding__team-link{
                                            display: block;
                                        }
                                    }
                                    .outstanding__team-link{
                                        position: absolute;
                                        bottom: 1.25rem;
                                        right: 1.25rem;
                                        left: inherit;
                                        z-index: 2;
                                        width: 52/16rem;
                                        height: 52/16rem;
                                        display: none;
                                    }
                                }
                                .outstanding__security{
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
footer{
   .content-belt{
       .footer{
           .footer-user-options{
               color: #1c4b95;
               p{
               }
               span{
               }
           }
       }
   } 
}
#divR{
    width: 55px;
    height: 343px;
    right: 0px;
    position: fixed;
    z-index: 10000;
    top: 180/16rem;
    background: url(../img/youce_icon.png);
    background-position-y: 1px;
    background-repeat: no-repeat;
    a{
        display: inline-block;
        width: 56/16rem;
        height: 56/16rem;
        float: left;
        margin-bottom: 1/16rem;
        background-color: none;
    }
    .divRzx{
        &:hover{
            background: url(../img/02.png);
            background-position-y: 1px;
            background-repeat: no-repeat;
        }
    }
    .divRqq{
        &:hover{
            background: url(../img/01.png);
            background-position-y: 1px;
            background-repeat: no-repeat;
        }
    }
    .divRtell{
        &:hover{
            background: url(../img/03.png);
            background-position-y: 1px;
            background-repeat: no-repeat;
        }
    }
    .divWechat{
        &:hover{
            background: url(../img/04.png);
            background-position-y: 1px;
            background-repeat: no-repeat;
        }
    }
    .divRaddre{
        &:hover{
            background: url(../img/05.png);
            background-position-y: 1px;
            background-repeat: no-repeat;
        }
    }
    .backto_top{
        &:hover{
            background: url(../img/06.png);
            background-position-y: 1px;
            background-repeat: no-repeat;
        }
    }
}
//.header.header--collapsed .logo img {
//  max-width: 73%;
//}
//.outstandings-container .outstanding .outstanding__block .outstanding__link::before{
//  transition: all 15s; 
//}
//.outstandings-container .outstanding .outstanding__block .outstanding__link.hover::before,
//.outstandings-container .outstanding .outstanding__block .outstanding__link:hover::before {
//  background: url(../img/201.jpg);
//  transform: scale(1.4); 
//  background: rgba(28, 75, 149, 0);
//}
#contant{
    margin: 0 auto;
}