/* CSS Document */

#root-ecology {padding-top: 80px}

a{text-decoration:none;}

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: url('http://www.yonyou.com/assets/font/MiSans-Light.ttf') 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 30px;}

.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 30px;}



.g_head-right{display: flex; align-items: center; flex-wrap: nowrap;}

.g_hotline{font-size: 16px; color:#e60012; margin: 0 25px 0 0;cursor: pointer; position: relative;}

.g_hotline b{display: inline-block; height: 20px; line-height: 20px; font-weight: 600; color:#e60012;}

.g_hotline img{height: 16px;vertical-align: middle; margin-right: -3px;}

.g_hotline img:nth-child(5){display: inline-block; position: absolute; bottom: 12px;}

.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;white-space: nowrap;}

.g_btn-register{background: #f11022; border-radius: 0 2px 2px 0;white-space: nowrap;}

.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;white-space: nowrap;}



.yonyou-global-nav-container { position: relative; display: inline-block; width: 50px; height: 28px;}

.yonyou-global-nav-icon { width: 50px; height: 28px; display: flex; justify-content: center; cursor: pointer;}

.yonyou-global-nav-icon img:hover{ content:url(../image/yonyou_global_hover.png);}

.yonyou-global-dropdown { position: absolute; top: 100%; right: -30px; background: #fff; border: 1px solid rgba(80,87,102,0.39); border-radius: 16px; box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.16); padding: 16px 16px 32px 16px; display: none; z-index: 1000; width: 327px; margin-top: 24px;}

.yonyou-global-nav-container::before { content: ''; position: absolute; top: 100%; right: -20px; width: 300px; height: 28px; /* 覆盖图标到悬浮框的距离 */ z-index: 999; display: none;}

.yonyou-global-nav-container:hover::before { display: block;}

.yonyou-global-dropdown::before { content: ''; position: absolute; top: -10px; left: calc(50% + 105px); transform: translateX(-50%); border-width: 0 15px 10px 15px; border-style: solid; border-color: transparent transparent #fff transparent;}

.yonyou-global-dropdown::after { content: ''; position: absolute; top: -11px; left: calc(50% + 105px); transform: translateX(-50%); border-width: 0 16px 11px 16px; border-style: solid; border-color: transparent transparent #e0e0e0 transparent; z-index: -1;}

.dropdown-columns { display: flex;}

.dropdown-column { width: 156px;}

.yonyou-global-dropdown ul { list-style: none; margin: 0; padding: 0;}

.yonyou-global-dropdown li { margin: 0; padding: 0;}

.yonyou-global-dropdown a { display: block; padding: 8px 10px 8px 16px; font-size: 14px; color: #333;;text-decoration: none; text-align: left;}

.yonyou-global-dropdown a:hover { background: #f5f5f5; color: #e60012;}

.yonyou-global-nav-container:hover .yonyou-global-dropdown { display: block;}



/* 移动端全球导航样式 */

.yonyou-global-nav-container-mobile { position: relative; display: inline-block; position: absolute; right:120px; top: 0;}

.yonyou-global-dropdown-mobile { position: absolute; top: 100%; right: -105px; background: #fff; border: 1px solid rgba(80,87,102,0.39); border-radius: 8px; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.16); padding: 9px 20px 43px 30px; display: none; z-index: 1000; width: 302px; }

.yonyou-global-dropdown-mobile::before { content: ''; position: absolute; top: -8px; left: calc(50% + 20px); transform: translateX(-50%); border-width: 0 15px 8px 15px; border-style: solid; border-color: transparent transparent #fff transparent;}

.yonyou-global-dropdown-mobile::after { content: ''; position: absolute; top: -9px; left: calc(50% + 20px); transform: translateX(-50%); border-width: 0 16px 9px 16px; border-style: solid; border-color: transparent transparent #e0e0e0 transparent; z-index: -1;}

.yonyou-global-dropdown-mobile .dropdown-columns { display: flex; justify-content: space-between;}

.yonyou-global-dropdown-mobile ul { list-style: none; margin: 0; padding: 0;}

.yonyou-global-dropdown-mobile li { margin: 0; padding: 0;}

.yonyou-global-dropdown-mobile a { display: inline-block; padding: 7px 0px; font-size: 15px; color: #333;;text-decoration: none; text-align: left;}



.g_head-user{margin: 0 6px;}

.g_nav-box{width: 100%; height: 600px; background:#F9F9F9 url(../image/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: 24px; 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(../image/g_105.png) no-repeat center; background-size:100%; margin-left: 9px;}

.g_nav-second{display: block; font-size: 16px; color: #666;}

.g_nav-second:hover{color: #e60012; font-weight: 700;}



.g_sec-logo{display: block; height: 30px;}

.g_sec-logo1{display: block; height: 40px;}

.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(../image/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(../image/g_105.png) no-repeat center; background-size:100%; margin-left: 9px;}

.g_platform-name p{font-size: 18px; font-weight: 700; color: #e60012; display: flex; align-items: center; margin: 0;}

.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_third-list a p .g_platform-himg1{height: 40px;}

.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(../image/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(../image/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(../image/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_advantage{width: 100%; background:url(../image/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_videos-img{display: block; width: 100%;}

.g_btn-play{display: block; width: 50px; height: 50px; background: url(../image/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_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(../image/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(../image/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: 32px; 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: 15px; color: #333; margin-bottom: 10px;}*/

/*.g_footer-nav a:last-child{margin-bottom: 0;}*/

/*.g_footer-right ul li{margin-right: 1rem;}*/

/*.g_footer-nav a:hover{color: #fff; font-weight: bold;}*/


/* 全局盒模型统一，根治多页面排版差异 */
.g_footer *,
.g_footer {
  box-sizing: border-box !important;
}

/* 底部主容器：左右分栏 + 统一内边距 */
.g_footer-container.g_w {
  display: flex;
  justify-content: flex-start; /* 取消space-between，改用margin-left:auto控制右侧块居右 */
  align-items: flex-start;
  /*padding: 45px 60px;*/
  max-width: 1600px;
  margin: 0 auto;
  gap: 80px;
}

/* 左侧信息栏固定宽度 */
.g_footer-left {
  flex: 0 0 330px;
}

/* 【核心改动】右侧导航整体居右，内部文字左对齐 */
.g_footer-right {
  padding-top: 22px;
  /* margin-left: auto 实现整块向右靠齐 */
  margin-left: auto;
  /* 限制导航区域最大宽度，避免过宽分散 */
  max-width: 820px;
}

/* 导航ul布局：4列均分，统一列间距 */
.g_footer-right ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

/* 每一列li均分宽度，文字天然左对齐 */
.g_footer-right ul li {
  flex: 1;
  min-width: 140px;
  margin-right: 0;
  text-align: left; /* 强制内部文字左对齐，兜底兼容 */
}

/* 导航标题样式 */
.g_footer-right ul li p {
  font-size: 18px;
  font-weight: 500;
  color: #999;
  margin: 0 0 31px 0;
  text-align: left;
}

/* 子链接容器 */
.g_footer-nav a {
  display: block;
  font-size: 15px;
  color: #333;
  margin-bottom: 10px;
  text-align: left;
}
.g_footer-nav a:last-child {
  margin-bottom: 0;
}
.g_footer-nav a:hover {
  color: #e61616;
  font-weight: bold;
}

/* 底部版权栏：缩小上下内边距，解决太靠下问题 */
.g_footer-copy {
  text-align: center;
  /*padding: 15px 0;*/
  background: #222;
  color: #878787;
  font-size: 14px;
}
.g_footer-copy a {
  color: #878787;
  margin-left: 8px;
}


.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: 40px; 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-banner{width: 100%; position: relative; overflow: hidden; height: 600px;}

.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_index-banner .swiper-pagination-bullet {

  width: 10%;

  height: 4px;

  margin-left: 1% !important;

  border-radius: 0;

  opacity: 1;

  background: rgba(238, 238, 238, 0.6);

  /* background: rgba(140, 140, 140, 0.2); */

  overflow: hidden;

  position: relative;

}

.g_index-banner .swiper-pagination-bullet::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

.g_index-banner .swiper-pagination-bullet-active::before {

  background-color: red;

  animation: slide-progress 6s cubic-bezier(.3,0,.3,1) forwards;  

}

.g_index-banner .swiper-paused .swiper-pagination-bullet-active::before{

  animation: none;

}

@keyframes slide-progress {

  0% {

     transform: translateX(-100%);

  }

  100% {

	transform: translateX(0);

  }

}







/*集团首页-产品*/

.g_product{width: 100%; height: 140px; background: url(../image/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(../image/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(../image/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: 650px;  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: 652px; 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: 32% !important; /* 默认三等分 */

	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(../image/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(../image/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: 100%; 
    height: 280px;
    background: #fff url(../image/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(../image/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: 0;}

.g_programme-item:nth-child(3) .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_hgq{display: inline-block;}

.g_hgh{display: none;}









/*集团首页-十大领域*/

.g_field{padding: 10px 0;}

.g_field-container{margin-top: 25px;}

.g_field-thumb{width: 100%; margin: 0 auto; background: url(../image/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(../image/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(../image/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(../image/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: 140px;}

.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: 16px; 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(../image/g_061.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(../image/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(../image/g_081.png) no-repeat center; background-size: 100%;}

.g_ranks-next:hover{background: url(../image/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(../image/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(../image/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; position: relative; z-index: 10;}

.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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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 a{font-size: 14px; color: #333; margin: 0;}

.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_footerlogo-imgm{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-ai{display: none;}

.g_btn-users{display: none;}

.g_btn-global{display: none;}



.g_ranksmobile-swiper{display: none;}

.g_baipis .g_module-title{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;}



/* 行业解决方案 */
.industry {
	padding: 2rem 1.5rem;
	min-height: 85vh;
	max-width: 100%;
}

/* 主容器内部布局 */
.industry .container {
	max-width: 1400px;
	margin: 0 auto;
}

/* 页面主标题氛围 */
.industry .page-header {
	text-align: center;
	margin-bottom: 3rem;
}
.industry .page-header h1 {
	font-size: 28px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-top: 46px;
}
.industry .page-header p {
	font-size: 14px;
    color: #999;
    text-align: center;
    margin-top: 15px;
    text-align: center;
}

/* 九宫格网格布局 - 自适应 */
.industry .grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.8rem;
}

/* 卡片样式 - 每个格子都是一个图文立体卡片 */
.industry .card {
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0,0,0,0.05);
	transition: all 0.4s cubic-bezier(0.2, 0, 0, 1);
	cursor: pointer;
	aspect-ratio: 5 / 3;  /* 统一宽高比，保证视觉整齐 */
}

.industry .card:hover {
	transform: translateY(-10px);
	box-shadow: 0 30px 45px -15px rgba(0, 0, 0, 0.35);
}

/* 图片层：完全覆盖背景，用来展示不同行业图片 */
.industry .card-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center 30%;
	transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
	z-index: 1;
	will-change: transform;
}

/* hover 时图片稍微放大动效 */
.industry .card:hover .card-image {
	transform: scale(1.08);
}

/* 渐变遮罩 + 文字层 */
.industry .card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.45) 70%, rgba(0,0,0,0.15) 100%);
	padding: 1.5rem 1.2rem 1.2rem 1.2rem;
	z-index: 2;
	transition: all 0.3s ease;
	border-radius: 0 0 10px 10px;
}

/* 大标题样式 - 默认始终显示（可见），hover时保留且可搭配微动效 */
.industry .main-title {
	font-size: 1.6rem;
	font-weight: 800;
	color: white;
	letter-spacing: -0.3px;
	margin-bottom: 0.5rem;
	text-shadow: 0 2px 5px rgba(0,0,0,0.5);
	line-height: 1.2;
	transition: transform 0.25s ease, opacity 0.2s;
	transform: translateY(0);
	opacity: 1;
}

/* 小标题样式 - 默认隐藏（不显示），hover时显示，并伴有淡入+上浮动效 */
.industry .sub-title {
	font-size: 0.92rem;
	font-weight: 500;
	color: rgba(255,255,255,0.95);
	letter-spacing: 0.3px;
	text-shadow: 0 1px 3px rgba(0,0,0,0.4);
	line-height: 1.4;
	display: inline-block;
	border-left: 3px solid #e60012;
	padding-left: 10px;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	pointer-events: none;
}

/* hover卡片时：显示小标题（淡入+上浮），大标题保持可见且可做轻微上移动效提升层次感 */
.industry .card:hover .sub-title {
	opacity: 1;
	transform: translateY(0);
}

.industry .card:hover .main-title {
	transform: translateY(-2px);
}

/* 可选：让遮罩hover时稍微加深，增强小标题可读性 */
.industry .card:hover .card-overlay {
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 70%, rgba(0,0,0,0.25) 100%);
}

/* 响应式适配：中等屏幕字体稍微缩小 */
@media (max-width: 1000px) {
	.industry .grid {
		gap: 1.2rem;
	}
	.industry .main-title {
		font-size: 1.35rem;
	}
	.industry .sub-title {
		font-size: 0.78rem;
	}
	.industry .card-overlay {
		padding: 1.2rem 0.9rem 1rem 0.9rem;
	}
}

/* 手机端: 依然三列，但调整字号和内边距，确保九宫格自适应 */
@media (max-width: 780px) {
	.industry {
		padding: 1rem;
	}
	.industry .grid {
		gap: 1rem;
	}
	.industry .main-title {
		font-size: 1.1rem;
		font-weight: 700;
	}
	.industry .sub-title {
		font-size: 0.7rem;
		line-height: 1.3;
		border-left-width: 2px;
		padding-left: 6px;
	}
	.industry .card-overlay {
		padding: 0.9rem 0.7rem 0.8rem 0.7rem;
	}
	.industry .grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1.8rem;
	}

	.case-banner {
		width: 100%;
		height: 200px;
		background-size: 100% 100%;
		padding: 0
	}

	.case-content {
		padding: 1.6rem;
		width: 100%;
	}

}

/* 极小宽屏（<550px）保持可读，三列略紧凑 */
@media (max-width: 550px) {
	.industry .grid {
		gap: 0.8rem;
	}
	.industry .main-title {
		font-size: 0.9rem;
	}
	.industry .sub-title {
		font-size: 0.58rem;
	}
	.industry .card-overlay {
		padding: 0.7rem 0.5rem 0.6rem 0.5rem;
	}
}

/* 超大屏幕：适当增加内边距 */
@media (min-width: 1600px) {
	.industry .container {
		width: 1400px;
        margin: 0 auto;
	}
	.industry .main-title {
		font-size: 1.9rem;
	}
	.industry .sub-title {
		font-size: 1.5rem;
	}
}

/* 保证图片加载失败时有底色支持 */
.industry .card-image {
	background-color: #1f2e3a;
	background-repeat: no-repeat;
	background-position: center;
}















/* 领航产业 */

.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(../image/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(../image/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(../image/l_04.png) no-repeat center; background-size: 100%;}

.m_ranks-next:hover{background: url(../image/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 10px;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: 40px;padding-bottom: 50px;}

.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: 60px;font-family: 'Regular';}

.m_property-con ul li b{display: block;color: #E60012;font-size: 24px;font-weight: 700;margin-bottom: 10px;}

.m_property-con ul li span{display: block;color: #333;font-size: 16px;line-height: 28px;font-weight: 400;}

.m_property-con ul li:first-child{margin-top: 140px;}

.m_property-con ul li:nth-child(2){margin-top: 70px;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: 60px;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: 1400px;color: #333;font-size: 18px;line-height: 34px;font-weight: 400;text-align: left;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 10px;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;}

.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_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(../image/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: 60px;}

	.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;}

	.yonyou-global-nav-icon{display: none;}

	/* 友情链接 */

	.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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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_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_btn-play{transform: translate(-50%,0); margin-top: -42px;}

	.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; margin-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(../image/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_header-con{display: none;width: 100%;height: calc(100% - 50px);background: rgba(0, 0, 0, 0.6);position: fixed;top: 50px;left: 0;}

	

	

	

	/*集团首页*/

	.g_kv-img{display: none;}

	.g_kv-imgm{display: block; width: 100%;}

	.g_index-banner{height: auto;}

	.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(../image/g_49.png) no-repeat center; background-size: 100%; margin-left: 9px;}

	.g_kv-container img{display: none;}

	.g_product{height: 207px; background: url(../image/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_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(../image/g_062.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(../image/g_071.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(../image/g_082.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(../image/g_68.png) no-repeat center bottom; background-size: 100%; box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.12) inset;}

	.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(../image/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(../image/g_27.png) no-repeat center top; background-size:100% 100%; }

	.g_industry .g_next-style{width: 6px; height: 10px; background: url(../image/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(../image/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(../image/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(../image/g_117.png) no-repeat right center; background-size:14px;}

	.g_xiala-dqys .g_nav-second{color: #666; background: url(../image/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(../image/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-ai{display: block; width: 50px; height: 50px; background:url(../image/g_134.png) no-repeat center; background-size: 22px; position: absolute; right:120px; top: 0;}

	.g_btn-global{display: block; width: 50px; height: 50px; background:url(../image/yonyou_global.png) no-repeat center; background-size: 22px;}

	.g_btn-users{display: block; width: 50px; height: 50px; background:url(../image/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;  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(../image/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;}


	/* 行业解决方案 */





	/* 了解用友-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: url('http://www.yonyou.com/assets/img/action.png');

    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;

}



/* 登录 */

.login-pannel {

	width: 100%;

	height: 100%;

	position: fixed;

	z-index: 30000;

	background: rgba(0, 0, 0, 0.45);

	top: 0;

	left: 0;

}

.login-main {

	width: 400px;

	height: 380px;

	background: #ffffff;

	box-shadow: 0px 5px 50px 0px rgba(122, 122, 122, 0.1);

	border-radius: 5px;

	position: absolute;

	z-index: 120;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	padding: 0;

	overflow-x: hidden;

	overflow-y: hidden;

}

  

.login-main iframe {

	width: 100%;

	height: 100%;

	border: 0;

	border-radius: 6px;

	overflow: hidden;

	scrollbar-width: none;

}