*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height: 1.5;color: #525252;background-color: #fff;}
p{margin-bottom:14px;}
h1{font-size:62px;font-weight:600;letter-spacing:0.5px; text-align:center;}
h2{font-size:26px;letter-spacing:0.5px;text-align:center;}
h3{font-size:20px;letter-spacing:0.5px;}
button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,.elementor-button:hover,.elementor-button:focus{color:#4470bd;}
a,a:active,a:hover,a:focus{outline:0 none;text-decoration:none;cursor:pointer;color:#3a3f45;}
img{max-width:100%;height:auto;vertical-align:middle;}
button{border:0;cursor:pointer}
button:focus{outline:0}
input,textarea{outline:0;max-width:100%}
textarea{resize:none}
input:focus,textarea:focus{outline:none!important}
ul{list-style-type:none}
dl,ol,ul{margin-top:0;margin-bottom:0}
.white-color{color:#fff!important}
.s-title{font-size: 26px;font-weight: 600;line-height: 45px;color:#232a40;text-align:center;}
@media(max-width: 767px){.s-title{line-height: 1.4em;margin-bottom: 24px;}
}
.port-btn-style{border:1px solid #000;border-radius:5px;height:45px;margin-top:20px;background-color:transparent;font-weight:500;font-size:16px;line-height:24px;color:#000;transition:all .3s;margin-bottom:40px}
.port-btn-style:hover{color:#fff;background-color:#000;border:1px solid #fff;transition:all .3s}



.banner {position: relative;height: 100vh;width: 100%;overflow: hidden;}

.banner .imgBox {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #000;}

.banner .imgBox img {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;object-fit: cover;}

.banner .imgBox video {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;object-fit: cover;}

.banner .bannerText {position: absolute;top: 40%;width: 100%;}

.banner .bannerText .title {color: #ffffff;	font-weight: 600;}

.banner .bannerText .desc {padding-top: 10px;font-size: 14px;color: #fff;}

.banner .bannerText .more {padding-top: 25px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;	
	-webkit-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);opacity: 0;visibility: hidden;-webkit-transition: all .8s;transition: all .8s;}

.banner .bannerText .more a {width: 120px;height: 40px;-webkit-border-radius: 40px;border-radius: 40px;font-size: 12px;color: #fff;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background: #82c215;}

.banner .bannerTextCenter {top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);bottom: auto;}

.banner .indexDown {width: 60px;height: 60px;position: absolute;left: 70px;bottom: 60px;z-index: 10;cursor: pointer;display: none;}

.banner .indexDown i {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(90deg);-ms-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(90deg);font-size: 18px;color: rgba(255, 255, 255, 0.8);}

.banner .indexDown::after {content: '';width: 100%;height: 100%;-webkit-animation: turnAround 2s linear infinite;animation: turnAround 2s linear infinite;position: absolute;left: 0px;top: 0px;background-image: url(../images/indexDown.png);background-position: center;background-size: cover;background-repeat: no-repeat;}


.foot-bottom{border-top-width: 1px;border-top-style: solid;border-top-color: #666666; width:100%;margin: 10px 0px;padding-top: 10px;}
@media screen and (max-width:768px){.banner{height: 30vh!important;min-height: 180px!important;margin-top: 50px;}
	.banner p{font-size: 36px;}
	.banner h1{font-size: 36px;}
}
.button-tag{display:inline-block;background:#eee;font-size:14px;font-weight:500;padding:9px 15px;margin:4px;color:#232a40;font-weight:600;border-radius:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
.button-tag:hover{background:#232a40;color:#fff}
.button{display:inline-block;font-size:16px;font-weight:500;border-radius:5px;padding:15px 25px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;overflow:hidden;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.button:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.button:hover,.button:focus,.button:active{color:white}
.button:hover:before,.button:focus:before,.button:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);background:#232a40}
form{position:relative}
form label{font-size:14px;color:#232a40;font-weight:600;display:inline-block;margin-bottom:10px}
form input,form textarea,form select{display:block;border-radius:5px;outline:0;background:#fff!important;border:1px solid #f4f4f4;font-size:14px;font-weight:400;width:100%;margin-bottom:17px;padding:14px 16px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
form input:focus,form textarea:focus,form select:focus{border-color:#eee}
form textarea{min-height:100px}
form button{margin-top:0}
.elementor-icon {color: #4470bd;border-color: #4470bd;font-size: 16px;}
.elementor-cta {position: relative;}
.icon {margin-bottom: 64px;width: 100%;}

.title-1 {font-size: 24px;font-weight: 600;letter-spacing: 0.5px;position: relative; width:100%;}
.title-2 {font-size: 24px;font-weight: 600;letter-spacing: 0.5px;position: relative; width:100%; color:#FFFFFF;}
.title-3 {font-size: 26px;font-weight: 300;letter-spacing: 0.5px;text-align: center;}
.title-4 {font-size: 15px;font-weight: 600;letter-spacing: 0.5px;position: relative; width:100%; color:#FFFFFF;}



.elementor-widget:not(:last-child) {margin-bottom: 20px;}
.elementor-cta__button {font-weight: 500;background-color:#4470bd;border-width: 0px;display: inline-block;line-height: 1;font-size: 16px;padding: 12px 24px;border-radius: 32px;color: #fff;fill: #fff;text-align: center;transition: all .3s; box-shadow: 1px 3px 6px 0px rgb(142 142 142 / 29%);border-radius: 32px 32px 32px 32px;}
.elementor-cta__button:hover {color: #4470bd;background-color: #fff;}
.elementor-button-wrapper{margin: 25px 0px 0px 0px; text-align:center;}
.row{display:-ms-flexbox;display:flex; flex-wrap: wrap;}

.s-mr-10{margin:10px;}
.s-pd-10{padding:10px;}
.s-pd-35{padding:35px;}
.s-pd-010{padding:0px 10px;}

section{position: relative;}
.gsjj {text-align: left;font-size: 16px;}
.gsjj h4{font-size: 24px; font-weight: 600; line-height:3em;}
.ys {text-align: left; padding-bottom:80px;}
.ys h4{font-size: 24px; font-weight: 600; padding-bottom: 1em;}
.ys li{margin-bottom: calc(44px/2); margin-left:20px;}
.ys li:before{content:""; display: inline-block; width:10px; height:10px; border-radius:100%; margin:0 10px 0 -20px; background-color:#4470bd;}

.cont-1.text{text-align:left; color:#FFFFFF; width:20%; padding:100px 20px; min-height:1000px; background-color: rgba(0, 0, 0, 0.5);margin-right: 10%; font-size:18px;}
.cont-1{width:100%;max-width:1500px;margin-right:auto;margin-left:auto; padding: 70px 10px;position: relative;}
.c1{background-color:#FFFFFF; padding:10px; border-radius:1rem 1rem 0 0; height:300px; padding:10px;}
.p1{text-align:center;margin-top:-75px;}
.r1{ position: absolute;background-color:#4470bd;top:0;right:0; height:100%; display: flex;}
.r1 h1{writing-mode: vertical-rl;color:#FFFFFF;}
.col-1{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-2{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-3{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

.col-75{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-4{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-6{-ms-flex:0 0 16.666666%;flex:0 0 16.666666%;max-width:16.666666%;}
.col-6 p{margin-bottom:300px;position: absolute; bottom: 0;}
.col-6:nth-child(even) p{margin-top:340px;position: absolute; top: 0;}
.col-6 .background{display: flex;flex-wrap: wrap;text-align: left;position: relative;;overflow: hidden;padding: 35px;width: 100%;min-height: 500px;background-size: 100%;background-position: 50%;}
.col-6 .background.ico1{background-image:url(../images/1.jpg)}
.col-6 .background.ico2{background-image:url(../images/2.jpg)}
.col-6 .background.ico3{background-image:url(../images/3.jpg)}
.col-6 .background.ico4{background-image:url(../images/4.jpg)}
.col-6 .background.ico5{background-image:url(../images/5.jpg)}
.col-6 .background.ico6{background-image:url(../images/6.jpg)}


.col-4 h3{color: #FFFFFF;padding:30%; position: absolute;top: 180px;height: 180px;display: flex;align-items: center;}
.col-4:nth-child(odd) .background p{position: absolute; top: 70%; margin: 20px;}
.col-4 .background{display: flex;flex-wrap: wrap;text-align: left;position: relative;;overflow: hidden; width: 100%;min-height: 600px;background-size: 100%; background-position: center;background-repeat: no-repeat; }
.col-4 .background.ico1{background-image:url(../images/41.jpg)}
.col-4 .background.ico2{background-image:url(../images/42.jpg)}
.col-4 .background.ico3{background-image:url(../images/43.jpg)}
.col-4 .background.ico4{background-image:url(../images/44.jpg)}


.products{display: flex;flex-wrap: wrap;text-align: left;align-content: flex-end;align-items: flex-end;position: relative;;overflow: hidden;padding: 35px;width: 100%;min-height: 280px;background-size: cover;background-position: 50%;}


.list-1{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.list-1 .cont{float:left; padding:10px; background-color:#FFFFFF; text-align:center;}
.list-1 .cont h4{font-size: 24px; font-weight: 600; line-height:48px;}
.list-1 .cont p{align-content: center; align-items: center; overflow: hidden;}
.list-1 .cont div{padding:20px;color:#4470bd;}


.list-2{width:100%;}
.list-2 .cont{float:left; width:50%; padding:30px; background-color:#FFFFFF;}
.list-2 .pic{float:right; width:50%; padding:30px; background-color:#FFFFFF;}
.list-2:nth-child(even) .cont{float:right;}
.list-2:nth-child(even) .pic{float:left;}
.list-2 .cont h4{font-size: 24px; font-weight: 600;}
.list-2 .cont h4:after{content: ""; margin: 1em 0em;display: block;width: 8em;height: 0.2em;background-color: #4470bd;}
.list-2 .cont p{align-content: center; align-items: center; overflow: hidden;}


.col-list{padding:0px 20px;}
.col-list li{width:50%;float:left; text-align:left;list-style-type:circle;word-wrap:break-word;word-break:break-all;}
.filter{width:100%;}
.filter a{margin-right: 5px;border-style: solid; border-width: 2px 2px 2px 2px; border-radius: 50px 50px 50px 50px;display: inline-block;padding: 5px 12px; margin-bottom: 10px;}
.filter a.active{color:#FFF;background-color:#4470bd;border-color:#4470bd;}

.pager{width:100%; text-align:center; padding-top:80px;}
.pager a{margin-right: 5px;border-style: solid; border-width: 1px; display: inline-block;padding: 5px 12px;}
.pager a.active{color:#FFF;background-color:#4470bd;border-color:#4470bd;}


.news-list{}
.news-list li {border-bottom: 1px solid rgba(44, 44, 44, 0.1);
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;}

.news-list span{width:100%;display: inline-block;}

.tags {
    font-size: 0.875rem;
    color: #959595;
    padding-bottom: 0.875rem;}
.title{font-weight: 300;
    font-size: 26px;
    letter-spacing: 0.5px;}

@media(max-width:1200px){.col-2{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.cta_bg{min-height: 200px;}
	.background{min-height: 220px;}
}
@media(max-width:992px){.col-2{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
@media(max-width:768px){.ys {padding-bottom:60px;}
	.background{padding: 5px;}
	.cont-1.text{width:100%; padding:10px; min-height:480px;}
	.col-2 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding: 5px;}
	.col-6 .background.ico1{background-image:none;border: 1px solid #275a66;}
	.col-6 .background.ico2{background-image:none;border: 1px solid #2d2d2d;}
	.col-6 .background.ico3{background-image:none;border: 1px solid #2d2d2d;}
	.col-6 .background.ico4{background-image:none;border: 1px solid #275a66;}
	.col-6 .background.ico5{background-image:none;border: 1px solid #275a66;}
	.col-6 .background.ico6{background-image:none;border: 1px solid #2d2d2d;}
	.col-6 p ,.col-6:nth-child(even) p{margin-bottom: 0px;margin-top: 0px;position: absolute;top: 0;}

}
@media(max-width:576px){.s-pd-35{padding:10px;}
	.ys {padding-bottom:20px;}
	.pager{padding-top:20px;}
	.col-2{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.col-3{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.col-75{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.col-4{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.list-2 .cont{float:left; width:100%; padding:0px; background-color:#FFFFFF;}
	.list-2 .cont h4:after{margin: 0.5em 0em;width: 4em;height: 0.1em;}
	.list-2 .pic{float:left; width:100%; padding:10px 0px; background-color:#FFFFFF;}
	.col-list li{width:100%;}
}
.bg0{background-color:#232A40; color:#FFFFFF;}
.bg1{background:#fafafa;}/*背景灰色*/
.bg2{background:#4470bd; color:#FFFFFF;}/*背景灰色*/
.bg3{color:#FFFFFF;background-image: url(../images/bg3.jpg);background-repeat: repeat-x;background-position: top;}/*背景灰色*/
.bg3 p{ border-radius:1rem; padding:1rem; background-color:#FFFFFF;}

.timeline{width:100%; max-width:1500px; margin-right:auto;margin-left:auto;padding: 80px 0;}
.timeline ul{
    display: flex;
    flex-direction: column;
    position: relative;}

.timeline ul::after {

	
	content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    border-right: 4px solid #f3f3f3;
    z-index: 1;	
	
}

.timeline li {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-bottom: 50px;
    width: 50%;}

.timeline li:nth-child(even) {
    align-self: flex-end;
    justify-content: flex-start;}

.timeline li:before{content:"";width:12px;height:12px;border-radius:50%;background:#3d93fd;border:4px solid #88bdfe;-webkit-box-shadow: 0 0 0 3px #d8e9ff;box-shadow: 0 0 0 3px #d8e9ff;position:absolute;transform:translateY(-50%);z-index:2;}
.timeline li:nth-child(even):before{left:-8px;}
.timeline li:nth-child(odd):before{right:-12px;}


.timeline p {
    margin: 15px;}
.timeline p img{
    margin: 0px 15px;}

footer a {
    color: #FFF;}


.line{padding:20px 40px;border: 2px solid #FFFFFF;}
.logo img{width:calc(20% - 20px)!important;border: 1px solid #CCCCCC;padding:10px;margin:10px;border-radius: 10px;}
.ban{background-repeat:no-repeat;background-size:auto 900px; padding-top: 75px;background-position: center top 75px;}
.showban{width:100%;height:800px;background-position: center center;	background-repeat: no-repeat;background-size: auto 100%;}
.showban .cont-1{height:800px;}

.showtitle{width:100%;max-width:1500px;margin-right:auto;margin-left:auto;padding: 100px 0px;}
.showban p{position:absolute;font-size:20px;}
#tab, .tab{width:100%;}
#tab div{float: left;list-style: none;width: 25%;height: 40px;line-height: 40px;cursor: pointer;text-align: center;}
#tab div.on{border-bottom:4px solid #36A6FE;}

.tab div {width:100%; height:700px; padding:15%;background-size:auto 100%;background-repeat: no-repeat;background-position: center center;}
.tab div h1{color:#4470bd;}
.tab div p{color:#FFFFFF;position: inherit; text-align:center;}
@media(max-width:1360px){.showban,.showban .cont-1{height:720px;}
}
@media(max-width:1050px){.showban,.showban .cont-1{height:600px;}
}
@media only screen and (max-width: 767px) {h1{font-size:26px;padding: 10px;}
	h2{font-size:20px;padding: 10px;}
	h3{font-size:16px;}
	.s-pd-10 {padding: 5px;}
	.cont-1 {padding:10px;}
	.col-4 h3{position: absolute; top: 40px; height: 180px;}
	.col-4 .background{background-position: top; min-height:500px;background-size: 80%;}
	.col-4 .background p{position: absolute; top: 65%; margin: 0px;}
	.col-4:nth-child(odd) .background p{top: 55%; margin: 0px;}
	
	
	.timeline{padding:0px;}
	.timeline li{width:100%; margin:0px;}
	.timeline li img{width:100%; margin: 0px 0px;}
	.timeline ul::after{display: none; }
    .timeline li:nth-child(even):before,.timeline li:nth-child(odd):before{display: none; }
	.line{padding: 10px 20px; border: 1px solid #FFFFFF;font-size: 18px;}
	.showban{height:500px;}
	.showban .cont-1 {background-color: rgba(0, 0, 0, 0.5); height:500px; color: #ffffff;}
	.showtitle{padding: 50px 0px;}
	.showban p{all: unset; margin:10px 0px; display: block;}
	.banner p.about{border-radius: 10px;text-align:left;font-size:14px;width:auto; padding:5px;}
	.banner p.about strong{font-size:36px;line-height:36px;}

	#tab div {width:100%;}
	.tab div {height:380px; padding:10%;}
}
.col-3 .img {
    overflow: hidden;
    -webkit-border-radius: 15px;
    border-radius: 15px;}
.swiper-slider{width: 100%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    padding: 100px 0px;
    position: relative;}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);  opacity: 1;}


.indexScreen {position: relative;top: -60px;margin-bottom: -60px;}




/*20250309*/
.commonweb {margin: 15px;}
.aboutMain {padding: 30px 0px;background-color: #f5f5f5;}
.aboutMain .titleBox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.aboutMain .titleBox .title {width: 470px;height: 100%;}
.aboutMain .titleBox .descBox {width: 100%;padding-top: 20px;}
.aboutMain .titleBox .descBox .desc {font-size: 14px;color: #3d3d3d;line-height: 24px;padding-right: 15px;}
.aboutMain .titleBox .descBox .desc::-webkit-scrollbar {width: 4px;height: auto;background-color: #d5d5d5;}
.aboutMain .titleBox .descBox .desc::-webkit-scrollbar-track {-webkit-border-radius: 4px;border-radius: 4px;background-color: #d5d5d5;}
.aboutMain .titleBox .descBox .desc::-webkit-scrollbar-thumb {-webkit-border-radius: 4px;border-radius: 4px;background-color: #c0ed30;}
.aboutMain .titleBox .descBox .aboutList {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0px -10px;}
.aboutMain .titleBox .descBox .aboutList .list {width: -webkit-calc(50% - 30px);width: calc(50% - 30px);margin: 0px 10px;padding: 20px 0px;}
.aboutMain .titleBox .descBox .aboutList .list .numberBox {font-size: 30px;font-weight: 600;line-height: 0.8;color: #000000;}
.aboutMain .titleBox .descBox .aboutList .list .text {padding-top: 10px;font-size: 12px;color: #555555;}

.aboutAdvantageMain { overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; padding:3rem 0;}
.aboutAdvantageMain .cont-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.aboutAdvantageMain .titleBox {padding-right:0px; padding-bottom:2rem;}
.aboutAdvantageMain .titleBox .title { margin-top:0.625vw;;font-size:18px;}
.aboutAdvantageMain .titleBox .btn { padding-top: 20px; display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.aboutAdvantageMain .titleBox .btn a { width: 50px; height: 50px; border: 2px solid #fff; color: #fff; font-size: 14px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.aboutAdvantageMain .aboutAdvantageListBox { width: 100%;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList { overflow: hidden; position: relative; width: 100%; height: 100%; }
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide {
	width: 100%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content { padding: 0px; text-align:left;}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .pic img{width:100%}
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .number {font-size: .75rem; font-weight: 300;letter-spacing: -.0075em;line-height: 1.5rem; }
.aboutAdvantageMain .listTitle { margin-top: 10px; font-size: 24px; line-height: 24px; position: relative; }

.Team .aboutTeamBox {padding: 35px 0px 45px;position: relative;z-index: 10;}
.Team .aboutTeamBox .aboutTeam {margin-top: 30px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.Team .aboutTeamBox .aboutTeam .imgBox {width: 100%;position: relative;}
.Team .aboutTeamBox .aboutTeam .imgBox .aboutTeamImg {width: 100%;display: block;}
.Team .aboutTeamBox .aboutTeam .imgBox .iconBox {width: 100%;padding: 10px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;background-color: #c0ed30;background-image: -webkit-gradient(linear, left top, right top, from(#e73d02), to(#c0ed30));background-image: linear-gradient(to right, #e73d02, #c0ed30);}
.Team .aboutTeamBox .aboutTeam .imgBox .iconBox .list {width: 50%;padding: 10px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.Team .aboutTeamBox .aboutTeam .imgBox .iconBox .list .icon {padding-right: 10px;}
.Team .aboutTeamBox .aboutTeam .imgBox .iconBox .list .icon img {width: 30px;display: block;}
.Team .aboutTeamBox .aboutTeam .imgBox .iconBox .list .text {font-size: 14px;color: #fff;}
.Team .aboutTeamBox .aboutTeam .content {width: 100%;padding-top: 25px;}
.Team .aboutTeamBox .aboutTeam .content .title {font-size: 14px;font-weight: 600;color: #272727;opacity: 0.6;}
.Team .aboutTeamBox .aboutTeam .content .subTitle {margin-top:0.625vw;;font-size:1.625vw;line-height: 2.188vw;color: #272727;}
.Team .aboutTeamBox .aboutTeam .content .desc {margin-top: 10px;font-size: 14px;max-width: 460px;color: #4c505f;line-height: 22px;}

.Milestone {position: relative;padding: 30px 0px;z-index: 10;}
.Milestone .aboutHistoryBg {position: absolute;right: 0px;top: 0px;width: 56.5%;padding-top: 37.85%;display: none;background-image: url(../images/Milestone.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.Milestone .aboutHistoryBg .yearBox {position: absolute;left: 70px;width: 150px;top: 90px;bottom: 80px;}
.Milestone .aboutHistoryBg .yearBox .yearList {position: absolute;right: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: rotate(-90deg) translateY(-126px);-ms-transform: rotate(-90deg) translateY(-126px);transform: rotate(-90deg) translateY(-126px);}
.Milestone .aboutHistoryBg .yearBox .yearList .list {font-size: 70px;line-height: 1;font-weight: 600;font-family: Arial, Helvetica, sans-serif;color: #fff;display: none;white-space: nowrap;}
.Milestone .aboutHistoryBg .yearBox .bar {position: absolute;right: 30px;top: 10px;bottom: 0px;background: rgba(255, 255, 255, 0.2);width: 2px;}
.Milestone .aboutHistoryBg .yearBox .bar::after {content: '';width: 10px;height: 10px;position: absolute;left: -4px;top: -10px;background: #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.Milestone .aboutHistoryBg .yearBox .bar span {position: absolute;width: 100%;height: 0%;background: #fff;-webkit-transition: all .8s ease;transition: all .8s ease;}
.Milestone .commonweb {position: relative;z-index: 10;}
.Milestone .commonTitle {padding-bottom: 30px;}
.Milestone .aboutHistoryList {width: 100%;padding-right: 0px;}
.Milestone .aboutHistoryList .list {padding-bottom: 20px;opacity: 1;-webkit-transition: all .8s ease;transition: all .8s ease;}
.Milestone .aboutHistoryList .list .date {font-size: 14px;line-height: 1;color: #d10911;font-weight: 600;}
.Milestone .aboutHistoryList .list .listTitle {font-size: 18px;line-height: 28px;color: #272727;}
.Milestone .aboutHistoryList .list .desc {font-size: 12px;line-height: 22px;color: #4c505f;}


.solutionScenarioMain {
	padding: 5.208vw 0vw;
}

.solutionScenarioMain .titleBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.solutionScenarioMain .titleBox .btn {
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.solutionScenarioMain .titleBox .btn a {
	margin: 20px;
}

.solutionScenarioMain .solutionScenario {
	margin-top: 30px;
	overflow: hidden;
	position: relative;
}

.solutionScenarioMain .solutionScenario .swiper-slide {
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
	margin-right: 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	background: #f2f3f5;
}

.solutionScenarioMain .solutionScenario .swiper-slide .imgBox {
	position: relative;
	padding-top: 71%;
	overflow: hidden;
}

.solutionScenarioMain .solutionScenario .swiper-slide .imgBox img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}

.solutionScenarioMain .solutionScenario .swiper-slide .listTitle {
	font-size: 16px;
	color: #000000;
	display: -webkit-box;
	height: 60px;
	line-height: 60px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	padding: 0px 15px;
}

.solutionScenarioMain .solutionScenario .swiper-slide .imgBox img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.solutionScenarioMain .solutionScenario .swiper-slide:last-child {
	margin: 0px;
}
.solutionListMain { padding: 30px 0px 40px; background: #f1f3f7; }
.solutionListMain .solutionList .list { margin-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.solutionListMain .solutionList .list .imgBox { position: relative; overflow: hidden; width: 100%; padding-top: 63%; }
.solutionListMain .solutionList .list .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s; transition: all .8s; }

.solutionListMain .solutionList .list .content { width: 100%; padding: 20px 20px 30px; }

.solutionListMain .solutionList .list .content .listTitle { font-size: 18px; line-height: 1.2; font-weight: 600; color: #000000; }

.solutionListMain .solutionList .list .content .desc { padding-top: 10px; font-size: 14px; line-height: 22px; color: #3d3d3d; }

.solutionListMain .solutionList .list .content .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; }

.solutionListMain .solutionList .list .content .more a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0px 10px 0px 20px; font-size: 12px; height: 37px; -webkit-border-radius: 37px; border-radius: 37px; background: #eb0b16; color: #fff; }

.solutionListMain .solutionList .list .content .more a i { margin-left: 10px; }

.solutionListMain .solutionList .list:hover .imgBox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.solutionListMain .solutionList .list:first-child { margin-top: 0px; }


.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}




.Factory { padding-bottom: 30px; background: #f6f6f6; overflow: hidden; }

.Factory .FactoryList .swiper-wrapper > .swiper-slide { width: 100%; margin-right: 20px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; height: auto; }

.Factory .FactoryList .swiper-wrapper > .swiper-slide .imgBox { padding-top: 51%; position: relative; overflow: hidden; }

.Factory .FactoryList .swiper-wrapper > .swiper-slide .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.Factory .FactoryList .swiper-wrapper > .swiper-slide .content { padding: 20px; }

.Factory .FactoryList .swiper-wrapper > .swiper-slide .content .listTitle { font-size: 18px; line-height: 1.2; color: #010101; }

.Factory .FactoryList .swiper-wrapper > .swiper-slide .content .desc { font-size: 14px; padding-top: 10px; color: #45423e; line-height: 20px; }

.Factory .FactoryList .swiper-wrapper > .swiper-slide:last-child { margin: 0px; }

.Factory .FactoryList .FactoryListAtlas { top: 0px; left: 0px; overflow: hidden; position: absolute; width: 100%; height: 100%; }

.Factory .FactoryList .FactoryListAtlas .swiper-slide { width: 100% !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; margin: 0px !important; }

.Factory .FactoryList .FactoryListAtlas a { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 35px; height: 35px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; font-size: 18px; color: #fff; z-index: 20; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.Factory .FactoryList .FactoryListAtlas a.prevBtn { left: 10px; }

.Factory .FactoryList .FactoryListAtlas a.nextBtn { right: 10px; }

.Factory .FactoryList .FactoryListAtlas a:hover { background: #e60012; color: #fff; border-color: #e60012; }

.cells{gap: 0.5rem; padding: 0.5rem; flex-direction: column; z-index: 20; inset: 0; position: absolute;}
.celltitle{max-width: 18ch; font-size: 2rem; font-weight: 300;letter-spacing: -.0075em;line-height: 100%; padding-bottom:1rem;}
.celllink{
	gap: 0.5rem;
	display: inline-flex;
	border-radius: 999rem;
	border: 1px solid #666666;
	padding: 1rem;
}
.cell img{object-fit: cover; width: 100%; height: 100%; z-index: 10; top: 0;left: 0;position: absolute;}
	.cell{gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); height: 52rem;  padding-bottom: 2.5rem; padding-top: 2.5rem; display: grid; position: relative;}
	.cell1{grid-row-start: 1;grid-row: span 1/span 1; grid-column-start: 1; grid-column: span 7; overflow: hidden; position: relative;}
	.cell2{grid-row-start: 1;grid-row: span 1/span 1; grid-column-start: 2; grid-column: span 7; overflow: hidden; position: relative; color:#FFFFFF;}
	.cell3{grid-row-start: 1; grid-row: span 1/span 1; grid-column-start: 3; grid-column: span 7; overflow: hidden; position: relative; background-color:#2571cf;  color:#FFFFFF;}
	.cell4{grid-row-start: 1;grid-row: span 1/span 1; grid-column-start: 4; grid-column: span 7; overflow: hidden; position: relative; background-color:#dad8d9;}

.indexScreen1 .imgBox{position: relative;
display: flex;
  align-items: center;     /* 垂直居中 */
}
.indexScreen1 .imgBox .texts{ position: absolute; /* 关键：文字绝对定位 */
  left: 5%;
  padding:0rem;
}

@media (min-width: 768px) {
	.commonweb{width:100%;max-width:1500px;margin-right:auto;margin-left:auto;position: relative;}
	.aboutMain {padding: 9.375vw 0vw;}
	.aboutMain .titleBox .title {width: 29.375vw;height: 100%;}
	.aboutMain .titleBox .descBox {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: auto;}
	.aboutMain .titleBox .descBox .desc {font-size: 1vw;line-height: 1.75vw;padding-right: 1.45833vw;}
	.aboutMain .titleBox .descBox .desc::-webkit-scrollbar {width: 0.25vw;height: 1vw;}
	.aboutMain .titleBox .descBox .desc::-webkit-scrollbar-track {-webkit-border-radius: 0.375vw;border-radius: 0.375vw;}
	.aboutMain .titleBox .descBox .desc::-webkit-scrollbar-thumb {-webkit-border-radius: 0.375vw;border-radius: 0.375vw;}
	.aboutMain .titleBox .descBox .aboutList {margin: 0vw -0.9375vw;}
	.aboutMain .titleBox .descBox .aboutList .list {width: -webkit-calc(50% - 1.875vw);width: calc(50% - 1.875vw);margin: 0vw 0.9375vw;padding: 3.125vw 0vw;}
	.aboutMain .titleBox .descBox .aboutList .list .numberBox {font-size: 4.375vw;font-weight: 600;line-height: 0.8;}
	.aboutMain .titleBox .descBox .aboutList .list .text {padding-top: 1.45833vw;font-size: 1vw;}
	.aboutAdvantageMain .titleBox { width: 20vw; border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;}
	.aboutAdvantageMain .titleBox .title { font-size: 1vw; padding-bottom: 0.938vw; }
	.aboutAdvantageMain .titleBox .btn { padding-top: 6.25vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	.aboutAdvantageMain .titleBox .btn a { width: 3.125vw; height: 3.125vw; font-size: 0.875vw; margin-left: 0.625vw; -webkit-border-radius: 100%; border-radius: 100%; color:#000000; }
	.aboutAdvantageMain .aboutAdvantageListBox { width: -webkit-calc(100% - 20vw); width: calc(100% - 20vw); padding: 0px; }
	.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide { width: 17vw; }
.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content { padding: 0px 20px;}
	.aboutAdvantageMain .aboutAdvantageListBox .aboutAdvantageList .swiper-slide .content .number { font-size: 0.938vw; }
	.aboutAdvantageMain .listTitle { margin-top: 3.125vw; font-size: 1.625vw; line-height: 2.188vw; }
	.aboutAdvantageMain .listTitle::after { width: 0.125vw; height: 3.75vw; left: -3.125vw; top: 0.313vw; }

	.Team .aboutTeamBox {padding: 6.25vw 0vw 9.375vw;}
	.Team .aboutTeamBox .aboutTeam {margin-top: 3.75vw;}
	.Team .aboutTeamBox .aboutTeam .imgBox {width: 46.875vw;padding-top: 30.56%;}
	.Team .aboutTeamBox .aboutTeam .imgBox .aboutTeamImg {width: 100%;position: absolute;left: 0px;top: 0px;height: 100%;object-fit: cover;}
	.Team .aboutTeamBox .aboutTeam .imgBox .iconBox {position: absolute;left: -1.45833vw;bottom: 2.813vw;width: 19.375vw;padding: 1.45833vw 0.9375vw;}
	.Team .aboutTeamBox .aboutTeam .imgBox .iconBox .list {width: 50%;padding: 0.75vw 0.9375vw;}
	.Team .aboutTeamBox .aboutTeam .imgBox .iconBox .list .icon {padding-right: 0.625vw;}
	.Team .aboutTeamBox .aboutTeam .imgBox .iconBox .list .icon img {width: 2.25vw;}
	.Team .aboutTeamBox .aboutTeam .imgBox .iconBox .list .text {font-size: 1vw;}
	.Team .aboutTeamBox .aboutTeam .content {padding-left: 5.313vw;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: auto;padding-top: 0px;}
	.Team .aboutTeamBox .aboutTeam .content .title {font-size: 2vw;}
	.Team .aboutTeamBox .aboutTeam .content .subTitle {margin-top: 0.9375vw;font-size: 2.5vw;line-height: -webkit-calc(50 / 40);line-height: calc(50 / 40);}
	.Team .aboutTeamBox .aboutTeam .content .desc {margin-top: 3.125vw;font-size: 1vw;line-height: -webkit-calc(28 / 16);line-height: calc(28 / 16);}

	.Milestone {padding: 3.125vw 0vw;}
	.Milestone .aboutHistoryBg {width: 56.5%;padding-top: 37.85%;display: block;}
	.Milestone .aboutHistoryBg .yearBox {left: 4.375vw;width: 9.375vw;top: 5.625vw;bottom: 5vw;}
	.Milestone .aboutHistoryBg .yearBox .yearList {-webkit-transform: rotate(-90deg) translateY(-7.875vw);-ms-transform: rotate(-90deg) translateY(-7.875vw);transform: rotate(-90deg) translateY(-7.875vw);}
	.Milestone .aboutHistoryBg .yearBox .yearList .list {font-size: 4.375vw;}
	.Milestone .aboutHistoryBg .yearBox .bar {right: 1.875vw;top: 0.625vw;width: 0.125vw;}
	.Milestone .aboutHistoryBg .yearBox .bar::after {width: 0.625vw;height: 0.625vw;left: -0.25vw;top: -0.625vw;}
	.Milestone .commonTitle {padding-bottom: 6.25vw;}
	.Milestone .aboutHistoryList {width: 37.5vw;padding-right: 11.875vw;}
	.Milestone .aboutHistoryList .list {padding-bottom: 2.25vw;opacity: 0.5;}
	.Milestone .aboutHistoryList .list .date {font-size: 1.45833vw;padding-bottom: 0.625vw;font-weight: 600;}
	.Milestone .aboutHistoryList .list .listTitle {font-size: 2.5vw;line-height: -webkit-calc(50 / 40);line-height: calc(50 / 40);}
	.Milestone .aboutHistoryList .list .desc {font-size: 1vw;line-height: -webkit-calc(28 / 16);line-height: calc(28 / 16);}
	.Milestone .aboutHistoryList .list.cur {opacity: 1;}
	
	
	.Factory { padding-bottom: 5.208vw; }
	.Factory .FactoryList .swiper-wrapper > .swiper-slide { width: -webkit-calc(50% - 1.563vw); width: calc(50% - 1.563vw); margin-right: 3.125vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
	.Factory .FactoryList .swiper-wrapper > .swiper-slide .imgBox { padding-top: 40%; }
	.Factory .FactoryList .swiper-wrapper > .swiper-slide .content { padding: 2.344vw 3.125vw 4.167vw; }
	.Factory .FactoryList .swiper-wrapper > .swiper-slide .content .listTitle { font-size: 1.563vw; }
	.Factory .FactoryList .swiper-wrapper > .swiper-slide .content .desc { font-size: 0.833vw; padding-top: 1.042vw; line-height: -webkit-calc(24 / 16); line-height: calc(24 / 16); }	


.solutionSpecificationmMain {
		padding: 4.688vw 0vw;
	}

	.solutionSpecificationmMain .titleBox .title {
		width: 27.604vw;
		height: 100%;
	}

	.solutionSpecificationmMain .titleBox .desc {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: auto;
		font-size: 0.833vw;
		line-height: -webkit-calc(28 / 16);
		line-height: calc(28 / 16);
	}

	.solutionSpecificationmMain .solutionSpecificationm {
		margin: 4.427vw -0.781vw 0vw;
	}

	.solutionSpecificationmMain .solutionSpecificationm .list {
		-webkit-border-radius: 1.042vw;
		border-radius: 1.042vw;
		padding: 1.823vw 2.083vw;
		width: -webkit-calc(33.333% - 1.5833vw);
		width: calc(33.333% - 1.5833vw);
		margin: 0vw 0.781vw 1.5833vw;
	}

	.solutionSpecificationmMain .solutionSpecificationm .list .icon {
		min-width: 2.292vw;
	}

	.solutionSpecificationmMain .solutionSpecificationm .list .icon img {
		width: 2.292vw;
	}

	.solutionSpecificationmMain .solutionSpecificationm .list .content {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding-left: 1.042vw;
	}

	.solutionSpecificationmMain .solutionSpecificationm .list .content .listTitle {
		font-size: 1.146vw;
	}

	.solutionSpecificationmMain .solutionSpecificationm .list .content .desc {
		font-size: 0.781vw;
		padding-top: 0.521vw;
		line-height: -webkit-calc(22 / 15);
		line-height: calc(22 / 15);
	}


	.solutionScenarioMain {
		padding: 5.208vw 0vw;
	}
	.solutionScenarioMain .titleBox .btn {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.solutionScenarioMain .solutionScenario .swiper-slide {
		width: -webkit-calc(33.3333% - 1.094vw);
		width: calc(33.3333% - 1.094vw);
		margin-right: 1.45833vw;
		-webkit-border-radius: 1.042vw;
		border-radius: 1.042vw;
	}

	.solutionScenarioMain .solutionScenario .swiper-slide .imgBox {
		padding-top: 71%;
	}

	.solutionScenarioMain .solutionScenario .swiper-slide .listTitle {
		font-size: 1.042vw;
		display: -webkit-box;
		height: 4.583vw;
		line-height: 4.583vw;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		padding: 0vw 1.823vw;
	}	
	
	.cells{gap: 1.5rem; padding: 1.5rem; flex-direction: column; z-index: 20; inset: 0; position: absolute;}
	.cell{grid-template-columns: repeat(7, minmax(0, 1fr));}
	.cell1{grid-row-start: 1;grid-row: span 2/span 2; grid-column-start: 1; grid-column: span 3; overflow: hidden; position: relative;}
	.cell2{grid-row-start: 1;grid-row: span 1/span 1; grid-column-start: 4; grid-column: span 4; overflow: hidden; position: relative; color:#FFFFFF;}
	.cell3{grid-row-start: 2; grid-row: span 1/span 1; grid-column-start: 4; grid-column: span 2; overflow: hidden; position: relative; background-color:#2571cf; }
	.cell4{grid-row-start: 2;grid-row: span 1/span 1; grid-column-start: 6; grid-column: span 2; overflow: hidden; position: relative; background-color:#dad8d9;}

  
	.indexScreen1 .imgBox .texts{ position: absolute; /* 关键：文字绝对定位 */
	  left: 70%;
	  right:5%;
	  text-align:center;
	  padding:5rem;
	}
	.indexScreen1 .imgBox .texts h2{padding-bottom:1rem};

}


.commonPage { display: none; }
.icon-zuojiantou1{content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-70%, -50%);
border-right: 15px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;}
.icon-youjiantou2{content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-30%, -50%);
border-left: 15px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;}

.icon-zuojiantou{content: '';
position: absolute;
transform: translate(-70%, -50%);
border-right: 15px solid #000;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;}
.icon-youjiantou{content: '';
position: absolute;
transform: translate(-30%, -50%);
border-left: 15px solid #000;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;}