@charset "utf-8";
.f-center { text-align: center; }
.f-14 { font-size: 14px; margin-top: 10px; }
.banner { width: 100%; height: auto; overflow: hidden; }
.banner .swiper-slide img { display: block; width: 100%; left: 0; top: 0; }
.banner .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; margin: 0 14px; opacity: .5; color: transparent; }
.banner .swiper-pagination-bullet-active { opacity: 1; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid rgba(255,255,255,0.4); background-color: transparent; color: #fff; }
.banner .swiper-pagination-bullet-active .rightcircle { -webkit-animation: circleProgressLoad_right 6s linear infinite; animation: circleProgressLoad_right 6s linear infinite; }
.banner .swiper-pagination-bullet-active .leftcircle { -webkit-animation: circleProgressLoad_left 6s linear infinite; animation: circleProgressLoad_left 6s linear infinite; }
.banner .swiper-pagination-bullet-active .wrapper_con { display: block; }
.banner .swiper-pagination { font-size: 0; }
.banner .swiper-pagination>span { display: inline-block; vertical-align: middle; position: relative; }
.banner .swiper-container-rtl .swiper-button-next { left: calc(8.335% - 32px); }
.banner .swiper-container-rtl .swiper-button-prev { right: calc(8.335% - 32px); }
.banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 5%; }
.banner .swiper-pagination-custom { bottom: 5%; }
.banner .swiper-pagination-fraction { bottom: 5%; }
.right { right: -2px; }
.left { left: -2px; }
.circleProgress { width: 42px; height: 42px; border: 2px solid transparent; border-radius: 50%; position: absolute; top: 0; -webkit-transform: rotate(-135deg); }
.rightcircle { border-bottom: 2px solid #fff; border-left: 2px solid #fff; right: 0; }
.leftcircle { border-top: 2px solid #fff; border-right: 2px solid #fff; left: 0; }
.wrapper_con { width: 21px; height: 42px; position: absolute; top: -2px; overflow: hidden; display: none; }
@keyframes circleProgressLoad_right { 0% {
transform:rotate(45deg);
}
50%, 100% {
transform:rotate(225deg);
}
}
@keyframes circleProgressLoad_left { 0%, 50% {
transform:rotate(45deg);
}
100% {
transform:rotate(225deg);
}
}
.ind_about { width: 100%; padding:80px 0; overflow: hidden; background: url(../images/webp/about_bg.webp) no-repeat top center; background-size: contain; }
.ind_about .cont { margin: 80px auto 0; position: relative; }
.ind_about .cont .fl, .ind_about .cont .fr { width: 50%; position: relative; }
.ind_about .cont .fr{ width:48%;}
.ind_about .cont .fl .about_tit { font-size: 30px; }
.ind_about .cont .fl ul { margin-bottom: 70px; overflow: hidden; }
.ind_about .cont .fl ul li { display: inline-block; width: 32%; }
.ind_about .cont .fl ul li span { font-size: 48px; color: #e70112; font-weight: bold; }
.ind_about .cont .fl ul li span i { display: inline-block; width: 32px; height: 32px; padding: 8px; border: 1px solid #e6e6e6; border-radius: 50px; margin: 0 0 18px 10px; }
.ind_about .cont .fl ul li p { font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ind_about .cont .fl .cont_cont { margin: 30px 0 40px; width: 90%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
.ind_about .cont .fl .cont_cont p { font-size: 16px; color: #666; margin-bottom: 15px; line-height: 34px; }
.ind_about .cont .fl .cont_cont p strong { font-size: 24px; color: #333; }
.ind_about .cont .fr .img { width: 100%; height: 520px; position: relative; z-index: 2; }
.ind_about .cont:after { content: ""; display: block; width: 200px; height: 200px; background: url(../images/ico12.png) no-repeat top right; background-size: 100% 100%; position: absolute; top: -70px; right: -70px; z-index: 1; }
.ind_about .cont .fr .img img { display: block;max-width: 100%; max-height: 100%; }

.ind_pro {padding:80px 0; background: #fafafa; overflow:hidden; }
.ind_pro .ind_title span { -webkit-text-stroke: 1px #e9e9e9; }
.ind_pro .cont { margin: 50px auto 0; position: relative; min-height: 300px; }
.ind_pro .cont .mySwiper1 .img { position: relative; display: inline-block; width: 100%; height: 75px; }
.ind_pro .cont .mySwiper1 .img img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; }
.ind_pro .cont .mySwiper1 .img .hover-image { opacity: 0; }
.ind_pro .cont .mySwiper1 p { text-align: center; font-size: 18px; font-weight: bold; line-height: 54px; color: #000;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.ind_pro .cont .mySwiper1 .swiper-slide { position: relative; padding: 20px 0; cursor: pointer; }
.ind_pro .cont .mySwiper1 .swiper-slide:before { content: ""; background: url(../images/ind_pro_on.png) center center; width: 100%; height: 10px; opacity: 0; position: absolute; bottom: 0; left: 0; }
.ind_pro .cont .mySwiper1 .swiper-slide:after { content: ""; width: 100%; background: #333; width: 100%; height: 3px; position: absolute; bottom: 5px; left: 0; opacity: 1; }
.ind_pro .cont .mySwiper1 .swiper-slide:hover .base-image, .ind_pro .cont .mySwiper1 .swiper-slide.cur .base-image { opacity: 0; }
.ind_pro .cont .mySwiper1 .swiper-slide:hover .hover-image, .ind_pro .cont .mySwiper1 .swiper-slide.cur .hover-image { opacity: 1; }
.ind_pro .cont .mySwiper1 .swiper-slide:hover p, .ind_pro .cont .mySwiper1 .swiper-slide.cur p { color: #e70112; }
.ind_pro .cont .mySwiper1 .swiper-slide:hover:before, .ind_pro .cont .mySwiper1 .swiper-slide.cur:before { opacity: 1; }
.ind_pro .cont .mySwiper1 .swiper-slide:hover:after, .ind_pro .cont .mySwiper1 .swiper-slide.cur:after { opacity: 0; }
.ind_pro .cont .swiper-button-next {right: -4%;transform: rotate(180deg); }
.ind_pro .cont .swiper-button-prev {left: -4%; }
.ind_pro .cont .swiper-button-next, .ind_pro .cont .swiper-button-prev { top: 12%; }
.ind_pro .cont .swiper-button-next span, .ind_pro .cont .swiper-button-prev span{ display:block; width:30px; height:30px;}
.ind_pro .cont .swiper-button-next:hover span svg path, .ind_pro .cont .swiper-button-prev:hover span svg path{ opacity:0.8;}
.ind_pro .cont .swiper-button-next:after, .ind_pro .cont .swiper-button-prev:after { display: none; }
.ind_pro .cont .mySwiper2 { margin: 50px auto 0; min-height: 300px; }
.ind_pro .cont .mySwiper2 .img { position: relative; display: inline-block; width: 100%; height: 365px; background: linear-gradient(to right bottom, #ccc, #eee); }
.ind_pro .cont .mySwiper2 .img img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 90%; height: 90%; object-fit: cover; }
.ind_pro .cont .mySwiper2 .text { padding: 30px 8%; background: #fff; }
.ind_pro .cont .mySwiper2 .text a { display: block; font-size: 18px; font-weight: bold; max-width: 100%; margin: 0 auto 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; text-align: center; }
.ind_pro .cont .mySwiper2 .text span { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #999; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0; }
.ind_pro .cont .mySwiper2 .text span i { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin: -2px 4px 0 0; background: url(../images/pro_ico.png) center center no-repeat; }
.ind_pro .cont .mySwiper2 .text:after { content: ""; width: 100%; background: #ebebeb; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; }
.ind_pro .cont .mySwiper2 .swiper-slide:hover .text { background: #e70112; }
.ind_pro .cont .mySwiper2 .swiper-slide:hover .text a { color: #fff; }
.ind_pro .cont .mySwiper2 .swiper-slide:hover .text span { color: rgba(255,255,255,.35); }
.ind_pro .cont .mySwiper2 .swiper-slide:hover .text span i { background: url(../images/pro_ico_on.png) center center no-repeat; }
.ind_pro .cont .swiper2-button-next, .ind_pro .cont .swiper2-button-prev { top: 65%; }
.ind_ys { background: url(../images/webp/ys_bg.webp) no-repeat top center; background-size: cover; padding: 60px 0; height: 700px; margin-bottom: 120px; }
.ind_ys .ind_title b { color: #fff; }
.ind_ys .ind_title i { background: rgba(255,255,255,0.5); }
.nyAbout_Part2 { margin: 50px auto 0; position: relative; height: 100%; }
.nyAdvantage { position: absolute; left: 0; bottom: 30px; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.nyAdvantage ul { width: 100%; }
.nyAdvantage ul li { width: 25%; height: 120px; padding: 35px 20px; background-color: #f8f8f8; float: left; cursor: pointer; position: relative; }
.nyAdvantage ul li:after { content: ""; display: block; width: 1px; height: 50%; background: #d6d6d6; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); }
.nyAdvantage ul li:last-child:after { display: none; }
.nyAdvantage ul li:hover, .nyAdvantage ul li.nyAdvActive { padding: 30px 20px; background-color: rgba(255,0,1,.9); margin-top: -220px; height: 340px; }
.nyAdvantage ul li i { display: inline-block; width: 50px; height: 50px; margin-right: 20px; }
.nyAdvantage ul li span { display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; color: #222; font-size: 18px; font-weight: bold; justify-content: center; }
.nyAdvantage ul li:hover:after, .nyAdvantage ul li.nyAdvActive:after { display: none; }
.nyAdvantage ul li:hover span, .nyAdvantage ul li.nyAdvActive span { justify-content: left; color: #fff; margin-bottom: 15px; }
.nyAdvantage ul li:hover i svg path, .nyAdvantage ul li.nyAdvActive i svg path { fill: #fff; }
.nyAdvantage ul li p { display: none; font-size: 16px; color: rgba(255,255,255,0.7); }
.nyAdvantage ul li:hover p, .nyAdvantage ul li.nyAdvActive p { display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-overflow: ellipsis; height: 200px; line-height: 28px; }
.ind_news .cont { margin: 50px auto; min-height: 300px; }
.ind_news .fl { width: 50%; position: relative; }
.ind_news .news_tj_img { width: 100%; height: 524px; overflow: hidden; }
.ind_news .news_tj_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.ind_news .news_tj_img a img { display: block; width: 100%; height: 100%; overflow: hidden; object-fit: cover; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.news_tj_img:hover a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.ind_news .news_tj_img a i { display: block; width: 100%; height: 100%; overflow: hidden; background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,0), rgba(204,0,15,1)); position: absolute; left: 0; top: 0; }
.ind_news .news_tj_text { width: 100%; height: auto; overflow: hidden; margin: 0; padding: 30px 5%; position: absolute; bottom: 0; }
.ind_news .news_tj_text>a { display: block; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 24px; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 0; font-weight: bold; margin-bottom: 25px; }
.ind_news .news_tj_text>span { display: block; color: #fff; font-size: 18px; margin: 0; padding: 0; opacity: .65; }
.ind_news .news_tj_text>span i { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0 0; opacity:0.65;}
.ind_news .fr { width: 48%; }
.ind_news .fr ul li { width: 48%; margin-right: 4%; float: left; background: #f2f2f2; padding: 30px 4%; }
.ind_news .fr ul li:nth-child(2n+2) { margin-right: 0; }
.ind_news .fr ul li:nth-child(3), .ind_news .fr ul li:nth-child(4) { margin-top: 30px; }
.ind_news .fr ul li span { display: block; color: #999; font-size: 18px; }
.ind_news .fr ul li span i { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0 0;}
.ind_news .fr ul li>a { font-size: 18px; color: #333; font-weight: bold; margin: 20px 0 35px; min-height: 81px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ind_news .fr ul li:hover { background: #e70112; }
.ind_news .fr ul li:hover span i svg path{ fill:#fff;}
.ind_news .fr ul li:hover span, .ind_news .fr ul li:hover>a, .ind_news .fr ul li:hover .news_more a { color: #fff; }
.ind_news .fr ul li:hover .news_more a i svg path {fill:#fff;}
.ind_news .fr ul li .news_more a { color: #666; font-size: 16px; }
.ind_news .fr ul li .news_more a i { display: inline-block; width:12px; height: 12px; vertical-align: middle; margin: -2px 0 0 10px; }

@media (max-width:1680px) {
.ind_pro .cont .swiper-button-next { right: -2%; }
.ind_pro .cont .swiper-button-prev { left: -2%; }
.ind_pro .cont .mySwiper2 .img { height: 340px; }
.ind_about .cont .fl ul li span { font-size: 43px; }
.ind_about .cont:after { width: 175px; height: 175px; top: -60px; right: -60px; }
}
@media (max-width:1600px) {
.banner .swiper-slide img.ba_img { width: 1650px; height: 100%; }
.ind_about,.ind_pro{ padding:60px 0;}
}
@media (max-width:1560px) {
}
@media (max-width:1440px) {
.banner .swiper-slide img.ba_img { width: 1480px; }
.ind_pro .cont .mySwiper2 .img { height: 320px; }
.ind_pro .cont .mySwiper2 { margin: 30px auto 0; }
.ind_about .cont .fl ul { margin-bottom: 50px; }
.ind_about .cont .fl ul li span { font-size: 38px; }
.ind_about .cont .fl .cont_cont { margin: 30px 0; -webkit-line-clamp: 6; }
.ind_about .cont:after { width: 150px; height: 150px; top: -50px; right: -50px; }
.ind_ys { height: 600px; margin-bottom: 100px; }
.nyAdvantage ul li i { width: 40px; height: 40px; }
.nyAdvantage ul li span { font-size: 16px; }
.nyAdvantage ul li:hover p, .nyAdvantage ul li.nyAdvActive p { font-size: 15px; line-height: 25px; height: 175px; }
}
@media (max-width:1366px) {
.banner .swiper-slide img.ba_img { width: 1410px; }
.ind_about .cont .fl .cont_cont {-webkit-line-clamp: 5; }
}
@media (max-width:1280px) {
.banner .swiper-slide img.ba_img { width: 1320px; }
.banner .swiper-slide:nth-child(3) .text { top: 44%; }
.ind_about .cont:after { width: 120px; height: 120px; top: -40px; right: -30px; }
.ind_about .cont .fl .cont_cont {-webkit-line-clamp:4; }
}
@media (max-width:1200px) {
.banner .swiper-slide img.ba_img { width: 1266px; height: 494px; }
.ind_about { background: none; padding:40px 0; }
.ind_about .cont { margin: 60px auto 0; }
.ind_about .cont .fl, .ind_about .cont .fr { width: 100%; }
.ind_about .cont .fl .about_tit { font-size: 24px; }
.ind_about .cont .fl ul li span { font-size: 34px; }
.ind_about .cont .fr { display:none; }
.ind_about .cont .fl ul { margin-bottom: 30px; }
.ind_about .cont .fl ul li { text-align: center; }
.ind_about .cont .fl .cont_cont { width: 100%; }
.ind_about .cont .fr .img{ display:none;}
.ind_pro{ padding:40px 0;}
.ind_pro .cont .mySwiper2 .img { height:300px; }
.ind_pro .cont .swiper2-button-next, .ind_pro .cont .swiper2-button-prev { display: none; }
.ind_about .cont .fl ul li p { font-size: 15px; }
.ind_about .cont:after { display: none; }
.nyAdvantage ul li { height: 100px; padding: 20px 10px; }
.nyAdvantage ul li i { width: 100%; height: 30px; margin: 0 0 5px; }
.nyAdvantage ul li span { font-size: 15px; }
.nyAdvantage ul li:hover span, .nyAdvantage ul li.nyAdvActive span { justify-content: center; }
.nyAdvantage ul li:hover p, .nyAdvantage ul li.nyAdvActive p { font-size: 14px; line-height: 22px; height: 155px; text-align: center; }
.nyAdvantage ul li:hover, .nyAdvantage ul li.nyAdvActive { height: 300px; margin-top: -200px; }
.ind_ys { height: 500px; margin-bottom: 80px; }
}
@media (max-width:1080px) {
.banner .swiper-slide img.ba_img { width: 1144px; height: 434px; }
.ind_news .fr ul li { width: 100%; margin-bottom: 10px; margin-top: 0!important; margin-right: 0; padding: 13px 4%; }
.ind_news .fr ul li:nth-child(4) { margin-bottom: 0; }
.ind_news .fr ul li>a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; min-height: inherit; margin: 10px 0; }
}
@media (max-width:1024px) {
.banner .swiper-slide img.ba_img { width: 1083px; height: 394px; }
.ind_about .cont .fl .about_tit { font-size: 20px; }
}
@media (max-width:920px) {
.banner .swiper-slide img.ba_img { width: 950px; height: 364px; }
}
@media (max-width:820px) {
.ind_pro .cont .mySwiper2 .img { height:280px; }
.ind_news .fl, .ind_news .fr { width: 100%; }
.ind_news .fr ul li { margin-top: 10px!important; margin-bottom: 0; }
.banner .swiper-slide img.ba_img { width: 100%; height: 324px; }
.ind_about .cont { margin: 40px auto 0; }
.ind_about .cont .fl ul li span { font-size: 30px; }
.ind_about .cont .fl .cont_cont { margin: 20px 0; }
.ind_pro .cont .mySwiper2 .text { padding: 10px 8%; }
.ind_pro .cont .mySwiper2 .text a { font-size: 16px; }
.ind_news .news_tj_img { height: 300px; }
.ind_ys { height: 400px; margin-bottom:90px; }
.nyAdvantage { bottom: 0; }
.nyAdvantage ul li { width: 50%; height: 80px; padding: 10px 20px; }
.nyAdvantage ul li:after { display: none; }
.nyAdvantage ul li:hover, .nyAdvantage ul li.nyAdvActive { margin-top: 0; height: 80px; padding: 10px 20px; }
.nyAdvantage ul li span { font-size: 15px; }
.nyAdvantage ul li:hover span, .nyAdvantage ul li.nyAdvActive span { justify-content: center; margin-bottom: 0; }
.nyAdvantage ul li p, .nyAdvantage ul li:hover p, .nyAdvantage ul li.nyAdvActive p { display: none; }
}
@media only screen and (max-width:767px) {
.banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; }
.banner .swiper-pagination-bullet { width:12px; height: 12px; margin: 0 8px!important; }
.rightcircle { display: none; }
.banner .swiper-pagination-bullet-active .wrapper_con { display: none; }
.f-14 { display: none; }
.nyAdvantage ul li i { width: 100%; height: 25px; margin: 0 0 5px; }
.nyAdvantage ul li span { font-size: 12px; }
}
@media (max-width:650px) {
.banner .swiper-slide img.ba_img { height: 255px; }
.ind_about .cont .fl ul{ display:none;}
.ind_about .cont { margin: 30px auto 0;}
.ind_pro .cont .mySwiper2 .img { height:240px; }
}
@media (max-width:425px) {
.banner .swiper-slide img.ba_img { height: 200px; }
.ind_about .cont .fl ul { display: none; }
.ind_about .cont .fl .cont_cont { margin: 10px 0; -webkit-line-clamp: unset; }
.ind_about .cont .fl .cont_cont p { font-size: 14px; line-height: 28px; }
.ind_pro .cont { margin: 25px auto 0; }
.ind_pro .cont .mySwiper2 .text span { font-size: 15px; }
.ind_news .cont { margin: 25px auto; }
.ind_news .news_tj_img { height: 278px; }
.ind_news .news_tj_text>span, .ind_more span, .ind_news .fr ul li .news_more a { font-size: 14px; }
.ind_news .news_tj_text>a, .ind_news .fr ul li>a, .ind_news .fr ul li span { font-size: 16px; }
.nyAdvantage ul li, .nyAdvantage ul li:hover, .nyAdvantage ul li.nyAdvActive { padding: 15px 10px; }
}
@media (max-width:375px) {
.nyAboutP2_Main .nyAdvantage { bottom: 1%; }
.ind_news .news_tj_img { height: 246px; }
.ind_about,.ind_pro{ padding:30px 0;}
}
@media (max-width:320px) {
.banner .swiper-slide img.ba_img { height:180px; }
.ind_news .news_tj_img { height: 210px; }
.nyAdvantage ul li, .nyAdvantage ul li:hover, .nyAdvantage ul li.nyAdvActive { padding: 15px 0; }
}
@media (max-width:280px) {
.ind_ys { display: none; }
}