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; } 好男人www在线观看,韩国无码av无码专区,暖暖直播视频免费观看大全