@charset "utf-8";

@font-face {
  font-family: 'iconfont3';
  src: url('../fonts/iconfont3.woff2') format('woff2'),
       url('../fonts/iconfont3.woff') format('woff'),
       url('../fonts/iconfont3.ttf') format('truetype');
  font-weight: normal; font-style: normal; font-display: swap;
}
.icon-youjiantou1{ font-family: 'iconfont3' !important; }
.icon-youjiantou1:before{ content: "\e624"; }

.isxiv i, .icivri a span i, .intti a i, .inlitms i{ font-family: 'iconfont3' !important; }

.inh2t{ font-size: 60px; margin-bottom: 34px; line-height: 60px; text-transform: uppercase; font-family: MontserratBold; }
.iabtit p{ line-height: 26px; color: #666; text-align:justify; }

/* About 区块 */
.inabwar{ padding: 88px 0 100px; background: url(../images/iabbg.jpg) no-repeat; background-size: cover; }
.iabtit{ text-align: center; }
.ianumul{ margin-top: 62px; overflow: hidden; }
.ianumul li{ float: left; width: 25%; padding: 0 30px; border-right: 1px solid #d5d5d5; }
.ianumul li:last-child{ border-right: none; }
.ianumul li b{ color: #153791; font-size: 68px; font-family: MontserratBold; }
.ianumul li p{ line-height: 26px; color: #666; }

/* 工厂展示：左图轮播 + 右浮动文字卡 */
.inafac{ margin-top: 80px; position: relative; padding-bottom: 58px; }
.inafaswi .changpic{ border-top-left-radius: 100px; border-bottom-right-radius: 100px; }
.inafatxt{ position: absolute; box-shadow: 0 0 15px rgba(198, 194, 194, 0.3); border-top-right-radius: 80px; border-bottom-left-radius: 80px; bottom: 0; padding: 38px 50px 128px; left: 12%; width: 506px; background: rgba(255, 255, 255, 0.85); }
.inafatxt h3{ color: #153791; margin-bottom: 15px; font-size: 40px; font-family: MontserratBold; }
.inafatxt p{ line-height: 26px; color: #666; }
.iafarr{ position: absolute; bottom: 34px; left: 50px; }
.iafarr span{ display: inline-block; cursor: pointer; color: #fff; background: #153791; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; }
.iafarr span svg{ display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
.iafarr span:hover{ opacity: 0.85; }
.inafaswi .slick-dots{ width: auto; right: 15%; }
.inafaswi .slick-dots li{ width: auto; height: auto; }
.inafaswi .slick-dots li button{ padding: 0; width: 8px; height: 8px; border-radius: 8px; border: 1px solid #153791; }
.inafaswi .slick-dots li.slick-active button{ background: #153791; width: 12px; height: 12px; border-radius: 12px; }

/* ===== 响应式 ===== */
@media screen and (max-width: 1440px){
  .inabwar{ padding: 80px 0; }
  .inh2t{ margin-bottom: 16px; }
  .ianumul{ margin-top: 25px; }
  .ianumul li b{ font-size: 48px; }
  .inafac{ padding-right: 0; }
  .inafatxt h3{ font-size: 34px; }
}

@media screen and (max-width: 1024px){
  .inabwar{ padding: 40px 0; }
  .inh2t{ font-size: 50px; line-height: 50px; }
  .ianumul li{ padding: 0 20px; }
  .ianumul li b{ font-size: 40px; }
  .ianumul li p{ line-height: 22px; }
  .inafac{ margin-top: 38px; }
  .inafaswi .changpic{ border-top-left-radius: 50px; border-bottom-right-radius: 50px; }
  .inafatxt{ padding: 15px 20px 98px; }
}

@media screen and (max-width: 768px){
  .inh2t{ font-size: 40px; line-height: 40px; }
  .iabtit p{ line-height: 24px; }
  .ianumul li{ padding: 0 10px; }
  .ianumul li b{ font-size: 32px; }
  .inafatxt h3{ font-size: 26px; margin-bottom: 6px; }
  .inafatxt{ padding: 15px 20px 74px; }
  .iafarr{ bottom: 12px; left: 22px; }
  .inafatxt{ border-top-right-radius: 20px; border-bottom-left-radius: 20px; }
}

@media screen and (max-width: 480px){
  .inabwar{ padding: 24px 0; }
  .inh2t{ font-size: 26px; margin-bottom: 7px; line-height: 26px; }
  .iabtit p{ line-height: 20px; }
  .ianumul{ margin-top: 12px; }
  .ianumul li{ width: 50%; border-right: none; padding: 0 12px 22px; }
  .ianumul li b{ font-size: 24px; }
  .inafatxt{ position: static; width: 100%; padding: 15px; }
  .inafaswi .changpic{ border-radius: 0; }
  .inafac{ margin-top: 20px; }
  .inafatxt p{ line-height: 22px; }
  .ianumul li p{ line-height: 20px; }
}


/* 通用标题 */
.htitle{ text-align: center; font-weight: bold; color: #3e4355; }
.bigtips{ text-align: center; font-size: 18px; margin-top: 25px; color: #4e597b; }
.desc .htitle{font-size: 60px; margin-bottom: 34px; line-height: 60px; text-transform: uppercase; font-family: MontserratBold; color: #333;  }



/* PRODUCT CATALOG 标题块 */
.home_tit{ margin: 60px auto; overflow: hidden; }
.home_tit h3{ text-align: center; font-size: 46px; margin: 30px 0; }
.home_tit p{ font-size: 16px; width: 60%; margin: 0 auto; line-height: 32px; color: #666; text-align: center; }

/* PRODUCT CATALOG 分类卡带 */
.home_cate{ width: 100%; background: #0d2a6b url(../images/index_cate_bg.jpg) repeat center top; height: 390px; position: relative; margin-top: 180px; }
.home_cate ul{ position: absolute; left: 0; right: 0; top: -25%; width: 1600px; margin: 0 auto; overflow: hidden; }
.home_cate ul li{ float: left; width: 19%; margin: 0 0.5%; background-color: #153791; background-image: linear-gradient(90deg, #153791 0%, #153791 50%, #153791 100%); background-position: left center; background-size: 200% 100%; }
.home_cate ul li .port-4{ float: left; width: 100%; position: relative; overflow: hidden; text-align: center; aspect-ratio: 1/1; padding: 3rem 1rem; background: #f5f5f5;}
.home_cate ul li .port-4 > img{  height: 100%; transition: 0.5s; }
.home_cate ul li .port-4 .text-desc{ top: -100%; transition: 0.5s; color: #000; position: absolute; left: 0; background-color: #E1ECFE; height: 100%; width: 100%; padding: 5%; }
.home_cate ul li .port-4 .text-desc img{ width: 45%; margin: 40px auto 0; }
.home_cate ul li .port-4:hover .text-desc{ top: 0; }
.home_cate ul li .port-4:hover img{ transform: scale(1.2); }
.home_cate ul li:hover h3{ background: #d00; transition: all 0.6s; }
.home_cate ul li:hover h3 a{ color: #fff; transition: all 0.6s; }
.home_cate ul h3{ display: block; text-align: center; line-height: 60px; cursor: pointer; transition: background-position .6s ease; font-size: 16px; }
.home_cate ul h3 a{ font-weight: 600; color: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; }

/* HOT PRODUCT */
.home_prolist{ margin-top: 40px; padding: 0 0 20px;   }
.home_prolist .home_about_tit p{ margin-bottom: 50px; }
.home_prolist_ul{ overflow: hidden; margin: 0 -105px; padding-top: 20px; }
.home_prolist_ul li{ float: left; padding: 0 15px; width: 25%; margin-bottom: 30px; }
.hpla{ overflow: hidden; display: block; }
.hpla img{ width: 100%; aspect-ratio: 4/3; object-fit: cover; transition: all 0.4s; background: url(../images/prolist_bg.jpg) no-repeat; }
.home_prolist_ul h3{ padding: 0; }
.home_prolist_ul h3 a{ display: block; text-align: center; font-size: 16px; background: #153791; color: #fff; padding: 20px 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home_prolist_ul li:hover .hpla img{ transform: scale(1.1, 1.1); }

/* ===== PRODUCT CATALOG / HOT PRODUCT 响应式 ===== */
@media screen and (max-width: 1440px){
  .home_cate{ height: 340px; }
  .home_cate ul{ width: 88%; }
  .home_cate ul li .port-4 .text-desc img{ margin-top: 30px; }
}
@media screen and (max-width: 1280px){
  .home_cate ul{ width: 90%; }
}
@media screen and (max-width: 1024px){
  .home_tit{ margin: 40px auto; }
  .desc .htitle{ font-size: 38px; height: auto; line-height: 42px; }
  .home_tit p{ width: 80%; }
  .home_cate{ height: auto; margin-top: 60px; padding: 0 0 40px; }
  .home_cate ul{ position: static; left: auto; right: auto; width: auto; margin: 0 2%; }
  .home_cate ul li{ width: 31.333%; margin: 1%; }
  .home_prolist_ul li{ width: 33.333%; }
}
@media screen and (max-width: 768px){
  .desc .htitle{ font-size: 32px; line-height: 36px; }
  .bigtips{ font-size: 16px; }
  .home_cate ul li{ width: 48%; margin: 1%; }
  .home_prolist_ul li{ width: 50%; }
  .home_prolist_ul h3 a{ font-size: 14px; }
}
@media screen and (max-width: 480px){
  .home_tit{ margin: 30px auto; }
  .desc .htitle{ font-size: 26px; line-height: 30px; }
  .home_tit p{ width: 90%; line-height: 24px; font-size: 14px; }
  .bigtips{ margin-top: 15px; }
  .home_cate{ margin-top: 30px; padding-bottom: 20px; }
  .home_cate ul{ margin: 0 2%; }
  .home_cate ul li{ width: 100%; margin: 0 0 12px; }
  .home_cate ul h3{ line-height: 44px; }
  .home_prolist_ul{ padding-top: 0; }
  .home_prolist_ul li{ width: 100%; }
}

/* 标题（.itith2，POPPINS-BOLD → MontserratBold） */
.itith2{ font-size: 60px; line-height: 60px; text-transform: capitalize; font-family: MontserratBold; }

/* Solutions 标题块 */
.ipvtit{ text-align: center; }
.ipvtit p{ margin-top: 14px; padding: 0 10%; font-size: 16px; line-height: 24px; color: #666; }

/* Solutions 卡片 */
.isoli{ background: #f7f7f7; padding-top: 62px; }
.isoli .warper{ width: 100%; }
.isolist{ margin-top: 42px; display: flex; }



.isolist li{ width: 25%; border-right: 2px solid #fff; }
.isoitem{ overflow: hidden; }
.isoitem a{ display: block; width: 100%; position: relative; }
.isotxi{
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 55%);
  transition: background-color 0.45s ease;
}
.isxiv{
  position: absolute; left: 0; bottom: 34px; width: 100%;
  padding: 0 32px; color: #fff; text-align: center;
  transition: bottom 0.45s ease, transform 0.45s ease;
}
.isxiv p{ font-size: 22px; line-height: 28px; font-family: MontserratMedium; }
.isxiv i{
  position: absolute; top: 100%; left: 50%; margin-top: 42px;
  width: 58px; height: 58px; line-height: 58px; border-radius: 58px;
  text-align: center; background: #153791; font-size: 26px; color: #fff;
  opacity: 0; transform: translateX(-50%) translateY(14px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.isoitem:hover .changpic img{ transform: scale(1.15); }
.isoitem:hover .isotxi{ background-color: rgba(0, 0, 0, 0.5); }
.isoitem:hover .isxiv{ bottom: 50%; transform: translateY(50%); text-align: center; }
.isoitem:hover .isxiv i{ opacity: 1; transform: translateX(-50%) translateY(0); }

/* Latest News */
.inesv{ padding: 92px 0 108px; }
.intti{ display: flex; align-items: center; justify-content: space-between; }
.intti a{ display: inline-block; text-align: center; width: 46px; height: 46px; line-height: 44px; border-radius: 46px; border: 1px solid #bfbfbf; color: #bfbfbf; }
.intti a i{ font-size: 22px; }
.intti a:hover{ background: #153791; border: 1px solid #153791; color: #fff; }
.inelist{ margin-top: 58px; display: flex; }
.inelist li{ width: 33.333%; }
.inlitms a{ display: block; position: relative; padding: 48px 50px 48px; background: #f7f7f7; }
.inlitms b{ font-family: MontserratBold; font-size: 38px; }
.inlitms h3{ font-family: MontserratMedium; color: #333; font-size: 20px; line-height: 24px; height: 48px; margin-top: 24px; overflow: hidden; }
.inlitms .changpic{ margin-top: 22px; aspect-ratio: 16/9; }
.inlitms p{ font-size: 16px; margin-top: 20px; line-height: 24px; color: #333; height: 72px; overflow: hidden; }
.inlitms i{ display: inline-block; transition: all 0.3s; margin-top: 28px; text-align: center; width: 46px; height: 46px; line-height: 44px; border-radius: 46px; font-size: 22px; border: 1px solid #bfbfbf; color: #bfbfbf; }
.inlitms a:hover{ background: #fff; box-shadow: 0 0 40px rgba(139, 139, 139, 0.27); }
.inlitms a:hover .changpic img{ transform: scale(1.15); }
.inlitms a:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: all 0.3s; height: 6px; background: #153791; }
.inlitms a:hover:before{ width: 100%; }
.inlitms a:hover i{ background: #153791; color: #fff; border: 1px solid #153791; transform: rotate(-45deg); }

/* ===== Solutions / Latest News 响应式 ===== */
@media screen and (max-width: 1600px){
  .itith2{ font-size: 54px; line-height: 54px; }
}

@media screen and (max-width: 1440px){
  .itith2{ font-size: 42px; line-height: 42px; }
  .isxiv p{ font-size: 20px; }
  .isoitem:hover .isxiv p{ font-size: 20px; }
  .inesv{ padding: 80px 0; }
  .inelist{ margin-top: 18px; }
  .inlitms a{ padding: 32px; }
  .inlitms b{ font-size: 30px; }
  .inlitms h3{ margin-top: 12px; }
  .inlitms i{ margin-top: 8px; }
}

@media screen and (max-width: 1366px){
  .inesv{ padding: 70px 0; }
}

@media screen and (max-width: 1280px){
  .itith2{ font-size: 38px; line-height: 38px; }
  .inlitms h3{ font-size: 18px; }
}

@media screen and (max-width: 1024px){
  .itith2{ font-size: 32px; line-height: 32px; }
  .isoli{ padding-top: 50px; }
  .isolist{ margin-top: 22px; }
  .isxiv{ padding: 0 14px; bottom: 26px; }
  .isxiv i{ width: 40px; height: 40px; line-height: 40px; font-size: 20px; margin-top: 10px; }
  .isxiv p{ font-size: 17px; line-height: 20px; }
  .isoitem:hover .isxiv p{ font-size: 17px; line-height: 20px; }
  .inesv{ padding: 50px 0; }
  .inlitms a{ padding: 20px; }
  .inlitms .changpic{ margin-top: 12px; }
}

@media screen and (max-width: 768px){
  .itith2{ font-size: 25px; line-height: 25px; }
  .isoli{ padding-top: 40px; }
  .isolist{ flex-wrap: wrap; }
  .isolist li{ width: 49.5%; margin-right: 1%; margin-bottom: 6px; border-right: none; }
  .isolist li:nth-of-type(even){ margin-right: 0; }
  .intti a,.inlitms i{ width: 38px; height: 38px; line-height: 36px; }
  .intti a i{ font-size: 18px; }
  .inesv{ padding: 30px 0; }
  .inlitms b{ font-size: 24px; }
  .inlitms a{ padding: 12px; }
  .inlitms h3{ font-size: 17px; }
  .inlitms p{ margin-top: 8px; font-size: 15px; }
}

@media screen and (max-width: 480px){
  .itith2{ font-size: 22px; }
  .isoli{ padding-top: 24px; }
  .inesv{ padding: 22px 0; }
  .inelist{ flex-wrap: wrap; }
  .inelist li{ width: 100%; margin-bottom: 6px; }
}

/* ===== Cases 案例 ===== */
.rv-cases{ background: url(../images/cases-bg.jpg) no-repeat center center; background-size: cover; padding: 86px 0 96px; }
.rv-cases .rv-cases-tit{ text-align: center; }
.rv-cases .itith2{ color: #fff; }
.rv-cases .bigtips{ color: rgba(255,255,255,0.85); }
.rv-cases-box{ display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px; }
.rv-cases-left{ width: 49.9%; position: relative; overflow: hidden; }
.rv-cases-left .rv-cases-bigimg{ display: block; }
.rv-cases-left img{ display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover; transition: transform 0.45s ease; }
.rv-cases-left:hover img{ transform: scale(1.05); }
.rv-cases-big-shadow{ position: absolute; bottom: 0; left: 0; width: 100%; min-height: 116px; background: rgba(0,0,0,0.7); padding: 20px 34px 16px 18px; display: flex; align-items: flex-start; }
.rv-cases-big-txt{ width: 100%; }
.rv-cases-big-title{ font-family: MontserratBold; font-size: 20px; line-height: 26px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px; }
.rv-cases-big-title a{ color: #fff; }
.rv-cases-big-title a:hover{ color: #a9c4f5; }
.rv-cases-big-desc{ font-family: MontserratRegular; font-size: 15px; line-height: 24px; color: #ddd; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.rv-cases-arrow{ flex-shrink: 0; margin-left: 30px; padding-top: 14px; }
.rv-cases-arrow a{ width: 45px; height: 45px; background: #153791; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; transition: transform 0.3s ease, background 0.3s ease; }
.rv-cases-arrow a:hover{ background: #0d2a6b; transform: scale(1.1); }
.rv-cases-arrow i{ font-family: 'iconfont3' !important; font-size: 22px; }
.rv-cases-right{ width: 49.65%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.rv-cases-item{ width: 49.4%; overflow: hidden; position: relative; margin-bottom: 9px; }
.rv-cases-item:nth-last-child(-n+2){ margin-bottom: 0; }
.rv-cases-item a{ display: block; }
.rv-cases-item img{ display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover; transition: transform 0.45s ease; }
.rv-cases-item:hover img{ transform: scale(1.05); }
.rv-cases-item-shadow{ position: absolute; width: 100%; left: 0; bottom: 0; min-height: 55px; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; padding: 8px 14px; }
.rv-cases-item-shadow p{ font-family: MontserratRegular; font-size: 16px; line-height: 24px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.rv-cases-item-shadow a{ color: #fff; }
.rv-cases-item-shadow a:hover{ color: #a9c4f5; }

@media screen and (max-width: 1440px){
  .rv-cases{ padding: 70px 0 80px; }
  .rv-cases-box{ margin-top: 36px; }
  .rv-cases-big-shadow{ min-height: 100px; padding: 15px 18px 12px 15px; }
  .rv-cases-big-title{ font-size: 18px; }
  .rv-cases-item-shadow{ min-height: 44px; }
  .rv-cases-arrow a{ width: 40px; height: 40px; }
}
@media screen and (max-width: 1024px){
  .rv-cases{ padding: 50px 0 60px; }
  .rv-cases-box{ margin-top: 28px; }
  .rv-cases-big-title{ font-size: 16px; line-height: 22px; }
  .rv-cases-big-desc{ font-size: 14px; line-height: 21px; }
  .rv-cases-item-shadow p{ font-size: 14px; line-height: 20px; }
}
@media screen and (max-width: 768px){
  .rv-cases{ padding: 40px 0; }
  .rv-cases-box{ flex-direction: column; margin-top: 24px; }
  .rv-cases-left{ width: 100%; margin-bottom: 20px; }
  .rv-cases-right{ width: 100%; }
  .rv-cases-big-shadow{ min-height: 96px; padding: 14px 16px; }
  .rv-cases-arrow{ margin-left: 16px; padding-top: 8px; }
}
@media screen and (max-width: 480px){
  .rv-cases{ padding: 30px 0; }
  .rv-cases-item{ width: 100%; margin-bottom: 9px; }
  .rv-cases-item:nth-last-child(-n+2){ margin-bottom: 9px; }
  .rv-cases-item:last-child{ margin-bottom: 0; }
  .rv-cases-big-shadow{ min-height: 88px; padding: 10px 12px; }
  .rv-cases-big-title{ font-size: 15px; }
}

.icous{ background: #153791; padding: 64px 0 74px; }
.icoivs{ display: flex; align-items: center; }
.icivle{ width: 220px; }
.icivle .itith2{ font-size: 30px; color: #fff; text-shadow: 0 0 7px rgba(13, 42, 107, 0.4); }
.icivri{ width: calc(100% - 220px); padding-left: 60px; padding-right: 354px; position: relative; }
.icivri p{ color: #fff; font-size: 20px; line-height: 30px; font-family: MontserratMedium; text-shadow: 0 0 7px rgba(13, 42, 107, 0.4); }
.icivri a{ position: absolute; top: 0; color: #333; right: 0; display: inline-block; border-radius: 60px; padding: 6px; border: 1px solid #fff; }
.icivri a span{ display: inline-block; font-size: 20px; font-family: MontserratRegular; padding: 8px 8px 8px 40px; background: #fff; border-radius: 60px; }
.icivri a span i{ display: inline-block; width: 50px; font-size: 26px; margin-left: 18px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; background: #153791; color: #fff; }
.icivri a span *{ vertical-align: middle; }
.icivri a:hover{ transform: translateX(10px); }

@media screen and (max-width: 1440px){
  .icous{ padding: 50px 0 64px; }
  .icivle .itith2{ font-size: 40px; }
  .icivri{ padding-right: 290px; }
}
@media screen and (max-width: 1280px){
  .icivri{ padding-left: 24px; }
  .icivri p{ font-size: 17px; line-height: 26px; }
}
@media screen and (max-width: 1024px){
  .icous{ padding: 24px 0; }
  .icoivs{ flex-wrap: wrap; }
  .icivle{ width: 100%; }
  .icivri{ width: 100%; }
  .icivle .itith2{ font-size: 32px; }
  .icivri{ padding-left: 0; margin-top: 12px; }
  .icivri a span i{ width: 38px; height: 38px; margin-left: 12px; line-height: 38px; }
}
@media screen and (max-width: 768px){
  .icivle .itith2{ font-size: 26px; }
  .icivri p{ font-size: 15px; line-height: 23px; }
  .icivri a span{ padding: 8px 8px 8px 30px; font-size: 17px; }
  .icivri{ padding-right: 0; }
  .icivri a{ position: static; margin-top: 12px; }
  .icivri a span i{ width: 32px; height: 32px; line-height: 32px; }
}

.global01{ background: url(../images/i_aboutbg.webp) no-repeat center; background-size: cover; padding: 2.5vw 0 4vw; }
.global01 .infor .tit{ font-size: 16px; color: #fff; line-height: 38px; text-align: center; }
.global01 .infor .tit h2{ font-size: 45px; font-weight: bold; padding-bottom: 1.5vw; color: #fff; }
.global01 .infor .tit p{ line-height: 38px; }
.global01 .content{ margin-top: 80px; }
.global01 .content ul{ overflow: hidden; }
.global01 .content li{ width: 25%; float: left; padding: 0 1%; text-align: center; cursor: pointer; }
.global01 .content li .num{ font-size: 70px; font-family: Impact; color: #545f69; line-height: 1; transition: all 0.5s ease; }
.global01 .content li .num [class^="num"]{ font-size: 70px; color: #fcb026; }
.global01 .content li .num span{ display: inline-block; }
.global01 .content li .num .text{ font-size: 16px; color: #fcb026; margin-left: 5px; font-family: "微软雅黑"; vertical-align: 3px; }
.global01 .content li .txt{ font-size: 16px; color: #fcb026; line-height: 30px; margin-top: 15px; transition: all 0.5s ease; }
.global01 .content li:hover .num span{ color: #fff; }
.global01 .content li:hover .txt{ color: #fff; }

.i-fuwu .content{ background: #333e46; padding: 20px 0; }
.i-fuwu .content ul{ overflow: hidden; }
.i-fuwu .content li{ float: left; width: 30%; margin-left: 1.66%; margin-right: 1.66%; }
.i-fuwu .content li .li_box{ display: block; padding-left: 75px; position: relative; }
.i-fuwu .content li .li_box .icon{ position: absolute; left: 0; top: 0; width: 58px; height: 71px; transition: .5s ease; }
.i-fuwu .content li .li_box .intro{ color: #fff; font-weight: lighter; }
.i-fuwu .content li .li_box .intro .t{ font-size: 28px; line-height: 60px; color: #fff; }
.i-fuwu .content li .li_box .intro .c{ font-size: 14px; line-height: 24px; color: rgba(255,255,255,.4); }
.i-fuwu .content li:hover .icon{ transform: rotateY(180deg); }


@media screen and (max-width: 1440px){
  .global01 .infor{ padding: 0 11%; }
}
@media screen and (max-width: 768px){
  .global01 .infor .tit h2{ font-size: 32px; }
  .global01 .infor .tit p{ font-size: 14px; line-height: 24px; }
  .global01 .content{ margin-top: 30px; }
  .global01 .content li{ width: 48%; }
  .global01 .content li .num,
  .global01 .content li .num [class^="num"]{ font-size: 46px; }
  .global01 .content li .txt{ font-size: 14px; line-height: 22px; margin-top: 8px; }
  .i-fuwu .content li{ width: 46.66%; }
}
@media screen and (max-width: 480px){
  .global01 .content li .num,
  .global01 .content li .num [class^="num"]{ font-size: 36px; }
  .global01 .infor .tit p{ line-height: 22px; }
  .i-fuwu .content li{ width: 100%; margin: 0 0 14px; }
  .i-fuwu .content li .li_box{ padding-left: 64px; }
  .i-fuwu .content li .li_box .icon{ width: 48px; height: 60px; }
  .i-fuwu .content li .li_box .intro .t{ font-size: 24px; line-height: 42px; }
}