/**banner start**/
.lyIdx_banner { width:100%; height:978px; background:#efefef; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.lyIdx_banner:after{ content:""; display:block;width:1224px; height:1224px; border-radius:50%; background:#e2e2e2;position:absolute; bottom:-42%; right:-9%;}
.lyIdx_banner .swiper-container1 { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.lyIdx_banner .swiper-container1 .swiper-slide .w1500{ height:100%; position:relative;}
.lyIdx_banner .batext{ width:55.666667%; position:absolute; left:0; top:30%; z-index:10;}
.lyIdx_banner .batext img{ max-width:100%;}
.lyIdx_banner .bapro1{ width:44%;position:absolute; right:0; top:15%;text-align:right; z-index:10;}
.lyIdx_banner .bapro1 img{ max-width:100%;}
.lyIdx_banner .swiper-slide .part { display:block; width:100%; height: 100%; position: relative;}
.lyIdx_banner .baphone{ display:none;}
/*分页器*/
.lyIdx_banner .box{ position:relative;}
.lyIdx_banner .swiper-container1 .swiper-pagination {right:68px; bottom:60px!important; left:auto; width:auto;}
.lyIdx_banner .swiper-container1 .swiper-pagination .swiper-pagination-bullet{ background:#fff; width:10px; height:10px; opacity:1; margin:0 4px;}
.lyIdx_banner .swiper-container1 .swiper-pagination .swiper-pagination-bullet-active{ background:#2251a4;}
.lyIdx_banner .swiper-container1 .swiper-button-prev:after, .lyIdx_banner .swiper-container1 .swiper-rtl .swiper-button-next:after{ display:none;}
.lyIdx_banner .swiper-container1 .swiper-button-next:after, .lyIdx_banner .swiper-container1 .swiper-rtl .swiper-button-prev:after{ display:none;}
.lyIdx_banner .swiper-button-prev,.lyIdx_banner .swiper-button-next{ bottom:60px; left:0; top:auto; font-size:18px; color:#888; text-transform:uppercase; background:none; width:auto; height:auto;}
.lyIdx_banner .swiper-button-next{left:57px;display:flex; display: -webkit-flex;align-items: center;}
.lyIdx_banner .swiper-button-next em{ display:block; width:1px; height:16px; background:#999; margin-right:10px;}
.lyIdx_banner .swiper-button-prev:hover,.lyIdx_banner .swiper-button-next:hover{ color:#222;}

.lyIdx_banner .swiper-num {position: absolute;right:0;bottom:60px;z-index: 2;}
.lyIdx_banner .swiper-num .active {display: inline-block;color:#0032ff; font-size:26px;font-weight:bold;}
.lyIdx_banner .swiper-num span {font-size:18px;color:#333;}
.lyIdx_banner .swiper-num span:nth-of-type(2){ padding:0 5px;}
.lyIdx_banner .swiper-num .total {display: inline-block;}
.lyIdx_banner .cfbottom{ position:absolute; top:50%;}
@media screen and (max-width:1500px) {
	.lyIdx_banner {height:800px;}
	.lyIdx_banner:after{width:1000px; height:1000px; bottom:-44%; right:-15%;}
	.lyIdx_banner .bapro1{ width:40%;}
	.lyIdx_banner .swiper-button-prev, .lyIdx_banner .swiper-button-next{ font-size:14px; bottom:40px;}
	.lyIdx_banner .swiper-button-next{ left:47px;}
	.lyIdx_banner .swiper-button-next em{ height:12px;}
	.lyIdx_banner .swiper-num{ bottom:40px;}
	.lyIdx_banner .swiper-num .active{ font-size:22px;}
}
@media screen and (max-width:1200px) {
	.lyIdx_banner {height:650px;}
	.lyIdx_banner:after{width:800px; height:800px;}
}
@media screen and (max-width:900px) {
	.lyIdx_banner {height:550px;}
	.lyIdx_banner:after{width:700px; height:700px;}
}
@media screen and (max-width:800px) {
	.lyIdx_banner {height:480px;}
	.lyIdx_banner:after{width:600px; height:600px;}
	.lyIdx_banner .swiper-button-prev, .lyIdx_banner .swiper-button-next{bottom:20px;}
	.lyIdx_banner .swiper-num{ bottom:20px;}
	.lyIdx_banner .swiper-num span {font-size:14px;}
	.lyIdx_banner .swiper-num .active{ font-size:18px;}
}
@media screen and (max-width:767px) {
	.lyIdx_banner {height:400px;}
	.lyIdx_banner:after{width:500px; height:500px;}
	.lyIdx_banner .bapc{ display:none;}
	.lyIdx_banner .baphone{ display: block;}
}
@media screen and (max-width:600px) {
	.lyIdx_banner {height:400px;}
	.lyIdx_banner:after{width:500px; height:500px;}
}
@media screen and (max-width:550px) {
	.lyIdx_banner {height:auto;}
	.lyIdx_banner:after{width:600px; height:600px;}
	.lyIdx_banner .batext{ width:100%; position:static; margin-top:90px;}
	.lyIdx_banner .batext img{ max-width:90%;}
	.lyIdx_banner .bapro1{ width:100%;text-align:center; position:static; margin-top:10px;}
	.lyIdx_banner .bapro1 img{ max-width:70%;}
}
@media screen and (max-width:414px) {
	.lyIdx_banner:after{width:500px; height:500px;}
	.lyIdx_banner .bapro1 img{ max-width:70%;}
}

/**banner end**/

/*首页产品 1*/
.indpro_first{ background:#fbfbfb; width:100vw;overflow:hidden; position:relative;}
.indpro_first .probg{clip-path: circle(0%);height:800px;position: relative; color: #fff; background:#000; display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;}
.indpro_first .probg>img{ width:100%; height:100%;object-fit: cover; opacity:.4;}
.indpro_first .probg .probg_cover{position: absolute;top: 0; left: 0;width: 100%;height: 100%;}

.indpro_first .protext{ width:80%; margin:0 auto;}
.indpro_first .protext .bt{ font-size:80px; line-height:90px; max-height:180px; font-weight:bold; text-align:center; transform:translateX(-50%); text-transform:uppercase;letter-spacing: -2px; margin-top:120px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indpro_first .protext p{ display:block;font-size:60px; max-height:180px;text-transform:uppercase;text-align:center; transform:translateX(50%); position: relative;margin: 20px auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indpro_first .protext span{ width:60%; margin:0 auto;font-size:28px; line-height:40px; height:160px; text-align:center; transform:translateX(-50%);display:block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}

.indpro_first .protext a.more{ display:block; width:240px; margin:0 auto; border:1px solid #fff; margin-top:80px; overflow:hidden; position:relative; transition: all .4s ease;}
.indpro_first .protext a.more font{ display:inline-block;width: calc(100% - 62px); height:62px; line-height:62px; margin:0;font-size:16px; color:#fff; text-align:center; text-transform:capitalize; float:left; transition: all .4s ease;}
.indpro_first .protext a.more em{ display:block; width:62px; height:62px; border-left:1px solid #fff; background:url(../images/morejt2.png) center no-repeat; float:right; transition: all .4s ease;}
.indpro_first .protext a.more:hover{border:1px solid #0032ff; background:#0032ff;}
.indpro_first .protext a.more:hover em{ border-left:1px solid rgba(255,255,255,.4);}

.indpro_first .protext2{ display:none;}
@media screen and (max-width:1500px) {
	.indpro_first .probg{ height:700px;}
	.indpro_first .protext .bt{ font-size:70px; line-height:80px; max-height:160px; margin-top:100px;}
	.indpro_first .protext p{font-size:50px; line-height:60px; max-height:120px;}
	.indpro_first .protext span{ font-size:18px;}
	.indpro_first .protext a.more{ margin-top:60px;}
}
@media screen and (max-width:1200px) {
	.indpro_first .probg{ height:600px;}
	.indpro_first .protext .bt{font-size:60px; line-height:70px; max-height:140px; margin-top:80px; transform:none;}
	.indpro_first .protext p{ font-size:36px; line-height:50px;max-height:100px;transform:none;}
	.indpro_first .protext span{ width:80%;line-height:28px; height:84px;-webkit-line-clamp:3;transform:none;}
	.indpro_first .protext a.more{ margin-top:60px; width:166px;}
	.indpro_first .protext a.more font{width: calc(100% - 44px);height: 44px;line-height:44px; font-size:14px;}
	.indpro_first .protext a.more em{ width:44px;height: 44px; background-size:28px;}
	.indpro_first .protext a.more:hover em{background-size:28px;}
}
@media screen and (max-width:1080px) {
	.indpro_first .protext .bt{font-size:50px; line-height:60px; max-height:120px; margin-top:100px;}
}
@media screen and (max-width:767px) {
	.indpro_first{ display:none;}
	.indpro_first .probg{ height:550px;}
	.indpro_first .probg>img{ display:none;}
	.indpro_first .protext{ display:none;}
	.indpro_first .protext .bt{font-size:40px; line-height:50px; max-height:100px;}
	.indpro_first .protext p{ font-size:26px;line-height: 40px; max-height:80px; -webkit-line-clamp: 3;}
	
	.indpro_first .protext2{ display: block;}
	.indpro_first .protext2 .bt{ font-size:40px; line-height:50px; max-height:100px; font-weight:bold; text-align:center; text-transform:uppercase;letter-spacing: -2px; margin-top:120px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.indpro_first .protext2 p{ display:block;font-size:26px; line-height:40px; max-height:80px;text-transform:uppercase;text-align:center;position: relative;margin: 20px auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.indpro_first .protext2 span{ width:60%; margin:0 auto;font-size:28px; line-height:40px; height:160px; text-align:center;display:block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
	
	.indpro_first .protext2 a.more{ display:block; width:180px; margin:0 auto; border:1px solid #fff; margin-top:30px; overflow:hidden; position:relative; transition: all .4s ease;}
	.indpro_first .protext2 a.more font{ display:inline-block;width: calc(100% - 48px); height:48px; line-height:48px; margin:0;font-size:16px; color:#fff; text-align:center; text-transform:capitalize; float:left; transition: all .4s ease;}
	.indpro_first .protext2 a.more em{ display:block; width:48px; height:48px; border-left:1px solid #fff; background:url(../images/morejt2.png) center no-repeat; float:right; transition: all .4s ease; background-size:30px 30px;}
	.indpro_first .protext2 a.more:hover{border:1px solid #0032ff; background:#0032ff;}
	.indpro_first .protext2 a.more:hover em{ border-left:1px solid rgba(255,255,255,.4);}
}
@media screen and (max-width:500px) {
	.indpro_first .probg{ height:500px;}
	.indpro_first .protext2 .bt{font-size:30px; line-height:40px; max-height:80px;margin-top:60px;}
	.indpro_first .protext2 p{ font-size:18px; line-height:24px; max-height:72px; margin:10px auto;}
	.indpro_first .protext2 span{ width:96%; font-size:15px;}
	.indpro_first .protext2 a.more{ margin-top:40px;}
}

/*首页产品2*/
.indpro_two{background:#fbfbfb;overflow:hidden; padding:0 0 100px;}
.indpro_two .indpro_box{ margin-top:30px}
.indpro_two .indpro_box .left{ width:500px; float:left; position:relative;}
.indpro_two .indpro_box .left:before{ content:""; display:block;width:122px; height:161px; background: url(../images/indproico.png) center no-repeat;position:absolute;top:0; right:-20px; z-index:2;}
.indpro_two .indpro_box .left:after{ content:""; display:block;width:282px; height:282px; border-radius:50%; background:#e2dfdf; position:absolute; left:0; bottom:30px;}
.indpro_two .indpro_box .left .proimg{ background:#fff; width:500px; height:500px; border-radius:50%; position:relative; overflow:hidden; z-index:1; margin-left:12px;}
.indpro_two .indpro_box .left .proimg img{_max-width:88%; _max-height:88%; width:100%; height:100%;object-fit: cover;position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition: all .4s ease;}
.indpro_two .indpro_box .left .proimg:hover img{transform: scale(1.1);}
.indpro_two .indpro_box .right{ float:right;width: calc(100% - 630px);}
.indpro_two .indpro_box .right .name p{ font-size:120px;font-weight:bold; color:#f5f5f5; text-transform:uppercase;letter-spacing:-2px;}
.indpro_two .indpro_box .right .name a{ font-size:50px; line-height:50px; color:#0e0e0e; font-family: 'Arial';font-weight: bold;letter-spacing:-2px; display:block; margin-top:-70px;}
.indpro_two .indpro_box .right .ms{ font-size:18px; color:#999; line-height:34px; max-height:170px; margin-top:50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.indpro_two .indpro_box .right a.more{ display:block; width:240px; border:1px solid #999; margin-top:50px; overflow:hidden; position:relative; transition: all .4s ease;}
.indpro_two .indpro_box .right a.more p{ width: calc(100% - 62px); height:62px; line-height:62px;font-size:16px; color:#999; text-align:center; text-transform:capitalize; float:left; transition: all .4s ease;}
.indpro_two .indpro_box .right a.more em{ display:block; width:62px; height:62px; border-left:1px solid #999; background:url(../images/morejt.png) center no-repeat; float:right; transition: all .4s ease;}
.indpro_two .indpro_box .right a.more:hover{border:1px solid #0032ff; background:#0032ff;}
.indpro_two .indpro_box .right a.more:hover p{ color:#fff;}
.indpro_two .indpro_box .right a.more:hover em{ border-left:1px solid rgba(255,255,255,.4); background:url(../images/morejt2.png) center no-repeat;}

.indpro_two .indpro_box:nth-child(2n) .left{ float:right; margin-right:12px;}
.indpro_two .indpro_box:nth-child(2n) .right{ float:left;}
.indpro_two .indpro_box:nth-child(2n) .left:before{left:-20px; right:auto; transform:rotateY(180deg);}
.indpro_two .indpro_box:nth-child(2n) .left:after{right:-12px; left:auto;}
.indpro_two .indpro_box:nth-child(2n) .left .proimg{ margin-left:0; margin-right:12px;}
@media screen and (max-width:1500px) {
	.indpro_two{ padding:0 0 80px;}
	.indpro_two .indpro_box{ margin-top:80px}
	.indpro_two .indpro_box .left{ width:500px;}
	.indpro_two .indpro_box .left:after{ width:200px; height:200px;}
	.indpro_two .indpro_box .left:before{ width:100px; height:132px; background-size:cover;}
	.indpro_two .indpro_box .left .proimg{width:500px; height:500px;}
	.indpro_two .indpro_box .right{width: calc(100% - 600px);}
	.indpro_two .indpro_box .right .name p{ font-size:100px;}
	.indpro_two .indpro_box .right .name a{ font-size:42px;}
	.indpro_two .indpro_box .right .ms{ margin-top:30px;font-size: 16px; line-height:30px;max-height:120px;
    -webkit-line-clamp: 4;}
	.indpro_two .indpro_box .right a.more{ margin-top:75px;}
	
}
@media screen and (max-width:1200px) {
	.indpro_two{ padding:0 0 60px;}
	.indpro_two .indpro_box{ margin-top:60px}
	.indpro_two .indpro_box .left{ width:400px;}
	.indpro_two .indpro_box .left:after{ width:180px; height:180px;}
	.indpro_two .indpro_box .left:before{ width:80px; height:106px;}
	.indpro_two .indpro_box .left .proimg{width:400px; height:400px;}
	.indpro_two .indpro_box .right{width: calc(100% - 500px);}
	.indpro_two .indpro_box .right .name p{ display:none;}
	.indpro_two .indpro_box .right .name a{ font-size:38px; margin-top:15px;}
	.indpro_two .indpro_box .right a.more{ margin-top:60px; width:166px;}
	.indpro_two .indpro_box .right a.more p{width: calc(100% - 44px);height: 44px;line-height:44px; font-size:14px;}
	.indpro_two .indpro_box .right a.more em{ width:44px;height: 44px; background-size:28px;}
	.indpro_two .indpro_box .right a.more:hover em{background-size:28px;}
}
@media screen and (max-width:880px) {
	.indpro_two .indpro_box .left{ width:300px;}
	.indpro_two .indpro_box .left:before{ right:-50px;}
	.indpro_two .indpro_box .left .proimg{width:300px; height:300px;}
	.indpro_two .indpro_box .right{width: calc(100% - 370px);}
	.indpro_two .indpro_box .right .name a{ line-height:40px;}
	.indpro_two .indpro_box .right .ms{ font-size:14px; line-height:28px; height:auto; max-height:84px;-webkit-line-clamp:3;margin-top: 15px;}
	.indpro_two .indpro_box .right a.more{ margin-top:40px;}
	
	.indpro_two .indpro_box:nth-child(2n) .left:before{ left:-45px;}
}
@media screen and (max-width:767px) {
	.indpro_two{ padding:0 0 50px;}
	.indpro_two .indpro_box{ margin-top:50px}
	.indpro_two .indpro_box .left .proimg img{ width:auto; height:auto; max-width:90%; max-height:90%;}
	.indpro_two .indpro_box .right .name a{ font-size:24px; line-height:28px;}
	
	.indpro_two .indpro_box .right a.more{ width:150px;}
	.indpro_two .indpro_box .right a.more p{width: calc(100% - 40px);height:40px; line-height:40px;}
	.indpro_two .indpro_box .right a.more em{width:40px;height:40px; background-size:26px;}
}
@media screen and (max-width:600px) {
	.indpro_two .indpro_box .left{ width:100%;}
	.indpro_two .indpro_box .left .proimg{ margin:0 auto;}
	.indpro_two .indpro_box .left:before{ right:15%;}
	.indpro_two .indpro_box .left:after{ left:15%;}
	.indpro_two .indpro_box .right{width:100%; margin-top:10px; text-align:center;}
	.indpro_two .indpro_box .right a.more{ margin:20px auto 0;}
	
	.indpro_two .indpro_box:nth-child(2n) .left:before{ left:15%;}
	.indpro_two .indpro_box:nth-child(2n) .left:after{ right:15%;}
	.indpro_two .indpro_box:nth-child(2n) .left .proimg{ margin:0 auto;}
}
@media screen and (max-width:550px) {
	.indpro_two .indpro_box .left:before{ width:60px; height:79px;}
}
@media screen and (max-width:414px) {
	.indpro_two .indpro_box .left:before{ right:5%;}
	.indpro_two .indpro_box:nth-child(2n) .left:before{ left:5%;}
}



/*首页新闻*/
.indnews{background:#fbfbfb;overflow:hidden; padding-bottom:46px;}
.Headline{ text-align:center; font-size:30px; color:#0e0e0e; font-weight:bold; text-transform:uppercase; margin-bottom:30px;}
.indnews ul li{ width:100%; padding:55px; border:1px solid #dcdbdd; border-radius:35px; margin-bottom:54px; overflow:hidden;display:flex; display: -webkit-flex;justify-content: space-between; align-items: center;}
.indnews ul li .pic{ display:block;width:380px; height:280px; float:left;overflow:hidden;}
.indnews ul li .pic img{width:100%; height:100%;object-fit: cover; transition: all .4s ease; }
.indnews ul li .pic:hover img{transform: scale(1.1);}
.indnews ul li .text{width: calc(100% - 430px); float:right;}
.indnews ul li .text .name{ font-size:26px; max-height:76px; font-weight:bold; color:#0e0e0e; display:block; margin-bottom:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.indnews ul li .text .ms{ font-size:16px; color:#999; line-height:28px; max-height:84px; margin-bottom:48px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.indnews ul li .text a.more{ display:block; width:166px;border:1px solid #999;overflow:hidden; transition: all .4s ease; float:left;}
.indnews ul li .text a.more p{ width: calc(100% - 44px); height:44px; line-height:44px;font-size:14px; color:#999; text-align:center; text-transform:capitalize; float:left; transition: all .4s ease;}
.indnews ul li .text a.more em{ display:block; width:44px; height:44px; border-left:1px solid #999; background:url(../images/morejt.png) center no-repeat; float:right; background-size:28px; transition: all .4s ease;}
.indnews ul li .text time{ font-size:16px; color:#999; float:right; margin-top:11px;display:flex; display: -webkit-flex;align-items: center;justify-content: end;}
.indnews ul li .text time img{ margin-right:10px;}

.indnews ul li .text a.more:hover{border:1px solid #0032ff; background:#0032ff;}
.indnews ul li .text a.more:hover p{ color:#fff;}
.indnews ul li .text a.more:hover em{ border-left:1px solid rgba(255,255,255,.4); background:url(../images/morejt2.png) center no-repeat;background-size:28px;}
@media screen and (max-width:1500px) {
	.indnews{padding-bottom:50px;}
	.Headline{font-size:32px; margin-bottom:20px;}
	.indnews ul li{ padding:40px; border-radius:25px; margin-bottom:30px;}
}
@media screen and (max-width:1200px) {
	.indnews{padding-bottom:40px;}
	.Headline{font-size:28px; margin-bottom:20px;}
	.indnews ul li{ padding:30px; border-radius:20px; margin-bottom:20px;}
	.indnews ul li .pic{ width:280px; height:206px;}
	.indnews ul li .text {width: calc(100% - 310px);}
	.indnews ul li .text .name{ font-size:20px;}
	.indnews ul li .text .ms{ margin-bottom:20px; max-height: 56px;-webkit-line-clamp:2;}
}
@media screen and (max-width:880px) {
	.indnews ul li{ padding:20px; border-radius:20px;}
	.indnews ul li .text .name{ margin-bottom:10px;}
	.indnews ul li .text .ms{ font-size:14px;}
}
@media screen and (max-width:767px) {
	.indnews{padding-bottom:30px;}
	.Headline{font-size:20px; line-height:20px;}
	.indnews ul li{ padding:20px; border-radius:20px;}
	.indnews ul li .pic{ width:200px; height:160px;}
	.indnews ul li .text { width: calc(100% - 230px);}
	.indnews ul li .text .name{ margin-bottom:10px; font-size:18px; line-height:28px;max-height: 56px;}
	.indnews ul li .text .ms{ font-size:14px; line-height:20px;max-height: 40px; margin-bottom:15px;}
	.indnews ul li .text a.more{ width:150px;}
	.indnews ul li .text a.more p{width: calc(100% - 40px); height:40px; line-height:40px;}
	.indnews ul li .text a.more em{width:40px;height:40px; background-size:26px;}
	.indnews ul li .text time{ font-size:14px;}
	.indnews ul li .text time img{ margin-right:5px;}
}
@media screen and (max-width:550px) {
	.indnews ul li{ display:block !important;}
	.indnews ul li .pic{ width:100%; height:200px; margin-bottom:15px;}
	.indnews ul li .text{ width:100%;}
}