.product{padding:60px 0 0; background:#fff;}
.product .title{margin-bottom:40px;}
.product-tabs{display:block;}
.product-tabs ul{text-align:center; font-size:0;}
.product-tabs ul>li{display:inline-block; width:125px;}
.product-tabs ul>li+li{margin-left:36px;}
.product-tabs ul>li>ins{display:block; cursor:pointer; width:100%; padding-bottom:100%; position:relative; overflow:hidden; border-radius:50%; background:#eef2f8; transition:.3s;}
.product-tabs ul>li>ins>img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.product-tabs ul>li>h3{display:block; font-weight:normal; margin:10px -30px 0 -30px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-tabs ul>li:first-child>h3,
.product-tabs ul>li:last-child>h3{margin:10px 0 0;}
.product-tabs ul>li.on>ins{background:#2b7ffe;}
.product-tabs ul>li.on>h3{font-weight:bold;}
.product-container{background:#eef2f8; margin-top:40px; padding-top:40px;}
.product-container>article>aside{display:none;}
.product-container>article>aside.on{display:block;}

.product-content{float:left; width:68%; position:relative; background:#fff; overflow:hidden; border-radius:10px;}
.product-content>div{float:left; width:52%; padding:25px 30px;}
.product-content>div>h3{font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-content>div>p{margin-top:4px; height:26px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; color:#686868;}
.product-content>div>ul{line-height:32px; margin-top:20px; height:285px; overflow:auto;}
.product-content>div>ul>li+li{margin-top:4px;}
.product-content>div>ul>li>span{display: block;}
.product-content>div>ul>li>span:after{display: block; content: ''; clear: both;}
.product-content>div>ul>li>span>a:first-child{font-size:15px; font-weight:bold;}
.product-content>div>ul>li>span>a:first-child:before{content:'>'; font-family:'SimSun'; font-weight:bold; margin-right:8px; float:left; color:#2b7ffe;}
.product-content>div>ul>li>span>a:last-child{float: right; margin-right:15px; color:#e7053a;}
.product-content>div>ul>li>ul{max-height:0; transition:.5s; overflow: hidden;}
.product-content>div>ul>li.on>ul{max-height:800px;}
.product-content>div>ul>li>ul>li{background:#f6faff; padding:3px 15px; border-radius:5px; margin-top:4px;}
.product-content>div>ul>li>ul>li:after{display: block; content: ''; clear: both;}
.product-content>div>ul>li>ul>li>a:first-child{font-size:14px;}
.product-content>div>ul>li>ul>li>a:first-child:before{content:'>'; font-family:'SimSun'; font-weight:bold; margin-right:8px; float:left; color:#2b7ffe;}
.product-content>div>ul>li>ul>li>a:last-child{float: right; color:#e7053a;}


.product-content>div>a[button]{margin-top:15px; width:110px; height:40px; line-height:38px; text-align:center; border-radius:50px; background:#fff; border:1px solid #181818; color:#181818;}
.product-content>div>a[button]:hover{color:#fff; border-color:#2b7ffe; background:#2b7ffe;}
.product-content>ins{position:absolute; right:0; top:0; bottom:0; width:48%;}
.product-content>ins>img{display:block; width:100%; height:100%; object-fit:cover;}

.product-swiper{float:right; width:30%; overflow:hidden; border-radius:10px; position:relative;}
.product-wrapper{ width:10000%;}
.product-wrapper:after{display:block; content:''; clear:both;}
.product-slide{width:1%; float:left;}
.product-slide>a{display:block; background:#fff;}
.product-slide>a>img{display:block; width:100%; height:295px; object-fit:contain;}
.product-slide>span{display:block; padding:30px; background:#2b7ffe; background:;}
.product-slide>span>h3{display:block; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-slide>span>h3>a{font-size:22px;  color:#fff;}
.product-slide>span>p{margin-top:10px; display:block; color:rgba(255,255,255,.9); height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product-slide>span>a[button]{margin-top:28px; width:110px; height:40px; line-height:38px; text-align:center; border-radius:50px; color:#fff; border:1px solid #fff; 
background:#2b7ffe; background:;}
.product-slide>span>a[button]:hover{background:#224eb5;}
.product-pager{position:absolute; bottom:40px; right:30px; font-size:0;}
.product-pager>span{display:inline-block; width:10px; height:10px; cursor:pointer; margin-left:10px; background:#fff; border-radius:50px;}
.product-pager>span[class*="active"]{background:#224eb5;}
@media(max-width:1499px){
.product-tabs ul>li+li{margin-left:25px;}
}
@media(max-width:1399px){
.product-tabs ul{margin:0 -15px;}
.product-tabs ul>li{display:inline-block; width:11.111%; padding:0 15px;}
.product-tabs ul>li+li{margin-left:0;}
.product-tabs ul>li>h3{font-size:15px;}
}
@media(max-width:1199px){
.product{padding:40px 0 0;}
.product-container{margin-top:30px; padding-top:30px;}
.product-tabs ul{margin:0 -9px;}
.product-tabs ul>li{padding:0 9px;}
.product-tabs ul>li>h3{margin:5px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product-content{width:100%; float:none; margin-bottom:18px;}
.product-swiper{width:auto; float:none; margin:0 -9px; border-radius:0;}
.product-slide{width:0.333%; padding:0 9px;}
.product-slide>a{border-radius:10px 10px 0 0;}
.product-slide>span{border-radius:0 0 10px 10px;}
.product-slide>span>a[button]{display:none;}
.product-pager{position:static; display:block; text-align:center; margin-top:20px;}
.product-pager>span{background:#888;}
}
@media(max-width:991px){
.product-tabs ul>li{width:20%; margin-bottom:15px;}
.product-tabs ul>li>ins{width:125px; height:125px; padding:0; margin:0 auto;}
.product-content>div{padding:20px;}
.product-slide{width:0.5%;}
.product-slide>span{padding:20px;}
}
@media(max-width:767px){
.product{padding:20px 0 0;}
.product-container{margin-top:5px; padding-top:15px;}
.product-tabs ul{margin:0 -4px; text-align:left;}
.product-tabs ul>li{padding:0 4px; width:50%; margin-bottom:10px;}
.product-tabs ul>li>ins{width:33px; height:33px; float:left; margin-right:8px;}
.product-tabs ul>li>h3,
.product-tabs ul>li:first-child>h3,
.product-tabs ul>li:last-child>h3{margin:4px 0 0; text-align:left;}
.product-content{border-radius:5px; margin-bottom:10px;}
.product-content>div{padding:15px 10px; width:100%; float:none;}
.product-content>ins{position:static; width:100%; height:100px; display:block;}
.product-content>ins>img{display:block; width:100%;}
.product-content>div>h3{font-size:22px;}
.product-content>div>p{margin-top:4px;}
.product-content>div>ul{margin-top:10px; height:auto;}
.product-content>div>ul>li+li{margin-top:4px;}
.product-content>div>a[button]{margin-top:10px; width:100px; height:34px; line-height:32px;}
.product-swiper{margin:0 -4px;}
.product-slide{padding:0 4px;}
.product-slide>a{border-radius:5px 5px 0 0;}
.product-slide>a>img{height:168px;}
.product-slide>span{border-radius:0 0 5px 5px; padding:10px;}
.product-slide>span>h3>a{font-size:18px;}
.product-slide>span>p{margin-top:5px;}
.product-pager{margin-top:15px;}
.product-pager>span{width:6px; height:6px; margin-left:6px;}
}

.solution{background:#eef2f8; padding:60px 0 0;}
.solution .title{margin-bottom:40px;}
.solution-swiper{width:100%; background:#fff; position:relative; overflow:hidden;}
article>.solution-swiper{border-radius:10px 10px 0 0;}
.solution-wrapper{width:10000%; display:flex; align-items:start;}
.solution-wrapper:after{display:block; content:''; clear:both;}
.solution-slide{float:left; width:1%; position:relative;}
.solution-page{position:absolute; z-index:888; bottom:68px; left:0; right:0; height:0; height:0; text-align:right; font-size:0;}
.solution-page>article{height:0;}
.solution-page span{display:inline-block; width:11px; height:11px; background:#888; border-radius:50%; margin-left:12px; cursor:pointer;}
.solution-page span[class*="active"]{background:#2b7ffe;}
.solution-image{position:absolute; width:50%; height:100%; left:0; top:0; overflow:hidden;}
.solution-image:before{position:absolute; content:''; top:0; left:100%; height:57.8%; width:800px; background:#fff;
transform-origin:top left; -moz-transform-origin:top left; -o-transform-origin:top left; -ms-transform-origin:top left; -webkit-transform-origin:top left;
transform:rotate(30deg); -moz-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg); -webkit-transform:rotate(30deg); }
.solution-image:after{position:absolute; content:''; bottom:0; left:100%; height:57.8%; width:800px; background:#fff;
transform-origin:bottom left; -moz-transform-origin:bottom left; -o-transform-origin:bottom left; -ms-transform-origin:bottom left; -webkit-transform-origin:bottom left;
transform:rotate(-30deg); -moz-transform:rotate(-30deg); -o-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); }
.solution-image>img{display:block; width:100%; height:100%; object-fit:cover;}
.solution-box{width:46%; padding:40px 0; float:right;} 
.solution-box>h2{font-size:28px;}
.solution-box>aside{margin-top:10px; font-size:15px; height:136px; overflow:auto; color:#686868;}
.solution-box>aside>p+p{margin-top:13px;}
.solution-more{margin-top:25px;}
.solution-more>a{display:inline-block; text-align:center; line-height:48px; width:150px; border-radius:50px; background:none; border:1px solid #181818; color:#181818;}
.solution-more>a:hover{color:#fff; background:#2b7ffe; border-color:#2b7ffe;}
.solution-button{position:absolute; top:50%; left:2%; right:2%; visibility:hidden; opacity:0; transition:.3s;}
.solution-swiper:hover .solution-button{ visibility:visible; opacity:1;}
.solution-button>i{width:44px; height:44px; margin-top:-22px; line-height:40px; color:#fff; border:2px solid #fff; text-align:center; cursor:pointer; font-size:34px; border-radius:50px; transition:.3s;}
.solution-button>i.ri-arrow-left-s-line{float:left;}
.solution-button>i.ri-arrow-left-s-line:before{padding-right:3px;}
.solution-button>i.ri-arrow-right-s-line{float:right; color:#181818; border-color:#181818;}
.solution-button>i.ri-arrow-right-s-line:before{padding-left:3px;}
.solution-button>i:hover{color:#fff; background:#2b7ffe; border-color:#2b7ffe;}
@media(max-width:1199px){
.solution{padding:40px 0 0;}
.solution .title{margin-bottom:25px;}
.solution-box{padding:30px 0;}
.solution-box>h2{font-size:24px;}
.solution-box>aside{font-size:14px; margin-top:10px;} 
.solution-more>a{line-height:38px; width:120px;}
.solution-page{bottom:55px;}
.solution-page span{width:10px; height:10px; margin-left:10px;}
.solution-button{display:none;}
}
@media(max-width:992px){
.solution-box{width:100%; float:none; padding:20px 0;}
.solution-box>aside{min-height:0;} 
.solution-more{margin-bottom:10px;}
.solution-image{width:100%; height:auto; position:static; top:0;}
.solution-image img{width:100%; height:250px; object-fit:cover;}
.solution-image:before,
.solution-image:after{display:none;}
.solution-page{bottom:50px;}
}
@media(max-width:767px){
.solution{padding:20px 0 0;}
.solution .title{margin-bottom:10px;}
.solution-box{padding:10px 0;}  
.solution-box>h2{font-size:21px;}
.solution-box>aside{margin-top:0;}
.solution-box>aside>p+p{margin-top:8px;}
.solution-image img{height:150px;}
.solution-more{margin:15px 0 5px 0;}
.solution-page{bottom:40px;}
.solution-page span{width:6px; height:6px; margin-left:6px;}
}

.introduce{position:relative; overflow:hidden; color:#fff; background:#2b7ffe;  background:; }
article>.introduce{border-radius:0 0 10px 10px;}
.introduce-image{position:absolute; width:50%; height:100%; right:0; top:0; overflow:hidden;}
.introduce-image:before{position:absolute; content:''; top:0; right:100%; height:57.8%; width:800px; 
transform-origin:top right; -moz-transform-origin:top right; -o-transform-origin:top right; -ms-transform-origin:top right; -webkit-transform-origin:top right;
transform:rotate(-30deg); -moz-transform:rotate(-30deg); -o-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); 
background:#2b7ffe;  background:;}
.introduce-image:after{position:absolute; content:''; bottom:0; right:100%; height:57.8%; width:800px; 
transform-origin:bottom right; -moz-transform-origin:bottom right; -o-transform-origin:bottom right; -ms-transform-origin:bottom right; -webkit-transform-origin:bottom right;
transform:rotate(30deg); -moz-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg); -webkit-transform:rotate(30deg); 
background:#2b7ffe; background:;}
.introduce-image>img{display:block; width:100%; height:100%; object-fit:cover;}
.introduce-box{width:46%; padding:40px 0;} 
.introduce-box>aside{margin-top:15px; font-size:15px; opacity:0.95; height:124px; overflow:auto;}
.introduce-box>aside>ul{margin-top:12px;}
.introduce-box>aside>ul>li{font-size:14px; line-height:34px;}
.introduce-box>aside>ul>li>i{float:left; width:25px; height:25px; line-height:25px; text-align:center; font-size:16px; margin:5px 15px 0 0; border-radius:50px; background:#fff; color:#e7053a;}
.introduce-button{margin-top:25px;}
.introduce-button>a{display:inline-block; text-align:center; border:1px solid #fff; color:#fff; background:none; line-height:48px; width:140px; border-radius:50px; font-size:14px;}
.introduce-button>a:hover{background:#224eb5; }
.introduce-play{position:absolute; z-index:8; top:50%; left:50%; transform:translate(-35%,-50%);}
.introduce-play>i{width:80px; height:80px; line-height:70px; border-radius:50%; font-size:46px; cursor:pointer; text-align:center; color:#2b7ffe; color:;
transition:.3s; animation:pulse 1s infinite; border:5px solid #fff; background:#fff;}
.introduce-play>i:before{position:relative; left:3px;}
.introduce-play>i:hover{font-size:40px; color:#fff; background:#224eb5;}
@keyframes pulse{
0% {box-shadow:0 0 0 0 #224eb588;}
70% {box-shadow:0 0 0 16px transparent;}
100% {box-shadow:0 0 0 0 transparent;}
}
.introduce-video{position:fixed; padding:2%; top:0; right:0; bottom:0; left:0; z-index:88888888; background:rgba(0,0,0,.8); backdrop-filter:blur(4px);
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box; 
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.introduce-video>aside{position:relative; max-width:100%; max-height:100%; background:#000;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box; 
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.introduce-video>aside>i{position:absolute; color:#fff; top:-30px; right:0; font-size:22px; cursor:pointer;}
.introduce-video>aside>video{display:block; max-width:100%; max-height:100%; max-height:calc(90vh);}
@media(max-width:1199px){
.introduce-box{padding:40px 0;}
.introduce-box>aside{font-size:14px;}
.introduce-box>aside>ul{margin-top:16px;} 
.introduce-button>a{line-height:38px; width:120px;}
}
@media(max-width:992px){
.introduce-box{width:100%; padding-right:0;}
.introduce-title{text-align:center;} 
.introduce>article{position:relative;}
.introduce-image{position:relative; width:100%;}
.introduce-image:before,
.introduce-image:after{display:none;}
.introduce-image>img{height:250px; width:100%; object-fit:cover;}
.introduce-play{top:-125px; transform:translate(-50%,-50%);}
}
@media(max-width:767px){
.introduce-box{padding:20px 0;}
.introduce-box>aside{font-size:14px; margin-top:0;}
.introduce-box>aside>ul>li>i{margin-right:5px;}
.introduce-title>span>b{font-size:18px;}
.introduce-title>span>h2{font-size:24px;}
.introduce-image>img{height:150px;}
.introduce-button{margin-top:20px;} 
.introduce-button>a{padding:2px 10px;} 
.introduce-play{top:-75px;}
.introduce-play>i{width:50px; height:50px; line-height:46px; font-size:32px; border-width:2px;}
.introduce-play:hover>i{font-size:28px;}
}


.news{padding:60px 0; background:#eef2f8;} 
.news-box{padding-top:40px}
.news-box:after{display:block; content:''; clear:both;}

.news-exhibit{background:#fff; width:35%; float:left; padding:30px; border-radius:10px;}
.news-exhibit>aside{position:relative; display:block; overflow:hidden; border-radius:5px; overflow:hidden;}
.news-exhibit>aside>div{display:block; width:10000%;}
.news-exhibit>aside>div:after{display:block; content:''; clear:both;}
.news-exhibit>aside>div>a{display:block; width:1%; float:left;}
.news-exhibit>aside>div>a>img{display:block; width:100%; object-fit:cover; height:270px;}
.news-exhibit>aside>dfn{background:rgba(0,0,0,0.6); padding:15px 0; position:absolute; font-size:0; bottom:0; left:0; right:0; text-align:center;}
.news-exhibit>aside>dfn>span{width:11px; height:11px; display:inline-block; border-radius:50%; background:#fff; cursor:pointer; margin:0 8px;}
.news-exhibit>aside>dfn>span[class*="active"]{background:#2b7ffe;}
.news-exhibit>ul{ display:block; padding-top:10px;}
.news-exhibit>ul li{margin-top:11px;}
.news-exhibit>ul li:after{display:block; content:''; clear:both;}
.news-exhibit>ul li i{float:left; font-style:normal; transition:.3s; text-align:center; font-size:12px; padding:8px 12px; border-radius:10px; 
margin-top:5px; margin-right:15px; color:#fff; background:#2b7ffe;}
.news-exhibit>ul li:hover i{background:#224eb5;}
.news-exhibit>ul li i b{font-size:32px; line-height:34px; display:block;}
.news-exhibit>ul li h3{font-size:16px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
.news-exhibit>ul li p{margin-top:2px; height:48px; line-height:24px; font-size:14px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#686868;}

.news-list{background:#fff; width:63%; float:right; border-radius:10px;}
.news-tabs{border-bottom:1px solid #d8d8d8;}
.news-tabs:after{display:block; content:''; clear:both;}
.news-tabs h2{font-size:20px; cursor:pointer; float:left; padding:20px 5px 10px 5px; margin-left:30px; color:#686868;}
.news-tabs h2.on{border-bottom:2px solid #2b7ffe; color:#181818;}
.news-cut{display:block; padding:8px 30px 30px 30px;}
.news-cut ul{display:none;}
.news-cut ul.on{display:block;}
.news-cut ul li{padding:10px 0; border-bottom:1px solid #e8e8e8;}
.news-cut ul li:first-child{margin-top:0;}
.news-cut ul li:after{display:block; content:''; clear:both;}
.news-cut ul li h3{font-weight:bold; font-size:16px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
.news-cut ul li i{float:right; font-style:normal; color:#989898;}
.news-cut ul li p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#686868;}
.news-cut div{margin-top:20px;} 
.news-cut div>a{display:inline-block; line-height:38px; padding:0 30px; border-radius:50px; font-size:14px; border:1px solid #686868;}
.news-cut div>a:hover{color:#fff; border-color:#2b7ffe; background:#2b7ffe;}
@media(max-width:1199px){
.news{padding:40px 0;}
.news-box{padding-top:30px}
.news-exhibit{padding:20px;}
.news-exhibit>aside>div>a>img{height:283px;}
.news-tabs h2{font-size:20px; margin-left:20px;}
.news-cut{padding:8px 20px 20px 20px;}
}
@media(max-width:991px){
.news-exhibit{width:100%;}
.news-exhibit>ul li{margin-top:15px;}
.news-list{width:100%; margin-top:20px;}
}
@media(max-width:767px){
.news{padding:20px 0; }
.news-box{padding-top:8px}
.news-exhibit{padding:8px;}
.news-exhibit>aside>dfn{padding:10px 0;}
.news-exhibit>aside>dfn>span{padding:0 4px; width:8px; height:8px;}
.news-exhibit>aside>div>a>img{height:183px;}
.news-exhibit>ul{padding-top:5px;}
.news-exhibit>ul li{margin-top:8px;}
.news-exhibit>ul li h3{font-size:16px;}
.news-exhibit>ul li i{padding:5px 8px; border-radius:5px; margin-right:10px;}
.news-exhibit>ul li i b{font-size:26px; line-height:28px;}
.news-exhibit>ul li p{margin-top:0; height:44px; line-height:22px;}
.news-list{margin-top:10px;}
.news-tabs h2{font-size:17px; padding:15px 4px 8px 4px; margin-left:8px;}
.news-cut{padding:8px;}
.news-cut ul li h3{font-size:15px;}
.news-cut div{margin-top:10px;}
.news-cut div>a{line-height:32px; padding:0 20px;}
}