* {outline:0} html,body {height:100%} body {line-height:1.65;font-size:15px;/* font-weight:lighter; */font-family:'microsoft yahei';/* -webkit-font-smoothing:antialiased; */color:#393e40;} @media (min-width:768px) {body {padding-top:77px} } @media (max-width:768px) {body {padding-top:50px} } a {color:#393e40;text-decoration:none} a:hover,a:focus {color:#1c428c;text-decoration:none;} @font-face {font-family:"iconfont";src:url('//at.alicdn.com/t/font_1930720_nvi23ovx8i9.eot?t=1602041999456');src:url('//at.alicdn.com/t/font_1930720_nvi23ovx8i9.eot?t=1602041999456#iefix') format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),url('//at.alicdn.com/t/font_1930720_nvi23ovx8i9.woff?t=1602041999456') format('woff'),url('//at.alicdn.com/t/font_1930720_nvi23ovx8i9.ttf?t=1602041999456') format('truetype'),url('//at.alicdn.com/t/font_1930720_nvi23ovx8i9.svg?t=1602041999456#iconfont') format('svg')} .iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-baogao:before {content:"\e655"} .icon-baogao1:before {content:"\e644"} .icon-arrow-up:before {content:"\e601"} .icon-pdf:before {content:"\e64a"} .icon-bofang:before {content:"\e6fb"} .icon-arrow-left:before {content:"\e61e"} .icon-arrow-right:before {content:"\e61f"} .icon-arrow:before {content:"\e61d"} .icon-search:before {content:"\e64f"} .icon-weixin:before {content:"\e626"} .icon-xiaochengxu:before {content:"\e600"} .icon-global:before {content:"\e60a"} .icon-product1:before {content:"\e617"} .icon-product5:before {content:"\e618"} .icon-product6:before {content:"\e619"} .icon-product3:before {content:"\e61a"} .icon-product2:before {content:"\e61b"} .icon-product4:before {content:"\e61c"} @font-face {font-family:"microsoftyahei";src:url("../fonts/microsoftyahei.eot");src:url("../fonts/microsoftyahei.eot?#iefix") format("embedded-opentype"),url("../fonts/microsoftyahei.woff") format("woff"),url("../fonts/microsoftyahei.ttf") format("truetype"),url("../fonts/microsoftyahei.svg#microsoftyahei") format("svg");font-style:normal;font-weight:normal} @font-face {font-family:"microsoftyahei";src:url("../fonts/microsoftyahei.eot");src:url("../fonts/microsoftyahei.eot?#iefix") format("embedded-opentype"),url("../fonts/microsoftyahei.woff") format("woff"),url("../fonts/microsoftyahei.ttf") format("truetype"),url("../fonts/microsoftyahei.svg#microsoftyahei") format("svg");font-style:normal;font-weight:normal} @font-face {font-family:"alibaba-puhuiti";src:url("../fonts/ALIBABA-PUHUITI-HEAVY.eot");src:url("../fonts/ALIBABA-PUHUITI-HEAVY.eot?#iefix") format("embedded-opentype"),url("../fonts/ALIBABA-PUHUITI-HEAVY.woff") format("woff"),url("../fonts/ALIBABA-PUHUITI-HEAVY.ttf") format("truetype"),url("../fonts/ALIBABA-PUHUITI-HEAVY.svg#ALIBABA-PUHUITI-HEAVY") format("svg");font-style:normal;font-weight:normal} @font-face { font-family: "iconfont"; /* Project id */ src: url('../fonts/iconfont.ttf?t=1622086109016') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pro11:before {content:"\e730"} .icon-pro12:before {content:"\e651"} .red {color:#1c428c} .pc-br {display:none} @media (min-width:768px) {.pc-br {display:block} } .microsoft yahei {font-family:"microsoft yahei";font-style:italic} .microsoft yahei {font-family:"microsoft yahei";font-style:italic} @media (min-width:1200px) {.container {width:1280px !important} } @media (min-width:768px) {.container-fluid {width:750px} } @media (min-width:992px) {.container-fluid {width:970px} } @media (min-width:1200px) {.container-fluid {width:1280px} } @media (min-width:1680px) {.container-fluid {width:1600px} } .page-banner {position:relative;height:430px;color:#fff} .page-banner .banner-image {position:absolute;width:100%;height:100%;background-position:center bottom;background-repeat:no-repeat;background-size:cover;background-color:#f5f7f7;z-index:0} .page-banner.page-banner-small {height:290px} .page-banner .container {position:relative;height:100%;z-index:1} .page-banner .slogin {position:absolute;left:0;top:50%;max-width:490px;transform:translateY(-50%)} @media (max-width:768px) {.page-banner .slogin {max-width:100%;left:15px;right:15px} } .page-banner .slogin.inverse {color:#6c7174} .page-banner h3 {font-size:48px;letter-spacing:0;margin-bottom:0;margin-top:0;font-weight:400;line-height:1.3;height:42px} @media (max-width:768px) {.page-banner h3 {font-size:32px;height:34px} } .page-banner .subtitle {font-size:18px;margin-top:15px} @media (max-width:768px) {.page-banner .subtitle {font-size:15px} } .page-banner .subtitle.microsoft yahei {margin-top:0;font-size:24px} @media (max-width:768px) {.page-banner .subtitle.microsoft yahei {font-size:24px;line-height:1.2} } .page-banner-swiper,.page-banner-swiper .swiper-wrapper,.page-banner-swiper .swiper-slide {height:100%} .breadcrumb-wrap {background:#f5f7f7} .breadcrumb-wrap.inverse {background-color:#fff} .breadcrumb-wrap .breadcrumb {margin:0;padding:15px 0;background-color:transparent} .page-tab {background:#f5f7f7} .page-tab.fixed {position:fixed;left:0;right:0;z-index: 100;} .page-tab.inverse {background-color:#fff} .page-tab .page-tab-content {overflow-x:auto;overflow-y:hidden} .page-tab .page-tab-content ul {display:block;white-space:nowrap;margin:0;padding:0;font-size:0} .page-tab .page-tab-content ul li {display:inline-block;font-size: 15px;margin-right: 40px;} .page-tab .page-tab-content ul li a {position:relative;display:block;padding: 18px 18px;} .page-tab .page-tab-content ul li:last-child {margin-right:0;} .page-tab .page-tab-content ul li.active a::before {content:" ";height:3px;position:absolute;left:0;right:0;bottom:0;background: #1c428c;} .pagination-wrap {text-align:center} .thumbnail {padding:0;border:0;border-radius:0;position:relative} .thumbnail:after {content:" ";position:absolute;left:0;right:0;bottom:0;width:100%;height:3px;background-color:#1c428c;transition:.3s;opacity:0} .thumbnail i.img {display:block;position:relative;padding-top:45%;overflow:hidden} .thumbnail i.img img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .thumbnail .caption {padding:35px;min-height:200px;overflow:hidden} @media (max-width:768px) {.thumbnail .caption {min-height:1px} } .thumbnail .caption h3 {font-weight:lighter;font-size: 17px;margin-top:5px;margin-bottom:20px;} .thumbnail .caption .descript {color:#6c7174} .thumbnail:hover,.thumbnail:focus,.thumbnail.active {transition:.3s;box-shadow:0 15px 15px -10px rgba(0,0,0,0.2)} .thumbnail:hover h3,.thumbnail:focus h3,.thumbnail.active h3 {color:#1c428c} .thumbnail:hover:after,.thumbnail:focus:after,.thumbnail.active:after {opacity:1} .thumbnail.no-padding .caption {padding:20px 0;min-height:150px} .thumbnail.no-padding:hover,.thumbnail.no-padding:focus,.thumbnail.no-padding.active {box-shadow:0 15px 15px -12px rgba(0,0,0,0.2)} .thumbnail.no-bg {background-color:transparent} .thumbnail.no-bg:hover,.thumbnail.no-bg:focus,.thumbnail.no-bg.active {box-shadow:0 10px 10px -13px rgba(0,0,0,0.2)} .thumbnail-mask {display:block;position:relative;overflow:hidden} .thumbnail-mask .caption {position:absolute;bottom:0;width:100%;z-index:2;text-align:center;font-size:22px;padding:15px;color:#fff} .thumbnail-mask::after,.thumbnail-mask::before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none} @media (max-width:768px) {.thumbnail-mask::after,.thumbnail-mask::before {top:50%} } .thumbnail-mask::before {background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));transition:.3s;z-index:1;} .thumbnail-mask::after {transition:.3s;background:linear-gradient(to top,#006faf,rgba(230,33,41,0));opacity:0;z-index:0;} .thumbnail-mask:hover::before {opacity:0} .thumbnail-mask:hover::after {opacity:1} .lists {list-style:none;padding:30px 0 0;margin-bottom:0} .lists li {border-bottom:1px #eee solid;padding-bottom:40px;margin-bottom:40px} .lists li span {font-size:12px;color:#919797} .lists li h3 {margin-top:0;font-size:18px} .lists li p {color:#919797} .lists .image {position:relative;width:300px;height:180px;overflow:hidden;text-align:center;float:left} @media (max-width:768px) {.lists .image {width:auto;height:auto} } .lists .image img {height:100%} @media (max-width:768px) {.lists .image img {width:100%;height:auto} } .lists .info {position:relative;float:left;width:780px;margin-left:30px;padding-top:15px} @media (max-width:768px) {.lists .info {width:auto;margin-left:0} } .lists .info h3 {margin-bottom:15px} .btn-lg {border-radius:3px;line-height:1.5;padding:8px 26px} .btn-outline-inverse {font-size:16px;color:#fff;background-color:transparent;border-color:#fff;transition:.3s} .btn-outline-inverse:hover,.btn-outline-inverse:focus,.btn-outline-inverse:active {color:#6c7174;text-shadow:none;background-color:#fff;border-color:#fff} .btn-outline {font-size:16px;color:#6c7174;background-color:transparent;border-color:#6c7174;transition:.3s} .btn-outline:hover,.btn-outline:focus,.btn-outline:active {color:#fff;text-shadow:none;background-color:#1c428c;border-color:#1c428c} .btn-more {color:#1c428c;font-size:16px;transition:.3s;padding:5px 0} .btn-more:hover,.btn-more:focus,.btn-more:active {color:#1c428c;text-shadow:none;border-bottom:1px #1c428c solid} .btn-more.gray {color:#6c7174} .btn-submit {color:#fff;background-color:#1c428c;border-color:#1c428c;min-width:170px;margin-top:15px} .btn-submit:hover {color:#fff;background-color:#b60a11;border-color:#b60a11} .btn-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:rgba(255,255,255,0.6);transition:.3s;cursor:pointer} .btn-play:hover {color:#fff} .btn-play i {font-size:64px} .swiper-button-next,.swiper-button-prev {outline:none;color:#6c7174;} .swiper-button-next.inverse,.swiper-button-prev.inverse {color:#fff} .swiper-button-next:after,.swiper-button-prev:after {/* opacity:.5; */font-family:"iconfont";} .swiper-button-next:after {content:"\e64a"} .swiper-button-prev:after {content:"\e501"} .swiper-pagination {width:100%;bottom:20px} .swiper-pagination-bullet {border-radius:0;width:30px;height:5px;transform:skewX(-30deg);margin:0 3px;background-color:#ccc} .swiper-pagination-bullet-active {background: #1c428c;} .column-title {margin-bottom:40px} .column-title.text-center:after {margin-left:auto;margin-right:auto} .column-title:after {content:" ";overflow:hidden;height:4px;width:90px;background-color: #1c428c;display:block;transform:skewX(-30deg);margin-top:15px;} .column-title.no-line:after {display:none} .column-title h3 {font-size:42px;line-height:1;margin-top:0;margin-bottom:0;height:53px;} @media (max-width:768px) {.column-title h3 {font-size: 18px;height:30px;} } .column-title h3 small {display:block;font-size:26px;color:#202020;margin-bottom:8px;} @media (max-width:768px) {.column-title h3 small {font-size:18px} } .column-title .descript {font-size:21px;line-height:30px;color:#5a5a5a;padding-bottom:15px;} @media (max-width:768px) {.column-title .descript {font-size: 15px;} } .timeline {width:880px;margin:0 auto;padding:0 50px;position:relative;} @media (max-width:768px) {.timeline {width:auto} } .timeline:before {content:" ";position:absolute;left:58px;right:58px;bottom:3px;background-color:#e6e6e6;height:1px;overflow:hidden} .timeline .year {position:relative;text-align:center;font-size:18px;padding-bottom:8px;cursor:pointer} .timeline .year:before {content:" ";position:absolute;left:50%;bottom:0;background-color:#e6e6e6;height:7px;width:7px;border-radius:50%;transform:translateX(-50%)} .timeline .swiper-slide-thumb-active {color: #1c428c;} .timeline .swiper-slide-thumb-active:before {background-color: #1c428c;} .timeline .timeline-prev:after,.timeline .timeline-next:after {font-size:24px} .timeline .timeline-prev {left:0} .timeline .timeline-next {right:0} .list-meta {position:relative;height:24px;line-height:24px;font-size: 20px;padding-left:10px;color:#919797;} .list-meta span {padding:0 5px;border-right:1px #d3d5d5 solid} .list-meta span:last-of-type {border-right:0} .list-meta:before {content:" ";position:absolute;left:0;top:50%;background-color: #1c428c;height:12px;width:5px;margin-right:8px;transform:skewX(-15deg) translateY(-50%);} .section {position:relative;padding: 100px 0 0;} @media (max-width:768px) {.section {padding:60px 0 0} } .section .section_position {position:absolute;top:-137px} .section.gray {background-color:#f5f7f7} .media-news-block .more {position:relative;text-align:right;z-index:2;padding:15px} .media-news-block .content {position:relative;min-height:960px} @media (max-width:768px) {.media-news-block .content {min-height:880px} } .media-news-block .top-news-background {position:absolute;z-index:0;top:0;bottom:0;left:0;right:0} .media-news-block .top-news-background:before,.media-news-block .top-news-background:after {content:" ";position:absolute;left:0;right:0} .media-news-block .top-news-background:before {top:0;bottom:50%;background:linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0))} .media-news-block .top-news-background:after {top:50%;bottom:0;background:linear-gradient(to top,#f5f7f7,#f5f7f7 80%,rgba(245,247,247,0) 100%)} .media-news-block .top-news-info {position:relative;padding:120px 0 100px;z-index:1;width:50%;color:#fff} @media (max-width:768px) {.media-news-block .top-news-info {width:100%;padding:60px 0 60px} } .media-news-block .top-news-info .list-meta {color:#fff} .media-news-block .top-news-info .title {font-weight:lighter;font-size:36px} .media-news-block .top-news-info .descript {margin-top:25px;margin-bottom:35px} .media-news-block .news-lists {position:relative;z-index:1;padding-bottom:50px} @media (max-width:1360px) {.media-news-block .news-lists .swiper-button-next,.media-news-block .news-lists .swiper-button-prev {display:none} } .media-news-block .news-lists .swiper-button-prev {left:-30px} .media-news-block .news-lists .swiper-button-next {right:-30px} .firstlink-entry-block .item {position:relative} @media (max-width:768px) {.firstlink-entry-block .item {margin-bottom:15px} } .firstlink-entry-block .item .iconfont {font-size:22px} .firstlink-entry-block .item a {color:#fff} .firstlink-entry-block .item .info {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .firstlink-entry-block .item .info h3 {margin-bottom:0;font-size:36px} @media (max-width:768px) {.firstlink-entry-block .item .info h3 {font-size:32px} } .firstlink-entry-block .full-content {position:relative} .firstlink-entry-block .full-content .info {position:absolute;left:80px;top:35%;color:#fff} @media (max-width:768px) {.firstlink-entry-block .full-content .info {left:15px;right:15px;top:15px;color:#6c7174} } @media (max-width:768px) {.firstlink-entry-block .full-content .info .btn-outline-inverse {color:#6c7174;border-color:#6c7174} } .firstlink-entry-block .full-content .info h2 {font-size:42px} @media (max-width:768px) {.firstlink-entry-block .full-content .info h2 {font-size:32px} } .p100 {padding-bottom:100px} @media (max-width:768px) {.p100 {padding-bottom:60px} #proinfos .info-box img {display:block !important;max-width:100% !important;margin-bottom:10px !important;margin-left:auto !important;margin-right:auto !important} } .pt0 {padding-top:0} #video_box_model {position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:rgba(0,0,0,0.8);display:none} #video_box_model .videos {border:0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;width:640px;height:360px} #video_box_model .vclose {position:absolute;right:15px;top:15px;font-size:32px;border-radius:100%;color:#fff;cursor:pointer} .text-justify {text-align:justify;word-break:break-all;text-justify:distribute} .video-load-poster {width:1920px;height:1080px;position:absolute;top:0;left:50%;margin-left:-960px;z-index:2;} .header {position:fixed;top:0;left:0;background-color:transparent;padding:15px 0;z-index:999;width:100%;transition:.5s} @media (max-width:768px) {.header {padding:10px 0} } .header .navbar-toggle {margin-top:3px;margin-bottom:0;padding:5px} .header .navbar-toggle .icon-bar {background-color:#919797} .header .navbar-sunwoda {min-height:initial;margin-bottom:0;border:0;border-radius:0} .header .navbar-sunwoda .navbar-brand {float:left;height:auto;padding:0} @media (max-width:768px) {.header .navbar-sunwoda .navbar-brand {padding-left:15px} } @media (max-width:768px) {.header .navbar-sunwoda .navbar-brand img {width:100px} } .header .navbar-sunwoda .navbar-brand img.normal {display:block} .header .navbar-sunwoda .navbar-brand img.white {display:none} .header .navbar-sunwoda .navbar-brand .logo,.header .navbar-sunwoda .navbar-brand .stock {display:inline-block;vertical-align:middle;color:#fff} .header .navbar-sunwoda .navbar-brand .logo {padding-right:15px;margin-right:10px;border-right:1px #d3d5d5 solid} @media (max-width:768px) {.header .navbar-sunwoda .navbar-brand .logo {padding-right:10px;margin-right:5px} } .header .navbar-sunwoda .navbar-brand .stock {font-size:14px} @media (max-width:768px) {.header .navbar-sunwoda .navbar-brand .stock {font-size:12px;line-height:1.25} } @media (max-width:768px) {.header .navbar-sunwoda .navbar-nav {margin:15px -15px} .header .navbar-sunwoda .navbar-nav:first-of-type {border-bottom:1px #edeeee solid} } .header .navbar-sunwoda .navbar-nav:first-of-type>li>a {line-height:1.7em;font-size:16px;} .header .navbar-sunwoda .navbar-nav>li {position:relative} .header .navbar-sunwoda .navbar-nav>li>a {color:#fff;padding:10px;transition:.3s} .header .navbar-sunwoda .navbar-nav>li>a:hover,.header .navbar-sunwoda .navbar-nav>li>a:focus {opacity:.5;background-color:transparent !important} .header .navbar-sunwoda .navbar-nav>.active>a,.header .navbar-sunwoda .navbar-nav>.active>a:hover,.header .navbar-sunwoda .navbar-nav>.active>a:focus {color:#fff;background-color:transparent !important} @media (min-width:768px) {.header .navbar-sunwoda .navbar-nav.lang {margin-left:15px} .header .navbar-sunwoda .navbar-nav.lang a {position:relative;padding-left:15px;padding-right:15px;font-size:16px;line-height: 1.7em;} .header .navbar-sunwoda .navbar-nav.lang a::before {content:" ";position:absolute;height:16px;left:0;top:50%;margin-top:-8px;width:1px;overflow:hidden;font-size:0;background-color:rgba(255,255,255,0.2)} } .header .navbar-sunwoda .navbar-nav .sub-menu-ul {position:absolute;left:0;list-style:none;padding: 8px 15px 0px 15px;display:none;} .header .navbar-sunwoda .navbar-nav .sub-menu-ul.sub-menu-ul_show {animation:a_menu_item_show .2s ease-out both;} .header .navbar-sunwoda .navbar-nav .sub-menu-ul.sub-menu-ul_hide {animation:a_menu_item_hide .15s ease-out both;pointer-events:none} @keyframes a_menu_item_show {0% {-webkit-transform:translate(0,-30px);opacity:0} 100% {-webkit-transform:translate(0,0);opacity:1} } @keyframes a_menu_item_hide {0% {-webkit-transform:translate(0,0);opacity:1} 100% {-webkit-transform:translate(0,-30px);opacity:0} } .header .navbar-sunwoda .navbar-nav .sub-menu-ul.open {opacity:1} .header .navbar-sunwoda .navbar-nav .sub-menu-ul>li {font-style:normal;line-height:1;padding: 10px 0;width:300%;} .header.header_hover_show,.header.header_white {background-color:#fff} .header.header_hover_show .navbar-sunwoda,.header.header_white .navbar-sunwoda {z-index:999} .header.header_hover_show .navbar-sunwoda .navbar-brand img.normal,.header.header_white .navbar-sunwoda .navbar-brand img.normal {display:none !important} .header.header_hover_show .navbar-sunwoda .navbar-brand img.white,.header.header_white .navbar-sunwoda .navbar-brand img.white {display:block !important} .header.header_hover_show .navbar-sunwoda .navbar-brand .logo,.header.header_white .navbar-sunwoda .navbar-brand .logo,.header.header_hover_show .navbar-sunwoda .navbar-brand .stock,.header.header_white .navbar-sunwoda .navbar-brand .stock {display:inline-block;vertical-align:middle;color:#6c7174} .header.header_hover_show .navbar-sunwoda .navbar-nav>li>a,.header.header_white .navbar-sunwoda .navbar-nav>li>a {color:#393e40;line-height: 1.7em;} .header.header_hover_show .navbar-sunwoda .navbar-nav>li:hover a,.header.header_white .navbar-sunwoda .navbar-nav>li:hover a,.header.header_hover_show .navbar-sunwoda .navbar-nav>li .active ,.header.header_white .navbar-sunwoda .navbar-nav>li .active {opacity:1;color:#1c428c;border-bottom: 2px solid #1c428c;transition: .1s;} .header .navbar-sunwoda .navbar-nav .sub-menu-ul>li a { border-bottom: 1px solid #fff !important; color: #2d2d2d !important; } .header .navbar-sunwoda .navbar-nav .sub-menu-ul>li:hover a { color: #1c428c !important; border-bottom: 2px solid #1c428c !important; transition: .1s; margin-left:3px; } .header.header_hover_show .navbar-sunwoda .navbar-nav>a.active ,.header.header_white .navbar-sunwoda .navbar-nav>a.active ,.header.header_hover_show .navbar-sunwoda .navbar-nav>a.active:hover ,.header.header_white .navbar-sunwoda .navbar-nav>a.active:hover,.header.header_hover_show .navbar-sunwoda .navbar-nav>a.active:focus,.header.header_white .navbar-sunwoda .navbar-nav>a.active:focus {opacity: 1; color: #1c428c; border-bottom: 2px solid #1c428c; transition: .1s;} @media (min-width:768px) {.header.header_hover_show .navbar-sunwoda .navbar-nav.lang a::before,.header.header_white .navbar-sunwoda .navbar-nav.lang a::before {background-color:rgba(0,0,0,0.2)} } @media (max-width:768px) {.header.header_hover_show .navbar-sunwoda .navbar-nav.lang li,.header.header_white .navbar-sunwoda .navbar-nav.lang li {float:left;width:50%} .header.header_hover_show .navbar-sunwoda .navbar-nav.lang .search-form-mobile,.header.header_white .navbar-sunwoda .navbar-nav.lang .search-form-mobile {position:relative;padding-top:3px} .header.header_hover_show .navbar-sunwoda .navbar-nav.lang .search-form-mobile .header-field,.header.header_white .navbar-sunwoda .navbar-nav.lang .search-form-mobile .header-field {width:100%} .header.header_hover_show .navbar-sunwoda .navbar-nav.lang .search-form-mobile .header-clear,.header.header_white .navbar-sunwoda .navbar-nav.lang .search-form-mobile .header-clear {position:absolute;top:50%;right:0;border:none;background:none;transform:translateY(-50%)} } .header.header_hover_show .header_hover_bg {display:block !important;width:100%;height: 285px;background:#fff;z-index:1;position:absolute;top:0px;left:0px;animation:a_bg_hover_show .2s ease-out both;transform-origin:50% 0%;} .header.header_hover_hide {pointer-events:none} .header.header_hover_hide .header_hover_bg {animation:a_bg_hover_hide .15s ease-out both;transform-origin:50% 0%} @keyframes a_bg_hover_show {0% {-webkit-transform:scale(1,.5);opacity:0} 100% {-webkit-transform:scale(1,1);opacity:1} } @keyframes a_bg_hover_hide {0% {-webkit-transform:scale(1,1);opacity:1} 100% {-webkit-transform:scale(1,.5);opacity:0} } .header .main-navigation>li>a {line-height:1.25;} @media (min-width:768px) { .header-form {position:fixed;left:0;top:-90px;width:100%;height:85px;background:#fff;z-index:999;transition:.3s} .header-form.open {top:0;z-index:9999} .header-form .container {position:relative} .header-form .header-field {display:block;width: 98%;padding: 0px 15px 0;border: 1px solid #c1c1c1;height: 40px;line-height: 40px;border-radius: 10px 10px 10px 10px;margin-top: 21px;} .header-form .header-clear {position:absolute;right: 0;top: 67%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:none;color:#555;border:none;} .header-form .header-clear2 {position:absolute;right: 3%;top: 41px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:none;color: #fff;border:none;width: 50px;height: 40px;background: #1c49a0;border-radius: 0px 10px 10px 0px;} } @media (min-width:1280px) { .header-form {position:fixed;left:0;top:-90px;width:100%;height:85px;background:#fff;z-index:999;transition:.3s} .header-form.open {top:0;z-index:9999} .header-form .container {position:relative} .header-form .header-field {display:block;width: 98%;padding: 0px 15px 0;border: 1px solid #c1c1c1;height: 40px;line-height: 40px;border-radius: 10px 10px 10px 10px;margin-top: 21px;} .header-form .header-clear {position:absolute;right: 0;top: 67%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:none;color:#555;border:none;} .header-form .header-clear2 {position:absolute;right: 40px;top: 41px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:none;color: #fff;border:none;width: 50px;height: 40px;background: #1c49a0;border-radius: 0px 10px 10px 0px;} } .footer {overflow:hidden} .footer .footer-navbar {padding-top:80px;padding-bottom:100px} @media (max-width:768px) {.footer .footer-navbar {padding-top:30px;padding-bottom:30px;display: none;} } .footer .footer-navbar dt {font-size:18px;font-weight:bold;position:relative;padding-left:15px;margin-bottom:15px} @media (max-width:768px) {.footer .footer-navbar dt {padding-top:5px;padding-bottom:5px} .footer .footer-navbar dt.open .icon {transform:rotate(180deg)} .footer .footer-navbar dt .icon {color:#919797} .footer .footer-navbar dt .icon .iconfont {display:block;font-size:12px;margin-top:1px} } .footer .footer-navbar dt:before {content:" ";position:absolute;left:0;top:50%;background-color:#1c428c;height:18px;width:5px;margin-right:8px;transform:skewX(-15deg) translateY(-50%)} .footer .footer-navbar dd {padding-left:15px;height:100%} @media (max-width:768px) {.footer .footer-navbar dd {height:0;overflow:hidden;transition:.3s} .footer .footer-navbar dd.open {height:150px;padding-left:30px} } .footer .footer-navbar dd a {display:block;line-height:30px} .footer .footer-bottom {background-color:#f5f7f7} .footer .footer-bottom .friend-links,.footer .footer-bottom .follow,.footer .footer-bottom .stock,.footer .footer-bottom .logo {display:inline-block;vertical-align:middle} .footer .footer-bottom .logo {padding-right:15px;margin-right:10px;border-right:1px #d3d5d5 solid} @media (max-width:768px) {.footer .footer-bottom .logo {padding-right:10px;margin-right:5px} } @media (max-width:768px) {.footer .footer-bottom .logo img {width:100px} } .footer .footer-bottom .stock {line-height:1.25} @media (max-width:768px) {.footer .footer-bottom .stock {font-size:12px} } .footer .footer-bottom .friend-links {margin-right:15px} .footer .footer-bottom .friend-links .btn-default {color:#333;background-color:transparent;border-color:#ccc} .footer .footer-bottom .follow span {display:inline-block;height:35px;line-height:35px;vertical-align:middle} .footer .footer-bottom .follow span.iconfont {position:relative;font-size:32px;margin-left:8px;color:#919797;transition:.3s;cursor:pointer} .footer .footer-bottom .follow span.iconfont img {position:absolute;right:0;top:-120px;display:none;width:100px;height:100px} .footer .footer-bottom .follow span.iconfont:hover {color:#6c7174} .footer .footer-bottom .follow span.iconfont:hover img {display:block} .footer .footer-bottom .footer-content {padding:30px 0 30px} @media (max-width:768px) {.footer .footer-bottom .footer-content {padding:30px 0 15px} } @media (max-width:768px) {.footer .footer-bottom .footer-content .pull-left,.footer .footer-bottom .footer-content .pull-right {float:none !important;margin-bottom:15px;} } @media (max-width:768px) {.footer .footer-bottom .footer-content .pull-left {margin-bottom:30px} } @media (min-width:768px) {.footer .footer-bottom .container {padding-right:0;padding-left:0} } .footer .footer-bottom .copyright {font-size:14px;border-top:1px #e3e5e5 solid;padding:15px 0} @media (max-width:768px) {.footer .footer-bottom .copyright {font-size:12px;text-align: center;} .footer .footer-bottom .copyright span {display:block} } .footer .footer-bottom .copyright .footer-links a {margin-left:10px} @media (max-width:768px) {.footer .footer-bottom .copyright .footer-links a {margin-left:0;margin-right:10px} } @media (max-width:768px) {.footer .footer-bottom .copyright .pull-left,.footer .footer-bottom .copyright .pull-right {float:none !important;display: none;} } #lists .section {padding-top:50px} @media (max-width:768px) {#lists .section {padding-top:30px} } #details .section .container {font-size:16px} @media (min-width:1200px) {#details .section .container {width:830px !important} } #details .page-header h1 {margin-bottom:30px} #details .page-header .meta {color:#919797} #details .page-content {text-align:justify} #details .page-content p {margin-bottom:2em} #details .page-content blockquote {color:#6c7174;padding:0 20px;margin:-5px 0 20px;font-size:14px;border-left:0} #details .image-box {text-align:center;margin:30px auto !important} #details .image-box img {display:block !important;max-width:100% !important;margin-bottom:10px !important;margin-left:auto !important;margin-right:auto !important} #details .image-box span {color:#6c7174;font-size:14px} #details .lists .info {width:470px} #home {padding-top:0} @media (min-width:768px) {#home {padding-top:0} } #home .banner {/* height:100%; *//* width:100%; *//* min-height:720px; *//* position:relative; *//* overflow:hidden; *//* text-align:center; *//* color:#fff; */} @media (max-width:768px) {#home .banner {/* min-height: 100%; */margin-top: 3.5em;} } #home .banner .video {width:1920px;height:1080px;position:absolute;top:0;left:50%;margin-left:-960px;z-index:1} @media (max-width:768px) {#home .banner .video {height:640px} } #home .banner .banner-layout,#home .banner .banner-slogn-wrap {height:100%;width:100%} #home .banner .slogin {position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3} #home .banner .slogin-scroll {padding:0 30%} @media (max-width:768px) {#home .banner .slogin-scroll {padding:0} } #home .banner .slogin-scroll .text {font-size:100px;line-height:1.25} @media (max-width:768px) {#home .banner .slogin-scroll .text {font-size:66px} } #home .banner .swiper-banner {height:100px} #home .banner .swiper-slide {height: 100%;} #home .banner .swiper-slide .text {transition-duration:.3s;opacity:0} #home .banner .swiper-slide-duplicate-active .text,#home .banner .swiper-slide-active .text {transform:translateX(0);opacity:1} #home .banner .slogin-fixed {font-size:36px;line-height:.5} @media (max-width:768px) {#home .banner .slogin-fixed {font-size:24px;margin-top:0} } #home .banner .swiper-button-next,#home .banner .swiper-button-prev {outline:none;color:#fff} #home .banner .swiper-button-next:after,#home .banner .swiper-button-prev:after {font-size: 60px;} #home .banner .swiper-button-prev {left:20px} @media (max-width:768px) {#home .banner .swiper-button-prev {left:5px} } #home .banner .swiper-button-next {right:20px} @media (max-width:768px) {#home .banner .swiper-button-next {right:5px} } #home .profile {background:url(../images/bj1.png) no-repeat center center #f5f7f7;} #home .profile .content {margin:0 auto;margin-top:60px;width:100%;max-width: 1200px;position:relative;text-align:center;} #home .profile .content .swiper-slide {box-sizing:border-box;padding:10px 8px;} #home .profile .content .swiper-slide p {font-weight:normal;font-stretch:normal;font-size:18px;line-height:20px;letter-spacing:0px;margin:0;} #about .profile {background:url(../images/bj1.png) no-repeat center center #f5f7f7} #about .profile .content {margin:0 auto;margin-top:60px;width:100%;max-width: 1200px;position:relative;text-align: left;} #about .profile .content .swiper-slide {box-sizing:border-box;padding:10px 8px;} #about .profile .content .swiper-slide p {font-weight:normal;font-stretch:normal;font-size:18px;line-height:20px;letter-spacing:0px;margin:0} @media (max-width:768px) {#home .profile .content .swiper-slide p {font-size:16px;line-height:18px;}#about .profile .content .swiper-slide p {font-size:16px;line-height:18px} } #home .profile .content .swiper-button-next:after,#home .profile .content .swiper-button-prev:after {font-size: 48px;} #home .profile .content .swiper-button-prev {left:-50px} #about .profile .content .swiper-button-next:after,#about .profile .content .swiper-button-prev:after {font-size:24px} #about .profile .content .swiper-button-prev {left:-50px} @media (max-width:768px) {#home .profile .content .swiper-button-prev {left:0}#about .profile .content .swiper-button-prev {left:0} } #home .profile .content .swiper-button-next {right:-50px} #about .profile .content .swiper-button-next {right:-50px} @media (max-width:768px) {#home .profile .content .swiper-button-next {right:0} #about .profile .content .swiper-button-next {right:0} } #home .business .row {margin-left:-1px;margin-right:-1px} #home .business .item {padding:1px} #home .business .item::after,#home .business .item::before {top:1px;left:1px;right:1px;bottom:1px} #home .media-news .content {position:relative;min-height:960px} @media (max-width:768px) {#home .media-news .content {min-height:880px} } #home .media-news .top-news-background {position:absolute;z-index:0;top:0;bottom:0;left:0;right:0} #home .media-news .top-news-background:before,#home .media-news .top-news-background:after {content:" ";position:absolute;left:0;right:0} #home .media-news .top-news-background:before {top:0;bottom:50%;background:linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0))} #home .media-news .top-news-background:after {top:50%;bottom:0;background:linear-gradient(to top,#f5f7f7,#f5f7f7 80%,rgba(245,247,247,0) 100%)} #home .media-news .top-news-info {position:relative;padding:120px 0 100px;z-index:1;width:50%;color:#fff} @media (max-width:768px) {#home .media-news .top-news-info {width:100%;padding:60px 0 60px} } #home .media-news .top-news-info .list-meta {color:#fff} #home .media-news .top-news-info .title {font-weight:lighter;font-size:36px} #home .media-news .top-news-info .descript {margin-top:25px;margin-bottom:35px} #home .media-news .news-lists {position:relative;z-index:1;padding-bottom:50px} @media (max-width:1360px) {#home .media-news .news-lists .swiper-button-next,#home .media-news .news-lists .swiper-button-prev {display:none} } #home .media-news .news-lists .swiper-button-prev {left:-30px} #home .media-news .news-lists .swiper-button-next {right:-30px} #home .culture .content {padding-top:50px} @media (max-width:768px) {#home .culture .content {padding-top:20px} #home .culture .content .btn-outline{ width: 100%; margin-bottom: 10%; } } #home .culture .text-content {margin-bottom:25px;font-size:20px;line-height:1.25;color:#6c7174} #home .hr {overflow:hidden} #home .hr .image-box {position:relative;overflow:hidden;height:570px} @media (max-width:768px) {#home .hr .image-box {height:280px} } #home .hr .image-box img {height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} #home .hr .content {height:570px;background-color:#f5f7f7} @media (max-width:768px) {#home .hr .content {height:auto} } #home .hr .content .content-inner {width:610px;padding:160px 80px 0} @media (max-width:768px) {#home .hr .content .content-inner {width:100%;padding:30px 15px 60px} } #home .hr .text-content {margin-bottom:25px;font-size:20px;line-height:1.25;color:#6c7174} #about .profile .content {width: 1200px;margin:0 auto;color:#6c7174;} #about .profile .content p {margin-bottom:2em} @media (max-width:768px) {#about .profile .content {width:auto} } #about .video-wrap {display:block;height:800px;width:100%;position:relative;overflow:hidden;background-color:#000} @media (max-width:768px) {#about .video-wrap {height:370px} } #about .video-wrap .video {width:1920px;height:1080px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;opacity:.5} @media (max-width:768px) {#about .video-wrap .video {width:960px;height:480px} } #about .history .history-content {position:relative} #about .history .history-content .mountain {position:absolute;z-index:0;left:50%;top:20%;/* margin-left:-170px;*/} #about .history .history-content .item {position:relative;width:800px;padding-top:170px} @media (max-width:768px) {#about .history .history-content .item {width:auto;padding-top:30px} } #about .history .history-content .item .year-bg {position:absolute;font-size:270px;text-align:center;color:#919797;opacity:.2;background-image:linear-gradient(180deg,rgba(103,108,112,0.3) 30%,rgba(103,108,112,0) 80%);background-image:-moz-linear-gradient(-90deg,rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;top:0;left:0;z-index:0;} @media (max-width:768px) {#about .history .history-content .item .year-bg {display:none} } #about .history .history-content .item .info {position:relative;padding-left:30px;z-index:1;transition-duration:.3s;opacity:0} @media (max-width:768px) {#about .history .history-content .item .info {padding-left:0} } #about .history .history-content .item .info .image {width:280px;float:left;margin-right:30px} @media (max-width:768px) {#about .history .history-content .item .info .image {margin-right:auto;margin-left:auto;float:none} } #about .history .history-content .item .info .info-text {float:left;margin-top:100px} @media (max-width:768px) {#about .history .history-content .item .info .info-text {float:none;margin-top:50px;width:280px} } #about .history .history-content .item .info .info-text p {position:relative;padding-left:15px;font-size:20px;} #about .history .history-content .item .info .info-text p:before {content:" ";position:absolute;left:-2px;top:18px;background-color:#1c428c;height:23px;width:3px;margin-right:10px;transform:skewX(-15deg) translateY(-50%);} #about .history .history-content .item.init .info {opacity:1} #about .history .history-content .item.swiper-slide-active .info {opacity:1} #about .chairman {padding-top:0;position:relative;overflow:hidden} #about .chairman .bg {background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0} @media (max-width:768px) {#about .chairman .bg {background-position:center 0} } #about .chairman .container {padding-top: 90px;position:relative;height: 530px;z-index:1;} @media (max-width:768px) {#about .chairman .container {padding-top:60px;height:600px} } #about .chairman .content {padding-top:30px;padding-bottom:60px;color:#6c7174} @media (max-width:768px) {#about .chairman .content {padding-top:0} } @media (max-width:768px) {#about .chairman .btn-more {display:block;text-align:right} } #about .chairman .signature {position:absolute;width:170px;right:0;bottom:60px} @media (max-width:768px) {#about .chairman .signature {width:140px;font-size:12px;right:15px;bottom:15px} } #about .chairman .signature img {margin-top:15px;display:block;width:100%} #about .culture .content {padding-top:30px;padding-right:60px} @media (max-width:768px) {#about .culture .content {padding-right:15px} } #about .culture .content-text {color:#6c7174} #about .culture .content-text dl {margin-top:50px} #about .culture .content-text dl dt {position:relative;font-size:24px;font-weight:normal;padding-left:10px;height:30px} #about .culture .content-text dl dt:before {content:" ";position:absolute;left:0;top:12px;background-color:#1c428c;height:18px;width:5px;margin-right:8px;transform:skewX(-15deg) translateY(-50%)} #about .culture .content-text dl dd {padding-left:10px;margin-bottom:40px} #about .industrial {background-color:#f5f7f7} #about .industrial .company-list {position:relative;padding-top:100px;background-color:#fff} @media (max-width:768px) {#about .industrial .company-list {padding-top:60px} } #about .industrial .company-list::before {content:" ";position:absolute;top:-1px;left:50%;width:0;height:0;vertical-align:middle;border-top:24px dashed;border-top:24px solid\9;border-right:24px solid transparent;border-left:24px solid transparent;border-top-color:#f5f7f7;transform:translateX(-50%)} #about .industrial .company-list .item {margin-bottom:30px} #about .industrial .company-list .item small {display:block;font-size:14px} .business-tab ul {text-align:justify;/* text-align-last:justify; */} .business-tab li {text-align:center} .business-tab li a {color:#6c7174} .business-tab li a:hover {color:#1c428c} .business-tab li .iconfont {display:block;font-size: 50px;line-height:1.25;width: 67px;height:67px;margin:0 auto;/* margin-bottom:15px; */} @media (max-width:768px) {.business-tab li .iconfont {font-size:42px;width:42px;height:42px} } .business-tab li.active a {color:#393e40} @media (min-width:768px) {#business .profile {padding-top:180px} } #business .profile h2 {font-size:42px} #business .profile p {color:#6c7174} #business .solution .solution-title {font-size:24px;line-height:1.25;margin-bottom:15px} #business .solution .solution-item {padding:60px 0;background-color:#f5f7f7} #business .solution .solution-item.odd {background-color:#fafbfb} #business .solution .grid .row {margin-left:-5px;margin-right:-5px} #business .solution .grid-item {padding-left:5px !important;padding-right:5px !important} #business .solution .thumbnail {padding-top:15px} #business .solution .caption {height:auto;min-height:95px;padding:25px 15px 0;text-align:center} @media (max-width:768px) {#business .solution .caption {padding-left:10px;padding-right:10px} } #business_details .business-page-header {position:relative} #business_details .business-page-header h1 {font-size:42px;font-weight:normal} @media (max-width:768px) {#business_details .business-page-header h1 {padding-left:30px;padding-right:30px;font-size:32px} } #business_details .nepapv .business-page-next,#business_details .nepapv .business-page-prev {font-size: 18px;margin-top: 5%;padding: 0px 8%;} @media (max-width:768px) {#business_details .nepapv .business-page-next,#business_details .nepapv .business-page-prev {top:45%} #business_details .nepapv .business-page-next span,#business_details .nepapv .business-page-prev span {display:none} } #business_details .nepapv .business-page-next .iconfont,#business_details .nepapv .business-page-prev .iconfont {font-size:42px;vertical-align:middle} #business_details .nepapv .business-page-next {float: left;} @media (max-width:768px) {#business_details .nepapv .business-page-next {right:0} } #business_details .nepapv .business-page-prev {float: right;} @media (max-width:768px) {#business_details .nepapv .business-page-prev {float: left;} } #business_details .main-content {background-color:#f5f7f7} #business_details .main-content .image {position:relative;height:440px;background-color:#fff;overflow:hidden} @media (max-width:768px) {#business_details .main-content .image {height:250px} } #business_details .main-content .image img {position:absolute;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)} #business_details .main-content .info h2 {font-size:42px;margin-top:15px;margin-bottom:35px} @media (max-width:768px) {#business_details .main-content .info h2 {font-size:32px} } #business_details .main-content .info .info-block {color:#6c7174} #business_details .main-content .info .info-block h3 {font-size:22px;margin-bottom:20px;color:#393e40} @media (max-width:768px) {#business_details .main-content .info .info-block h3 {font-size:18px} } #business_details .main-content .info .info-block p {margin-bottom:30px} #business_details .main-content .info .info-block ul {list-style:none;padding:0} #business_details .main-content .info .info-block ul li {float:left;width:50%} #business_details .other-products .container {position:relative} #business_details .other-products .slide-item {position:relative;display:block} #business_details .other-products .slide-item:before {content:" ";display:block;padding:30%} #business_details .other-products .slide-item:after {content:" ";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:2px transparent solid} #business_details .other-products .slide-item:hover:after,#business_details .other-products .slide-item.active:after {content:" ";display:block;width:100%;height:100%;position:absolute;border:2px #1c428c solid} #business_details .other-products .slide-item .image-box {background-color:#f5f7f7;position:absolute;left:0;top:0;right:0;bottom:0} #business_details .other-products .slide-item .image-box i {position:relative;display:block;height:100%} #business_details .other-products .slide-item .image-box i img {position:absolute;width: 100%;height: 100%;/* left:50%; *//* top:50%; *//* transform:translate(-50%,-50%); */} #business_details .other-products .swiper-slide .title {font-weight:lighter;text-align:center;font-size:22px;padding:15px} @media (max-width:768px) {#business_details .other-products .swiper-slide .title {font-size:18px} } #business_details .other-products .other-products-next,#business_details .other-products .other-products-prev {transform:translateY(-50%)} #business_details .other-products .other-products-next {right:-30px} #business_details .other-products .other-products-prev {left:-30px} #contact .service .content {width:500px;margin-left:auto;margin-right:auto} @media (max-width:768px) {#contact .service .content {width:auto;margin-left:15px;margin-right:15px} } #contact .service .vip-line {font-size:24px;margin-bottom:15px} #contact .service .vip-line h3 {margin-bottom:0} #contact .service .tip {margin-bottom:25px} #contact .service .qr {font-size:0} #contact .service .qr>div {display:inline-block;margin:0 10px;font-size:12px;text-align:center} #contact .service .qr>div img {display:block;border:1px #f5f7f7 solid;padding:5px;width:112px;height:112px;margin-bottom:8px} #contact .meeting {background-color:#f5f7f7} #contact .meeting h3 {margin-bottom:20px} #contact .meeting a {text-decoration:underline} #contact .meeting .headquarters {background-color:#fff;padding:30px;margin-bottom:30px} @media (max-width:768px) {#contact .meeting .headquarters h3 {font-size:18px} } #contact .meeting .headquarters .item {/* height:168px; */border-right:1px #dee5e5 solid;line-height:1.25;} @media (max-width:768px) {#contact .meeting .headquarters .item {border-right:0;height:auto} } #contact .meeting .headquarters .item p {margin-bottom:15px;font-size:14px} #contact .meeting .headquarters .col-md-4:last-child .item {border-right:0} #contact .meeting .sub-company .item {background-color:#fff;padding: 30px 20px;line-height:1.25;} @media (max-width:768px) {#contact .meeting .sub-company .item {height:auto} } #contact .meeting .sub-company .item h3 {font-size:20px} @media (max-width:768px) {#contact .meeting .sub-company .item h3 {font-size:18px} } #contact .meeting .sub-company .item p {margin-bottom:15px;font-size:14px} @media (max-width:768px) {#contact .tendering-platform .column-title {margin-bottom:0} } #contact .tendering-platform .column-title h3 {line-height:1.4} #contact .tendering-platform .time-line {position:relative;list-style:none;padding:0 15px;display:block} @media (max-width:768px) {#contact .tendering-platform .time-line {padding:0;overflow-x:auto;border-bottom:1px #dee5e5 solid;margin-bottom:30px} #contact .tendering-platform .time-line ul {display:block !important;width:auto !important;white-space:nowrap} } #contact .tendering-platform .time-line:before {content:" ";position:absolute;height:100%;height:1px;left:18px;overflow:hidden;background-color:#dee5e5} @media (max-width:768px) {#contact .tendering-platform .time-line:before {display:none} } #contact .tendering-platform .time-line li {position:relative;margin-bottom:15px;padding-left:15px} @media (max-width:768px) {#contact .tendering-platform .time-line li {padding-left:0;padding-right:15px;display:inline-block !important;width:auto !important;margin-bottom:0} } #contact .tendering-platform .time-line li:after {content:" ";position:absolute;left:-4px;top:50%;height:15px;width:15px;border-radius:50%;transform:translateY(-50%);border:1px transparent solid} @media (max-width:768px) {#contact .tendering-platform .time-line li:after {display:none} } #contact .tendering-platform .time-line li:before {content:" ";position:absolute;left:0;top:50%;background-color:#e6e6e6;height:7px;width:7px;border-radius:50%;transform:translateY(-50%)} @media (max-width:768px) {#contact .tendering-platform .time-line li:before {display:none} } #contact .tendering-platform .time-line li.active {font-size:24px} #contact .tendering-platform .time-line li.active a {color:#1c428c} #contact .tendering-platform .time-line li.active:before {background-color:#1c428c} #contact .tendering-platform .time-line li.active:after {border:1px #1c428c solid} #contact .tendering-platform .current-year {font-size:42px;margin:0;line-height:1} @media (max-width:768px) {#contact .tendering-platform .current-year {display:none} } #contact .tendering-platform .time-line-content-swiper {height:500px} @media (max-width:768px) {#contact .tendering-platform .time-line-content-swiper {height:auto} } #contact .tendering-platform ul {list-style:none;padding:0} #contact .tendering-platform ul li {margin-bottom:35px} #contact .tendering-platform ul li .iconfont {display:inline-block;font-size:32px;line-height:1;vertical-align:top;margin-right:5px;color:#919797} #contact .tendering-platform ul li .title {display:inline-block;font-size:16px;line-height:1;font-weight:lighter} #contact .tendering-platform ul li .title span {font-size:14px;display:block;color:#919797;margin-top:5px} #contact .jubao-body {background-color:#f5f7f7;padding:50px 0} #contact .jubao-body form {position:relative;padding-right:112px} @media (max-width:768px) {#contact .jubao-body form {padding-right:0;padding-bottom:30px} } #contact .jubao-body form:after {content:" ";position:absolute;top:-58px;bottom:0;right:40px;border-right:1px #dee5e5 solid} @media (max-width:768px) {#contact .jubao-body form:after {right:0;left:0;border-right:0;border-bottom:1px #dee5e5 solid;top:auto} } #contact .jubao-body form label {font-size:14px;font-weight:normal} #contact .jubao-body form textarea {height:160px} #contact .jubao-body form .form-group.required label:after {content:"*";color:#1c428c} #contact .jubao-body form .form-control {border-radius:0;box-shadow:none} @media (max-width:768px) {#contact .jubao-body .tabs-wrap {overflow-x:auto;overflow-y:hidden} } #contact .jubao-body .nav-tabs {border:none} @media (max-width:768px) {#contact .jubao-body .nav-tabs {display:block;white-space:nowrap} } @media (max-width:768px) {#contact .jubao-body .nav-tabs>li {display:inline-block;float:none} } #contact .jubao-body .nav-tabs>li>a {border:none;border-radius:0;padding:26px 50px} @media (max-width:768px) {#contact .jubao-body .nav-tabs>li>a {display:block;padding:20px 15px} } #contact .jubao-body .panel {border:0;box-shadow:none;border-radius:0;margin-bottom:35px;padding:85px} @media (max-width:768px) {#contact .jubao-body .panel {padding:15px} } #contact .jubao-body .panel h3 {margin-bottom:35px} #contact .jubao-body .panel h4 {margin-top:15px;padding-bottom:15px;border-bottom:1px #dee5e5 solid} @media (max-width:768px) {#contact .jubao-body .panel h4 small {display:block;margin-top:5px} } #contact .jubao-body .panel .info-group {margin-bottom:65px} @media (max-width:768px) {#contact .jubao-body .panel .info-group {margin-bottom:45px} } #contact .jubao-body .panel .info-group:last-of-type {margin-bottom:0} @media (max-width:768px) {#contact .jubao-body .panel .btn-submit {display:block;min-width:100%} } #contact .jubao-body .tab-content {background-color:#fff;padding:60px 50px} @media (max-width:768px) {#contact .jubao-body .tab-content {padding:15px} } #contact .jubao-body .tab-content .qr {width:200px} #core .competencies .row {margin-left:-1px;margin-right:-1px} #core .competencies .item {padding:1px} #core .competencies .item::after,#core .competencies .item::before {top:1px;left:1px;right:1px;bottom:1px} #core .quality {background-color:#f5f7f7} #core .quality .content {background-color:#fff} #core .quality .content dl {padding:50px 30px 0;margin-bottom:0} #core .quality .content dl dt {font-size:24px;margin-bottom:5px} #core .quality .content dl dd {margin-bottom:25px;color:#6c7174} #core .quality .content dl dd p {line-height:1.25} #core .quality .model .title {font-weight:lighter;font-size:24px;margin:50px 0} @media (min-width:768px) {#core .quality .model .item:first-of-type dl {border-right:1px #ccc solid;padding-right:50px} #core .quality .model .item:last-of-type {padding-left:45px} } @media (max-width:768px) {#core .quality .model .item {margin-bottom:60px} } #core .quality .model dl dt {font-size:20px;margin-bottom:20px;font-weight:normal} #core .quality .model dl dd {color:#6c7174} #hr .blocks .content {background-color:#f5f7f7} #hr .blocks .image-box {margin-left:-15px;margin-right:-15px} #hr .blocks .info {padding:80px 70px 0} @media (max-width:768px) {#hr .blocks .info {padding:40px 15px 30px} } #hr .blocks .info h4 {font-size:24px;font-weight:normal} #hr .blocks .info p {color:#6c7174} #hr .blocks .welfare,#hr .blocks .development,#hr .blocks .university {position:relative} #hr .blocks .welfare .info {padding-top:100px} @media (max-width:768px) {#hr .blocks .welfare .info {padding-top:40px} } #hr .blocks .university .info {padding-top:55px} #hr .blocks .university .column-title h3,#hr .blocks .university .column-title img {display:inline-block;vertical-align:middle} #hr .blocks .university .column-title h3 {margin-top:15px;margin-bottom:0;margin-left:15px} @media (max-width:768px) {#hr .blocks .university .column-title h3 {font-size:24px} } #hr .blocks .university .column-title img {width:90px} @media (max-width:768px) {#hr .blocks .university .column-title img {width:60px} } #hr .environment {background-color:#f5f7f7} #hr .environment .item {transition:.3s;position:relative;overflow:hidden} #hr .environment .item .bg {height:520px;background-position:center;background-repeat:no-repeat;background-size:cover} #hr .environment .item .bg::after,#hr .environment .item .bg::before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none} #hr .environment .item .bg::before {background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));transition:.3s;z-index:1} #hr .environment .item .bg::after {transition:.3s;background:linear-gradient(to top,#e62129,rgba(230,33,41,0.8));opacity:0;z-index:0} @media (max-width:768px) {#hr .environment .item .bg {height:320px} } #hr .environment .item:hover .bg::before {opacity:0} #hr .environment .item:hover .bg::after {opacity:1} #hr .environment .item:hover .item-info p {opacity:1;height:200px} @media (max-width:768px) {#hr .environment .item:hover .item-info p {height:120px} } #hr .environment .item .item-info {color:#fff;position:absolute;z-index:1;left:40px;right:40px;bottom:15px;padding:15px 30px} #hr .environment .item .item-info h3 {font-weight:lighter} #hr .environment .item .item-info p {color:#fff;opacity:0;transition:all .3s ease;height:0;overflow:hidden} #hr .environment .swiper-button-next,#hr .environment .swiper-button-prev {color:#fff;z-index:10} #hr .environment .swiper-button-next:hover:after,#hr .environment .swiper-button-prev:hover:after {opacity:1} #hr .staff-style .content {padding-left:15px;padding-right:15px} #hr .staff-style .item {background-repeat:no-repeat;background-size:cover;height:360px;position:relative} @media (max-width:1600px) {#hr .staff-style .item {height:245px} } @media (max-width:768px) {#hr .staff-style .item {height:125px} #hr .staff-style .item::before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(to top,#000,rgba(0,0,0,0));transition:.3s;z-index:1} } #hr .staff-style .item .info-media {position:absolute;width:100%;height:100%;top:0;left:0} #hr .staff-style .item .info-media .info-media-box {position:relative;width:100%;height:100%;overflow:hidden} #hr .staff-style .item video {display:block;width:102%;height:102%;object-fit:cover} #hr .staff-style .item .media-mask {position:absolute;width:100%;height:100%;z-index:1;opacity:.3} #hr .staff-style .item .info-block {position:absolute;height:100%;width:38.5%;padding:30px;color:#fff;font-size:42px;z-index:1;background-color:black} #hr .staff-style .item .info-block .item-box {position:relative;height:100%} #hr .staff-style .item .info-block em {position:absolute;top:50%;margin-top:-15px;right:100%;width:0;height:0;border-style:solid;border-top-width:25px;border-bottom-width:25px;border-color:transparent} @media (min-width:768px) {#hr .staff-style .item .info-block .info-title {height:46px} } #hr .staff-style .item .info-block .descript {position:relative;font-size:14px;padding-left:3px;overflow:hidden;transition:.3s;opacity:0;bottom:-30px} @media (max-width:768px) {#hr .staff-style .item .info-block .descript {display:none} } @media (max-width:1600px) {#hr .staff-style .item .info-block {font-size:26px} } @media (max-width:768px) {#hr .staff-style .item .info-block {font-size:18px;width:100% !important;text-align:center !important;bottom:0;height:auto;padding:5px;background-color:transparent !important} #hr .staff-style .item .info-block::before {background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))} } #hr .staff-style .item:hover .info-block .descript {bottom:0px;opacity:1} #hr .staff-style .item-1 {background-position:left center} #hr .staff-style .item-1 .info-block {width:23.5%;right:0} #hr .staff-style .item-1 .info-block em {right:100%;border-right-width:30px} #hr .staff-style .item-2,#hr .staff-style .item-3 {background-position:right center} #hr .staff-style .item-2 .info-block,#hr .staff-style .item-3 .info-block {left:0} #hr .staff-style .item-2 .info-block em,#hr .staff-style .item-3 .info-block em {left:100%;border-left-width:30px} #hr .staff-style .item-4,#hr .staff-style .item-5 {background-position:left center} #hr .staff-style .item-4 .info-block,#hr .staff-style .item-5 .info-block {right:0} #hr .staff-style .item-4 .info-block em,#hr .staff-style .item-5 .info-block em {right:100%;border-right-width:30px} #investor .stock .content {background-color:#f5f7f7;padding:70px} @media (max-width:768px) {#investor .stock .content {padding:30px} } #investor .stock .title {font-weight:lighter;font-size:24px} #investor .stock .stock-present {line-height:1} #investor .stock .stock-present.up .price,#investor .stock .stock-present.up .change {color:#1c428c} #investor .stock .stock-present.up .price::after,#investor .stock .stock-present.up .change::after {border-top-color:transparent !important;border-right-color:transparent !important;border-left-color:transparent !important;border:#1c428c solid 10px;margin-top:10px} #investor .stock .stock-present.down .price,#investor .stock .stock-present.down .change {color:#43b610} #investor .stock .stock-present.down .price::after,#investor .stock .stock-present.down .change::after {border-bottom-color:transparent !important;border-right-color:transparent !important;border-left-color:transparent !important;border:#43b610 solid 10px;margin-top:10px} #investor .stock .stock-present .price,#investor .stock .stock-present .change {vertical-align:middle;display:inline-block} @media (max-width:768px) {#investor .stock .stock-present .price,#investor .stock .stock-present .change {display:block} } #investor .stock .stock-present .price {font-weight:bold;font-size:60px} #investor .stock .stock-present .price span {font-size:18px;color:#393e40} @media (max-width:768px) {#investor .stock .stock-present .price span {display:block} } #investor .stock .stock-present .change {padding-bottom:5px;padding-left:10px} #investor .stock .stock-present .change::after {content:" ";display:block;width:0;height:0} #investor .stock .transaction .item {position:relative} #investor .stock .transaction .item:before {content:" ";position:absolute;height:100%;width:1px;overflow:hidden;background-color:#d9e0e0;left:0;top:0} #investor .stock .transaction .item .label {font-size:14px;color:#919797;padding-left:0} #investor .stock .transaction .item .value {font-size:24px} #investor .stock .transaction .item .value strong {font-weight:normal} #investor .stock .transaction .item .value span {font-size:14px} #investor .stock .tip {margin-top:30px;color:#919797;font-size:12px} #media .more {text-align:right} #media .sticky-news .thumbnail-mask {min-height:450px} #media .sticky-news img {position:absolute;max-height:100%;top:50%;left:50%;transform:translate(-50%,-50%)} @media (max-width:768px) {#media .sticky-news img {max-height:initial;max-width:100%} } #media .company-news .thumbnail .caption {padding:35px 0} #media .company-news .company-news-list {list-style:none;padding:0;margin-left:-30px;margin-right:-30px} #media .company-news .company-news-list li {padding:10px 30px;position:relative} #media .company-news .company-news-list li:before {content:"â—ÃââÃÆâââ€Å¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚";display:inline-block;margin-right:5px} #media .industry-news {background-color:#f5f7f7} #media .industry-news .content {background-color:#fff} #media .industry-news .lists {height:450px;overflow:hidden} @media (max-width:768px) {#media .industry-news .lists {padding-left:15px;padding-right:15px} } #media .industry-news .more {margin-top:15px} @media (max-width:768px) {#media .media-news .sticky-news {margin-bottom:15px} } #media .media-news .sticky-news .thumbnail-mask {min-height:380px} #media .media-news .grid .thumbnail i {display:block;position:relative;padding:30%} #media .media-news .grid .thumbnail i img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%} #media .media-news .grid .thumbnail .caption {padding:8px 0 15px;font-size:14px;height:70px;min-height:70px;overflow:hidden} #responsibility .epidemic .content {position:relative} #responsibility .epidemic .info {position:absolute;left:80px;top:160px} @media (min-width:768px) {#responsibility .epidemic .info {display:block} } @media (max-width:768px) {#responsibility .epidemic .info {left:25px;right:25px;top:25px} } #responsibility .epidemic .info h2 {font-size:42px} @media (max-width:768px) {#responsibility .epidemic .info h2 {font-size:24px} } #responsibility .epidemic .info .descript {margin-bottom:25px} #responsibility .charitable {background-color:#f5f7f7} #responsibility .charitable .foundations {background-color:#fff;margin-bottom:30px} #responsibility .charitable .foundations .video {margin-right:-15px} @media (max-width:768px) {#responsibility .charitable .foundations .video {margin-right:0} } #responsibility .charitable .foundations .info {padding:70px 45px 0 45px} @media (max-width:768px) {#responsibility .charitable .foundations .info {padding:30px} } #responsibility .charitable .foundations .info h3 {margin-top:0;margin-bottom:30px} #responsibility .charitable .foundations .info p {color:gray;margin-bottom:25px} #responsibility .charitable .good-deeds .thumbnail {background-color:transparent} #responsibility .charitable .good-deeds .thumbnail .caption {padding:25px 0 15px;min-height:150px} #responsibility .charitable .good-deeds .thumbnail .caption p {color:gray} #responsibility .responsibility-news .caption {padding:25px 0 15px} #responsibility .responsibility-news .caption p {color:gray} #foundations .page-banner .container-wrap {position:absolute;top:0;left:0;width:100%;height:100%} #foundations .page-banner .container {position:relative} #foundations .page-banner .title {position:absolute;left:0;right:0;bottom:0;padding:15px 0;background-color:rgba(0,0,0,0.5);z-index:1} #foundations .page-banner .title .link {color:#fff} #foundations .page-banner .small-images {position:absolute;top:50%;left:50%;width:200px;transform:translate(425px,-50%);z-index:2} #foundations .page-banner .small-images .small-item {height:120px;margin:15px 0;background-color:#000} #foundations .page-banner .small-images .small-item .img-box {position:relative;height:100%} #foundations .page-banner .small-images .small-item img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%} #foundations .profile .image-box,#foundations .profile .link-box {height:205px;overflow:hidden} #foundations .profile .link-box .link-item {height:50%} #foundations .profile .link-box .link-item:first-child {padding-bottom:10px} #foundations .profile .link-box .link-item:last-child {padding-top:10px} #foundations .profile .link-box .link-item a {display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;background-color:#1c428c;color:#fff} #foundations .profile .link-box .link-item .iconfont {font-size:32px;line-height:1} #foundations .profile .image-box {padding-left:0} #foundations .profile .image-box a {display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%} #foundations .profile .image-box img {height:100%;display:block} @media (max-width:750px) {#foundations .profile .right-content {margin-top:15px} } #foundationsAbout .profile .profile-left {padding-top:60px} #foundationsAbout .rules-pagination {left:0;bottom:30px} #foundationsAbout .rules-prev {left:30px} #foundationsAbout .rules-next {right:30px} #foundationsAbout .thumbnail img {width:100%;height:400px;object-fit:contain;background-color:#e5e5e5} @media (max-width:750px) {#foundationsAbout .thumbnail img {height:300px} } #foundationsAbout .thumbnail .caption {padding:15px;min-height:100px} #foundationsAbout .thumbnail .caption .title {font-size:16px;line-height:1.5} #foundationsAbout .thumbnail .caption .title i {height:50px;float:left;margin-right:8px;font-size:24px} #foundationsAbout .baidu-map {width:100%;height:300px} #foundationsAbout .contact-info th {padding:15px 0;font-weight:normal} #foundationsAbout .contact-info td {padding:15px} #foundationsHonours .thumbnail-mask {position:relative;padding-top:60%} #foundationsHonours .thumbnail-mask img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background-color:#e5e5e5} #foundationsHonours .thumbnail-mask .caption {font-size:16px;line-height:1.25;opacity:0;transition:.3s} #foundationsHonours .thumbnail-mask:hover .caption {opacity:1} #foundationsPublic .timeline-content {margin-top:40px} #foundationsPublic .thumbnail img {width:100%;height:400px;object-fit:contain;background-color:#e5e5e5} @media (max-width:750px) {#foundationsPublic .thumbnail img {height:300px} } #foundationsPublic .caption {font-size:16px;padding:15px;min-height:100px} #foundationsPublic .caption i {float:left;height:80px;margin-right:8px;font-size:24px} #reports .navigation-2 {top:200px;position:absolute;left:0px} #reports .navigation-2 {width:200px;height:200px;overflow:hidden} #reports .navigation-2 .box {padding-bottom:33px;position:relative} #reports .navigation-2 a {position:relative;z-index:2;height:26px;line-height:26px;display:block;color:#2018} #reports .navigation-2 .icon {width:8px;height:8px;border-radius:50%;background:#d8d9dc;display:block;float:left;margin-top:9px;margin-right:16px} #reports .navigation-2 .active a {font-size:20px;color:#1c428c} #reports .navigation-2 .active .icon {background:#1c428c} #reports .navigation-2 .line {background:#d8d9dc;width:1px;height:60px;position:absolute;top:10px;left:4px} #reports .navigation_wrap {position:absolute;width:100%;top:0px;left:0px;transition:all .5s} #reports .years_box {padding-bottom:30px} #reports .years_box_title {float:left;width:120px;font-size:36px;line-height:47px} #reports .years_box_content {float:left;width:660px} #reports .years_box_content .item i {display:block;margin-bottom:5px} #reports .years_box_content .item img {max-width:100%} @media screen and (max-width:769px) {.years_box_content {width:72%} .years_box_title {font-size:20px;width:20%;position:relative} .years_box_title:before {content:' ';position:absolute;width:1px;height:80px;background:#f2f3f5;left:25px;top:40px} .years_box_content {width:75%} } /*# sourceMappingURL=./style.css.map */ #v_pre{ margin-bottom: 20px; } #vbtn1 {width:64px;height:64px;position:absolute;margin-left:-32px;margin-top:-32px;z-index: 1;top:50%;left:50%;} .icon-player {display:inline-block;width:64px;height:64px;position:absolute;top:50%;left:50%;margin-left:-32px;margin-top:-32px;z-index:2;background:url('../images/icon-player.png') no-repeat;opacity:1;z-index: 1;} .main-video:hover .icon-player {opacity:1;transition:opacity 0.3s;} .ycta {opacity:0;transition:opacity 0.3s;left: 1px;} .ycta1{left: 1px !important;}