html,body{height: 100%;}

main.win{ width:100%; height:100%; background: #fff; padding-top:85px; overflow: hidden;}
.win-wrapper{width:100%; height:1000%; transition-timing-function:cubic-bezier(.1,.3,.2,1) !important;}
.win-wrapper>section{width:100%; height:10%; position:relative; overflow:hidden;}
.win-pager{position:fixed; top:50%; right:1.8%; z-index:9;}
.win-pager span{display:block; width:18px; height:18px; background:rgba(0,0,0,0); border:2px solid rgba(255,255,255,.8); transform:scale(0.8); margin-bottom:10px; transition:.5s; border-radius:50px; cursor:pointer;}
.win-pager span:last-child{margin-bottom:0;}
.win-pager span.active{background:#0099ff; border-color:#0099ff; transform:scale(1);}
@media(max-width:1199px){
main.win{padding-top:70px;}
.win-pager{display:none;}
}

.mouse{position:absolute; width:78px; margin-right:-39px; bottom:20px; right:50%; z-index:88; animation:mouse 1.8s infinite;}
.mouse strong{font-weight:normal;text-align:center; color:#fff; display:block; margin-bottom:18px;}
.mouse span{display:block; position:relative; height:10px;}
.mouse strong+span{margin:0 8px;}
.mouse span:before{position:absolute; right:50%; left:0; height:1px; background:#fff; content:''; transform:rotate(30deg); transform-origin:right bottom;}
.mouse span:after{position:absolute; left:50%; right:0; height:1px; background:#fff; content:''; transform:rotate(-30deg); transform-origin:left bottom;}
@media(max-width:1199px){
.mouse strong{display:none;}
}
@keyframes mouse{
10% {transform:translateY(0); opacity:1;}
100% {transform:translateY(18px); opacity:0;}
}


.win-wrapper>section.banner{overflow: visible;}
.banner-swiper:before{position: absolute; left: 0; bottom: 0; right: 0; content: ''; height:180px; z-index: 66; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));}
.banner-content{text-align: left;}
.banner-content h1,
.banner-content h2,
.banner-content h3,
.banner-content h4,
.banner-content h5{transform:translateY(-50%); opacity:0; transition:.5s .8s;}
.banner-content p{transform:translateY(50%); opacity:0; transition:.5s .8s;}
.active .on .banner-content h1,
.active .on .banner-content h2,
.active .on .banner-content h3,
.active .on .banner-content h4,
.active .on .banner-content h5,
.active .on .banner-content p{transform: translateY(0); opacity:1;}


.company{display: block;}
.company:before{display: none;}
.company:after{display:block; content:''; clear:both;}
.company-text{float:left; width:50%; height: 100%; padding:60px 100px; display: flex; align-content: space-between; flex-wrap: wrap; 
background: #fff url('../../upload/photo/202504/171555177.jpg') bottom center no-repeat; background-size:cover;}
.company-title{width: 100%; transform:translateX(50px); opacity:0; transition:.5s .5s;}
.company-title h2{font-size:35px; margin-bottom: 5px; font-weight:bold; line-height:1;}
.company-title p{font-size:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.company-content{width: 100%; margin-top:80px;}
.company-content>b{font-size:24px; transform:translateY(-30px); opacity:0; transition:.5s .5s; font-style:normal; display:block; color:#1565e3;}
.company-content>b:after{display:inline-block; width:88px; height:1px; vertical-align:middle; content:''; margin-left:10px; background:#1565e3;}
.company-content>h3{display:block; transform:translateY(-50px); opacity:0; transition:.5s .5s; margin-bottom:25px; font-size:32px; font-weight:normal;}
.company-content>aside{font-size:16px;  transform:translateY(30px); opacity:0; transition:.5s .5s; color:#686868;}
.company-content>aside iframe,
.company-content>aside img{max-width:100%;}
.company-content>div{margin-top:80px; transform:translateY(40px); opacity:0; transition:.5s .5s;}
.company-content>div>a{padding:8px 38px; font-size:16px;}


.company-image{float:right; width:50%; height: 100%; position: relative;}
.company-image>video{width: 100%; height: 100%; display: block; background: #000;}



.company-play{position:absolute; z-index:8; top:50%; left:50%; transform: translateX(-50%);}
.company-play>i{width:80px; height:80px; line-height:68px; border-radius:50%; font-size:46px; cursor:pointer; text-align:center; color:#fff; 
transition:.3s; animation:pulse 1s infinite; border:6px solid #1565e3; background:#1565e3;}
.company-play>i:before{position:relative; left:3px;}
.company-play>i:hover{background:#fff; font-size:40px; color:#1565e3;}
@keyframes pulse{
0% {box-shadow:0 0 0 0 #1565e388;}
70% {box-shadow:0 0 0 16px transparent;}
100% {box-shadow:0 0 0 0 transparent;}
}


.company-data{position: absolute; z-index: 8; left:0; bottom:0; right:0; padding:0 80px 15% 80px; background: linear-gradient(to bottom,#00000000 5%,#000);}
.company-data:before{position: absolute; width:10%; height:5px; border-radius:5px; content: ''; top:-2px; left:80px; background:#1565e3;}
.company-data>ul{display:block; border-top:1px solid rgba(255,255,255,.3); display: flex; justify-content: space-between;}
.company-data>ul>li{padding-top:40px;  transform:translateY(40px); opacity:0; transition:.5s .5s;}
.company-data>ul>li>span{display:block; position:relative; line-height:1;}
.company-data>ul>li>span>h3{font-weight:normal; color:#fff;} 
.company-data>ul>li>span>h3>b{font-size:60px; display:inline-block; font-weight:500; margin-right:4px; line-height:inherit; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.company-data>ul>li>span>h3>i{font-size:18px; font-style:normal; color:rgba(255,255,255,.7);}
.company-data>ul>li>span>p{font-size:16px; margin-top:10px; color:rgba(255,255,255,.8);}
.company-swiper{overflow:hidden; width: 100%; height: 100%; position:absolute; top:0; left: 0;}
.company-wrapper{width:10000%; height: 100%;}
.company-wrapper:after{display:block; content:''; clear:both;}
.company-slide{width:1%; height: 100%; float:left; overflow:hidden; position:relative;}
.company-slide img{display:block; width:100%; height: 100%; object-fit: cover; transition:3s .5s;}
.company-slide.on img{transform: scale(1.05);}
.company-slide span{display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:8; visibility:hidden; opacity:0; transform:scale(1.1); transition:.3s;
background:rgba(0,0,0,.68); color:#fff; font-size:28px; display:flex; align-items:center; justify-content:center;}
.company-slide:hover span{visibility:visible; opacity:1; transform:scale(1);}
.company-pager{position:absolute; z-index:888; bottom:30px; right:30px; font-size: 0;}
.company-pager span{display:inline-block; width:8px; height:8px; border-radius:1px; background:#fff; margin:0 4px; transition: .3s; cursor: pointer;}
.company-pager span.on{background:#1565e3;}
.active .company-title,
.active .company-content>*,
.active .company-data>ul>li{transform: translate(0,0); opacity: 1;}
@media(max-width:1600px){
.company-text{padding:40px 60px;}
.company-data{padding:0 60px 15% 60px}
.company-data:before{left:60px;}
.company-data>ul>li>span>h3>b{font-size:50px;}
}
@media(max-width:1199px){
.company-text{padding:20px 28px;}
.company-data{padding: 0 28px 15% 28px;}
.company-data:before{left:28px;}
.company-title h2{font-size: 28px;}
.company-title p{font-size: 20px;}
.company-content>div>a{padding:4px 28px; font-size:15px;}
.company-content>aside{font-size: 14px;}
.company-content>div{margin-top:40px;}
.company-content>b{font-size:20px;}
.company-content>h3{margin-bottom:20px; font-size:24px;}
.company-data>ul>li>span>h3>b{font-size:40px;}
.company-data>ul>li>span>h3>i{font-size: 16px;}
.company-data>ul>li>span>p{font-size: 14px;}
}
@media(max-width:992px){
.company-title{display: none;}
.company-text{width: 100%; float: none; height: 60%;}
.company-image{width: 100%; float: none; height: 40%;}
.company-content{margin-top: 0;}
}
@media(max-width:767px){
.company-text{height: 100%; padding:18px; display: flex; align-items: center; align-content: center;}
.company-image{display: none;}
}

.column{display: block;}
.column>dl{width: 100%; height: 100%; display: block;}
.column>dl:after{display: block; clear: both; content: '';}
.column aside{float: left; width:25%; height:100%; padding:0 2px 0 3px; transition:ease-in-out .3s;} 
.column div{position: relative; width: 100%; height: 100%;}
.column div:before{position: absolute; top:0; right:0; bottom:0; left:0; z-index: 6; content:''; background:#000; opacity: 0; visibility: hidden; transition: .3s;}
.column div>span{display: block; width: 100%; height: 100%; position: relative; z-index: 8; background:rgba(0,0,0,.1); background: linear-gradient(to bottom,rgba(0,0,0,0) 68%,rgba(0,0,0,0.8));}
.column h3{position: absolute; left:30px; bottom:10%; transition: .3s; color:#fff; font-size:25px;}
.column h3>em{display: block; font-style: normal;   transform:translateY(50px); opacity:0;}
.column dt aside:nth-child(1) em{transition:.5s .3s;}
.column dt aside:nth-child(2) em{transition:.5s .35s;}
.column dt aside:nth-child(3) em{transition:.5s .4s;}
.column dt aside:nth-child(4) em{transition:.5s .45s;}
.column dd aside:nth-child(1) em{transition:.5s .5s;}
.column dd aside:nth-child(2) em{transition:.5s .55s;}
.column dd aside:nth-child(3) em{transition:.5s .6s;}
.column dd aside:nth-child(4) em{transition:.5s .65s;}
.column ins{position: absolute; left:0; top:0; bottom:0; right:0; overflow: hidden; transition:.3s;}
.column ins>em{display: block; font-style: normal; width: 100%; height: 100%; transform: scale(1.1);}
.column ins>em>img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .3s .3s;}
.column a{color:#fff;}
.column a:hover{color:#1565e3;}
.column dfn{font-style: normal; display: block; position: absolute; line-height: 30px; top:15%; left: 30px; right: 30px; opacity: 0; visibility: hidden;}
.column dfn>a{display: block;}
.column dfn>a:after{display: block; clear: both; content: '';}
.column dfn>a>b{float: left; font-size:26px;}
.column dfn>a>i{float: right; font-size:20px; line-height:inherit;}
.column ul{position: absolute; bottom:10%; left: 30px; right: 0; opacity: 0; visibility: hidden;}
.column ul:after{display: block; clear: both; content: '';}
.column ul>li{margin:15px 30px 0 0; float: left;}
.column ul>li>a{display: block;}
.column ul>li>a>b{font-size:18px; margin-left:4px;}
.column ul>li>a>i{font-size:16px; line-height:inherit;}
.column>dl:hover>aside{width:20%;}
.column>dl>aside:hover{width:40%;}
.column div:hover:before{opacity: 0.5; visibility: visible;}
.column div:hover h3{left: 0; opacity: 0;}
.column div:hover dfn{opacity: 1; visibility: visible; transition:opacity .6s .3s;}
.column div:hover ul{opacity: 1; visibility: visible; transition:opacity .7s .3s;}
.column div:hover ins>img{transform: scale(1.05);}
.column div dfn>a:hover{color:#f0291d;}
.active.column em{transform: translate(0,0) scale(1); opacity: 1;}
@media(max-width:1600px){
.column h3{left:20px; bottom:20px; font-size:21px;}
.column dfn{top:12%; left:20px; right:20px;}
.column dfn>a>b{font-size:22px;}
.column dfn>a>i{font-size:18px;}
.column ul{bottom:35px; left:20px;}
.column ul>li{margin:10px 20px 0 0;}
}
@media(max-width:1199px){
.column h3{font-size:18px;}
.column dfn>a>b{font-size:17px;}
.column dfn>a>i{font-size:15px;}
.column ul>li>a>b{font-size:15px; margin-left:2px;}
.column ul>li>a>i{font-size:14px;}
}
@media(max-width:992px){
.column aside{width: 50%; height: 50%; padding: 2px;}
.column>dl{margin: -2px;}
.column>dl:hover>aside{width:50%;}
.column>dl>aside:hover{width:50%;} 
.column div:before{opacity: 0.5; visibility: visible;}
.column div h3{left: 0; opacity: 0;}
.column div dfn{opacity: 1; visibility: visible; transition:opacity .6s .3s;}
.column div ul{opacity: 1; visibility: visible; transition:opacity .7s .3s;} 
.column ul>li{margin:2px 10px 0 0;}
.column dfn{top:15px; left: 15px; right: 15px;}
.column ul{bottom: 15px; left: 15px;}
}
@media(max-width:767px){
.column aside{padding: 1px;}
.column>dl{margin: -1px;}
.column dfn{top:10px; left: 10px; right: 10px;}
.column ul{bottom: 15px; left: 10px;}
.column ul>li{margin:0 8px 0 0;}
.column dfn>a>b{font-size: 15px;}
.column ul>li>a>b{font-size: 12px; margin: 0;}
.column ul>li>a>i{font-size:10px;}
}

.cases{position:relative; background:url('../../upload/photo/202504/181042261.jpg') center no-repeat; background-size:cover; display: flex; align-items: center;}
.cases-title{display: block;}
.cases-title>*{transform:translateY(-80%); opacity:0; transition:.5s .5s;}
.cases-title h4{font-size:19px; font-weight: normal; color:#1565e3;}
.cases-title ul{display: block; margin:3px 0 25px 1px; font-size: 0;}
.cases-title ul>li{display: inline-block; width:7px; height:5px; margin-right:4px; border-radius:50%; background:#1565e3;}
.cases-title ul>li:first-child{opacity:0.8;}
.cases-title ul>li+li{opacity: 0.5;}
.cases-title ul>li:last-child{opacity:0.2;}
.cases-title h2{font-size:35px; margin-bottom:15px; font-weight:bold; line-height:1;}
.cases-title h3{font-size:31px; margin-bottom:15px; font-weight: normal;}
.cases-title p{font-size:16px; margin-bottom:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#686868;}
.cases-title a{padding:8px 38px; font-size:16px;}
.cases-list{margin-top:90px; position: relative; transform:translateY(50px); opacity:0; transition:.5s .3s;}
.cases-swiper{display: block; overflow: hidden; padding:10px 0;}
.cases-wrapper{width:10000%;}
.cases-wrapper:after{display:block; content:''; clear:both;}
.cases-slide{float:left; width:.5%; padding:40px; background:#fff; position: relative;}
.cases-slide>i{position: absolute; top:-10px; bottom:-10px; left: 0; right: 0; opacity: 0; transition: .3s; overflow: hidden;
visibility: hidden; transform: scaleY(0.9); border-radius:3px; background:#1565e3;}
.cases-slide>i:before{position: absolute; z-index: 1; width:170%; height:410%; border-radius: 50%; left:-50%; top:-20%; content: ''; background: rgba(0,0,0,.1);}
.cases-slide>i:after{position: absolute; z-index: 2; width:150%; height:310%; border-radius: 50%; left:-50%; top:-20%; content: ''; background: rgba(0,0,0,.1);}
.cases-slide + .cases-slide{border-left:1px solid #eee;}
.cases-slide>a{display:block; border-radius:5px; overflow:hidden; position: relative; z-index: 8;}
.cases-slide>a:after{display: block; content: ''; clear: both;}
.cases-slide>a>ins{display:block; overflow:hidden; border-radius:5px; float: left; width: 35%;}
.cases-slide>a>ins>img{display:block; width:100%; height: 186px; transition:1.3s;}
.cases-slide>a>span{display:block; float: left; width:65%; padding-left: 30px; }
.cases-slide>a>span>b{display: block; font-size:16px; color:#1565e3;}
.cases-slide>a>span>h3{display:block; font-size:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cases-slide>a>span>p{display:block; font-size:15px; margin:15px 0; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#989898;}
.cases-slide>a>span>dfn{display:block; font-style:normal; margin-top:18px; transition:.3s;}
.cases-slide>a>span>dfn em{font-size: 18px; margin-right:6px; line-height: inherit; color: #1565e3;}
.cases-slide:hover>i{opacity: 0.9; visibility: visible; transform: scaleY(1);}
.cases-slide:hover>a{color:#fff;}
.cases-slide:hover>a>span>b{color:#ddd;}
.cases-slide:hover>a>span>p{color:#eee;}
.cases-slide:hover>a>span>dfn em{color:#eee;}
.cases-butprev,
.cases-butnext{position:absolute; left:-25px; top:50%; width:50px; height:50px; line-height:50px; margin-top:-25px; border-radius:50px; font-size:30px; cursor:pointer;
text-align:center; background:#dae6ef; color:#1565e3; transition:.3s; }
.cases-butnext{left:auto; right:-25px;}
.cases-butprev:hover,
.cases-butnext:hover{color:#fff; background:#1565e3;} 
.active .cases-title>*,
.active .cases-list{transform: translate(0,0); opacity: 1;}
@media(max-width:1600px){
.cases-title h4{font-size: 17px;}
.cases-title h2{font-size:30px;}
.cases-title h3{font-size: 25px;}
.cases-title p{font-size:15px; margin-bottom: 25px;}
.cases-slide{padding: 25px;}
.cases-slide>a>span{padding-left: 20px;}
.cases-title a{padding:4px 30px; font-size:15px;}
}
@media(max-width:1199px){
.cases-butprev,
.cases-butnext{display: none;}
.cases-slide{padding: 15px;}
.cases-slide>a>span{padding-left: 15px;}
.cases-slide>a>span>h3{font-size: 18px;}
.cases-slide>a>span>p{font-size: 14px; margin: 10px 0; height: 50px;}
.cases-slide>a>span>dfn{margin-top: 12px;}
.cases-slide>a>ins>img{height: 162px;}
.cases-list{margin-top: 60px;}
}
@media(max-width:992px){
.cases-slide{width:1%;}
}
@media(max-width:767px){
.cases-slide{padding: 10px;}
.cases-slide>a>span{padding-left: 10px;}
.cases-slide>a>span>b{font-size: 14px;}
.cases-slide>a>span>h3{font-size: 16px;}
.cases-slide>a>span>p{margin:5px 0;}
.cases-slide>a>span>dfn{margin-top: 0;}
.cases-slide>a>ins>img{height: 145px;}
.cases-title h4{font-size:15px;}
.cases-title ul{margin:2px 0 15px 1px;}
.cases-title h2{font-size:25px; margin-bottom: 10px;}
.cases-title h3{font-size: 20px; margin-bottom: 10px;}
.cases-title p{font-size: 14px; margin-bottom:15px;}
.cases-title a{padding:2px 20px; font-size: 14px;}
.cases-list{margin-top:40px;}
}

.info{position: relative; background: url('../../upload/photo/202504/181049589.jpg') center no-repeat; background-size: cover; align-items: center; display: flex;}
.info-title{padding-bottom:10px; transform:translateY(-80%); opacity:0; transition:.5s .5s;}
.info-title:after{display: block; content: ''; clear: both;}
.info-title>h2{float: left; font-size:32px;}
.info-title>a{float: right; font-size: 16px; margin-top: 5px;}
.info-box{display: block;}
.info-box>ul{margin:0 -10px; height: 630px;}
.info-box>ul>li{float: left; padding:10px; height: 33.3333%; transform:translateY(10%); opacity:0;}
.info-box>ul>li:nth-child(1){transition:.5s .3s;}
.info-box>ul>li:nth-child(2){transition:.5s .35s;}
.info-box>ul>li:nth-child(3){transition:.5s .4s;}
.info-box>ul>li:nth-child(4){transition:.5s .45s;}
.info-box>ul>li:nth-child(5){transition:.5s .5s;}
.info-box>ul>li ins{display: block; font-style: normal;}
.info-box>ul>li ins>img{display: block; width: 100%; height: 100%; object-fit: cover;}
.info-box>ul>li.i0,
.info-box>ul>li.i1{width: 30%; height: 100%;}
.info-box>ul>li.i0 ins{width: 100%; height: 100%;}
.info-box>ul>li.i0 aside{position: absolute; z-index: 8; left: 0; bottom: 0; right: 0; z-index: 8; background:rgba(0,0,0,.68); 
background: linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,1)); color:#fff;}
.info-box>ul>li.i0>a>aside>i{color:#fff;}
.info-box>ul>li.i0>a>aside>p{display: none;}
.info-box>ul>li.i0>a>aside>span{color:#fff;}
.info-box>ul>li.i1 ins{width: 100%; height: 60%;}
.info-box>ul>li.i1 aside{position: absolute; z-index: 8; left: 0; bottom: 0; right: 0; background: #fff;}
.info-box>ul>li:not(.i0):not(.i1){width: 40%;}
.info-box>ul>li:not(.i0):not(.i1) ins{display: none;}
.info-box>ul>li:not(.i0):not(.i1)>a:before{position: absolute; left:110px; top:30px; bottom: 30px; width: 1px; background: #c8c8c8; content: '';}
.info-box>ul>li:not(.i0):not(.i1)>a>aside{padding-left:135px;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>h3{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom:10px;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>i{position: absolute; left:30px; top:35px; font-size:15px;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>i b{display: block; font-size:45px; margin-top:5px;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>i b:before{content:'';}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>p{height: 56px; -webkit-line-clamp:2;}
.info-box>ul>li>a{display: block; height: 100%; position: relative; background: #fff;}
.info-box>ul>li>a>aside{padding:25px 30px;}
.info-box>ul>li>a>aside>h3{font-size: 22px; line-height:1.4; margin-bottom:25px; transition: .3s;}
.info-box>ul>li>a:hover>aside>h3{color:#1565e3;}
.info-box>ul>li>a>aside>i{display: block; font-style: normal; margin-bottom:15px; line-height: 1; font-weight: bold; font-size:16px; color:#1565e3;}
.info-box>ul>li>a>aside>i b:before{content:'-';}
.info-box>ul>li>a>aside>p{font-size:16px; height:84px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color:#686868;}
.info-box>ul>li>a>aside>span{display: block; font-size:16px; margin-top:15px; color:#181818;}
.info-box>ul>li>a>aside>span>em{font-size:20px; margin-right: 4px; line-height: inherit; color:#1565e3;}
.active .info-title,
.active .info-box>ul>li{transform: translate(0,0); opacity: 1;}
@media(max-width:1600px){
.info-box>ul>li>a>aside{padding: 15px 20px;}
.info-box>ul>li>a>aside>h3{font-size: 20px;}
.info-box>ul>li>a>aside>i,
.info-box>ul>li>a>aside>span{font-size:15px;}
.info-box>ul>li>a>aside>span>em{font-size:18px;}
.info-box>ul>li>a>aside>p{font-size:15px; height:78px;}
.info-box>ul>li>a>aside>h3{font-size: 18px;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>p{height: 52px;}
.info-box>ul{height: 536px;}
.info-title>h2{font-size: 28px;}
.info-title>a{font-size: 15px;}
}
@media(max-width:1199px){
.info-box>ul{margin: 0 -5px;}
.info-box>ul>li{padding: 5px;}
.info-box>ul>li>a>aside>h3{font-size: 16px; margin-bottom: 15px;}
.info-box>ul>li>a>aside{padding:10px 15px;}
.info-box>ul>li>a>aside>i,
.info-box>ul>li>a>aside>span{font-size: 14px;}
.info-box>ul>li>a>aside>span>em{font-size:16px;}
.info-box>ul>li>a>aside>p{font-size:14px; height:68px;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>p{height: 50px;}
.info-box>ul{height: 450px;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside{padding-left: 105px;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>i{left: 18px; top:18px; font-size: 14px;}
.info-box>ul>li:not(.i0):not(.i1)>a:before{left: 87px; top: 15px; bottom: 15px;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>i b{font-size: 40px;}
}
@media(max-width:992px){
.info-box>ul>li.i0{width: 45%;}
.info-box>ul>li.i1{width: 55%; height: 25%;}
.info-box>ul>li.i1 ins{display: none;}
.info-box>ul>li:not(.i0):not(.i1){width: 55%;}
.info-box>ul>li>a>aside>p{height: 50px;}
.info-box>ul>li.i1>a>aside>h3{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.info-box>ul>li{height: 25%;}
.info-box>ul>li.i1 aside{position: static; padding-left: 105px; background: none;}
.info-box>ul>li.i1>a>aside>i{left: 18px; top: 18px; font-size: 14px; position: absolute;}
.info-box>ul>li.i1>a>aside>i b{font-size: 40px; display: block; margin-top: 5px;}
.info-box>ul>li.i1>a>aside>i b:before{display: none;}
.info-box>ul>li.i1>a:before{left: 87px; top: 15px; bottom: 15px; position: absolute; width: 1px; background: #c8c8c8; content: '';}
.info-box>ul>li>a>aside>h3{margin-bottom:7px;}
.info-box>ul>li>a>aside>span{margin-top:7px;}
.info-box>ul{height:560px;}
}
@media(max-width:767px){
.info-box>ul>li.i0{width: 100%;}
.info-box>ul>li.i0,
.info-box>ul>li.i1{width:100%; height: 20%;}
.info-box>ul>li:not(.i0):not(.i1){width:100%;}
.info-box>ul>li{height: 20%;}
.info-box>ul>li>a>aside>h3{font-size: 15px; margin-bottom: 5px;}
.info-box>ul>li.i0>a>aside>h3{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #181818;}
.info-box>ul>li.i0>a>aside>p{display: block;}
.info-box>ul>li.i0 aside{position: static; padding-left: 105px; background: none;}
.info-box>ul>li.i0 ins{display: none;}
.info-box>ul>li.i0>a>aside>i{left: 18px; top: 18px; font-size: 14px; position: absolute; color: #1565e3;}
.info-box>ul>li.i0>a>aside>i b{font-size: 40px; display: block; margin-top: 5px;}
.info-box>ul>li.i0>a>aside>i b:before{display: none;}
.info-box>ul>li.i0>a:before{left: 87px; top: 15px; bottom: 15px; position: absolute; width: 1px; background: #c8c8c8; content: '';}
.info-box>ul>li>a>aside>span{display: none;}
.info-box>ul>li>a>aside{padding:8px 12px;}
.info-box>ul{height:460px;}
.info-box>ul>li>a>aside>p{line-height: 20px; height: 40px !important; overflow: hidden;}
.info-box>ul>li:not(.i0):not(.i1)>a>aside>h3{margin-bottom: 5px;}
.info-box>ul>li.i0>a>aside>i,
.info-box>ul>li.i1>a>aside>i,
.info-box>ul>li:not(.i0):not(.i1)>a>aside>i{left: 10px; top:15px;}
.info-box>ul>li.i0>a>aside>i b,
.info-box>ul>li.i1>a>aside>i b,
.info-box>ul>li:not(.i0):not(.i1)>a>aside>i b{font-size: 35px;}
.info-box>ul>li.i0>a:before,
.info-box>ul>li.i1>a:before,
.info-box>ul>li:not(.i0):not(.i1)>a:before{left:74px;}
.info-box>ul>li.i0 aside,
.info-box>ul>li.i1 aside,
.info-box>ul>li:not(.i0):not(.i1)>a>aside{padding-left:90px;}
.info-title>h2{font-size: 22px;}
.info-title>a{font-size: 12px; margin-top: 5px;}
}