@charset "utf-8";
/* CSS Document */
body{font-size: 16px;background: #fff; color: #333333}
.lf{float:left}
.lr{float:right}


.noMP{margin: 0;padding: 0; font-weight: normal}
section{position: relative}


.h_more a{display: inline-block; border-top: 1px solid #fff; width: calc(180 / 16 * 1em); padding: calc(24 / 16 * 1em) 0 0 0;color: #fff; background: url(../images/Floor003180-more.svg) no-repeat right calc(9 / 16 * 1em) center; background-size: calc(15 / 16 * 1em) auto;transition: 0.3s; height: calc(65 / 16 * 1em); line-height: 1;}
.h_more.blue a{ border-top-color: #4559a6; color: #4559a6; background-image: url(../images/Floor003180-more2.svg);}
.h_more a:hover{border-top: 0;width: calc(220 / 16 * 1em); color: #fff; background-color: #4559a6; padding: 0 0 0 calc(30 / 16 * 1em); background-image: url(../images/Floor003180-more.svg);background-position: right calc(27 / 16 * 1em) center;box-shadow: 0 calc(10 / 16 * 1em) calc(40 / 16 * 1em) rgba(69, 89, 166, 0.3);line-height: calc(65 / 16 * 1em); }



.h_title{padding-bottom: 3%}
.h_title h2{line-height: 1.5}

.f16{font-size: 16px}
.f22{font-size: 22px}
.f24{font-size: 24px}
.f30{font-size: 30px}
.f48{font-size: 48px}
@media (max-width:1024px){
body,
.f16{font-size: 15px}
.f22{font-size: 18px}
.f24{font-size: 20px}
.f30{font-size: 22px}
.f48{font-size: 24px}
}
@media (max-width:768px){
body,
.f16{font-size: 14px}
.f22{font-size: 16px}
.f24{font-size: 18px}
.f30{font-size: 20px}
.f48{font-size: 22px}
}
.indexban{position:relative}
.m-bann{display:none}
.indexban .textbox{position:absolute;left:50%;margin-left:-42.97vw;z-index:3;top:260px;opacity:1}
/* .indexban .textbox.cur{} */
.indexban .textbox .title1{color:#fff;font-weight:bold;text-align:center;font-size:72px;line-height:90px}
.indexban .textbox .title2{color:#fff;text-align:center;font-size:30px;line-height:48px}
.indexban .textbox .entitle{font-family:Arial;color:rgba(255,255,255,0.1);text-align:center;font-size:16px}
.indexban .videobox .video video{width:100%;position:absolute;top:50%;transform: translateY(-50%); left:0;object-fit:fill;object-position:center center; max-height:100%; z-index:5;}
/* .indexban .videobox.cur .video video{z-index:9;visibility:visible;opacity:1;object-fit:fill;object-position:center center}
.indexban .videobox.cur .textbox,
.indexban .videobox.cur .img{z-index:-1;visibility:hidden;opacity:0} */
.indexban .img {padding-bottom:50%; position:relative;}
.indexban .img img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}

.indexban .videobox .img{z-index:-1;visibility:hidden;opacity:0; position:relative;}
.indexban .play{width:70px;height:70px;margin:82px auto 0;cursor:pointer;display:none}
.indexban .textbox .box{width:922px;height:385px;background-color:rgba(0,0,0,0.5);margin:0 auto;padding:68px 10px 0}
.indexban .textbox .title3{color:#fff;font-size:24px;text-align:center;}
.indexban .textbox .more{width:180px;height:56px;position:relative;background-color:#303b8b;color:#fff;line-height:56px;padding-left:84px;border-radius:56px;margin:52px auto 0}
.indexban .textbox .more:after{content:"";width:30px;height:1px;background-color:#fff;position:absolute;left:40px;top:50%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indexban .textbox .more:hover{padding-left:40px}
.indexban .textbox .more:hover:after{left:110px}
.indexban .swiper-button-next, .indexban .swiper-button-prev{width:80px;height:80px;border-radius:80px;margin-top:-40px;opacity:1;background-size:18px 34px}
.indexban .swiper-button-next{background-image:url(../images/banr.png);right:calc(49px + 2.5vw)}
.indexban .swiper-button-prev{background-image:url(../images/banl.png);left:calc(49px + 2.5vw)}
.indexban .swiper-button-next:hover,
.indexban .swiper-button-prev:hover{background-color:rgba(48,59,139,0.9)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{position:relative;width:10px;height:10px;margin:0 55px;vertical-align:middle;padding:0;border:2px solid rgba(255,255,255,0.35);background:0;border-radius:50%;cursor:pointer;opacity:1;z-index:6}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{content:"";position:absolute;transform-origin:0 0;transform:translate3d(-50%,-50%,0);top:50%;left:50%;width:24px;height:24px;border:1px solid transparent;border-radius:50%}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{width:34px;height:34px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before{border-color:rgba(255,255,255,0.3)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before{border-top-color:transparent;animation:rotating 3s linear infinite}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after{width:34px;height:34px;border-top-color:transparent;border-bottom-color:transparent;animation:rotating 3s linear reverse infinite}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{border:2px solid white}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets:after{content:"";width:100%;height:106px;background:linear-gradient(to top,rgba(10,20,25,0.7) 0,rgba(10,20,25,0) 100%);position:absolute;bottom:-49px;left:0}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show1{width:110px;height:1px;background-color:rgba(255,255,255,0.35);position:absolute;top:50%;right:-112px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show2{width:0;height:1px;background-color:#fff;position:absolute;top:50%;left:100%}
/* .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active .show2{width:110px;transition:10s ease-in-out 0s;-webkit-transition:10s ease-in-out 0s;-moz-transition:10s ease-in-out 0s} */
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active .show2{animation:fillWidth 10s linear infinite}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show1,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show2{display:none}

@keyframes rotating{from{transform:rotate(0) translate3d(-50%,-50%,0)}
to{transform:rotate(360deg) translate3d(-50%,-50%,0)}
}
@keyframes fillWidth{from{width:0}
to{width:110px}
}
@keyframes unfillWidth{from{left:0;width:100%}
to{left:100%;width:0}
}

@media (max-width:768px){
   .indexban {margin-top:60px;} 
}

@media (max-width:1620px){
    .indexban .textbox{margin-left:-44.97vw}
    .indexban .swiper-button-next{right:calc(20px + 2.4vw)}
    .indexban .swiper-button-prev{left:calc(20px + 2.4vw)}
    .indexban .textbox .title1{font-size:66px}
    .indexban .textbox .title2{font-size:26px}
    .indexban .textbox .title3{font-size:20px}
    .indexban .textbox.cur{top:200px}
    .indexban .textbox{top:300px}
}

@media (max-width:1440px){
    .indexban .textbox{margin-left:-46.97vw}
    .indexban .swiper-button-next{right:calc(10px + 1.6vw)}
    .indexban .swiper-button-prev{left:calc(10px + 1.6vw)}
    .indexban .textbox.cur{top:180px}
    .indexban .textbox{top:260px}
    .indexban .textbox .title1{font-size:48px;line-height:70px}
    .indexban .textbox .title2{font-size:22px;line-height:34px}
    .indexban .textbox .title3{font-size:18px}
    .indexban .swiper-button-next, .indexban .swiper-button-prev{width:58px;height:58px;margin-top:-29px;background-size:12px auto}
    .indexban .play{width:56px;height:56px;margin:60px auto 0}
    .indexban .textbox .box{width:640px;height:280px;padding:45px 10px 0}
    .indexban .textbox .more{margin:30px auto 0}
}

@media (max-width:1280px){
    .indexban .textbox{margin-left:-48.47vw}
    .indexban .swiper-button-next{right:10px}
    .indexban .swiper-button-prev{left:10px}
    .indexban .textbox .title1{font-size:40px;line-height:52px}
    .indexban .textbox.cur{top:140px}
    .indexban .textbox{top:200px}
}
@media (max-width:1024px){
    .pcbanner{display:none}
    .m-bann{display:block}
    .indexban .textbox{width:100%;left:0;margin-left:0;padding:0 15px}
    .indexban .textbox .title{font-size:16px}
    .indexban .textbox{top:15%}
    /* .indexban .textbox.cur{top:40px} */
    .indexban .textbox .title1{font-size:22px;line-height:34px}
    .indexban .textbox .title2{font-size:16px;line-height:22px}
    .indexban .textbox .entitle{font-size:12px;line-height:20px}
    .indexban .play{width:40px;height:40px;margin:30px auto 0}
    .indexban .textbox .title3{font-size:16px}
    .indexban .textbox .more{width:118px;height:34px;line-height:34px;font-size:12px;padding-left:50px}
    .indexban .textbox .more:after{width:15px;left:20px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;background-color:#fff}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#e62129}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
    .indexban .videobox .video video{z-index:-1;visibility:hidden;opacity:0}
    .indexban .videobox.cur .video video{z-index:9;visibility:visible;opacity:1;object-fit:fill;object-position:center center}
    .indexban .videobox.cur .textbox,
    .indexban .videobox.cur .img{z-index:-1;visibility:hidden;opacity:0}
    .indexban .videobox .img{z-index:1;visibility:visible;opacity:1}
    .indexban .play{display:block}
}
@media (max-width:380px){
    .indexban .textbox .title1{font-size:22px;line-height:32px}
    .indexban .textbox .title2{font-size:16px;line-height:22px}
    .indexban .textbox .entitle{font-size:12px;line-height:20px}
    .indexban .play{width:30px;height:30px;margin:30px auto 0}
    .indexban .textbox .title3{font-size:14px}
    .indexban .textbox .more{width:110px;height:34px;line-height:34px;font-size:12px;padding-left:42px}
    .indexban .textbox .more:after{width:15px;left:20px}
}

@media (max-width:370px){
    .indexban .textbox{top:75px}
    .indexban .textbox.cur{top:25px}
}


@media (max-width:1024px){
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before,
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets:after{display:none}
}
/****************************/
.indexa{padding-top:2%; padding-bottom:4%;}
.indexa .part1{padding-top:3%; padding-bottom:3%; background:no-repeat left top;background-size:42.03888596952181%}
.indexa .part1 .txt{padding-top:0; padding-bottom:5%;font-size: 0.14rem; line-height: 1.714;}
.indexa .part2{padding-left:20%; background:no-repeat left;background-size:40.98791382028376%}
.indexa .part2 li{float: left;width: 33%;color: #333;line-height: 1.5;}
.indexa .part2 li p{display: inline-block; text-align: left}
.indexa .part2 li:nth-child(2){text-align:center}
.indexa .part2 li:nth-child(3){text-align:right}
.indexa .part2 .numUp{ font-size:2.4vw}
.indexa .part2 .txt{display: block; color: #666; font-size: 0.14rem;}
@media (min-width:1025px){
.indexa .part1 .info{width:32%}
.indexa .part1 .pic{width:60.306%}
.indexa .part1 .txt{padding-top:15%; padding-bottom:20%; }
.indexa .part2{padding-left: 39.654%}
}
@media (max-width:768px){
.indexa .part2{padding-left:0; padding-bottom: 4%}
.indexa .part2 .numUp{ font-size:5vw}
.indexa .part1 .h_more{ margin-bottom: 4%; text-align: right;} 
.indexa .part1 .h_more a{ display: inline-block; text-align: left;} 
}
/****************************/
.indexb{position:relative}
@media (min-width:1024px){
.indexb .h_title{color: #fff; position: absolute; width: 100%;top: 5%}
}
.indexbcon:before{ content: '';position: absolute; width: 100%; height: 50%; background: url(../images/ind_case_bg.png) no-repeat center top;background-size: 100%;}
.indexbconlist .textbox{max-width:450px;position:absolute;top:10.937vw;left:26.83vw;opacity:0; transition: 0.5s}
.indexbconlist.cur .textbox{opacity:1;left:6.83vw}
.indexbconlist .textbox .entitle{color:#fff;line-height:0.95;font-size:48px;font-weight:bold;font-family:Arial}
.indexbconlist .textbox .cntitle{color:#fff;font-size:30px;line-height:36px;margin-top:8px}
.indexbconlist .textbox .text{margin:26px 0 92px;color:#fff;font-size: 0.14rem; line-height:1.714;height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.indexbconlist .textbox .btn{width:180px;height:56px;border-radius:56px;display:block;color:#fff;border:1px solid rgba(255,255,255,0.5);line-height:56px;padding-left:84px;position:relative}
.indexbconlist .textbox .btn:after{content:"";width:30px;height:1px;position:absolute;top:50%;left:40px;background-color:#fff;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indexbconlist .textbox .btn:hover{padding-left:34px;background-color:#303b8b;border-color:#303b8b}
.indexbconlist .textbox .btn:hover:after{left:110px}
.indexbconlist .img{display:none}
.indexbslide{width:100%;position:absolute;bottom:4.583vw;left:0; overflow: hidden}
.indexblist{width:14.28571428571429%;position:relative;cursor:pointer}
.indexblist:nth-last-of-type(1):after{display:none}
.indexblist .iconbox{width:60px;height:60px;position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.5s; border-radius: 100px;opacity: 0;}
.indexblist .iconbox span{display: block; transition: 0.5s; border-radius: 100px; padding: 10px;}
.indexblist .title{color:#fff;text-align:center;margin-top:65px;padding-top:35px; position: relative; overflow: inherit;}
.indexblist .title:before,
.indexblist .title:after{content:"";width:42%;height:1px;background-color:#fff;position:absolute;top:0; opacity: 0.15; transition: 0.5s}
.indexblist .title:before{left: 0}
.indexblist .title:after{right: 0}
.indexblist .title i{position: absolute; margin: auto; left: 0; right: 0; top:-10px; padding: 11px; width:20px; height:20px; border-radius: 100px;border: 1px dashed rgba(255,255,255,0.5);opacity: 1;transition: .5s; }
.indexblist .title i:before{content: ''; display: block; position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto; width:8px; height:8px;background: #fff; border-radius: 100px;}
.indexblist.cur .iconbox{opacity: 1;}
.indexblist.cur .iconbox span{background: #e62129;}
.indexblist.cur .iconbox:before{ position: absolute; content: '';left: -5%; top: -5%; width: 110%; height: 110%; border: dashed 1px #e62129; border-radius: 100px;}
.indexblist.cur .title{font-weight:bold}
.indexblist.cur .title i{opacity: 0;}
.indexblist.cur .title:after{width:88%;opacity: 1; right: -42%}
.indexbwapimglist{display:none}
.indexbwap{display: none}
.indexbwap .auto-inner{transform:translateY(-40px)}
.ibwapslide .box{display:block;background-color:#fff;border-radius:10px;padding:35px 20px 70px}
.ibwapslide .box .cntitle{text-align:center;font-size:20px;color:#000;font-weight:bold}
.ibwapslide .box .entitle{font-size:20px;text-align:center;font-weight:bold;line-height:1;font-family:Arial;margin-top:3px}
.ibwapslide .box .text{color:#666;text-align:center;margin:22px 0 35px;line-height:1.6;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.ibwapslide .box .btn{width:138px;height:38px;line-height:38px;padding-left:60px;border-radius:56px;margin:0 auto 0;display:block;background-color:#303b8b;color:#fff;position:relative}
.ibwapslide .box .btn:after{content:"";width:20px;height:1px;position:absolute;top:50%;left:25px;background-color:#fff;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.ibwapslide .box .btn:hover{padding-left:34px}
.ibwapslide .box .btn:hover:after{left:110px}
.ibwapslide .swiper-container-horizontal{border-radius:10px;box-shadow:0px 3px 30px 0px rgba(34, 34, 34, 0.13)}
.ibwapslide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:25px}
.ibwapslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#999;opacity:1}
.ibwapslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#e62129}
.ibwapslide .h_more a{margin: auto}
@media (max-width:1620px){
    .indexbconlist .textbox{top:8.937vw}
    .indexbconlist.cur .textbox{left:4.83vw}
}
@media (max-width:1440px){
    .indexbconlist .textbox{top:6.937vw}
    .indexbconlist.cur .textbox{left:3.83vw}
    .indexbconlist .textbox .entitle{font-size:36px}
    .indexbconlist .textbox .cntitle{font-size:24px}
    .indexbconlist .textbox .text{margin:18px 0 40px}
}
@media (max-width:1280px){
    .indexbconlist .textbox{top:5.5vw}
    .indexbconlist.cur .textbox{left:1.33vw}
    .indexbconlist .textbox .entitle{font-size:36px}
    .indexbconlist .textbox .cntitle{font-size:24px}
    .indexbconlist .textbox .text{margin:18px 0 40px}
}
@media (max-width:1024px){
    
    .indexb .indexbcon,
    .indexb .indexbslide{display:none}
    .indexbwap{display:block}
}
/****************************/
.indexclist.cur .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.indexclist.cur .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#999;opacity:1}
.indexclist.cur .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#e62129}

.indexc{background:url(../images/ind_product_bg.png) no-repeat right top; padding-top:5%; padding-bottom:5%;background-size: 52.08333333333333%}
.indexc .indexcbg{position:absolute;top:45px;left:-30px}
.indexctop{position:relative;z-index:3}
.indexctopr{width:65%;position:relative;padding:0 50px}

.indexctopr .swiper-slide{width:180px;}
.indexctopr .icon{width:60px;height:60px;margin:0 auto; position: relative}

.indexctopr .swiper-slide:not(.cur) .icon{filter: grayscale(100%) brightness(0%);}
.indexctopr .swiper-slide.cur .icon{border-radius: 50%; background: #4559a6;}
.indexctopr .swiper-slide.cur .title{color: #4559a6}

.indexctopr .title{color:#666;margin-top:14px;text-align:center}
.indexctopr .swiper-button-next{width:13px;height:24px;background-size:100% 100%;background-image:url(../images/icright.png);opacity:1;right:0;z-index:6}
.indexctopr .swiper-button-prev{width:13px;height:24px;background-size:100% 100%;background-image:url(../images/icleft.png);opacity:1;left:0;z-index:6}
/* .indexctopr .swiper-button-prev.cur{opacity:1} */
.indexctopr:hover .swiper-button-next{opacity:1}
.indexcbot{margin-top:44px}
.indexclist{position:relative}
.indexclist .swiper-button-next, .indexclist .swiper-button-prev{width:46px;height:46px;margin-top:-23px;background-size:100% 100%;opacity:1}
.indexclist .swiper-button-next{background-image:url(../images/col2right.png);right:-70px}
.indexclist .swiper-button-next:hover{background-image:url(../images/col2right_cur.png)}
.indexclist .swiper-button-prev{background-image:url(../images/col2left.png);left:-70px}
.indexclist .swiper-button-prev:hover{background-image:url(../images/col2left_cur.png)}

.indexclist{display:none}
.indexclist .swiper-slide{width:20%;height:650px;overflow:hidden;position:relative}
.indexclist .swiper-slide .box{width:650px;display:block;background-color:#000;}
.indexclist .swiper-slide .img{overflow:hidden;background:url(../images/ind_pro_bg.jpg) no-repeat center center; background-size: cover;opacity:0.5}
.indexclist .swiper-slide .textbox{color:#fff; opacity: 0.5; width:100%;padding:0 30px;position:absolute;bottom:20px;left:0}
.indexclist .swiper-slide .textbox .title{text-align: center; font-weight:bold;line-height:30px;height:34px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexclist .swiper-slide.cur{box-shadow:0px 4px 30px 0px rgba(0,0,0,0.1)}
.indexclist .swiper-slide.cur .textbox{opacity: 1;}
.indexclist .swiper-slide.cur .img{opacity:1;}
.indexclist .swiper-slide.cur img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
@media (max-width:1440px){
    .indexc .indexcbg{width:706px;left:-20px}
    .indexclist .swiper-slide .box{width:450px}
    .indexclist .swiper-slide{height:auto}
	
	.indexclist .swiper-button-next, .indexclist .swiper-button-prev{width:32px;height:32px;margin-top:-16px}
	.indexclist .swiper-button-next{right:-40px}
	.indexclist .swiper-button-prev{left:-40px}
}
@media (max-width:1280px){
    .indexctopr{width:calc(100% - 280px)}
    .indexc .indexcbg{width:606px;left:-15px}
	
	.indexclist .swiper-button-next{right:10px}
	.indexclist .swiper-button-prev{left:10px}
}
@media (max-width:1024px){
    .indexc{padding:65px 0 50px}
    .indexc .indexcbg{width:100%;left:0;top:45px}
    .indexctopr{width:100%;margin-top:30px;padding:0 35px}
    .indexctopr .icon{width:46px;height:46px}
    .indexctopr .title{margin-top:8px;font-size:12px}
    .indexctopr:after{width:35px;height:100px}
    .indexc .wrap{padding:0 0 0 15px}
    .indexcbot{margin-top:25px}
	.indexclist{padding-right:45px;padding-left:35px}
    /* .indexclist .swiper-container{padding-bottom:50px;overflow:hidden} */
	.indexclist .swiper-button-next, .indexclist .swiper-button-prev{width:24px;height:24px;margin-top:-12px}
	.indexclist .swiper-button-next{right:10px}
	.indexclist .swiper-button-prev{left:0}
	.indexclist .swiper-container{overflow:hidden}
    .indexclist .swiper-slide{height:auto}
    .indexclist .swiper-slide .box{width:100%}
    .indexclist .swiper-slide .textbox{padding:0 15px}
    .indexctopr .swiper-button-next{right:15px}
    .indexctopr .swiper-button-prev{left:0}
    }



.index_news{background: #f5f5f5 url(../images/ind_news_bg.png) no-repeat right top; padding-top:5%; padding-bottom:5%;background-size: 34.89583333333333%}
.index_news .item .pic{position: relative}
.index_news .item .pic span{display: block;background: no-repeat center center;background-size: cover}
.index_news .item a{display: block}
.index_news .item a:hover .pic span{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.index_news .item time{color: #fff; position: absolute;right: 0; bottom: 0;background: #4559a6}
.index_news .box *{transition: 0.5s}
.index_news .lf{width: 50.047%}
.index_news .lf .item .pic span{height: 528px;}
.index_news .lf .item time{padding:1% 4.2%;}
.index_news .lf .item .txt{padding: 30px; background: #fff;line-height: 32px;}
.index_news .lf .item .txt p{ color: #999999;  height: 64px; margin-top: 4px;}
.index_news .lf .item a:hover .txt{background: #4559a6}
.index_news .lf .item a:hover .txt h4{color: #fff}
.index_news .lf .item a:hover .txt p{color: #fff; opacity: 0.8}

.index_news .lr{width:36%;margin-right: 8%;}
.index_news .lr .item{width:47.223%;}
.index_news .lr .item .pic span{height: 188px}
.index_news .lr .item time{padding:1.3% 5.7%;}
.index_news .lr .item:nth-child(1){float: left}
.index_news .lr .item:nth-child(2){float: right}
.index_news .lr .item .txt{padding-top: 20px; height: 175px;}
.index_news .lr .item .txt h4{line-height: 26px; height: 52px;}
.index_news .lr .item a:hover .txt{ background: #4559a6;padding-left: 20px; padding-right: 20px;}
.index_news .lr .item a:hover .txt h4{color: #fff;}
.index_news .lr ul{border-top: solid 1px #e2e2e2}
.index_news .lr ul li{line-height:80px; border-bottom: solid 1px #e2e2e2;}

.index_news .lr ul li span{float: right;}
.index_news .lr ul li:hover{background: #4559a6;padding: 0 20px;}
.index_news .lr ul li:hover a,
.index_news .lr ul li:hover span{ color: #fff}
@media (max-width:960px){
.index_news .box{float: none; width: 100%}
.index_news .lf{margin-bottom: 4%}
.index_news .lf .item .pic span{height:320px;}
.index_news .lf .item .txt{padding:3%}
.index_news .lr .item .pic span{height: 140px}
.index_news .lr .item .txt{height: auto; padding-bottom: 20px}
.index_news .lr ul li{line-height:50px;}

}

.index_other{overflow: hidden}
.index_other .box{width: 50%; position: relative}
.index_other .info{ color: #fff; position: absolute; width: 100%; top: 50%; text-align: center;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-ms-transform:translate(0,-50%);}
.index_other .txt{padding-top:3%; padding-bottom: 6%}
.index_other .icon{position: relative;display: inline-block;width: 13%; max-width: 70px;}
.index_other .h_more{display: inline-block; text-align: left}
.index_other .pic img{width: 100%;}
@media (max-width:768px){
.index_other .box{float: none; width: 100%}
.index_other .txt{padding-top:1%; padding-bottom:2%}
.index_other .pic{width: 130%;}
}

.indexHonor {overflow: hidden; background-color: #eef1f7; padding:3.65% 0;}
.indexHonor .more {overflow: hidden; margin-top:1.75em;}
.indexHonor .more a {display: block; float:right; position: relative; color:#4559a6; font-size: 16px; border-top:1px solid #4559a6; padding:1.25em 7.1875em 0 0; line-height: 1.5em;}
.indexHonor .more a:after {width: 1em; height: 0.9375em; background:url(../images/arrow_01.png) no-repeat center center; background-size:contain; display: block; content: ''; position: absolute; right: 0.5em; top:0; margin-top:1.55em;}

#indexCert {overflow:hidden; margin:0 -4%;}
#indexCert .swiper-container {padding:4.848% 0 6%;}
#indexCert .pic {background-color: #fff; border-radius:0.333em; font-size: 1.5625vw; box-shadow: 0px 0.1334em 1em rgba(0,0,0,.26); padding:0.78em; transition:all .3s;}
#indexCert .pic i {display:block;padding-bottom:72.0848%;background:no-repeat center center;background-size:contain;}
#indexCert .swiper-slide-active .pic {transform:scale(1.406);}
#indexCert .swiper-slide-prev .pic {transform:scale(1.106); margin-left:-2em; margin-right:2em; padding:0.8em;}
#indexCert .swiper-slide-next .pic {transform:scale(1.106); margin-left:2em; margin-right:-2em; padding:0.8em;}
#indexCert .swiper-slide{
    transition-duration: 1500ms !important;
    opacity: 0.15;
}
#indexCert .swiper-slide-prev,
#indexCert .swiper-slide-next{
    opacity: 0.4;
}
#indexCert .swiper-slide-active{
    opacity: 1;
}

#certText {width: 50%; margin:0 auto; text-align: center; font-size: 24px;}
#certText h3 {font-weight: normal; margin:0; font-size: 1em; line-height: 1.5em; color:#333; margin-bottom:0.916em;}
#certText h3:after {width:2.208em; height: 0.1667em; content:''; display: block; background-color: #4559a6; margin:0.625em auto 0; border-radius: 0.8333em;}
#certText .intro {font-size: 16px; color:#666; line-height: 1.875em;}
#certText .swiper-slide {background-color: #eef1f7;}
.indexHonor .swiper-button-next, .indexHonor .swiper-button-prev{width:46px;height:46px;margin-top:-23px;background-size:100% 100%;opacity:1}
.indexHonor .swiper-button-next{background-image:url(../images/col2right.png);right:0;}
.indexHonor .swiper-button-next:hover{background-image:url(../images/col2right_cur.png)}
.indexHonor .swiper-button-prev{background-image:url(../images/col2left.png);left:0;}
.indexHonor .swiper-button-prev:hover{background-image:url(../images/col2left_cur.png)}

@media only screen and (max-width:1024px){
	#indexCert {margin:0;}
	#indexCert .swiper-container {padding:6% 0;}
	#indexCert .swiper-slide-active .pic {transform: scale(1.3);}
	#indexCert .swiper-slide-next .pic,
	#indexCert .swiper-slide-prev .pic{margin:0; transform: none;}

	#certText {font-size: 20px; width: 80%;}
	#certText .intro {font-size: 14px;}

	.indexHonor .more a {font-size: 14px;}
	.indexHonor .swiper-button-next, .indexHonor .swiper-button-prev {width:24px; height:24px; margin-top:-12px;}
}
@media only screen and (max-width:768px){
	#indexCert {margin:0;}
	#indexCert .swiper-container {padding:3% 8%;}
	#indexCert .swiper-slide-active .pic {transform: none;}
	#certText {width: auto;}
	
	.indexHonor {padding:6% 0;}
}

/* 2022/12/2 */
.Floor001207{ 
    overflow:hidden;
    background-color: #eef1f7; padding:3.65% 0;
}
.Floor001207 .boutique {position: relative; z-index: 1;}
.Floor001207 li{
    position: absolute;
    z-index: 1;
    display: none;
}
.Floor001207 li .yc{
    opacity: 0 !important;
}
.Floor001207 li i{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    overflow: hidden;
    background: #fff;
    transform: translateY(-50%);
}
.Floor001207 li .xs{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 90%;
    max-height: 90%;
    width: auto !important;
    height: auto !important;
} 
.Floor001207 li a{ display:block;}
.Floor001207 .main{position:relative;}
.Floor001207 .name {
    text-align: center;
    margin: 0 auto;
    max-width: 50%;
    margin-top: 3%;
}
.Floor001207 .name h6{
    font-weight: normal;
    margin: 0;
    font-size: 32px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
}
.Floor001207 .name h6::after{ 
    width: 2.208em;
    height: 0.1667em;
    content: '';
    display: block;
    background-color: #4559a6;
    margin: 0.625em auto 0;
    border-radius: 0.8333em;
}
.Floor001207 .name p{
    font-size: 16px;
    color: #666;
    line-height: 1.875em;
}
.Floor001207 li div{ display:none !important; }



.Floor001207 .more {overflow: hidden; margin-top:1.75em;}
.Floor001207 .more a {display: block; float:right; position: relative; color:#4559a6; font-size: 16px; border-top:1px solid #4559a6; padding:1.25em 7.1875em 0 0; line-height: 1.5em;}
.Floor001207 .more a:after {width: 1em; height: 0.9375em; background:url(../images/arrow_01.png) no-repeat center center; background-size:contain; display: block; content: ''; position: absolute; right: 0.5em; top:0; margin-top:1.55em;}
.Floor001207 .main .prev,.Floor001207 .main .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:46px;height:46px;margin-top:-23px;background-size:100% 100%;opacity:1}
.Floor001207 .main .next{background-image:url(../images/col2right.png);
    right: 0px;
}
.Floor001207 .main .next:hover{background-image:url(../images/col2right_cur.png)}
.Floor001207 .main .prev{background-image:url(../images/col2left.png);
    left:0px;}
.Floor001207 .main .prev:hover{background-image:url(../images/col2left_cur.png)}
@media only screen and (max-width:1024px){
    .Floor001207 .more a {font-size: 14px;}
    .Floor001207 .main .prev, 
    .Floor001207 .main .next{width:24px; height:24px; margin-top:-12px;}
}
@media only screen and (max-width:768px){
	.Floor001207 {padding:6% 0;}
    .Floor001207 .name{
        max-width: 100%;
    }
    .Floor001207 .name h6 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .Floor001207 .name p {
        font-size: 14px;
    }
    .Floor001207 .main{
        width: 100%;
    }
}