@charset "utf-8"; /* css document */ #root-ecology {padding-top: 80px} a{text-decoration:none; color: #333;} ul{margin:0px; padding:0px;} li{margin:0px; padding:0px; list-style:none;} a{text-decoration:none;} a:focus, a:hover{text-decoration:none;} @font-face { font-family: 'misans'; src: format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } .g_header a, .g_container a,.g_footer a { text-decoration: none !important; } .g_container{width: 100%; overflow: hidden; background: #fff; min-width: 980px; padding-top: 80px;} /* banner */ /*头部*/ .g_header{height:80px; width: 100%; position: fixed; left: 0; top: 0; z-index: 1000; box-shadow: 0px 5px 7px 0px rgba(116, 116, 116, 0.2); background: #fff; min-width: 980px;} .g_header-container{width: 1400px; margin: 0 auto; height:80px; display: flex; justify-content: space-between; flex-wrap: nowrap;} .g_logo{height:80px; display: flex; align-items: center;} .g_logo img{height: 40px;} .g_nav{height:80px; margin-right: 10px;} .g_nav ul{display: flex; justify-content: space-between; align-items: center;} .g_nav ul li{height:80px; align-items: center; display: flex; margin: 0 6px;} .g_nav-first{font-size: 16px; font-weight: 500; color: #666; align-items: center; display: flex; height:80px;position: relative; } .g_nav-first img{width: 14px; margin-left: 3px;} .g_nav ul li:hover .g_nav-first::after{content: ''; display: block; width: 100%; position: absolute; height: 4px; background: #e60012; left: 0; bottom: 0;} .g_nav{max-width: 880px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left: 30px;} .g_nav ul li{margin: 0 10px;} .g_head-right{display: flex; align-items: center; flex-wrap: nowrap;min-width: 370px;} .g_hotline{font-size: 16px; color:#e60012; margin: 0 6px 0 0;} .g_hotline b{font-weight: 600; color:#e60012;} .g_user-nologin{display: flex; justify-content: center;} .g_user-nologin a{display: inline-block; height: 32px; font-size: 14px; color:#fff; padding: 0 11px; line-height: 32px;} .g_btn-login{background: #e60012; border-radius: 2px 0 0 2px;} .g_btn-register{background: #f11022; border-radius: 0 2px 2px 0;} .g_btn-getcase{display: flex; height: 32px; padding: 0 11px; border-radius: 2px; box-sizing: border-box; -webkitbox-sizing: border-box; border: 1px solid #e60012; justify-content: center; align-items: center; font-size: 14px; color: #e60012;} .g_head-user{margin: 0 6px;} .g_nav-box{width: 100%; height: 600px; background:#f9f9f9 url(/uploads/image/aimages/g_98.png) no-repeat center top; background-size: auto 650px; position: absolute; left: 0; top: 80px; box-shadow: 0px 5px 7px 0px rgba(116, 116, 116, 0.2) inset; display: none;} .g_nav-container{width: 1200px; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 60px; position: relative; padding-top:1px; height:600px;} .g_nav-third{display: none;} .g_nav-third{position: absolute; height: 600px; left: 220px; top: 0; width: 1100px; box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 36px; overflow: hidden;} .g_nav-name{display: flex; align-items: center; font-size: 16px; font-weight: 700; color: #333; margin-top: 30px;} .g_nav-name::after{content: ''; display: inline-block; width: 5px; height: 9px; background:url(/uploads/image/aimages/g_105.png) no-repeat center; background-size:100%; margin-left: 9px;} .g_nav-second{display: block; font-size: 14px; color: #666;} .g_nav-second:hover{color: #e60012; font-weight: 700;} .g_sec-logo{display: block; height: 30px;} .g_second-name p{font-size: 18px; font-weight: 700; color: #e60012; display: flex; align-items: center;} .g_second-name p::after{content: ''; display: inline-block; width: 5px; height: 9px; background:url(/uploads/image/aimages/g_123.png) no-repeat center; background-size:100%; margin-left: 9px;} .g_second-name span{display: block; font-size: 12px; color: #666;} .g_second-name span.g_nav-desc{margin-top: 4px;} .g_nav-scroll{height:530px; width:103%; overflow:hidden; overflow-y:scroll; padding-right:15px;} .g_nav-scrollv{padding-top: 28px; padding-bottom: 20px; overflow: hidden;} .g_nav-arrow{width: 100%; position: absolute; left: 0; bottom: 32px; display: flex; justify-content: center; align-items: center; font-size: 12px; color: #e60012;} .g_nav-arrow img{width: 15px; margin-right: 6px;} .g_third-list{ display: flex; flex-wrap: wrap; margin: 15px 0;} .g_third-list a{margin-bottom: 14px; width: 30%; } .g_third-list a p{font-size: 16px; font-weight: 700; color: #333; margin: 0 0 5px;} .g_third-list a span{display: block; font-size: 12px; color: #666; margin-top: 5px; height: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .g_third-list a p img{height: 14px;} .g_nav-item{width: 156px; padding-bottom: 15px;} .g_xiala-dqys .g_nav-third{display: block;} .g_xiala-dqys .g_nav-second{color: #e60012; font-weight: 700;} .g_nav-list{margin-top: 15px;} .g_platform-name{display: flex; align-items: center; font-size: 16px; font-weight: 700; color: #333; margin-top: 10px;} .g_platform-name::after{content: ''; display: inline-block; width: 5px; height: 9px; background:url(/uploads/image/aimages/g_105.png) no-repeat center; background-size:100%; margin-left: 9px;} .g_platform-list{display: flex; flex-wrap: wrap; margin-top: 23px;} .g_platform-list a{width: 30%; margin-bottom: 30px;} .g_platform-list a p img{height: 14px;} .g_platform-list a p .g_czx-logo{height: 17px;} .g_platform-list a span{display: block; font-size: 12px; color: #666;} .g_third-list a p .g_platform-himg{height: 30px;} .g_nav-more{display: flex; align-items: center; font-size: 14px; color: #666; line-height: 30px;position: absolute; left: 60px; bottom: 50px;} .g_nav-more::before{content: ''; display: inline-block; width: 12px; height: 12px; background:url(/uploads/image/aimages/g_99.png) no-repeat center; background-size:100%; margin-right: 5px; } .g_third-list a:hover p{color: #e60012;} /*banner*/ .g_banner{width: 100%; position: relative; overflow: hidden; height: 480px;} .g_banner-img{display: block; width: 1920px; height: 480px; position: absolute; top: 0; left: 50%; transform: translatex(-50%); -webkit-transform: translatex(-50%);} .g_banner-content{width: 1400px; height: 100%; position: absolute; top: 0; left: 50%; transform: translatex(-50%); -webkit-transform: translatex(-50%); display: flex; flex-direction: column; justify-content: center;} .g_banner-content h1{font-size: 38px; font-weight: 700; color: #e60012;} .g_index-banner a{display: block; width: 100%; height: 100%;} .g_banner-content p{font-size: 18px; color: #666; margin: 37px 0 46px; max-width: 824px; line-height: 34px;} .g_btn-banner{display: inline-block; width: 155px; height: 46px; line-height: 46px; border-radius: 4px; background: #e60012; font-size: 16px; color: #fff; text-align: center;} /*趋势洞察*/ .g_trend{width: 100%; background: #fff;} .g_trend-container{width: 1400px; margin: 0 auto; padding: 54px 0 84px;} .g_moudle-title{text-align: center; font-size: 28px; font-weight: 700; color: #333;} .g_trend-body{margin-top: 42px; background:#fcfcfc url(/uploads/image/aimages/g_06.png) no-repeat center top; background-size: 100%; border-radius: 4px; overflow: hidden; position: relative; padding: 22px 470px 54px 27px;} .g_trend-photos{position: absolute; right: 18px; top: 22px; width: 430px;} .g_trend-title{font-size: 20px; font-weight: 700; color: #333; line-height: 31px; margin-bottom: 33px;} .g_trend-list ul li:first-child{ margin-top: 0;} .g_trend-list ul li{padding-top: 23px; margin-top: 23px; border-top:1px solid #eaeaea;} .g_trend-list ul li a{display: block;} .g_trend-list ul li a p{font-size: 18px; color: #333; font-weight: 700;} .g_trend-list ul li a span{display: block; font-size: 16px; line-height: 28px; color: #666; margin-top: 10px;} .g_trend-list ul li:hover a p{color: #e60012;} .g_trend-item{position: relative; width: 100%; overflow: hidden; border-radius: 3px; margin-bottom: 10px;} .g_trend-item a{display: block;} .g_trend-item a img{width: 100%;display: block; transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; transform: scale(1); -webkit-transform: scale(1);} .g_trend-item a p{position: absolute; padding: 0 18px 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; left: 0; bottom: 0; font-size: 16px; color: #fff;} .g_trend-item:hover a img{transform: scale(1.1); -webkit-transform: scale(1.1);} /*解决方案全景图*/ .g_panorama{width: 100%; background:url(/uploads/image/aimages/g_08.png) no-repeat center top; background-size: 1920px 100%;} .g_panorama-container{width: 1400px; margin: 0 auto; padding: 80px 0 123px;} .g_panorama-content{margin-top: 69px;} .g_panorama-img{display: block; width: 100%;} /*客户领先实践*/ .g_case{width: 100%; background: #fff;} .g_case-container{width: 1400px; padding: 52px 0 83px; margin: 0 auto;} .g_case-list{margin-top: 50px;} .g_case-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;} .g_case-list ul li{width: 31.8%; background: url(/uploads/image/aimages/g_09.png) no-repeat center top; background-size: 100% 100%; overflow: hidden; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px 25px 31px; border-radius: 4px;} .g_case-list ul li img{display: block; height: 81px;} .g_case-list ul li p{font-size: 18px; color: #333; font-weight: 700; margin-top: 14px;} .g_case-rich{font-size: 16px; line-height: 28px; color: #999; margin-top: 15px; height: 110px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-align: justify; } .g_case-list ul li a{display: flex; width: 155px; height: 46px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #999; border-radius: 4px; justify-content: center; align-items: center; font-size: 14px; color: #999; margin-top: 34px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; } .g_case-list ul li:hover a{background: #e60012; border-color: #e60012; color: #fff;} /*优势*/ .g_advantage{width: 100%; background:url(/uploads/image/aimages/g_13.png) no-repeat center top; background-size: 1920px auto;} .g_advantage-container{width: 1400px; margin: 0 auto; padding: 70px 0 92px;} .g_advantage-list{margin-top: 56px;} .g_advantage-list ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 32px;} .g_advantage-list ul li{width: 48.83%; background: #fff; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; overflow: hidden; padding: 47px 36px 34px 69px; margin-bottom: 32px; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.12); } .g_advantage-icon{height: 30px; position: absolute; top: 43px; left: 33px;} .g_advantage-content{position: relative; z-index: 10;} .g_advantage-content p{font-size: 18px; color: #333; font-weight: 700;} .g_advantage-content span{font-size: 16px; line-height: 28px; color: #999; margin-top: 15px; text-align: justify; } .g_advantage-bg{display: block; height: 144px; position: absolute; right: 14px; bottom: -61px;} .g_advantage-list ul li:hover{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);} /*了解详情*/ .g_more{width: 100%; background: #fff;} .g_more-container{width: 1400px; margin: 0 auto; padding: 62px 0 70px;} .g_more-list{margin-top: 13px; position: relative;} .g_more-swiper{width: 1532px; height: 325px; padding: 17px;} .g_more-videos{position: relative; width: 536px; height: 325px; border-radius: 4px; overflow: hidden;} .g_more-tips{height: 22px; position: absolute; top: 0; right: 14px;} .g_videos-img{display: block; width: 100%;} .g_btn-play{display: block; width: 50px; height: 50px; background: url(/uploads/image/aimages/g_26.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .g_more-item{width: 315px; position: relative;} .g_more-item a{display: block; position: relative; height: 325px; width: 100%; background: #f7f7f7; overflow: hidden; border-radius: 4px;} .g_more-img{display: block; width: 100%;} .g_more-swiper .swiper-slide{width: auto;} .g_more-content{padding: 11px 16px 0;} .g_more-content p{font-size: 16px; font-weight: 700; color: #333;} .g_more-rich{font-size: 12px; line-height: 20px; color: #999; margin-top: 9px; height: 78px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-align: justify; } .g_more-content span{display: block; width: 21px; height: 14px; background: url(/uploads/image/aimages/g_30.png) no-repeat center; background-size: 100%; margin-top: 22px;} .g_more-swiper .swiper-slide-duplicate-prev .g_more-item::after{content: ''; display: block; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.6;} .g_more-swiper .swiper-slide-duplicate-prev .g_more-videos::after{content: ''; display: block; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.6;} .g_more-item:hover .g_more-content p{color: #e60012;} .g_more-item:hover .g_more-content span{background: url(/uploads/image/aimages/g_31.png) no-repeat center; background-size: 100%;} .g_more-item:hover a{box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.2); background: #fff;} .g_more-pagination{text-align: right; margin-top: 30px; padding-right: 88px; box-sizing: border-box; -webkit-box-sizing: border-box; font-family: misans; font-size: 12px; color: #999;} .g_more-prev{display: block; width: 37px; height: 37px; border: 1px solid #999999; background: url(/uploads/image/aimages/g_32.png) no-repeat center; background-size: 6px; position: absolute; right: 42px; bottom: 0; cursor: pointer;} .g_more-next{display: block; width: 37px; height: 37px; border: 1px solid #999999; background: url(/uploads/image/aimages/g_34.png) no-repeat center; background-size: 6px; position: absolute; right: 0; bottom: 0;cursor: pointer;} .g_more-prev:hover{background: #e60012 url(/uploads/image/aimages/g_35.png) no-repeat center; background-size: 6px; border-color: #e60012;} .g_more-next:hover{background: #e60012 url(/uploads/image/aimages/g_33.png) no-repeat center; background-size: 6px; border-color: #e60012;} .g_more-pagination .swiper-pagination-current{font-size: 18px; font-weight: 700; color: #333;} .g_video-player{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; object-fit: fill;} /*联系我们*/ .g_contact{width: 100%; background: url(/uploads/image/aimages/g_36.png) no-repeat center; background-size:1920px 100%; position: relative;} .g_contact-container{width: 1400px; margin: 0 auto; padding: 63px 0 132px;} .g_contact-title{text-align: center; font-size: 28px; font-weight: 700; color: #e60012;} .g_btn-contact{display: block; width: 280px; height: 54px; line-height: 54px; text-align: center; font-size: 14px; font-weight: 500; color: #fff; background: #e60012; border-radius: 4px; margin: 26px auto 0;} .g_contact-list{width: 100%; height: 73px; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(3px); box-shadow: inset 0px 0.5px 2px 0px rgba(255, 255, 255, 0.4); bottom: 0; left: 0; position: absolute;} .g_contact-list ul{height: 73px; display: flex; justify-content: center;} .g_contact-list ul li{height: 73px; display: flex; align-items: center; margin: 0 63px;} .g_contact-list ul li img{height: 25px; margin-right: 11px;} .g_contact-list ul li span{font-size: 14px; color: #333;} /*底部*/ .g_footer{width: 100%; background: #333; position: relative;} .g_footer-copy{width: 100%; height: 63px; background: #666; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 16px; color: #fff; line-height: 63px;} .g_footer-container{width: 1380px; padding: 72px 0 146px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto;} .g_footer-left{position: relative;} .g_footer-left::after{content: ''; display: block; width: 1px; height: 220px; background: linear-gradient(180deg, rgba(153,153,153,0.00) 0%, #999999 53%, rgba(153,153,153,0.00) 100%) ; position: absolute; right: -53px; top: 45px;} .g_footer-logo{display: block; height: 40px;} .g_footerlogo-img{height: 40px;} .g_footer-mobile{margin-top: 20px; display: flex; justify-content: space-between;} .g_mobile-item p{font-size: 14px; font-weight: 500; color: #fff; margin-bottom: 3px;} .g_mobile-content{display: flex; align-items: center;} .g_mobile-content::before{content:'';width:16px; height: 16px; margin-right: 5px; display: inline-block; background:url(/uploads/image/aimages/g_41.png) no-repeat center; background-size: 100%;} .g_mobile-content span{font-size: 16px; font-weight: 600; color: #fff;} .g_footer-address{margin-top: 24px; font-size: 14px; font-weight: 500; color: #999;} .g_footer-ctrls{margin-top: 20px; display: flex; flex-wrap: wrap;} .g_ctrls-item p{font-size: 14px; font-weight: 500; color: #999;} .g_ctrls-img{margin-top: 8px; display: flex; flex-wrap: wrap;} .g_ctrls-img a{margin-right: 16px; position: relative;} .g_ctrls-img a>img{height: 25px; opacity: 0.3;} .g_ctrls-img a>.g_ctrls-hgh{display: none;} .g_mobile-item:nth-child(2){margin-left: 60px;} .g_ctrls-item{margin-right: 30px;} .g_ctrls-item:last-child{margin-right: 0;} .g_footer-right{padding-top: 22px;} .g_footer-right ul{display: flex; flex-wrap: wrap; justify-content: space-between;} .g_footer-right ul li p{font-size: 18px; font-weight: 500; color: #999;} .g_footer-nav{margin-top: 31px;} .g_footer-nav a{display: block; font-size: 14px; color: #999; margin-bottom: 22px;} .g_footer-nav a:last-child{margin-bottom: 0;} .g_footer-right ul li{margin-right: 75px;} .g_footer-nav a:hover{color: #fff; font-weight: bold;} .g_ctrls-img a:hover>.g_ctrls-hgq{display: none;} .g_ctrls-img a:hover>.g_ctrls-hgh{display: block; opacity: 1;} .g_ctrls-img a span{position: absolute; width: 88px; height: 88px; top: 25px; left: 0; background: #fff; padding: 2px; border-radius: 3px; display: none; z-index: 10;} .g_ctrls-img a span img{width: 84px; height: 84px;} .g_ctrls-img a:hover span{display: block;} /* banner */ .l_banner-content h1{color: #fff;} .l_banner-content p{color: #fff;margin: 16px 0 101px;} .l_trend-title{margin-bottom: 12px;} /* 趋势洞察 */ .l_trend-big{display: none;} .l_trend-bigm{display: none;} /* 客户领先实践 */ .l_case-list ul li{width: 24%;} /* 了解更多 */ .l_more-swiper{width: 1310px;} /* 友情链接 */ .l_amity{width: 100%; position: relative; overflow: hidden;} .l_amity-container{width: 1100px; margin: 0 auto;display: flex;align-items: center;} .l_amity-title{display: inline-block;color: #666;font-size: 14px;line-height: 110px;font-weight: 500;margin-right: 28px;} .l_amity-con{display: flex;} .l_amity-con a{display: inline-block;color: #959595;font-size: 14px;line-height: 110px;font-weight: 400;margin-right: 23px;position: relative;} .l_amity-con a::after{content: "";display: block;width: 1px;height: 16px;background: #959595;position: absolute;top: 50%;right: -10px;transform: translate(0,-50%);} .l_amity-con a:last-child{margin-right: 0;} .l_amity-con a:last-child::after{display: none;} .l_amity-con a:hover{color: #797979;} .l_advantage-list ul li{padding: 47px 36px 57px 69px;} /*集团首页-banner*/ .g_index-container{padding-top: 0;} .g_index-banner{width: 100%; position: relative; overflow: hidden; height: 600px; margin-top: 80px;} .g_banner-swiper {height: 600px;} .g_indbanner-item{width: 100%; position: relative; overflow: hidden; height: 100%;} .g_kv-img{display: block; width: 100%; max-width: 1920px; height: 600px; position: absolute; left: 50%; top: 0; transform: translatex(-50%); -webkit-transform: translatex(-50%);} .g_kv-container{width: 1400px; height: 100%; position: absolute; left: 50%; top:0; transform: translatex(-50%); -webkit-transform: translatex(-50%); display: flex; flex-direction: column; justify-content: center; } .g_kv-container p{font-size: 38px; color: #fff; font-weight: 900; text-shadow: 0px 4px 6px #333333; padding-top: 100px;} .g_kv-container span{display: block; font-size: 18px; font-weight: 500; line-height: 34px; margin-top: 28px; color: #fff; text-shadow: 0px 4px 6px #333333;} .g_kv-container a{display: block; width: 155px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; color: #fff; background: #e60012; margin-top: 58px; border-radius: 4px;} .g_kv-container img{position: absolute; height: 45px; top: 145px; right: 20px;} .g_index-banner .g_banner-pagination{width: 100%; position: absolute; left: 0; bottom: 30px; text-align: center; z-index: 100;} .g_banner-pagination .swiper-pagination-bullet{background: #d8d8d8; opacity: 1;} .g_banner-pagination .swiper-pagination-bullet-active{background: #e60012; width: 20px; border-radius: 8px;} /*集团首页-产品*/ .g_product{width: 100%; height: 140px; background: url(/uploads/image/aimages/g_62.png) no-repeat center top; background-size: 1920px 140px; overflow: hidden; position: relative; display: block;} .g_product-icon{width: 131px; margin: 14px auto 0; display: block;} .g_pro-container{width: 1100px; height: 100%; position: absolute; left: 50%; top: 0; transform: translatex(-50%); -webkit-transform: translatex(-50%); display: flex; flex-wrap: wrap; justify-content: space-between;} .g_pro-list{height: 140px; width: 390px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 0;} .g_pro-item a{width: 120px; height: 40px; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 40px; font-size: 14px; font-weight: 500; color: #999;} .g_pro-item a::after{content: ''; display: inline-block; width: 5px; height: 8px; background: url(/uploads/image/aimages/g_64.png) no-repeat center; background-size: 100%; margin-left: 15px;} .g_pro-list:nth-child(1) .g_pro-item:nth-child(1){margin-left: 80px;} .g_pro-list:nth-child(1) .g_pro-item:nth-child(4){margin-right: 80px;} .g_pro-list:nth-child(2) .g_pro-item:nth-child(2){margin-right: 80px;} .g_pro-list:nth-child(2) .g_pro-item:nth-child(3){margin-left: 80px;} .g_pro-item:hover a{box-shadow: 0px 4px 10px 0px rgba(153, 153, 153, 0.3); color: #e60012;} .g_pro-item:hover a::after{background: url(/uploads/image/aimages/g_65.png) no-repeat center; background-size: 100%;} /*集团首页-解决方案*/ .g_programme{width: 100%;} .g_programme-container{width: 1440px; margin: 0 auto; padding:1px 0;} .g_module-title{font-size: 28px; font-weight: 700; color: #333; text-align: center; margin-top: 46px;} .g_module-subtitle{font-size: 14px; color: #999; text-align: center; margin-top: 15px; text-align: center; display: block;} .g_programme-holder{width: 100%; height: 320px; position: relative; overflow: hidden; margin-top: 14px;} .g_programme-anim{width: 100%; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute; left: 0; top: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .g_programme-list{width: 100%; height: 280px; box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 1px solid #ededed; border-left: 1px solid #ededed; display: flex; justify-content: space-between; margin-bottom: 20px; } .g_programme-col{width: 16.67%; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transform: translatey(0); -webkit-transform: translatey(0); position: relative; background-image: url(/uploads/image/aimages/g_66.png); background-repeat:no-repeat; background-size: auto 280px; } .g_programme-col:nth-child(1){background-position: 0 0;} .g_programme-col:nth-child(2){background-position: 16.67% 0;} .g_programme-col:nth-child(3){background-position: 33.33% 0;} .g_programme-col:nth-child(4){background-position: 50% 0;} .g_programme-col:nth-child(5){background-position: 66.67% 0;} .g_programme-col:nth-child(6){background-position: 83.34% 0;} /* .g_programme-dqys .g_programme-col{background: url(/uploads/image/aimages/g_66.png) no-repeat center top; background-size: 100% 100%; transform: translatey(-301px); -webkit-transform: translatey(-301px); } */ .g_programme-item{width: 100%; height: 140px; box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; position: relative; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .g_programme-def{width: 100%; height: 140px; box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 29px; display: flex; flex-direction: column; justify-content: center;} .g_programme-def img{width: 40px; height: 40px; display: block;} .g_programme-def span{display: block; font-size: 16px; font-weight: 500; color: #666; margin-top: 18px;} .g_programme-hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; overflow: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.12); } .g_programme-content{width: 350px; height: 280px; background: #fff url(/uploads/image/aimages/g_68.png) no-repeat center; background-size: 100%; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 22px 18px 0 27px;} .g_programme-content::after{content: ''; display: block; width: 100%; height: 4px; background: #e60012; position: absolute; left: 0; top: 0;} .g_programme-content p{font-size: 16px; font-weight: 700; color: #e60012;} .g_programme-content span{font-size: 14px; line-height: 24px; color: #666; margin-top: 8px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-align: justify; } .g_programme-content a{display: flex; width: 90px; height: 30px; justify-content: center; align-items: center; background: #e60012; border-radius: 2px; color: #fff; font-size: 12px; position: absolute; left: 27px; bottom: 29px;} .g_programme-content a::after{content: ''; display: inline-block; width: 4px; height: 8px; background: url(/uploads/image/aimages/g_69.png) no-repeat center; background-size: 100%; margin-left: 7px;} .g_programme-content img{width: 45px; height: 45px; position: absolute; right: 18px; bottom: 25px;} .g_programme-item:hover .g_programme-hover{width: 350px; height: 280px; opacity: 1; z-index: 10;} .g_programme-item:nth-child(1) .g_programme-hover{top: 0;} .g_programme-item:nth-child(2) .g_programme-hover{top: auto; bottom: 0;} .g_programme-col:last-child .g_programme-hover{left: auto; right: 0;} .g_programme-list:hover .g_programme-col{width: calc((100% - 350px) / 5);} .g_programme-col:hover{width: 350px !important;} .g_programme-col:nth-child(2n) .g_programme-item:nth-child(1){background: rgba(255, 255, 255, 0.6);} .g_programme-col:nth-child(2n-1) .g_programme-item:nth-child(2){background: rgba(255, 255, 255, 0.6);} .g_btn-programme{display: flex; width: 167px; height: 42px; border-radius: 42px; background: #f0f0f0; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #333; margin: 20px auto 0;} .g_btn-programme img{width: 20px; height: 28px; margin-right: 14px;} .g_hgq{display: inline-block;} .g_hgh{display: none;} .g_btn-programmeqh .g_hgq{display: none;} .g_btn-programmeqh .g_hgh{display: inline-block;} /*集团首页-十大领域*/ .g_field{padding: 10px 0;} .g_field-container{margin-top: 25px;} .g_field-thumb{width: 100%; margin: 0 auto; background: url(/uploads/image/aimages/g_127.png) no-repeat center; background-size:100% 100%;} .g_fieldthumb-item{height: 60px; width: 120px; text-align: center; position: relative; font-size: 16px; color: #666; cursor: pointer; font-weight: 500; line-height: 60px;} .g_field-thumb .swiper-wrapper{justify-content: center;} .g_field-thumb .swiper-slide{width: auto;} .swiper-slide-thumb-active .g_fieldthumb-item{color: #ffffff; background: #e60012; font-weight: 700;} .g_field-scene{width: 100%; height: 400px;} .g_field-item{width: 100%; height: 400px; position: relative; overflow: hidden;} .g_field-bg{position: absolute; left: 50%; top: 0; transform: translatex(-50%); -webkit-transform: translatex(-50%); width: 1920px; height: 400px;} .g_field-content{width: 1400px; height: 100%; position: absolute; z-index: 10; left: 50%; top: 0; transform: translatex(-50%); -webkit-transform: translatex(-50%); display: flex; flex-direction: column; justify-content: center; align-items: flex-start;} .g_field-title{height: 27px; margin-left: 23px;} .g_field-content>p{font-size: 16px; font-weight: 500; color: #333; margin-left: 23px; margin-top: 10px; max-width: 330px;} .g_field-content>span{font-size: 14px; font-weight: 500; line-height: 34px; margin-top: 28px; width: 315px; padding: 16px 23px; background: rgba(255, 255, 255, 0.6); border-radius: 2px;} .g_field-buttons{margin-top: 62px; display: flex; align-items: center; margin-left: 23px;} .g_field-buttons a{width: 90px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 12px; border-radius: 2px;} .g_field-buttons a::after{content: ''; display: inline-block; width: 4px; height: 8px; margin-left: 7px;} .g_btn-red{color: #fff; background: #e60012;} .g_field-buttons a.g_btn-red::after{background: url(/uploads/image/aimages/g_33.png) no-repeat center; background-size: 100%;} .g_btn-white{color: #666; background: #fff; margin-left: 14px;} .g_field-buttons a.g_btn-white::after{background: url(/uploads/image/aimages/g_34.png) no-repeat center; background-size: 100%;} /*集团首页-产品地图*/ .g_map-container{width: 1400px; padding: 30px 0 30px; width: 1400px; margin: 0 auto;} .g_map-list{margin-top: 25px; width: 100%;} .g_map-list ul{display: flex; justify-content: space-between;} .g_map-list ul li{position: relative; width: calc((100% - 518px) / 3); height: 482px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .g_map-def{width: 100%; height: 482px; position: relative; overflow: hidden; opacity: 1; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .g_map-def img{display: block; width: 100%; position: absolute; left: 0; bottom: 0;} .g_map-remark{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, #767676 0%, rgba(149,149,149,0.83) 33%, rgba(102,102,102,0.00) 80%); box-sizing: border-box; -webkit-box-sizing: border-box; padding: 36px 20px 0; z-index: 5;} .g_map-remark p{font-size: 18px; font-weight: bold; color: #fff;} .g_map-remark span{display: block; font-size: 14px; color: #fff; line-height: 23px; margin-top: 18px;} .g_map-hover{position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 10; opacity: 0; left: 0; top: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .g_map-content{width: 476px; height: 482px; background: url(/uploads/image/aimages/g_77.png) no-repeat center; background-size: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 36px 34px 0; position: relative;} .g_map-content>p{font-size: 18px; color: #333; font-weight: 700;} .g_map-content img{display: block; height: 40px; margin: 10px 0;} .g_map-content>span{display: block; font-size: 14px; line-height: 24px; height: 120px;} .g_map-content>b{display: block; font-size: 14px; font-weight: 500; color: #333; margin-top: 13px;} .g_map-tab{margin-top: 20px; display: flex; flex-wrap: wrap;} .g_map-tab a{display: inline-block;height: 28px; line-height: 28px; padding: 0 22px; border-radius: 28px; background: #fff; font-size: 12px; color: #666; margin: 0 10px 10px 0; min-width: 92px; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center;} .g_map-tab a:hover{color: #fff; background: #e60012;} .g_map-buttons{position: absolute; left: 0; bottom: 36px; padding: 0 34px; display: flex; align-items: center; box-sizing: border-box; -webkit-box-sizing: border-box;} .g_map-buttons a{display: flex; align-items: center; justify-content: center; width: 196px; height: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e7e6e6; border-radius: 4px; font-size: 14px; font-weight: 500;} .g_map-buttons a.g_btn-red{border-color: #e60012;} .g_map-list ul li.g_map-dqys{width: 476px;} .g_map-list ul li.g_map-dqys .g_map-hover{opacity: 0;} .g_map-list ul li.g_map-dqys .g_map-hover{width: 476px !important; opacity: 1 !important;} .g_ranks{width: 100%; position: relative; padding-bottom: 88px;} .g_ranks-container{width: 1400px; margin: 0 auto; padding-top: 1px;} .g_ranks-content{ margin-top: 46px; padding: 0 30px; position: relative;} .g_ranks-swiper{height: 160px; padding-top: 30px;} .g_ranks-item{position: relative; height: 128px; width: 80%; margin: 0 auto;} .g_ranks-before{width: 75px; height: 117px; position: absolute; left: 0; top: 50%; transform: translatey(-50%);} .g_ranks-after{width: 75px; height: 117px; position: absolute; right: 0; top: 50%; transform: translatey(-50%);} .g_img-wheat{width: 75px; height: 117px; position: absolute; left: 0; top: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .g_wheat-hgq{opacity: 1;} .g_wheat-hgh{opacity: 0;} .g_ranks-middle{position: relative;height: 128px; z-index: 10;} .g_ranks-middle p{text-align: center; font-size: 16px; color: #b9a06c; font-weight: 700; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .g_ranks-middle span{display: block; text-align: center; margin-top: 12px; font-size: 14px; color: #666; line-height: 22px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .g_ranks-logo{display: block; position: absolute; width: 110px; height: 30px; border-radius: 30px; border: 1px solid #dcdcdc; left: 50%; bottom: 0; box-sizing: border-box; -webkit-box-sizing: border-box; transform: translatex(-50%); -webkit-transform: translatex(-50%); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; overflow: hidden; } .g_ranks-logo img{display: block; width: 100%; border-radius: 30px; position: relative; top: -1px;} .g_ranks-item:hover .g_wheat-hgq{opacity: 0;} .g_ranks-item:hover .g_wheat-hgh{opacity: 1;} .g_ranks-item:hover .g_ranks-middle p{color: #e60012;} .g_ranks-item:hover .g_ranks-middle span{color: #e60012;} .g_ranks-item:hover .g_ranks-logo{border-color: #f1e1c0;} .g_ranks-prev{width: 5px; height: 8px; background: url(/uploads/image/airanks/g_06.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); } .g_ranks-next{width: 5px; height: 8px; background: url(/uploads/image/airanks/g_07.png) no-repeat center; background-size: 100%; position: absolute; right: 0; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); } .g_ranks-prev:hover{background: url(/uploads/image/airanks/g_08.png) no-repeat center; background-size: 100%;} .g_ranks-next:hover{background: url(/uploads/image/airanks/g_09.png) no-repeat center; background-size: 100%;} .g_awards-imgs{height: 23px; position: relative;} .g_icon-awards{width: 62px; margin: 0 auto; display: block; position: relative; top: -27px;} .g_ranks-middle b{display: block; text-align: center; font-size: 16px; font-weight: 700; color: #b9a06c;} /*集团首页-行业*/ .g_industry{width: 100%; position: relative; height: 600px;} .g_industry .g_module-title{width: 100%; margin-top: 0; position: absolute; top: 35px; left: 0; z-index: 10; color: #fff;} .g_industry .g_module-subtitle{width: 100%; margin-top: 0; position: absolute; top: 90px; left: 0; z-index: 10; color: #d9d9d9;} .g_industry-thumb{width: 100%; position: absolute; left: 0; top: 133px; z-index: 10;} .g_industrythumb-item{height: 40px; text-align: center; position: relative; font-size: 16px; color: #fff; cursor: pointer; margin: 0 42px; font-weight: 500;} .g_industry-thumb .swiper-wrapper{justify-content: center;} .g_industry-thumb .swiper-slide{width: auto;} .swiper-slide-thumb-active .g_industrythumb-item::after{content: ''; display: block; width: 100%; height: 2px; background: #e60012; position: absolute; left: 0; bottom: 0;} .g_industry-item{position: relative; width: 100%; height: 600px; overflow: hidden;} .g_industry-img{display: block; width: 1920px; height: 600px; position: absolute; left: 50%; top: 0; transform: translatex(-50%); -webkit-transform: translatex(-50%);} .g_industry-content{width: 1400px;height: 100%; position: absolute; left: 50%; top: 0; z-index: 10; transform: translatex(-50%); -webkit-transform: translatex(-50%); box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 200px;} .g_industry-content>p{font-size: 28px; font-weight: bold; color: #fff;} .g_industry-desc{font-size: 14px; color: #fff; line-height: 24px; margin-top: 16px; max-height: 150px; width: 590px;} .g_industry-content>span{display: flex;width: 590px; align-items: center; justify-content: flex-end; font-size: 14px; color: #fff; margin-top: 22px;} .g_industry-content>span::before{content: ''; display: inline-block; width: 20px; height: 1px; background: #fff; margin-right: 12px;} .g_industry-content a{width: 90px; height: 30px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e8e8e8; border-radius: 2px; font-size: 12px; color: #e8e8e8; position: absolute; left: 0; bottom: 104px;} .g_industry-logos{width: 100%; height: 80px; background: rgba(216, 216, 216, 0.3); backdrop-filter: blur(10px); position: absolute; left: 0; bottom: 0; z-index: 10;} .g_industry-logos ul{height: 80px; width: 1400px; margin: 0 auto; display: flex; align-items: center;} .g_industry-logos ul li{margin-right: 27px; cursor: pointer; height: 40px;} .g_industry-logos ul li img{height: 40px; border-radius: 2px; opacity: 0.6; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .g_industry-logos ul li:hover img{opacity: 1;} .g_industry-content a:hover{background: #e60012; border-color: #e60012;} .g_industry-hxk{width: 100%; height: 100%; position:absolute; left: 0; top: 0; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .g_industry-dqys.g_industry-hxk{opacity: 1;} .g_industry-logos ul li.g_industry-dqys img{opacity: 1;} /*集团首页-白皮书*/ .g_baipis{width: 100%; background: #fff url(/uploads/image/airanks/g_11.png) no-repeat center 60px; background-size: 1920px; padding: 92px 0 89px;} .g_baipis-container{width: 970px; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; padding-left: 304px; min-height: 396px; margin: 0 auto;} .g_baipis-img{display: block; width: 247px; position: absolute; left: 0; top: 0; z-index: 10; } .g_baipis-content{height: 396px; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 18px;} .g_baipis-content p{font-size: 36px; font-weight: 700; color: #333;} .g_baipis-content span{font-size: 24px; font-weight: 700; color: #333; margin-top: 18px;} .g_baipis-desc{margin-top: 24px; font-size: 18px; line-height: 32px; color: #666; height: 128px; overflow: hidden;} .g_baipis-content a{width: 133px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 2px; background: #e60012; font-size: 16px; font-weight: 500; color: #fff; margin-top: 56px;} .g_baipis-content a::after{content: ''; display: inline-block; width: 11px; height: 12px; background:url(/uploads/image/aimages/g_84.png) no-repeat center; background-size: 100%; margin-left: 5px;} .g_baipis-list{margin: 58px auto 0; width: 1400px;} .g_baipis-list ul{display: flex; align-items: center; justify-content: space-between;} .g_baipis-list ul li{display: inline-block; width: calc((100% - 35px) / 3); position: relative; cursor: pointer;} .g_baipis-imgbox{width: 118px; height: 186px; position: absolute; left: 0; top: 0; transform: scale(1); -webkit-transform: scale(1); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .g_baipis-shadow{width: 362px; height: 64px; position: absolute; bottom: 0; right:-61px;} .g_baipis-imgbig{width: 247px; height: 388px;} .g_baipis-imgbig .g_baipis-shadow{width: 758px; height: 134px; right: -127px;} .g_baipis-list ul li .g_baipis-img{width: 118px;} .g_baipis-list ul li .g_baipis-container{width: 100%; padding-left: 150px; min-height: 150px;} .g_baipis-list ul li .g_baipis-content{height: auto;} .g_baipis-list ul li .g_baipis-content p{font-size: 16px;} .g_baipis-list ul li .g_baipis-desc{font-size: 12px; line-height: 18px; width: 194px; height: 54px; margin-top: 11px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; } .g_baipis-list ul li .g_baipis-content a{margin-top: 24px; color: #666; border: 1px solid #666; background: none; box-sizing: border-box; -webkit-box-sizing: border-box;} .g_baipis-list ul li .g_baipis-content a::after{background:url(/uploads/image/airanks/g_10.png) no-repeat center; background-size: 100%; } .g_baipis-list ul li:hover .g_baipis-content a{color: #fff; background: #e60012; border-color: #e60012;} .g_baipis-list ul li:hover .g_baipis-content a::after{background:url(/uploads/image/aimages/g_84.png) no-repeat center; background-size: 100%; } .g_baipis-list ul li:hover .g_baipis-content p{color: #e60012;} .g_baipis-list ul li:hover .g_baipis-imgbox{ transform: scale(1.1); -webkit-transform: scale(1.1); } /*集团首页-新闻*/ .g_news{width: 100%; height: 605px; padding: 1px 0; background: url(/uploads/image/aimages/g_85.png) no-repeat center top; background-size: 1920px;} .g_news-container{margin: 18px auto 0; width: 1400px; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 37px 34px 58px 638px; position: relative; background: rgba(255,255,255,0.8); border-radius: 2px;min-height: 380px;} .g_news-fl{width: 572px; height: 322px; position: absolute; left: 34px; top: 37px;} .g_news-fl a{display: block;width: 572px; height: 322px; position: relative;} .g_news-fl img{display: block; width: 100%; height: 322px; border-radius: 2px;} .g_news-title{position: absolute; width: 100%; background: linear-gradient(0deg, #434343 0%, rgba(73,73,73,0.00) 81%); box-sizing: border-box; -webkit-box-sizing: border-box; padding: 76px 20px 17px; font-size: 20px; font-weight: 700; color: #fff; left: 0; bottom: 0;} .g_news-fr ul li{padding-bottom: 28px; border-bottom: 1px solid #eaeaea; margin-bottom: 22px;} .g_news-fr ul li a{display: block;} .g_news-fr ul li a p{font-size: 16px; font-weight: 700; color: #333; line-height: 24px;} .g_news-fr ul li a span{display: block; font-size: 14px; color: #666; margin-top: 8px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .g_news-fr ul li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0 none;} .g_btn-more{display: flex; align-items: center; font-size: 12px; color: #666;position: absolute; right: 34px; bottom: 28px;} .g_btn-more::after{content: ''; display: inline-block; width: 16px; height: 16px; background: #e60012 url(/uploads/image/aimages/g_33.png) no-repeat center; background-size: 4px; margin-left: 9px; } .g_news-fr ul li:hover a p{color: #e60012;} .g_news-fr ul li:hover a span{color: #333;} .g_news-fl a:hover .g_news-title{color: #e60012;} /*集团首页-权威认可*/ .g_honor{background: url(/uploads/image/airanks/g_01.jpg) no-repeat center top; background-size: 100% 100%;} .g_honor-container{width: 1400px; padding: 32px 0; margin: 0 auto;} .g_honor-list{margin-top: 56px;} .g_honor-list ul{display: flex; justify-content: space-between;} .g_honor-list ul li{width: calc((100% - 78px) / 7); display: flex; flex-direction: column; justify-content: center; cursor: pointer; transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.1); } .g_honor-list ul li img{display: block; height: 80px; margin: 0 auto;} .g_honor-list ul li p{text-align: center; margin-top: 5px; font-size: 12px; color: #3d3d3d; line-height: 20px; height: 60px; overflow: hidden;} .g_honor-list ul li:hover{box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);} /*集团首页-底部*/ .g_footer-index{background: #f6f6f6;} .g_footer-index .g_mobile-item p{color: #333;} .g_footer-index .g_mobile-content span{color: #e60012;} .g_footer-index .g_mobile-content::before{background:url(/uploads/image/aimages/g_93.png) no-repeat center; background-size: 100%;} .g_footer-index .g_footer-address{color: #333;} .g_footer-index .g_footer-copy{background: #333; color: #999; font-size: 12px;} .g_footer-index .g_footer-nav a:hover{color: #e60012;} .g_footer-index .g_footer-right ul li p{color: #333;} /**/ .g_head-right{position: relative;} .g_user-info{display: flex; align-items: center; padding: 0 10px; height: 100px; position: relative;} .g_user-logon:hover .g_user-bottons{display: block;} .g_user-div span{display: none;} .g_user-info img{width: 25px; height: 25px; border-radius: 25px; border: 1px solid #eee;} .g_user-div{margin-left: 5px;} .g_user-div p{font-size: 12px; color: #333;} .g_user-bottons{position: absolute; width: 130px; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); top: 100px; right: 0; padding: 15px 0; display: none;} .g_user-bottons a{display: block; margin: 0; background: none; font-size: 14px; color: #333; height: 30px; line-height: 30px; margin-bottom: 15px; text-align: center;} .g_user-bottons a:hover{color: #e60012;} .g_user-logon{position: relative;} .g_nav-hotline{position: absolute; left: 60px; bottom: 38px;} .g_nav-hotline p{font-size: 14px; color: #666;} .g_nav-hotline span{display: block; font-size: 14px; color: #e60012; font-weight: 600;} .scrollvbar{width:5px; height:100%; top:0px; position:absolute; right:2px; border-radius:5px; background:none;} .scrollvbar i{position:absolute; width:100%;background:#bcbcbc; display:block; height:100px; border-radius:5px; cursor:pointer; opacity:0.9;} .g_field-content>span.g_pr-wt{width: 325px;} .g_map-buttons a:hover{box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.12);} .g_baipis-content a:hover{box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.24);} .g_user-nologin a:hover{box-shadow: 0px 4px 10px 0px rgba(182, 0, 0, 0.2);} .g_btn-getcase:hover{box-shadow: 0px 4px 10px 0px rgba(182, 0, 0, 0.2);} .g_btn-nav{display: none;} .g_banner-imgm{display: none;} .g_btn-close{display: none;} .g_photos-m{display: none;} .g_panorama-imgm{display: none;} .g_case-prev{display: none;} .g_case-next{display: none;} .g_footerlogo-imgm{display: none;} .g_case-swiper{display: none;} .g_kv-imgm{display: none;} .g_kv-font{display: none;} .g_product-iconm{display: none;} .g_programme-mobile{display: none;} .g_field-bgm{display: none;} .g_prev-style{display: none;} .g_next-style{display: none;} .g_pagination-style{display: none;} .g_map-mobile{display: none;} .g_industry-imgm{display: none;} .g_industry-zwt{display: none;} .g_btn-users{display: none;} .g_ranksmobile-swiper{display: none;} .g_baipis .g_module-title{display: none;} .g_baipis-list ul li:first-child{display: none;} .g_baipis-pagination{display: block;} .g_pagination-style{margin-top: 21px; text-align: center; height: auto; line-height: 0; display: block;} .g_pagination-style .swiper-pagination-bullet{height: 6px; width: 6px;} .g_pagination-style .swiper-pagination-bullet-active{background: #e60012; width: 20px; border-radius: 8px;} /* 行业解决方案 */ .m_programme-big{display: block;width: 232px !important;height: 164px !important;position: absolute;top: 0;left: 0;} .m_programme-def{justify-content: flex-end;padding-bottom: 30px;padding-left: 25px;} .m_programme-con{width: 100%;position: relative;padding-left: 19px;box-sizing: border-box;-webkit-box-sizing: border-box;position: absolute;bottom: 10px;left: 25px;height: 40px;} .m_programme-img{width: 15px !important;height: 15px !important;position: absolute;top: 4px;left: 0;} .m_programme-def span{color: #fff;font-weight: 700;margin-top: 0;} .m_programme-ico{width: 467px !important;height: 100% !important;position: absolute;top: 0;left: 0;} .m_programme-details{width: 100%;height: 100%;position: relative;display: flex;flex-direction: column;justify-content: flex-start;} .m_programme-content p{color: #fff;} .m_programme-content span{color: #fff;} .m_programme-content a{left: 0;} .g_programme-col{border-left: 2px solid #fff;border-right: 2px solid #fff;} .m_programme-item{height: 164px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;} .m_programme-def{height: 164px !important;border-top: 2px solid #fff;border-bottom: 2px solid #fff;} .m_programme-big{height: 164px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;} .m_programme-content{height: 328px;} .m_programme-item:hover .g_programme-hover{height: 324px;} .g_programme-holder{height: 352px;} .g_programme-list{height: 326px;} .g_programme-col{overflow: hidden;} .g_programme-list{border:0 none;} .g_programme-list:hover .g_programme-col{width: calc((100% - 350px) / 5);} .m_programme-content{border-top: 2px solid #fff;} /* 领航产业 */ .m_ranks{padding-bottom: 0;} .m_ranks-big{display: block;width: 1920px;height: 100%; position: absolute;top: 0;left: 50%;margin-left: -960px;} .m_module-title{position: relative;color: #fff;margin-top: 33px;} .m_ranks-content{padding-bottom: 48px;margin-top: 0;} /* .m_ranks-swiper {padding-top: 76px;} */ .m_ranks-swiper .swiper-slide{width: 100%;display: flex;justify-content: space-between;align-items: center;} .m_ranks-item{width: 20%;} .m_ranks-logo{border: 1px solid #beaf7d;} .m_ranks-prev{width: 10px; height: 18px; background: url(/uploads/image/airanks/l_02.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 45%; transform: translatey(-50%); -webkit-transform: translatey(-50%); } .m_ranks-next{width: 10px; height: 18px; background: url(/uploads/image/airanks/l_03.png) no-repeat center; background-size: 100%; position: absolute; right: 0; top: 45%;z-index: 11; transform: translatey(-50%); -webkit-transform: translatey(-50%); } .m_ranks-prev:hover{background: url(/uploads/image/airanks/l_04.png) no-repeat center; background-size: 100%;} .m_ranks-next:hover{background: url(/uploads/image/airanks/l_05.png) no-repeat center; background-size: 100%;} .m_img-light{opacity: 0;width: 100%;position: absolute;bottom: 0;left: 50%;transform: translatex(-50%); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .m_ranks-global{width: 100%;position: relative;} .m_ranks-middle p{color: #eadaba;font-size: 18px;position: relative;} .m_img-wheat{opacity: 0;height: 40px;position: absolute;bottom: -16px;left: 50%;transform: translate(-50%,0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .m_ranks-middle span{color: #fff;} .m_ranks-middle b{position: relative;} .m_ranks-item:hover .m_ranks-logo{border-color: #e60012;} .m_ranks-item:hover .g_wheat-hgq{opacity: 0;} .m_ranks-item:hover .g_wheat-hgh{opacity: 1;} .m_ranks-item:hover .m_ranks-middle p{color: #fff;} .m_ranks-item:hover .m_ranks-middle span{color: #fff;} .m_ranks-item:hover .m_img-wheat{opacity: 1;} .m_ranks-item:hover .m_img-light{opacity: 1;} .m_ranks-item:hover .m_ranks-middle b{color: #fff;} .m_ranks-bigm{display: none;} .m_pagination-style{display: none;} /* 了解用友-banner */ .m_informbanner{width: 100%;position: relative;overflow: hidden;} .m_informbanner-big{display: block; width: 1920px; height: 480px; position: absolute; left: 50%; top: 0; transform: translatex(-50%); -webkit-transform: translatex(-50%);} .m_informbanner-container{width: 100%;height: 480px;position: relative;margin: 0 auto;display: flex;flex-direction: column;align-items: center;overflow: hidden;} .m_informbanner-container h3{width: 100%;color: #fff;font-size: 38px;font-weight: 700;text-align: center;padding-top: 82px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_informbanner-container p{max-width: 944px;color: #fff;font-size: 18px;line-height: 34px;font-weight: 500;text-align: center;margin: 40px 0 37px;padding: 0 18px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_informbanner-skip{display: inline-block;padding: 0 24px;box-sizing: border-box;-webkit-box-sizing: border-box;background: #fff;border-radius: 4px;color: #e60012;font-size: 16px;line-height: 50px;display: flex;justify-content: center;align-items: center;} .m_informbanner-skip img{width: 15px;height: 15px;margin-left: 15px;} /* 35年来,用友持续引领企业服务产业发展 */ .m_property{width: 100%;position: relative;overflow: hidden;padding: 62px 0 73px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_property-big{display: block;width: 1920px;position: absolute;top: 0;left: 50%;transform: translatex(-50%); -webkit-transform: translatex(-50%);} .m_property-container{width: 1130px;height: 100%;position: relative;margin: 0 auto;} .m_property-container h3{color: #e60012;font-size: 28px;font-weight: 700;text-align: center;} .m_property-con{width: 100%;position: relative;} .m_property-con ul{width: 100%;height: 100%;position: relative;display: flex;justify-content: space-between;margin-top: 73px;} .m_property-con ul li{position: relative;padding-left: 21px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_property-con ul li::before{content: "";display: block;width: 1px;height: 100%;background: #e60012;position: absolute;top: 0;left: 0;} .m_property-con ul li p{color: #cbcbcb;font-size: 36px;font-family: 'regular';} .m_property-con ul li b{display: block;color: #e60012;font-size: 24px;font-weight: 700;margin-bottom: 45px;} .m_property-con ul li span{display: block;color: #666;font-size: 16px;line-height: 28px;font-weight: 400;} .m_property-con ul li:first-child{margin-top: 216px;} .m_property-con ul li:nth-child(2){margin-top: 102px;height: 240px;} .m_property-con ul li:last-child{height: 277px;} .m_property-con ul li:nth-child(2) p{font-size: 64px;line-height: 68px;} .m_property-con ul li:last-child p{font-size: 76px;line-height: 80px;} /* 从本土雄心到壮志凌云,让中国软件在全球拥有一席之地! */ .m_space{width: 100%;position: relative;overflow: hidden;padding: 76px 0 89px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_space-container{width: 100%;position: relative;margin: 0 auto;display: flex;flex-direction: column;align-items: center;overflow: hidden;} .m_space-container h3{color: #e60012;font-size: 28px;font-weight: 700;text-align: center;padding-bottom: 30px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_space-study{max-width: 670px;color: #666;font-size: 18px;line-height: 34px;font-weight: 400;text-align: center;padding: 0 18px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_space-discuss{margin-bottom: 40px;} /* 用友在业界率先提出"数智化"(数字化 智能化)概念 */ .m_concept{width: 100%;position: relative;overflow: hidden;padding: 106px 0 127px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_concept-big{display: block;width: 1920px;position: absolute;top: 0;left: 50%;transform: translatex(-50%); -webkit-transform: translatex(-50%);} .m_concept-container{width: 1130px;height: 100%;position: relative;margin: 0 auto;} .m_concept-top{width: 100%;height: 289px;position: relative;padding-left: 549px;box-sizing: border-box;-webkit-box-sizing: border-box;display: flex;align-items: center;} .m_concept-le{width: 512px;height: 100%;position: absolute;left: 0;top: 0;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);border-radius: 6px;} .m_concept-img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .m_concept-le ul{width: 100%;height: 100%;position: relative;display: flex;justify-content: space-between;padding: 102px 15px 0;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_concept-le ul li h3{color: #333;font-size: 18px;font-weight: 700;} .m_concept-le ul li p{color: #e60012;font-size: 16px;font-weight: 700;} .m_concept-le ul li span{display: block;color: #666;font-size: 14px;font-weight: 400;margin-top: 24px;} .m_concept-le ul li:first-child{display: flex;flex-direction: column;align-items: flex-end;} .m_concept-le ul li:last-child{display: flex;flex-direction: column;align-items: flex-start;} .m_concept-le ul li:first-child span{text-align: right;} .m_concept-ri{width: 100%;position: relative;} .m_concept-notion{color: #e60012;font-size: 24px;font-weight: 700;margin-bottom: 10px;} .m_concept-face{color: #666;font-size: 16px;line-height: 28px;font-weight: 400;text-align: justify;} .m_concept-bot{width: 100%;height: 289px;position: relative;padding-right: 549px;box-sizing: border-box;-webkit-box-sizing: border-box;display: flex;align-items: center;margin-top: 45px;} .m_concept-release{width: 512px;height: 100%;position: absolute;right: 0;top: 0;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);border-radius: 6px;} /* 用友bip,被重要央媒誉为企业数智化的“大国重器” */ .m_treasure{width: 100%;position: relative;overflow: hidden;padding: 70px 0 90px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_treasure-big{display: block;width: 1920px;position: absolute;top: 0;left: 50%;transform: translatex(-50%); -webkit-transform: translatex(-50%);} .m_treasure-container{width: 1200px;height: 100%;position: relative;margin: 0 auto;} .m_treasure-container h3{color: #e60012;font-size: 28px;font-weight: 700;text-align: center;} .m_treasure-con{width: 100%;position: relative;display: flex;flex-direction: column;align-items: center;margin-top: 85px;} .m_treasure-img{height: 94px;} .m_treasure-great{max-width: 990px;padding: 0 20px;box-sizing: border-box;-webkit-box-sizing: border-box;color: #666;font-size: 18px;line-height: 34px;font-weight: 400;text-align: center;margin: 16px 0 33px;} .m_treasure-mind{max-width: 990px;padding: 0 20px;box-sizing: border-box;-webkit-box-sizing: border-box;color: #666;font-size: 18px;line-height: 34px;font-weight: 400;text-align: center;margin-top: 33px;} .m_treasure-list{width: 100%;position: relative;overflow: hidden;} .m_treasure-ico{display: block;width: 1200px;position: absolute;top: 0;left: 50%;transform: translatex(-50%); -webkit-transform: translatex(-50%);} .m_treasure-list{width: 100%;position: relative;} .m_treasure-list ul{width: 100%;height: 100%;position: relative;display: flex;justify-content: space-around;padding: 39px 99px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_treasure-list ul li{width: 25%;height: 100%;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;} .m_treasure-list ul li b{display: block;color: #fff;font-size: 34px;font-family: 'demibold';margin-bottom: 13px;} .m_treasure-list ul li span{display: block;color: #fff;font-size: 16px;font-weight: 500;} .m_treasure-list ul li::before{content: "";display: block;width: 1px;height: 42px;background: #ff9ba3;position: absolute;top: 50%;right: 0;transform: translatey(-50%);-webkit-transform: translatey(-50%);} .m_treasure-list ul li:last-child::before{display: none;} .m_informbanner-bigm{display: none;} .m_property-bigm{display: none;} .m_property-container h4{display: none;} .m_propertymob-con{display: none;} .m_space-container h4{display: none;} .m_spacemob-study{display: none;} .m_concept-bigm{display: none;} .m_conceptmob-container{display: none;} .m_treasure-bigm{display: none;} .m_treasure-container h4{display: none;} .m_treasuremob-great{display: none;} .m_treasuremob-mind{display: none;} .m_treasure-icon{display: none;} @media only all and (max-width:1950px){ .g_index-banner {height: 600px;} .g_banner-swiper {height: 600px;} .g_kv-img{height: 600px;} } @media only all and (max-width:1850px){ .g_index-banner {height: 580px;} .g_banner-swiper {height: 580px;} .g_kv-img{height: 580px;} } @media only all and (max-width:1750px){ .g_index-banner {height: 550px;} .g_banner-swiper {height: 550px;} .g_kv-img{height: 550px;} } @media only all and (max-width:1650px){ .g_index-banner {height: 515px;} .g_banner-swiper {height: 515px;} .g_kv-img{height: 515px;} } @media only all and (max-width:1550px){ .g_index-banner {height: 480px;} .g_banner-swiper {height: 480px;} .g_kv-img{height: 480px;} } @media only all and (max-width:1450px){ .g_index-banner {height: 450px;} .g_banner-swiper {height: 450px;} .g_kv-img{height: 450px;} .g_w{width: 1200px;} .g_hotline{font-size: 14px;} .g_nav ul li{margin: 0 12px;} .g_nav-first{font-size: 14px;} .g_trend-title{font-size: 18px;} .g_trend-list ul li a p{font-size: 16px;} .g_trend-list ul li a span{font-size: 14px; line-height: 24px;} .g_case-list ul li p{font-size: 16px;} .g_case-rich{font-size: 14px; line-height: 24px; height: 95px;} .g_advantage-content p{font-size: 16px;} .g_advantage-content span{font-size: 14px; line-height: 24px;} .g_footer-container{width: 1138px;} .g_footer-right ul li p{font-size: 16px;} .g_footer-nav a{font-size: 12px;} .g_footer-right ul li{margin-right: 44px;} .g_contact-list ul li{margin: 0 20px;} .g_footer-right ul li{margin-right: 20px;} .g_footer-left::after{display: none;} .g_footer-container{justify-content: space-evenly;} /*首页*/ .g_pro-container{width: 950px;} .g_pro-list{width: 330px;} .g_pro-list:nth-child(1) .g_pro-item:nth-child(1){margin-left: 60px;} .g_pro-list:nth-child(1) .g_pro-item:nth-child(4){margin-right: 60px;} .g_pro-list:nth-child(2) .g_pro-item:nth-child(2){margin-right: 60px;} .g_pro-list:nth-child(2) .g_pro-item:nth-child(3){margin-left: 60px;} .g_industry-logos ul{width: 1200px;} .g_nav-third{width: 85%;} .g_ranks-item{width: 95%;} } @media only all and (max-width:1350px){ .g_index-banner {height: 420px;} .g_banner-swiper {height: 420px;} .g_kv-img{height: 420px;} } @media only all and (max-width:1255px){ .g_w{width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 20px; padding-right: 20px;} .g_index-banner {height: 390px;} .g_banner-swiper {height: 390px;} .g_kv-img{height: 390px;} .g_nav ul li{margin: 0 10px;} .g_fieldthumb-item{width: 100%;} .g_map-list ul li{width: calc((100% - 442px) / 3); height: 406px;} .g_map-def{height: 406px;} .g_map-remark{padding: 20px 20px 0;} .g_map-remark p{font-size: 16px;} .g_map-remark span{font-size: 12px; line-height: 20px; margin-top: 12px;} .g_map-list ul li.g_map-dqys .g_map-hover{width: 400px !important; opacity: 1 !important;} .g_map-content{width: 400px; height: 406px; padding: 20px 15px 0;} .g_map-content>p{font-size: 16px;} .g_map-content img{height: 16px; margin: 15px 0 10px;} .g_map-content>span{font-size: 12px; line-height: 20px; height: 100px;} .g_map-content>b{margin-top: 10px;} .g_map-tab{margin-top: 10px;} .g_map-tab a{padding: 0 14px; margin: 0 5px 10px 0; min-width: 86px;} .g_map-buttons{width: 100%; justify-content: space-between; padding: 0 20px; bottom: 20px;} .g_map-buttons a{width: 170px;} .g_map-list ul li.g_map-dqys{width: 400px;} .g_industrythumb-item{margin: 0 30px;} .g_industry-content a{left: 20px;} .g_industry-logos ul{width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 20px;} .g_news-container{padding-left: 638px;} .g_nav-container{width: 100%} .g_nav-box{ background: #f9f9f9 url(/uploads/image/aimages/g_98.png) no-repeat -365px top; background-size: auto 100%;} .g_field-thumb .swiper-slide{width: 9.5%;} .g_nav-third{width: 80%;} .g_third-list a{width: 33.333%;} .g_ranks-middle p{font-size: 14px;} .g_ranks-middle span{font-size: 12px;} .g_ranks{padding-bottom: 40px;} .g_map-container{padding-bottom: 0;} .g_baipis-list ul li .g_baipis-container{padding-left: 133px;} .g_baipis-list ul li .g_baipis-content p{height: 40px; overflow: hidden; font-size: 14px;} .g_baipis-list ul li .g_baipis-desc{font-size: 12px; width: 100%;} .m_programme-img{top: 2px;} .m_programme-def span{font-size: 13px;} /* 白皮书/报告-报告 白皮书 */ .m_paper-top{width: 100%;} .m_paper-item{padding: 0 0 20px 100px;min-height: 182px;} .m_paper-imgbig{width: 80px;} .m_paper-img{width: 80px;} .m_paper-shadow{bottom: 42px;} .m_paper-imgbig .m_paper-shadow{width: 245px;height: 44px;right: -41px;} .m_paper-content p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;} .m_paper-content a{width: 120px;height: 35px;font-size: 12px;} /* 35年来,用友持续引领企业服务产业发展 */ .m_property-container{width: 100%;padding: 0 20px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_property-con ul li p{font-size: 30px;} .m_property-con ul li b{font-size: 20px;} .m_property-con ul li span{font-size: 14px;} .m_property-con ul li:nth-child(2){height: 230px;} .m_property-con ul li:last-child{height: 270px;} .m_property-con ul li:nth-child(2) p{font-size: 58px;} .m_property-con ul li:last-child p{font-size: 70px;} /* 用友在业界率先提出"数智化"(数字化 智能化)概念 */ .m_concept-container{width: 100%;padding: 0 20px;box-sizing: border-box;-webkit-box-sizing: border-box;} /* .m_concept-le{height: auto;} */ .m_concept-notion{font-size: 17px;} .m_concept-face{font-size: 13px;line-height: 24px;} /* 用友bip,被重要央媒誉为企业数智化的“大国重器” */ .m_treasure-container{width: 100%;padding: 0 20px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_treasure-great{font-size: 16px;} .m_treasure-mind{font-size: 16px;} } @media only all and (max-width:1160px){ .g_index-banner {height: 360px;} .g_banner-swiper {height: 360px;} .g_kv-img{height: 360px;} .g_nav{margin-right: 60px;} .g_head-right{position: relative;} .g_hotline{position: absolute; right: 0; top: 7px;} .g_advantage-content span{height: auto;} .g_more-swiper{width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; height: 360px;} /* 友情链接 */ .l_amity-title{font-size: 12px;} .l_amity-con a{font-size: 12px;} .g_news-container{padding:20px 20px 35px 450px; min-height: 285px;} .g_news-fl{width: 409px; height: 230px; left: 20px; top: 20px;} .g_news-fl a{width: 409px; height: 230px;} .g_news-fl a img{width: 100%; height: auto;} .g_news-title{font-size: 16px; padding-top: 48px;} .g_news-fr ul li{padding-bottom: 10px; margin-bottom: 10px;} .g_news-fr ul li a p{font-size: 14px;} .g_news-fr ul li a span{font-size: 12px; margin-top: 4px;} .g_btn-more{right: 20px; bottom: 20px;} .g_nav-third{width: 720px;} } @media only all and (max-width:870px) { .top-space {height: 50px;} .g_index-banner {height: auto;} .g_banner-swiper {height: auto;} .g_kv-img{height: auto;} .g_w{ padding-left: 0; padding-right: 0;} .g_container{min-width: 100%; padding-top: 50px;} .g_header{min-width: 100%; background: #fff; height: 50px; box-shadow: 0px 5px 7px 0px rgba(116, 116, 116, 0.2);} .g_header-container{padding: 0 25px; height: 50px;} .g_logo{height: 50px;} .g_logo img{height: 30px;} .g_nav{position: fixed;width: 100%; height:calc(100% - 50px); left:0; top: 50px; z-index: 1000; background: #fff; display: none; overflow-x: hidden; overflow-y: scroll; border-top: 1px solid #eee; margin-right: 0;} .g_nav ul{display: block; padding-top: 20px;} .g_nav ul li{height: auto;margin: 0; padding:0 25px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; display: block;} .g_nav-first{width: 100%; justify-content: space-between; height: 40px;} .g_nav-first img{margin-left: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);} .g_btn-close{display: block; width: 30px; height: 30px; background:url(/uploads/image/aimages/g_51.png) no-repeat right bottom; background-size: 100%; position: absolute; left: 50%; margin-left: -15px; bottom: 20px;} .g_nav-first{height: 40px;} .g_nav ul li:hover .g_nav-first::after{display: none;} .g_nav-dqys{background:#f3f3f3;} .g_nav-box{height: auto; position: relative; width: calc(100% 50px); top: 0; left: -25px;background:#f3f3f3 url(/uploads/image/aimages/g_116.png) no-repeat center bottom; background-size: 100%; box-shadow: unset;} .g_head-right{position: fixed; width: 126px; left: 0; bottom: 70px; z-index: 1001; display: none;} .g_hotline{position: static; display: block; font-size: 12px; margin-right: 0; margin-bottom: 12px; padding-left: 20px;} .g_hotline b{display: block;} .g_head-user{margin: 0 0 12px;} .g_btn-getcase{width: 80%; margin: 0 auto;} .g_btn-nav{display: flex; position: absolute; right: 0; top: 0; height: 50px; width: 50px; align-items: center; background:url(/uploads/image/aimages/g_48.png) no-repeat center; background-size: 18px;} .g_banner{height: auto;} .g_banner-img{display: none;} .g_banner-imgm{display: block; width: 100%;} .g_banner-content{padding: 0 28px;} .g_banner-content h1{text-align: center; font-size: 24px; font-weight: 700;} .g_banner-content p{text-align: center; padding: 0 23px; font-size: 12px; color: #666; line-height: 20px; margin-top: 15px; margin-bottom: 0;} .g_btn-banner{width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; margin: 66px auto 0;} .g_btn-banner::after{content: ''; display: inline-block; width: 15px; height: 15px; background:url(/uploads/image/aimages/g_49.png) no-repeat right bottom; background-size: 100%; margin-left: 5px;} .g_trend-container{padding: 42px 0 38px;} .g_moudle-title{font-size: 18px; font-weight: 700; text-align: center;} .g_trend-body{margin-top: 36px; padding: 36px 25px; background:url(/uploads/image/aimages/g_53.png) no-repeat center top; background-size: 100% 100%; border-radius: 0;} .g_trend-photos{display: none;} .g_photos-m{display: block; position: static; width: 100%;} .g_trend-title{font-size: 14px; font-weight: 700; line-height: 24px; margin-bottom: 22px;} .g_trend-item a p{font-size: 14px;} .g_trend-item{margin-bottom: 19px;} .g_trend-list ul li a span{display: none;} .g_trend-list ul li{padding-top: 10px; margin-top: 10px;} .g_trend-list ul li a{padding: 0 14px;} .g_trend-list ul li a p{font-size: 14px; font-weight: 500; color: #666;} .g_panorama{background:url(/uploads/image/aimages/g_55.png) no-repeat center top; background-size: 100% 100%;} .g_panorama-container{padding: 24px 0 37px;} .g_panorama-content{margin-top: 38px; padding: 0 25px;} .g_panorama-img{display: none;} .g_panorama-imgm{display: block; width: 100%;} .g_case-item{width: 100%; background:#fff url(/uploads/image/aimages/g_58.png) no-repeat center top; background-size: 100% 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px 20px 46px; border-radius: 4px; position: relative; height: 280px;} .g_case-item img{display: block; height: 40px; margin: 0 auto;} .g_case-item p{font-size: 14px; color: #333; font-weight: 700; margin-top: 14px;} .g_case-rich{font-size: 12px; line-height: 20px; color: #999; margin-top: 15px; height: 79px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-align: justify; } .g_case-item a{display: flex; width: 100%; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e60012; border-radius: 4px; justify-content: center; align-items: center; font-size: 14px; color: #fff; background: #e60012; position: absolute; left: 0; bottom: 0; } .g_case-list{display: none;} .g_case-swiper{display: block; margin-top: 37px;} .g_case-container{padding: 47px 25px 29px; position: relative;} .g_case-prev{display: block; width: 21px; height: 21px; background: url(/uploads/image/aimages/g_56.png) no-repeat center; background-size: 100%; position: absolute; left: 15px; top: 50%; cursor: pointer; z-index: 20;} .g_case-next{display: block; width: 21px; height: 21px; background: url(/uploads/image/aimages/g_57.png) no-repeat center; background-size: 100%; position: absolute; right: 15px; top: 50%;cursor: pointer; z-index: 20;} .g_case-pagination{text-align: center; margin-top: 43px;} .g_case-pagination .swiper-pagination-bullet-active{background: #e60012;} .g_advantage-list ul{display: block;} .g_advantage-list ul li{width: 100%;} .g_advantage{background-size: 100% 100%;} .g_advantage-container{padding: 77px 25px 40px;} .g_advantage-list{margin-top: 38px;} .g_advantage-list ul li{padding: 18px 36px 30px 42px;} .g_advantage-icon{height: 24px; left: 14px; top: 17px;} .g_advantage-content p{font-size: 14px;} .g_advantage-content span{font-size: 12px; line-height: 20px; margin-top: 5px; display: block;} .g_advantage-bg{height: 111px; right: 0; bottom: -43px;} .g_more-container{padding: 71px 0 47px;} .g_more-list{margin-top: 44px; padding: 0 25px;} .g_more-swiper{box-shadow: unset; padding: 0; width: 100%;} .g_more-item{width: 100%;} .g_more-swiper .swiper-slide{width: 100%; background: #f7f7f7; border-radius: 4px;} .g_more-videos{width: 100%; height: auto;} .g_more-item:hover a:hover{box-shadow: unset; background: #f7f7f7;} .g_more-videos p{display: block; text-align: center; margin-top: 10px; font-size: 14px; font-weight: 700;} .g_more-swiper .swiper-slide-active .g_more-content p{color: #e60012;} .g_more-swiper .swiper-slide-active .g_more-content span{background: url(/uploads/image/aimages/g_31.png) no-repeat center; background-size: 100%;} .g_btn-play{transform: translate(-50%,0); margin-top: -42px;} .g_more-prev{display: block; width: 21px; height: 21px; background: url(/uploads/image/aimages/g_56.png) no-repeat center; background-size: 100%; position: absolute; left: 15px; top: 30%; cursor: pointer; z-index: 20; border:0 none;} .g_more-next{display: block; width: 21px; height: 21px; background: url(/uploads/image/aimages/g_57.png) no-repeat center; background-size: 100%; position: absolute; right: 15px; top: 30%;cursor: pointer; z-index: 20;border:0 none;} .g_more-prev:hover{background: url(/uploads/image/aimages/g_56.png) no-repeat center; background-size: 100%;border: 0 none;} .g_more-next:hover{background: url(/uploads/image/aimages/g_57.png) no-repeat center; background-size: 100%; border: 0 none;} .g_more-pagination{padding: 0; text-align: center; margin-top: 29px;} .g_more-pagination .swiper-pagination-bullet-active{background: #e60012;} .g_contact-container{padding: 30px 25px 130px;} .g_contact-title{font-size: 20px; line-height: 36px; padding: 0 31px;} .g_btn-contact{width: 100%; height: 45px; line-height: 45px; margin-top: 25px;} .g_contact-list{height: auto; padding: 19px 25px; box-sizing: border-box; -webkit-box-sizing: border-box;} .g_contact-list ul{height: auto;} .g_contact-list ul li{margin: 0 7px; display: block; text-align: center;} .g_contact-list ul li img{display: block; margin: 0 auto;} .g_contact-list ul li span{display: block; font-size: 12px; margin-top: 8px;} .g_footer{ background: #efefef; padding-bottom: 60px;} .g_footer-left{width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 25px;} .g_footer-right{display: none;} .g_footer-container{padding: 13px 0 0; background: #efefef;} .g_footer-logo{height: 30px; width: 45px; margin: 0 auto;} .g_footerlogo-img{display: none;} .g_footerlogo-imgm{display: block; height: 30px;} .g_footer-mobile{margin-top: 12px; padding-top: 22px; border-top: 1px solid #d8d8d8;} .g_mobile-item:nth-child(2){margin-left:0;} .g_mobile-item p{color: #666;} .g_mobile-content span{color: #e60012;} .g_mobile-content::before{background: url(/uploads/image/aimages/g_60.png) no-repeat center; background-size: 100%;} .g_footer-address{margin-top: 18px; display: flex; justify-content: flex-start; flex-wrap: wrap;} .g_footer-copy{width: 100%; background: #e60012; height: auto; padding: 15px 42px; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 18px; font-size: 12px; color: #fff; position: static; margin-top: 25px;} .l_banner-content h1{color: #fff;} .l_banner-content p{color: #fff;} .l_btn-banner{margin: 111px auto 0;} /* 趋势洞察 */ .l_trend-big{display: block;width: 6px;height: 12px;vertical-align: middle;} .l_trend-bigm{display: none;width: 6px;height: 12px;vertical-align: middle;} .g_trend-list ul li:hover .l_trend-big{display: none;} .g_trend-list ul li:hover .l_trend-bigm{display: block;} /* 友情链接 */ .l_amity{display: none;} /*了解详情*/ /* .l_more-swiper{height: 297px;} */ .l_header-con{display: none;width: 100%;height: calc(100% - 50px);background: rgba(0, 0, 0, 0.6);position: fixed;top: 50px;left: 0;} .g_more-content span{margin-top: 11px;} /*集团首页*/ .g_index-container{padding-top: 0;} .g_kv-img{display: none;} .g_kv-imgm{display: block; width: 100%;} .g_index-banner{height: auto; margin-top: 50px;} .g_kv-container{display: block; padding: 0 28px 36px; height: auto; top: auto; bottom: 0;} .g_kv-font{height: 23px; top: 79px; right: 25px; position: absolute; display: block;} .g_kv-container p{font-size: 24px; font-weight: 900; padding-top: 0; text-align: justify; text-shadow: unset;} .g_kv-container span{font-size: 12px; line-height: 16px; margin-top: 3px;text-align: justify; text-shadow: unset;} .g_kv-container a{width: 100%; margin-top: 22px; height: 45px; display: flex; align-items: center; justify-content: center; line-height: normal; font-size: 14px;} .g_kv-container a::after{content: ''; display: inline-block; width: 15px; height: 15px; background: url(/uploads/image/aimobile/g_02.png) no-repeat center; background-size: 100%; margin-left: 9px;} .g_kv-container img{display: none;} .g_product{height: 207px; background: url(/uploads/image/aimobile/g_04.png) no-repeat center top; background-size: 100% 100%;} .g_product-iconm{display: block; width: 131px; margin: 59px auto 0;} .g_product-icon{display: none;} .g_pro-container{width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 16px;} .g_pro-item a{width: 90px; height: 30px; font-size: 12px;} .g_pro-item a::after{margin-left: 7px;} .g_pro-list{width: 135px; height: 207px;} .g_pro-list:nth-child(1) .g_pro-item:nth-child(1){margin-left: 45px;} .g_pro-list:nth-child(1) .g_pro-item:nth-child(4){margin-left: 45px; margin-right: 0;} .g_pro-list:nth-child(2) .g_pro-item:nth-child(2){margin-right: 0;} .g_pro-list:nth-child(2) .g_pro-item:nth-child(3){margin-left: 0;} .g_pro-list:nth-child(2) .g_pro-item:nth-child(1){margin-right: 45px;} .g_pro-list:nth-child(2) .g_pro-item:nth-child(4){margin-right: 45px;} .g_pro-list:nth-child(2){justify-content: flex-end;} .g_module-title{font-size: 18px; margin-top: 30px;} .g_module-subtitle{margin: 3px auto 0; font-size: 13px; max-width: 228px;} .g_programme-holder{display: none;} .g_btn-programme{display: none;} .g_programme-mobile{display: block; width: 100%; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 17px; margin-top: 30px;} .g_programme-swiper{width: 100%; height: 210px; background: url(/uploads/image/aimobile/g_06.png) no-repeat center top; background-size: 100% 100%; border-top: 1px solid #ededed; } .g_programme-ary{display: flex; flex-wrap: wrap;box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; border-left: 1px solid #ededed;} .g_programme-ary li{width: 25%; box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; height: 105px;} .g_programme-def{width: 100%; padding:0 5px; height: 105px; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative;} .g_programme-def img{width: 36px; height: 36px; margin: 0 auto;} .g_programme-def span{display: flex; margin-top: 7px; height: 36px; align-items: center; justify-content: center; font-size: 13px; text-align: center;} .g_prev-style{width: 6px; height: 10px; background: url(/uploads/image/aimobile/g_07.png) no-repeat center top; background-size:100% 100%; position: absolute; left: 6px; top: 50%; margin-top: -16px; display: block; z-index: 20;} .g_next-style{width: 6px; height: 10px; background: url(/uploads/image/aimobile/g_08.png) no-repeat center top; background-size:100% 100%; position: absolute; right: 6px; top: 50%; margin-top: -16px; display: block; z-index: 20;} .g_pagination-style{margin-top: 21px; text-align: center; height: auto; line-height: 0; display: block;} .g_pagination-style .swiper-pagination-bullet{height: 6px; width: 6px;} .g_pagination-style .swiper-pagination-bullet-active{background: #e60012; width: 20px; border-radius: 8px;} .g_programme-hover{display: none; opacity: 1; z-index: 10; width: calc(100% 1px); left: -1px;} .g_programme-content{width: 100%; height: 210px; background: #fff url(/uploads/image/aimages/g_68.png) no-repeat center bottom; background-size: 100%; box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.12) inset;} .g_btn-pclose{width: 16px; height: 16px; background:url(/uploads/image/aimobile/g_09.png) no-repeat center bottom; background-size: 100%; position: absolute; right: 10px; top: 15px;} .g_programme-content span{font-size: 12px; line-height: 20px; -webkit-line-clamp: 5; } .g_programme-content p{font-size: 14px;} .g_programme-content a{bottom: 20px;} .g_programme-content img{width: 40px; height: 40px; bottom: 20px;} .g_field-thumb{display: none;} .g_field-container{position: relative; padding: 0 16px;} .g_field-scene{height: 323px; margin-top: 31px;} .g_field-bgm{display: block; width: 100%;} .g_field-bg{display: none;} .g_field-item{height: 323px;} .g_field-content{display: block; overflow: hidden;} .g_field-title{height: 19px; margin: 38px 0 0 16px;} .g_field-content>p{font-size: 14px;padding: 0 16px; margin: 32px 0 0 0;} .g_field-content>span{display: block; max-width: 283px; margin: 10px 0 0 16px; font-size: 12px; color: #666; line-height: 22px; background: none; padding: 0;} .g_field-buttons{width: 100%; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute; left: 0; bottom: 35px; padding: 0 16px; justify-content: space-between;} .g_field-buttons a{width: 47.5%; height: 40px;} .g_field-buttons a.g_btn-white{margin-left: 0;} .g_map-list{display: none;} .g_map-mobile{display: block; margin-top: 10px; position: relative; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;} .g_map-container{padding: 0 0 32px; overflow: hidden;} .g_map-item{width: 100%; background:#f2f2f2 url(/uploads/image/aimobile/g_20.png) no-repeat center top; background-size: 100%; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1); padding-bottom: 93px; position: relative;} .g_map-box{position: relative;} .g_map-imgs{display: block; width: 100%;} .g_map-mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4); box-sizing: border-box; -webkit-box-sizing: border-box; padding: 33px 21px 0;} .g_map-mask p{font-size: 18px; font-weight: 700; color: #fff;} .g_map-logo{display: block; height: 21px; margin-top: 20px;} .g_map-swiper{padding: 16px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; height: 535px; } .g_map-desc{font-size: 13px; line-height: 22px; color: #666; padding: 20px 19px 0; text-align: justify;} .g_map-item b{display: block; text-align: center; font-size: 14px; font-weight: 500; margin-top: 30px;} .g_map-tab a{margin: 0 7px 10px; min-width: 93px; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center;} .g_map-tab{padding: 0 7px;} .g_industry-thumb{display: none;} .g_industry{width: 100%; height: auto;} .g_industry .g_module-subtitle{width: 100%; text-align: center; top:63px; display: block; max-width: 100%;} .g_industry-item{height: auto;} .g_industry-imgm{display: block; width: 100%;} .g_industry-img{display: none;} .g_industry-zwt{display: block; width: 100%;} .g_industry-content{width: 100%; height: auto; top: auto; bottom: 0; padding-bottom: 82px; padding-top: 0;} .g_industry-desc{width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 48px; text-align: justify; font-size: 12px; line-height: 18px; margin-top: 8px;} .g_industry-content>p{font-size: 18px; font-weight: 700; text-align: center; padding: 0 70px;} .g_industry-content a{position: static; width: 110px; height: 33px; margin: 21px auto 0;} .g_industry-content>span{display: none;} .g_industry-logos{height: 57px; background: rgba(216, 216, 216, 0.3); backdrop-filter: blur(10px);} .g_industry-logos ul{height: 57px; padding: 0; justify-content: center;} .g_industry-logos ul li{margin: 0 11px;} .g_industry-logos ul li img{height: 28px; display: block;} .g_industry .g_prev-style{width: 6px; height: 10px; background: url(/uploads/image/aimobile/g_27.png) no-repeat center top; background-size:100% 100%; } .g_industry .g_next-style{width: 6px; height: 10px; background: url(/uploads/image/aimobile/g_28.png) no-repeat center top; background-size:100% 100%; } .g_ranks-swiper{display: none;} .g_ranksmobile-swiper{display: block; overflow: hidden;} .g_ranks-content{margin-top: 40px; padding: 0 20px;} .g_ranks-slider{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .g_ranks-item{width: calc((100% - 23px) / 2); margin-bottom: 35px; height: 80px;} .g_ranks-before{width: 45px; height: 71px;} .g_ranks-after{width: 45px; height: 71px;} .g_img-wheat{width: 45px; height: 71px;} .g_ranks-middle span{font-size: 10px; /* transform: scale(0.83); -webkit-transform: scale(0.83); */margin-top: 0; line-height: 16px;} .g_ranks-middle{height: 80px;} .g_ranks-logo{width: 66px; height: auto;} .g_ranks-prev{width: 6px; height: 10px; left: 8px; top:50%;} .g_ranks-next{width: 6px; height: 10px; right: 8px; top: 50%;} .g_ranks-pagination{margin-top: 0;} .g_baipis{padding: 0 0 46px; background: url(/uploads/image/aimobile/g_29.png) no-repeat center bottom; background-size:100%; position: relative; margin-top: 32px;} .g_baipis-container{padding: 56px 25px 0; width: 100%; min-height: 100px; position: static;} .g_baipis-img{width: 110px; position: static; display: block; margin: 0 auto;} .g_baipis-content{height: auto;} .g_baipis-content p{font-size: 18px; width: 100%; text-align: center; position: absolute; top: 10px; left: 0;} .g_baipis-content span{font-size: 13px; text-align: center;} .g_baipis-desc{padding: 0 21px; font-size: 12px; color: #666; line-height: 18px; text-align: justify;} .g_baipis-content a{width: 100%; height: 45px; font-size: 14px; border-radius: 4px; margin-top: 0;} .g_news{height: auto; background: url(/uploads/image/aimobile/g_30.png) no-repeat center bottom; background-size:100%;} .g_news-container{padding:0 19px 71px;} .g_news-fl{width: 100%; position: static; height: auto;} .g_news-fl a{width: 100%; height: auto;} .g_news-title{padding: 15px 12px 10px; font-size: 12px;} .g_news-fr{margin-top: 23px; padding: 0 8px;} .g_news-fr ul li{padding-bottom: 19px; margin-bottom: 19px;} .g_news-fr ul li a p{white-space: nowrap; overflow: hidden; height: 24px; text-overflow: ellipsis;} .g_news-fr ul li a span{font-size: 12px; color: #999;} .g_honor-container{padding-bottom: 30px;} .g_honor-list ul{flex-wrap: wrap; justify-content: center; padding: 0 10px;} .g_honor-list ul li{width: calc((100% - 28px) / 3); margin:0 4px 0; height: auto;} .g_honor-list ul li p br{display: none;} .g_honor-list ul li img{height: 60px;} .g_honor-list{margin-top: 20px;} .g_nav-container{padding-left: 31px; height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 25px;} .g_nav-name{display: none;} .g_nav-more{display: none;} .g_nav-third{width: 100%; position: static; height: auto; padding-left: 16px;} .g_nav-item{width: 100%;} .g_nav-list{margin-top: 0;} .g_second-name img{height: 22px;} .g_nav-scroll{padding: 10px 0;} .g_third-list{margin-top: 20px; display: block;} .g_third-list a{display: block; width: auto; margin-bottom: 15px;} .g_third-list a p{font-size: 14px; color: #666;} .g_third-list a span{margin-top: 0;} .g_nav-dqys .g_nav-first img{transform: rotate(0); -webkit-transform: rotate(0);} .g_nav-second{background: url(/uploads/image/aimages/g_117.png) no-repeat right center; background-size:14px;} .g_xiala-dqys .g_nav-second{color: #666; background: url(/uploads/image/aimages/g_02.png) no-repeat right center; background-size:14px; font-weight: 400;} .g_platform-list{display: block;} .g_platform-list a{width: auto; display: block;} .g_third-list a p img{height: 12px;} .g_platform-list a p img{height: 12px;} .g_platform-list a{margin-bottom: 15px;} .g_platform-list{margin-top: 15px;} .g_btn-navclos{background: #f6f6f6 url(/uploads/image/aimages/g_118.png) no-repeat center; background-size: 14px;} .g_nav-second:hover{color: #666; font-weight: 400;} .g_second-name p{font-size: 14px;} .g_btn-users{display: block; width: 50px; height: 50px; background:url(/uploads/image/aimages/g_119.png) no-repeat center; background-size: 22px; position: absolute; right:60px; top: 0;} .g_head-right{display: none; width: 100%; height: auto; background: #fff; border-top: 1px solid #eee; position: fixed; left: 0; top: 50px; z-index: 1001; bottom: auto; padding-bottom: 20px;} .g_hotline b{display: inline;} .g_hotline{padding:26px 38px 13px; margin-bottom: 0; font-size: 14px;} .g_head-user{padding: 13px 38px;} .g_user-nologin{justify-content:space-between;} .g_user-nologin a{width: 48%; padding: 0; border-radius: 2px; text-align: center;} .g_user-info{position: relative; padding-left: 66px; min-height: 56px; height: auto;} .g_user-info img{display: block; width: 54px; height: 54px; border-radius: 54px; border: 1px solid #eee; position: absolute; left: 0; top: 0;} .g_user-div{padding: 5px 0;} .g_user-div p{font-size: 14px; color: #333;} .g_user-div span{display: block; font-size: 12px; color: #666; margin-top: 5px;} .g_user-bottons{margin-top: 20px; display: flex; align-items: center; justify-content: space-between; position: static; padding: 0; width: 100%; box-shadow: unset;} .g_user-bottons a{display: flex; justify-content: center; align-items: center; font-size: 14px; width: 48%; height: 32px; border-radius: 2px; border: 1px solid #e60012; margin-bottom: 0;} .g_user-bottons .g_btn-white{color: #e60012;} .g_map-prev{top: 255px;} .g_map-next{top: 255px;} .g_indbanner-item{height: auto;} .g_index-banner .g_banner-pagination{bottom: 10px;} .g_nav-scroll{height: auto; overflow: hidden;} .scrollvbar{display: none;} .g_nav-scrollv{padding: 0;} .g_nav-hotline{display: none;} .g_banner-video{display: none;} .g_ranks-swiper{display: none;} .g_ranksmobile-swiper{display: block; overflow: hidden;} .g_ranks-content{margin-top: 40px; padding: 0 20px;} .g_ranks-slider{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .g_ranks-item{width: calc((100% - 23px) / 2); margin-bottom: 35px; height: 80px;} .g_ranks-before{width: 45px; height: 71px;} .g_ranks-after{width: 45px; height: 71px;} .g_img-wheat{width: 45px; height: 71px;} .g_ranks-middle span{font-size: 10px; transform: scale(0.83); -webkit-transform: scale(0.83); margin-top: 0; line-height: 16px;} .g_ranks-middle{height: 80px;} .g_ranks-logo{width: 66px; height: auto;} .g_ranks-pagination{margin-top: 0;} .g_baipis-list{padding: 0 30px 0 40px;} .g_baipis-list ul{flex-direction: column;} .g_baipis-list ul li{width: 100%;} .g_baipis-shadow{display: none;} .g_baipis-imgbox{width: 74px; height: auto;} .g_baipis-list ul li .g_baipis-img{width: 74px;} .g_baipis-list ul li .g_baipis-container{padding: 0 0 0 92px;} .g_baipis-list ul li .g_baipis-content p{position: static; height: auto; text-align: left;} .g_baipis-content{padding-top: 0;} .g_baipis-list ul li .g_baipis-desc{padding: 0; margin-top: 0;} .g_baipis-list ul li .g_baipis-content a{width: 156px; height: 30px; margin: 0; position: absolute; left: 0; bottom: 0; font-size: 12px;} .g_baipis-list ul li .g_baipis-content{position: relative; height: 117px;} .g_baipis-swiper{display: none;} .g_baipis .g_module-title{display: block;} .g_honor{background: url(/uploads/image/airanks/g_25.png) no-repeat center top; background-size: 100% 100%;} .g_baipis-list ul li:first-child{display: inline-block;} /* 领航产业 */ .m_ranks-content{margin-top: 0;} .m_ranksmobile-swiper{padding-top: 50px;} .m_ranks-middle span{font-weight: 700;} .m_ranks-logo img{top: 0;} .m_ranks-middle b{font-size: 14px;} .g_icon-awards{width: 53px;} .g_awards-imgs{height: 20px;} .m_img-light{width: 156px;} .m_ranks-big{display: none;} .m_ranks-bigm{display: block;width: 100%;height: 100%; position: absolute;top: 0;left: 0;} .m_pagination-style .swiper-pagination-bullet{background: #fff;opacity: 1;} .g_pagination-style .swiper-pagination-bullet-active{background: #e60012;} .m_programme-img{top: 0;} .m_ranks-middle p{color: #fff;} .m_img-light{opacity: 1;} .m_img-wheat{opacity: 1;} .m_ranks-middle b{color: #fff;} .g_wheat-hgq{opacity: 0;} .g_wheat-hgh{opacity: 1;} /* 行业解决方案 */ .g_programme-mobile{margin-top: 23px;} .m_programme-swiper{height: auto;border: 0 none;} .m_programme-ary{width: 100%;justify-content: space-between;border: 0 none;} .m_programme-ary li{width: 49.5%;height: 164px;margin-bottom: 3px;border: 0 none;position: relative;overflow: hidden;} .m_programme-def{height: 164px;padding: 0 20px 36px;} .m_programme-con{position: absolute;bottom: 12px;left: 20px;padding-right: 30px;height: 40px;align-items: flex-start;} .m_programme-def span{margin-top: 0;font-size: 14px;line-height: 16px;height: auto;text-align: left;justify-content: flex-start;} .m_programme-big{width: 100%;height: auto} .m_programme-content{height: 238px;overflow: hidden;} .m_programme-ico{height: auto;} .m_programme-hovers{width: 100%;position: absolute;top: 0;left: 0;display: none;overflow: hidden;} .m_programme-contents{width: 100%;position: relative;padding: 16px 14px 13px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_programme-ico{width: 100%;height: auto;} .m_programme-details{width: 100%;position: relative;} .m_programme-cons{width: 100%;padding-left: 18px;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;height: 40px;} .m_programme-imgs{width: 15px;height: 15px;position: absolute;top: 2px;left: 0;} .m_programme-cons span{display: inline-block;color: #fff;font-size: 14px;line-height: 18px;font-weight: 700;height: auto;} .m_programme-ance{color: #fff;font-size: 12px;line-height: 18px;font-weight: 400;min-height: 54px;} .m_programme-details a{display: flex;width: 100%;height: 30px;justify-content: center;align-items: center;background: #e60012;border-radius: 2px;color: #fff;font-size: 12px;margin-top: 10px;} .m_programme-details a::after{content: '';display: inline-block;width: 4px;height: 8px;background: url(/uploads/image/aimages/g_69.png) no-repeat center;background-size: 100%;margin-left: 7px;} .m_programme-def{border: 0 none;} .m_programme-big{border: 0 none;} /* 了解用友-banner */ .m_informbanner-big{display: none;} .m_informbanner-bigm{display: block;width: 100%;height: 100%; position: absolute;left: 0;top: 0;} .m_informbanner-container{height: 303px;padding: 0 18px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_informbanner-container h3{padding-top: 42px;font-size: 20px;} .m_informbanner-container p{font-size: 12px;line-height: 28px;margin: 15px 0 43px;padding: 0;} .m_informbanner-skip{width: 100%;font-size: 14px;line-height: 40px;} .m_informbanner-skip img{margin-left: 11px;} /* 35年来,用友持续引领企业服务产业发展 */ .m_property{padding: 23px 0 25px;} .m_property-big{display: none;} .m_property-bigm{display: block;width: 100%;position: absolute;top: 0;left: 0;} .m_property-container h3{display: none;} .m_property-container h4{display: block;color: #e60012;font-size: 18px;line-height: 32px;font-weight: 700;text-align: center;} .m_property-container{padding: 0 18px;} .m_property-con{display: none;} .m_propertymob-con{display: block;width: 100%;position: relative;} .m_propertymob-con ul{width: 100%;height: 100%;position: relative;display: flex;flex-direction: column;margin-top: 36px;} .m_propertymob-con ul li{position: relative;padding-left: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;margin-bottom: 11px;} .m_propertymob-con ul li::before{content: "";display: block;width: 1px;height: 100%;background: #e60012;position: absolute;top: 0;left: 0;} .m_propertymob-con ul li p{color: #cbcbcb;font-size: 18px;font-family: 'regular';} .m_propertymob-con ul li b{display: block;color: #e60012;font-size: 18px;line-height: 36px;font-weight: 700;} .m_propertymob-con ul li span{display: block;color: #666;font-size: 12px;line-height: 22px;font-weight: 400;} .m_propertymob-con ul li:nth-child(2)::before{right: 0;left: auto;} .m_propertymob-con ul li:nth-child(2){padding-right: 20px;display: flex;flex-direction: column;align-items: flex-end;} .m_propertymob-con ul li:nth-child(2) span{text-align: right;} .m_propertymob-con ul li:nth-child(2) p{font-size: 22px;} .m_propertymob-con ul li:last-child p{font-size: 26px;} /* 从本土雄心到壮志凌云,让中国软件在全球拥有一席之地! */ .m_space{padding: 32px 0;} .m_space-container{padding: 0 18px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_space-container h3{display: none;} .m_space-container h4{display: block;color: #e60012;font-size: 18px;line-height: 32px;font-weight: 700;text-align: center;} .m_space-study{display: none;} .m_spacemob-study{display: block;width: 100%;color: #666;font-size: 12px;line-height: 22px;text-align: center;} .m_spacemob-discuss{margin-bottom: 33px;margin-top: 23px;} /* 用友在业界率先提出"数智化"(数字化 智能化)概念 */ .m_concept{padding: 30px 0 0;} .m_concept-big{display: none;} .m_concept-bigm{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .m_concept-container{display: none;} .m_conceptmob-container{display: block;position: relative;padding: 0 18px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_conceptmob-con{width: 100%;position: relative;} .m_conceptmob-notion{color: #e60012;font-size: 18px;line-height: 32px;font-weight: 700;margin-bottom: 22px;text-align: center;} .m_conceptmob-le{width: 100%;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);border-radius: 4px;position: relative;} .m_conceptmob-img{width: 100%;vertical-align: middle;} .m_conceptmob-face{color: #666;font-size: 12px;line-height: 22px;font-weight: 400;text-align: justify;margin: 16px 0 26px;} .m_conceptmob-le ul{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;display: flex;justify-content: space-between;align-items: flex-end;padding: 0 15px 41px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_conceptmob-le ul li{width: 35%;position: relative;} .m_conceptmob-le ul li h3{color: #333;font-size: 12px;font-weight: 700;} .m_conceptmob-le ul li p{color: #e60012;font-size: 12px;font-weight: 700;} .m_conceptmob-le ul li span{display: block;color: #666;font-size: 12px;line-height: 17px;font-weight: 400;margin-top: 23px;} .m_conceptmob-le ul li:first-child{display: flex;flex-direction: column;align-items: flex-end;} .m_conceptmob-le ul li:last-child{display: flex;flex-direction: column;align-items: flex-start;} .m_conceptmob-le ul li:first-child span{text-align: right;} .m_conceptmob-le ul li:first-child h3{padding-right: 21px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_conceptmob-le ul li:last-child h3{padding-left: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_conceptmob-le ul li:first-child p{padding-right: 21px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_conceptmob-le ul li:last-child p{padding-left: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;} /* 用友bip,被重要央媒誉为企业数智化的“大国重器” */ .m_treasure{padding: 24px 0;} .m_treasure-big{display: none;} .m_treasure-bigm{display: block;width: 100%;position: absolute;top: 0;left: 0;} .m_treasure-container{padding: 0;} .m_treasure-container h3{display: none;} .m_treasure-container h4{display: block;color: #e60012;font-size: 18px;line-height: 32px;font-weight: 700;text-align: center;} .m_treasure-con{margin-top: 50px;} .m_treasure-img{height: 57px;} .m_treasure-great{display: none;} .m_treasuremob-great{display: block;width: 100%;color: #666;font-size: 12px;line-height: 22px;font-weight: 400;text-align: center;margin: 13px 0 17px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_treasure-mind{display: none;} .m_treasuremob-mind{display: block;width: 100%;color: #666;font-size: 12px;line-height: 22px;font-weight: 400;text-align: center;margin-top: 17px;box-sizing: border-box;-webkit-box-sizing: border-box;} .m_treasure-ico{display: none;} .m_treasure-icon{display: block;width: 100%;position: absolute;top: 0;left: 0;} .m_treasure-list ul{padding: 28px 0;} .m_treasure-list ul li::before{height: 30px;} .m_treasure-list ul li b{font-size: 18px;margin-bottom: 2px;} .m_treasure-list ul li span{font-size: 14px;} .g_footer-ctrls{display: flex;justify-content: space-between;width: 100%;} .g_ctrls-item{margin-right: 0;} } /* ---------视频弹窗--------- 结束 */ .index-video-block{ position: relative; } .index-video-block i { width: 85px; height: 85px; position: absolute; background: ; background-size: cover; top: 30px; left: 90px; } .recom-banners{ justify-content: start !important; } .recom-right { margin-right: -60px; } .new-active-list>a{ margin-right: 16.66px; } .modal{ top:100px !important; z-index: 10050 !important; } .modal-content{ background-color: #000; } .modal-header{ border-bottom: none; } .close{ font-size: 30px; color: #fff; margin: 0 10px !important; } .close:hover{ background-color: none; color: #fff; } #iframevideo .mk_videoplayer .prism-player .prism-big-play-btn{ left: 45%; bottom: 45%; } #iframevideo{ width: 100%; height: 500px; } .modal-dialog{ width: 850px; } .modal-header{ padding: 0; } #mk_videoplayer div.prism-controlbar div.prism-player .prism-cc-btn{ display: none; } .prism-player .prism-controlbar{ display: none; } .video-type{ padding-left: 20px; } .video-type li { display: inline-block; /* width: 45px; */ padding: 0 10px; text-align: center; font-size: 15px; color: #555; border-right: 1px solid #ccc; line-height: 16px; cursor: pointer; } .video-type li:hover { color: #ee2233; } .actives{ color: #ee2233 !important; } .video-type li:last-child { border-right: none; }