﻿@charset "utf-8";
:root {--color: #004098;}
.touch-block .touch-message .touch-text{-webkit-line-clamp:inherit}
.home-banner .swiper-slide-active .banner-animote {animation:bannerani2 .5s forwards;}
@keyframes bannerani2 {0% {margin-top:30px}
100% {margin-top:0;opacity:1}}
.home-banner .swiper-slide .banner-animote{font-size:25px}
@media (max-width:1650px){.home-banner .swiper-slide .banner-animote{font-size:23px}}
@media (max-width:1500px){.home-banner .swiper-slide .banner-animote{font-size:21px}}
@media (max-width:1400px){.home-banner .swiper-slide .banner-animote{font-size:19px}}
@media (max-width:1300px){.home-banner .swiper-slide .banner-animote{font-size:17px}}
@media (max-width:1200px){.home-banner .swiper-slide .banner-animote{font-size:15px}}
@media (max-width:1100px){.home-banner .swiper-slide .banner-animote{font-size:13px}}
.home-banner .swiper-slide .banner-animote.bannertxt1{text-align:center;top:14%;max-width:100%;width:50%;height:30%;left:50%;transform:translate(-50%,0);display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-banner .swiper-slide .banner-animote.bannertxt1 .bannertxt1-tit1{font-size:1.9em;line-height:1}
.home-banner .swiper-slide .banner-animote.bannertxt1 .bannertxt1-tit2{font-size:2em;line-height:1;color:#D7091D;font-family:Times New Roman;font-weight:bold;margin:.2em 0 .3em}
.home-banner .swiper-slide .banner-animote.bannertxt1 p{color:#555;font-size:.8em}
@media (max-width:1100px){.home-banner .swiper-slide .banner-animote.bannertxt1 p{font-size:12px;line-height:1.1}}
@media (max-width:1024px){.home-banner .swiper-slide .banner-animote.bannertxt1 .bannertxt1-tit2{margin:3px 0}}
@media (max-width:768px){.home-banner .swiper-slide .banner-animote.bannertxt1 p{display:none}
.home-banner .swiper-slide .banner-animote.bannertxt1 .bannertxt1-tit1{font-size:20px}
.home-banner .swiper-slide .banner-animote.bannertxt1 .bannertxt1-tit2{margin-bottom:0;font-size:22px}}
@media (max-width:600px){.home-banner .swiper-slide .banner-animote.bannertxt1 .bannertxt1-tit1{font-size:16px}
.home-banner .swiper-slide .banner-animote.bannertxt1 .bannertxt1-tit2{font-size:18px}}
@media (max-width:500px){.home-banner .swiper-slide .banner-animote.bannertxt1 .bannertxt1-tit1{font-size:12px}
.home-banner .swiper-slide .banner-animote.bannertxt1 .bannertxt1-tit2{font-size:13px}}
.home-banner .swiper-slide .banner-animote.bannertxt2{top:16%;max-width:48%;width:auto;left:20%;transform:none;color:#fff;background:rgba(0,0,0,.3);padding:.8em .4em}
.home-banner .swiper-slide .banner-animote.bannertxt2 .bannertxt2-tit1{font-size:2.6em;line-height:1;margin-bottom:.2em;font-weight:bold}
.home-banner .swiper-slide .banner-animote.bannertxt2 p{color:#fff;font-size:1.1em;line-height:1.2}
@media (max-width:1024px){.home-banner .swiper-slide .banner-animote.bannertxt2 .bannertxt2-tit1{font-size:2.3em}}
@media (max-width:768px){.home-banner .swiper-slide .banner-animote.bannertxt2 .bannertxt2-tit1{font-size:26px}
.home-banner .swiper-slide .banner-animote.bannertxt2 p{font-size:14px}}
@media (max-width:600px){.home-banner .swiper-slide .banner-animote.bannertxt2 .bannertxt2-tit1{font-size:20px}
.home-banner .swiper-slide .banner-animote.bannertxt2 p{font-size:12px}}
@media (max-width:500px){.home-banner .swiper-slide .banner-animote.bannertxt2{max-width:60%;left:14%}
.home-banner .swiper-slide .banner-animote.bannertxt2 .bannertxt2-tit1{font-size:16px}}
.home-banner .swiper-slide .banner-animote.bannertxt3{top:16%;max-width:48%;width:auto;left:20%;transform:none;color:#fff;background:rgba(0,0,0,.3);padding:.8em .4em}
.home-banner .swiper-slide .banner-animote.bannertxt3 .bannertxt3-tit1{font-size:2.6em;line-height:1;margin-bottom:.2em;font-weight:bold}
.home-banner .swiper-slide .banner-animote.bannertxt3 p{color:#fff;font-size:1.1em;line-height:1.2}
@media (max-width:1024px){.home-banner .swiper-slide .banner-animote.bannertxt3 .bannertxt3-tit1{font-size:2.3em}}
@media (max-width:768px){.home-banner .swiper-slide .banner-animote.bannertxt3 .bannertxt3-tit1{font-size:26px}
.home-banner .swiper-slide .banner-animote.bannertxt3 p{font-size:14px}}
@media (max-width:600px){.home-banner .swiper-slide .banner-animote.bannertxt3 .bannertxt3-tit1{font-size:20px}
.home-banner .swiper-slide .banner-animote.bannertxt3 p{font-size:12px}}
@media (max-width:500px){.home-banner .swiper-slide .banner-animote.bannertxt3{max-width:92%;left:4%}
.home-banner .swiper-slide .banner-animote.bannertxt3 .bannertxt3-tit1{font-size:16px}}
.home-company .company-info ul {margin:40px 0px 50px;padding-left:70px;position:relative;color:var(--fontcolor)}
.home-company .company-info ul li {line-height:1.5em;margin-bottom:10px;position:relative}
.home-company .company-info ul li:after {content:"";width:10px;height:10px;background:var(--color);position:absolute;top:8px;left:-20px}
.home-company .company-info ul:before,.home-company .company-info ul:after {content:"";height:100%;width:1px;background:var(--color);position:absolute;left:0px}
.home-company .company-info ul:after {left:14px;top:-22px}
.home-company .company-info ul:before {top:10px}
@media (max-width:500px){.home-company .company-info ul{padding-left:50px}}
#appli {background-color:#F6F6F6;background-image:url("https://css02.v15cdn.com/m420/images/appli_bg.webp");background-repeat:no-repeat;background-position:center bottom;background-size:100%}
.advan {padding:60px 0px 85px}
.advan h3 {margin-bottom:5px;font-size:var(--fontsize35);text-align:center;text-transform:uppercase}
.advan .title {margin:0px auto 54px;color:#555555;max-width:48%;text-align:center;padding-top:10px;font-size:15px}
.advan .advan-list {display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}
.advan .advan-list>li {width:23%;box-sizing:border-box}
.advan .advan-item {padding:38px 20px 46px;box-sizing:border-box;height:100%;background:#FFFFFF;position:relative}
.advan .advan-item .tit {margin:0px auto;text-align:center;font-weight:var(--fontbold6);margin:20px 0px;font-size:var(--fontsize20)}
.advan .advan-item .con {text-align:center;line-height:1.5em;color:#555555}
.advan .advan-item:hover .advan-icon {background-color:var(--color)}
.advan .advan-item:hover .advan-icon .qa {background-position:-36px 0px}
.advan .advan-item:hover .advan-icon .gs {background-position:-108px 0px}
.advan .advan-item:hover .advan-icon .rn {background-position:-180px 0px}
.advan .advan-item:hover .advan-icon .fd {background-position:-252px 0px}
.advan .advan-item:hover:after {border-bottom:24px solid var(--color);border-left:24px solid transparent}
.advan .advan-item:after {content:"";position:absolute;display:block;height:0px;width:0px;right:14px;bottom:14px;border-bottom:14px solid var(--color);border-left:14px solid transparent;transition:border .3s ease}
.advan .advan-icon {width:65px;height:65px;margin:0px auto;border-radius:5px;background:#F6F6F6;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}
.advan .advan-icon>i,.advan .advan-icon>em {display:block;width:36px;height:36px;background:url("/uploads/42573/page/p202409301055248a70c.png") no-repeat}
.advan .advan-icon .gs {background-position:-72px 0px}
.advan .advan-icon .rn {background-position:-144px 0px}
.advan .advan-icon .fd {background-position:-216px 0px}
@media screen and (max-width:1470px) {.advan .advan-item {padding:20px 16px 30px}
.advan .advan-item .tit {margin:18px 30px}
.advan .title{max-width:65%}}
@media (max-width:1024px){.advan .title {max-width:100%;font-size:var(--fontsize16);margin-bottom:5.3333333333vw}
.advan {padding:5.3333333333vw 0}
.advan .advan-list>li {width:48%;margin-bottom:4vw;}
.advan .advan-item .tit {font-size:var(--fontsize17);margin:4vw 0vw}
.advan .advan-item .con {font-size:var(--fontsize16)}}
@media (max-width:500px){.advan .advan-list>li{width:100%}}
.home-inditem {display:flex;flex-wrap:wrap;}
.home-inditem:nth-child(2) {flex-direction:row-reverse;}
.home-inditeminfo {width:50%;background:var(--color);color:#fff;padding:5% 70px;display:flex;align-items:center;}
.home-inditempic {width:50%;}
.home-inditemtxt {font-size:20px;line-height:1.8;}
.inditem-swiper{height:100%}
.inditem-swiper .swiper{height:100%}
.inditem-swiper .swiper-slide{height:auto;display:flex;align-items:center}
.inditem-swiper .swiper-slide img {display:block;width:100%;height:100%;max-height:650px;object-fit:contain;background:#fff;}
@media (max-width:1650px){.home-inditeminfo{padding:3% 40px}
.home-inditemtxt{font-size:18px}}
@media (max-width:1024px){.home-inditeminfo {width:100%;}
.home-inditempic {width:100%;}
.home-inditemtxt{font-size:16px}}
@media (max-width:768px){.home-inditeminfo {padding:20px}
.home-inditemtxt{font-size:14px}}
.homeind-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.homeind-list .homeind-item{width:32.5%;margin-bottom:10px;}
@media (min-width:769px){.homeind-list .homeind-item:nth-child(n+4){margin-bottom:0;}}
@media (max-width:768px){.homeind-list .homeind-item{width:49%;}
.homeind-list .homeind-item:nth-child(n+5){margin-bottom:0;}}
.table tr:nth-child(even) {  background: #fff; }
.table tr:nth-child(odd) {  background: #eee; }
.common-news .news-list li .info {height: 230px;}
.home-news .newslist .newsitem .info .text {height: 140px;}
