/* CSS Reset */ html{-webkit-text-size-adjust:none;} .gf2022{overflow-x:hidden;margin:0; padding:0;font-family:'SourceHanSansCN-Light',Arial,"寰蒋闆呴粦","榛戜綋",'瀹嬩綋';} .gf2022 a,.gf2022 *::before,.gf2022 *::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .gf2022 a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .gf2022 a:hover {color: #002f93;} .gf2022 strong {font-weight: 900;} .gf2022 sup {font-size: 12px;line-height: 18px;} .fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden} .gf2022 .pcshow { display:block;} .gf2022 .mbshow { display:none!important;} .gf2022 .img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;} .gf2022 .pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;} .gf2022 .img img,.gf2022 .pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;} .gf2022 .img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;} .gf2022 .img-block {display: block;width: 100%;height: auto;} .gf2022 .img-inline {display: inline-block;width: auto;height: auto;} .gf2022 .clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .gf2022 .clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .gf2022 .clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} ::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;} ::-webkit-scrollbar-button{height:0; width:5px;background: #002f93;} ::-webkit-scrollbar-thumb{background-color:#002f93;box-shadow:inset 1px 1px 0 #002f93,inset 0 -1px 0 #002f93;} .font12 {font-size: 12px;line-height: 20px;} .font14 {font-size: 14px;line-height: 24px;} .font16 {font-size: 16px;line-height: 28px;} .font18 {font-size: 18px;line-height: 32px;} .font30 {font-size: 30px;line-height: 42px;} .font36 {font-size: 36px;line-height: 48px;} .font72 {font-size: 72px;line-height: 72px;} :root { --blue: #0A579F; --green: #37b147; --green1: #ebf7ec; --white: #ffffff; --black: #000000; --gray: #f7f8fa; --gray1: #666; --gray2: #999; --gray3: #e5e5e5; } /* header */ .gf_header {position:fixed;left: 0;top: 0;z-index: 100;width: 100%;transition:all .4s ease;} .gf_header::after {content: '';width: 100%;height: 1px;background: var(--white);position: absolute;left: 0;bottom:0;opacity: .1;} .gf_header_content {width:74%;margin: auto;position: relative;height: 75px;} .gf_header_content_logo {width:12%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 13;} .gf_header_content_logo a {display: block;} .gf_header_content_logo a img,.gf_header_content_logo a svg {display: block;width: 100%;height: auto;} .gf_header_content_logo a svg,.gf_header_content_logo a * {fill: var(--white)!important;} .gf_header_content_nav {text-align: right;width:100%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 12;} .gf_header_content_nav li{list-style: none;display: inline-block;vertical-align: middle;position: relative;} .gf_header_content_nav a{color: var(--white);} .gf_header_content_nav a.gf_nav {position: relative;display: inline-block;margin-left: 30px;} .gf_header_content_nav a.gf_nav::after {content: '';width: 0;height: 1px;background: var(--white);position: absolute;left: 0;bottom: -23px;transition:all .4s ease;} .gf_header_content_nav a:hover {color: var(--white);} .gf_header_content_nav a.gf_nav:hover::after {width: 100%;} .gf_header_content_show_nav {position: absolute;width: 180px;left: 0;top: 30px;z-index: 911;display: none;padding-top: 19px;} .gf_header_content_show_nav ul{background: var(--white);padding: 5% 0px;overflow: hidden;margin: 0;list-style: none;border-top: 2px solid var(--green);} .gf_header_content_show_nav ul a{display: block;color: var(--gray1);text-align: left;padding: 5px 20px;position: relative;font-size: 14px;} .gf_header_content_show_nav ul a:hover {background: var(--green);color: var(--white);} .gf_header_content_show_nav ul a:hover sup {color: var(--white);} .gf_header.scroll-down {background: var(--white);box-shadow: 0px 0px 10px #ccc;} .gf_header.scroll-down .gf_header_content_logo a svg, .gf_header.scroll-down .gf_header_content_logo a * {fill: var(--blue)!important;} .gf_header.scroll-down .gf_header_content_nav a{color: var(--black);} .gf_header.scroll-down .gf_header_content_show_nav ul a:hover, .gf_header.scroll-down .gf_header_content_show_nav ul a:hover sup {color: var(--white);} .blackheader .gf_header {background: rgba(0,0,0,.5);} .fixed {background:none!important;} .blackheader .gf_header.scroll-down {background: #fff;} .no-touch .cd-nav-container {transform: translateX(0);} .gf_header.scroll-down .gf_header_content_nav li a img {filter: invert(1);} /* footer */ .gf_footer {position: relative;overflow: hidden;} .gf_footer_top {background:#f6f6f6;overflow: hidden;padding: 3% 0;} .gf_footer_content {width: 74%;margin: auto;position: relative;} .gf_footer_content_nav {overflow: hidden;float: left;width: 60%;} .gf_footer_content_nav ul{list-style: none;margin: 0;padding: 0;float: left;margin-right: 10%;} .gf_footer_content_nav ul:last-child {margin-right: 0;} .gf_footer_content_nav ul strong{display: block;margin: 0;padding: 0;padding-bottom: 10%;} .gf_footer_content_nav ul li{list-style: none;margin: 0;padding: 0;padding: 4% 0;} .gf_footer_content_nav ul a{display: block;font-size: 14px;color: var(--gray1);padding: 5% 0;} .gf_footer_content_contact {float: right;position: relative;} .gf_footer_content_contact .gf_item_1{border-bottom: 1px solid var(--gray3);padding: 3% 0;overflow: hidden;font-size: 14px;color: var(--gray1);} .gf_footer_content_contact .gf_social_1 {margin-top: 5%;} .gf_footer_content_contact .gf_social_1 li{display: inline-block;vertical-align: middle;position: relative;} .gf_footer_content_contact .gf_social_1 i{display: block;width:34px;height: 34px;border: 1px solid var(--gray2);opacity: .5;position: relative;} .gf_footer_content_contact .gf_social_1 i::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center;background-repeat: no-repeat;} .gf_footer_content_contact .gf_social_1 i.wx::before {background-image: url('../images/wx.png');} .gf_footer_content_contact .gf_social_1 i.wb::before {background-image: url('../images/wb.png');} .gf_footer_content_contact .gf_social_1 i.jd::before {background-image: url('../images/jd.png');} .gf_footer_content_contact .gf_social_1 i.tm::before {background-image: url('../images/tm.png');} .gf_footer_content_contact .gf_social_1 li:hover i{background-color: var(--green);border: 1px solid var(--green);opacity: 1;} .gf_footer_content_contact .gf_social_1 li:hover i::before {filter: invert(100%);} .gf_footer_bottom {padding: 1% 0;overflow: hidden;background: #898989;font-size: 12px;color: var(--gray3);} .gf_footer_bottom a {color: var(--gray3);font-size: 12px;margin: 0 5px;} .gf_footer_bottom a:hover {color: var(--white);} .gf_footer_content_left {float: left;} .gf_footer_content_right {float: right;} .gf_ewmshow {display: none;width: 100px;height: 100px;position: absolute;left: -30px;bottom: 45px;z-index: 3;background: #fff;box-shadow: 0px 0px 10px #ccc;} .gf_ewmshow:after{border: 5px solid transparent;border-top: 5px solid #fff;width: 0;height: 0;position: absolute;content:""; bottom:-10px; left:50%; margin-left:-5px;} .gf_ewmshow img {display: block;width:100px;height: 100px;} .gf_footer_content_contact .gf_social_1 li:hover .gf_ewmshow{display: block;} /* index */ .gf_index_banner {position: relative;} .gf_index_banner_swiper {overflow: hidden;} .banner_swiper_text{position: absolute;left:0;top:50%;z-index: 20;width: 100%;transform: translateY(-70%);text-align: center;color: var(--white);} .banner_swiper_text .gf_title_1{overflow: hidden;font-weight: 600;} .banner_swiper_text .gf_text_1 {margin-top: 1%;} .banner_swiper_text .gf_text_1 sup {font-size: 12px;} .gf_more_1 {margin-top: 2%;text-align: center;} .gf_more_1 a{display: inline-block;padding:9px 0px;color: var(--white);border: 1px solid var(--white);border-radius: 100px;width: 150px;} .gf_more_1 a:hover {background: var(--green);border: 1px solid var(--green);color: var(--white);} .banner_swiper_img {background-position: center;background-repeat: no-repeat;background-size: cover;} .gf_index_banner_swiper .swiper-slide-active .banner_swiper_img {animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} .gf_index_banner_swiper .swiper-pagination.banner_swiper_pagination {bottom: 3%;} .gf_index_banner_swiper .swiper-pagination.banner_swiper_pagination span{background: var(--white);opacity: 1;} .gf_index_banner_swiper .swiper-pagination.banner_swiper_pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--green);} .banner_swiper_text .gf_title_1 {transform:translateY(200px);opacity:0;transition:all 0.6s;} .banner_swiper_text .gf_text_1 {transform:translateY(200px);opacity:0;transition:all 0.7s;} .banner_swiper_text .gf_more_1 {transform:translateY(200px);opacity:0;transition:all 0.9s;} .gf_index_banner_swiper .swiper-slide-active .banner_swiper_text .gf_title_1, .gf_index_banner_swiper .swiper-slide-active .banner_swiper_text .gf_text_1, .gf_index_banner_swiper .swiper-slide-active .banner_swiper_text .gf_more_1 {transform:translateY(0px);opacity:1;} .gf_Who_are_we {padding: 5% 0;overflow: hidden;text-align: center;} .gf_text_2{margin-top: .5%;color: var(--gray1);} .gf_Who_are_we_bottom {padding: 2.5% 0 0 0;} .gf_Who_are_we_bottom_icon {display: inline-block;vertical-align: middle;} .gf_Who_are_we_bottom_icon .gf_title_1{margin-top: 3%;} .gf_add_1 {display: inline-block;vertical-align: middle;margin: auto 5%;} .gf_application_scenarios {padding: 0 0 5% 0;overflow: hidden;} .gf_index_content {width: 74%;margin: auto;} .gf_application_scenarios_top {text-align: center;} .gf_application_scenarios_nav {margin-top: 3%;} .gf_application_scenarios_nav .gf_icon_1{width: 55px;height: 55px;margin: auto;position: relative;} .gf_application_scenarios_nav .gf_icon_1 img {filter: grayscale(100%);opacity: .5;} .gf_application_scenarios_nav .gf_title_1{color: var(--gray1);} .gf_application_scenarios_nav a{display: inline-block;vertical-align: middle;position: relative;width: 16%;} .gf_application_scenarios_nav a::after {content: '';width: 1px;height: 100%;background: var(--gray2);position: absolute;right: 0;top: 0;opacity: .2;} .gf_application_scenarios_nav a:last-child::after {display: none;} .gf_application_scenarios_nav a.cur .gf_icon_1 img{filter: grayscale(0);opacity: 1;} .gf_application_scenarios_nav a.cur .gf_title_1 {color: var(--black);} .gf_application_scenarios_bottom {margin-top: 1.5%;} .gf_application_scenarios_item {position: relative;background: var(--black);overflow: hidden;} .gf_application_scenarios_item .gf_swiper_img{background-position: center;background-repeat: no-repeat;background-size: cover;} .gf_application_scenarios_item .gf_swiper_text{position: absolute;width: 92%;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 11;padding:2% 4%;text-align: left;color: var(--white);} .gf_application_scenarios_item .gf_title_1{overflow: hidden;} .gf_application_scenarios_item .gf_text_1{opacity: .8;} .gf_application_scenarios_item .gf_more_2{position: absolute;right: 4%;top: 50%;transform: translateY(-50%);margin: 0;} .gf_application_scenarios_item .gf_time_1 {display: none;} .gf_more_2 {text-align: center;} .gf_more_2 a{display: inline-block;padding:5px 0px;color: var(--white);border: 1px solid var(--white);border-radius: 100px;width: 110px;} .gf_more_2 a:hover {background: var(--green);border: 1px solid var(--green);color: var(--white);} .gf_explore_light_shadow {padding: 0 0 4% 0;overflow: hidden;} .gf_explore_light_shadow-top {text-align: center;} .gf_explore_light_shadow-bottom {margin-top: 2%;} .gf_explore_light_shadow-item {float: left;width: 32%;box-sizing: border-box;border: 1px solid var(--gray3);margin-right: 2%;} .gf_explore_light_shadow-item:last-child {margin-right: 0;} .gf_explore_light_shadow-item .gf_img{overflow: hidden;} .gf_explore_light_shadow-item .gf_img .pic {transition:all .4s ease;} .gf_explore_light_shadow-item .gf_img a:hover .pic {transform: scale(1.05);} .gf_explore_light_shadow-item .gf_text{padding:5%;text-align: left;position: relative;} .gf_explore_light_shadow-item .gf_title_1 {color: var(--black);} .gf_explore_light_shadow-item .gf_text_1{color: var(--gray1);margin-top: 2%;} .gf_explore_light_shadow-item .gf_more_2{margin-top: 5%;display: inline-block;} .gf_explore_light_shadow-item .gf_more_2 a {border: 1px solid var(--gray3);color: var(--gray2);} .gf_explore_light_shadow-item .gf_more_2 a:hover {border: 1px solid var(--green);color: var(--white);background: var(--green);} .gf_more_3 {text-align: center;clear: both;padding-top: 3%;} .gf_more_3 a {display: inline-block;position: relative;text-align: center;border: 1px solid var(--gray3);border-radius: 100px;overflow: hidden;padding: 6px 10px 5px 20px;font-size: 0;} .gf_more_3 span {display: inline-block;vertical-align: middle;margin-right: 10px;color: var(--gray1);} .gf_more_3 i {display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: var(--green) url('../images/r1.png') center no-repeat;position: relative;border-radius: 100%;border: 3px solid var(--green1);} .gf_more_3 a:hover {background: var(--green);} .gf_more_3 a:hover span {color: var(--white);} .gf_index_news {padding: 0 0 5% 0;overflow: hidden;} .gf_index_news_top {text-align: center;} .gf_index_news_bottom {margin-top: 2%;} .gf_explore_light_shadow-item .gf_time_1 {text-align: center;position: absolute;right: 6%;bottom: 16%;} .gf_explore_light_shadow-item .gf_time_1 i{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url('../images/time.png');margin-right: 10px;} .gf_explore_light_shadow-item .gf_time_1 span{display: inline-block;vertical-align: middle;color: var(--gray2);font-family: Arial, Helvetica, sans-serif;} /* application */ .gf_application_banner {overflow: hidden;position: relative;} .banner_nav_content {width: 74%;margin: auto;} .gf_application_banner .banner_text{position: absolute;width: 100%;top: 35%;left: 0;z-index: 11;color: var(--white);text-align: center;} .gf_application_banner .banner_text .gf_title_1{overflow: hidden;} .gf_application_banner .banner_text .gf_text_2{color: var(--white);opacity: .8;} .gf_application_banner .banner_nav{position: absolute;width: 100%;height: auto;left: 0;bottom: 0;z-index: 20;background: rgba(0,0,0,.3);padding: 2% 0;text-align: center;} .gf_application_banner .banner_nav a{display: inline-block;vertical-align: middle;position: relative;width: 16%;} .gf_application_banner .banner_nav a::after {content: '';width: 1px;height: 100%;background: var(--white);position: absolute;right: 0;top: 0;opacity: .1;} .gf_application_banner .banner_nav a:last-child::after {display: none;} .gf_application_banner .banner_nav .gf_icon_1{position: relative;width: 55px;height: 55px;margin: auto;} .gf_application_banner .banner_nav .gf_icon_1 img {filter: grayscale(100%);} .gf_application_banner .banner_nav .gf_title_1{color: var(--white);opacity: .5;} .gf_application_banner .banner_img{background-position: center;background-repeat: no-repeat;background-size: cover;} .gf_application_banner .banner_img img{display: block;width: 100%;height: auto;} .gf_application_banner .banner_nav a.cur .gf_icon_1 img,.gf_application_banner .banner_nav a:hover .gf_icon_1 img {filter: grayscale(0);} .gf_application_banner .banner_nav a.cur .gf_title_1,.gf_application_banner .banner_nav a:hover .gf_title_1 {opacity: 1;} .gf_application_content {padding: 3% 0;overflow: hidden;} .gf_application_content .gf_index_content {width: 63%;} .gf_application_content_top {text-align: center;border-bottom: 1px solid var(--gray3);padding-bottom: 3%;overflow: hidden;} .gf_application_content_bottom {padding: 3% 0;overflow: hidden;} .gf_application_content_bottom img {max-width: 100%;} /* nav */ .menu-toggle {display: block;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 1%;top: 50%;display: none;z-index: 999;margin-top: -20px;} .cd-nav-trigger {display: block;width: 40px;height: 40px;} .menu-toggle span.hamburger, .menu-toggle span.hamburger:after, .menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;} .menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;} .menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;} .menu-toggle span.cross:before, .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;} .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);} .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);} .no-touch .menu-toggle span.hamburger, .no-touch .menu-toggle span.hamburger:after, .no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;} .no-touch .menu-toggle span.hamburger:after {transition-delay:0s;} .no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;} .no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #fff;} .no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #fff;} @media screen and (max-width: 5120px) { .gf_Who_are_we_bottom_icon .gf_icon_1 img {max-width: 100%;max-height: 100%;} } @media screen and (max-width: 3840px) { } @media screen and (max-width: 2560px) { } @media screen and (max-width: 2048px) { } @media screen and (max-width: 1920px) { .gf_explore_light_shadow-item .gf_text_1{min-height: 40px;} .gf_explore_light_shadow-item .gf_title_1 strong{display: block;} .gf_explore_light_shadow-bottom .gf_explore_light_shadow-item:nth-child(3),.gf_explore_light_shadow-bottom .gf_explore_light_shadow-item:last-child {margin-right: 0;} } @media screen and (max-width: 1680px) { .font14 {font-size: 12px;line-height: 22px;} .font16 {font-size: 14px;line-height: 24px;} .font18 {font-size: 16px;line-height: 28px;} .font30 {font-size: 24px;line-height: 34px;} .font36 {font-size: 30px;line-height: 40px;} .font72 {font-size: 52px;line-height: 52px;} .gf_header_content_show_nav ul a,.gf_footer_content_contact .gf_item_1,.gf_footer_content_nav ul a {font-size: 12px;} .gf_application_banner .banner_nav {padding: 1.5% 0;} .gf_more_1 a {padding: 6px 0px;width: 110px;} .gf_header_content_nav a.gf_nav {margin-left: 20px;} } @media screen and (max-width: 1440px) { .font18 {font-size: 15px;line-height: 26px;} .font30 {font-size: 22px;line-height: 32px;} .font36 {font-size: 28px;line-height: 38px;} .font72 {font-size: 42px;line-height: 42px;} .gf_header_content {width: 74%;height: 65px;} .gf_header_content_show_nav {width: 140px;top: 25px;} .gf_Who_are_we_bottom_icon .gf_icon_1{width: 180px;height: 180px;} } @media screen and (max-width: 1366px) { .font16 {font-size: 12px;line-height: 22px;} .gf_application_banner .banner_nav .gf_icon_1,.gf_application_scenarios_nav .gf_icon_1 {width: 45px;height: 45px;} .gf_application_banner .banner_nav .gf_icon_1 img,.gf_application_scenarios_nav .gf_icon_1 img{max-width: 70%;max-height: 70%;} } @media screen and (max-width: 1280px) { .gf_application_content .gf_index_content {width: 74%;} .gf_Who_are_we_bottom_icon .gf_icon_1{width: 150px;height: 150px;} .gf_header_content_nav a.gf_nav {margin-left: 10px;} } @media screen and (max-width: 1152px) { .gf_header_content ,.gf_index_content,.gf_footer_content,.gf_application_content .gf_index_content,.banner_nav_content{width: 90%;} .gf_footer_content_nav ul {margin-right: 5%;} .gf_footer_content_contact {width: 40%;} } @media screen and (max-width: 1024px) { } @media screen and (max-width: 980px) { .font72 {font-size: 24px;line-height: 32px;} .font18 {font-size: 14px;line-height: 22px;} .font30 {font-size: 18px;line-height: 28px;} .font36 {font-size: 22px;line-height: 34px;} .font14 {font-size: 14px;line-height: 24px;} } @media screen and (max-width: 860px) { ::-webkit-scrollbar{height:0px; width:0px;} .pcshow ,.aside-top a,.gf_application_scenarios_nav,.gf_application_scenarios_item .gf_text_1,.gf_explore_light_shadow-item .gf_text_1,.gf_footer_content_nav,.gf_footer_content_right,.gf_application_banner .banner_nav{display: none!important;} .mbshow,.menu-toggle,.gf_application_scenarios_item .gf_time_1,.gf_header_content_nav a.gf_nav{display: block!important;} .gf_index_banner,.gf_application_banner {margin-top: 65px;} .gf_header {background: var(--white);} .gf_header .gf_header_content_logo a svg, .gf_header .gf_header_content_logo a *{fill: var(--blue)!important;} .no-touch .gf_header.scroll-down .gf_header_content_logo a svg, .no-touch .gf_header.scroll-down .gf_header_content_logo a *,.no-touch .gf_header .gf_header_content_logo a svg, .no-touch .gf_header .gf_header_content_logo a *{fill: var(--white)!important;} .gf_header_content_logo {width: 40%;z-index: 111;} .gf_header_content_nav {z-index: 100;position: fixed;top: 0;background: rgba(0,0,0,.9);} .gf_header_content_nav {text-align: center;width: 100%;height: 100%;transform: translateY(-100%);left: 0;box-sizing: border-box;overflow: auto;padding: 25% 5% 5% 5%;transition:all .4s ease;} .gf_header_content_nav li {display: block;border-bottom: 1px solid rgba(255,255,255,.2);} .gf_header_content_nav a.gf_nav {padding: 3% 0;overflow: hidden;font-size: 16px;margin-left:0px;} .no-touch .gf_header_content_nav{transform: translateY(0);} .gf_header_content_show_nav {width: 100%;top: auto;position: relative;left: auto;text-align: center;padding-top: 0px;} .gf_header_content_show_nav ul {background: none;} .gf_header_content_show_nav ul a {font-size: 14px;color: var(--gray3);text-align: center;} .gf_header.scroll-down .menu-toggle span.hamburger,.gf_header.scroll-down .menu-toggle span.hamburger:after, .gf_header.scroll-down .menu-toggle span.hamburger:before{background: #000;} .gf_header.scroll-down .gf_header_content_nav a{color: var(--white);} .gf_application_banner .banner_img img {width: 200%;max-width: 200%;} .gf_footer_content_contact .gf_title_1 strong{font-size: 18px;} .gf_explore_light_shadow-item .gf_title_1 {width: 100%;overflow: hidden;} .gf_explore_light_shadow-item .gf_title_1 strong {font-size: 16px;overflow: hidden;width: 100%;display: block;} .banner_swiper_text .gf_more_1 {margin-top: 6%;} .banner_swiper_text .gf_text_1 ,.gf_Who_are_we_top,.gf_application_banner .banner_text .gf_text_2{width: 90%;margin: auto;} .gf_Who_are_we,.gf_Who_are_we_bottom ,.gf_explore_light_shadow,.gf_footer_top{padding: 10% 0;} .gf_Who_are_we_top .gf_text_2,.gf_application_scenarios_bottom ,.gf_explore_light_shadow-bottom,.gf_index_news_bottom{margin-top: 5%;} .gf_Who_are_we_bottom_icon .gf_icon_1 {width: 110px;height: 110px;} .gf_application_scenarios_bottom {overflow: hidden;} .gf_application_scenarios_swiper .swiper-wrapper {display: block!important;transform: none!important;overflow:hidden;transition-property:none!important;height: auto!important;box-sizing: initial!important;} .gf_application_scenarios_swiper .swiper-wrapper .swiper-slide {margin-bottom: 5%;transform: none!important;height: auto!important;display: block!important;clear: both;width: 100%!important;overflow:hidden;transition-property: none!important;} .gf_application_scenarios_item .gf_swiper_text {padding: 3% 4%;} .gf_explore_light_shadow-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;} .gf_explore_light_shadow-item .gf_time_1 {bottom: 20%;} .gf2022 sup,.banner_swiper_text .gf_text_1 sup {font-size: 8px;line-height: 10px;} .gf2022 .clamp1 {text-overflow:normal;white-space:normal;overflow: hidden;} .gf_more_1 a {padding: 4px 0px;width: 100px;} .banner_swiper_text .gf_text_1 {font-size: 10px;line-height: 18px;} .gf_footer_bottom {padding: 3% 0;} .gf_index_news {padding: 5% 0 20% 0;} .gf_application_scenarios {padding: 0;} .gf_more_1 a {font-size: 12px;} .gf_text_2.font14 {font-size: 12px;} .gf_footer_content_contact {width: 100%;} .blackheader .gf_header {background:#fff;} } /* iPad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } /* iPad x*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* iPad y */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }