@charset "utf-8";
.wrap img{display:block;width:100%;}


.tit{text-align: center;font-weight: normal;font-size: 0;}
.tit b{display: block;font-size: 1.8rem;color: #222;line-height: 2.4rem;}



/*banner*/
.g-adv{ position:relative;}
.g-adv .swiper-pagination{bottom: 2rem;height: 0.8rem;z-index:10;}
.g-adv .swiper-pagination .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;background: #fff;opacity: 1;border-radius:100%;margin:0 0.5rem;vertical-align:top;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #C00000;}


/*abt*/
.abt{padding: 2.5rem 1.5rem 0;background: url(../Images/Index/abt-bg.jpg) no-repeat center;background-size: cover;}
.abt h2 i{display: block;font-size: 1.4rem;color: #C00000;line-height: 2rem;}
.abt h2 b{display: block;font-size: 1.8rem;color: #222;line-height: 2.4rem;padding-top: 0.5rem;}
.abt-desc{font-size: 1.2rem;color: #222;line-height: 2.6rem;margin: 1.5rem 0 2rem;}
.abt-sz{display: flex;flex-wrap: wrap;}
.abt-sz li{width: 33.3%;height: 9rem;background: #F5F5F5;text-align: center;padding: 1.8rem 0 0;box-sizing: border-box;border-right: 1px solid #ECECEC;}
.abt-sz li span{display: block;height: 3rem;font-size: 1.2rem;color: #222;line-height: 3rem;}
.abt-sz li span b{font-size: 2.4rem;color: #C00000;}
.abt-sz li p{font-size: 1.4rem;color: #222;line-height: 2rem;padding-top: 0.5rem;}
.abt-sz li:nth-child(3n){border-right: 0;}
.abt-sz li:nth-child(1),.abt-sz li:nth-child(2),.abt-sz li:nth-child(3){border-bottom: 1px solid #ECECEC;}
.abt-sz li:nth-child(4) p,.abt-sz li:nth-child(5) p{font-size: 1.2rem;}
.abt-sz li:nth-child(6){background: #C00000;display: flex;justify-content: center;align-items: center;padding: 0;}
.abt-sz li .more{font-size: 1.4rem;color: #fff;line-height: 2rem;font-weight: bold;}
.abt-pic{margin-left: -1.5rem;margin-right: -1.5rem;margin-top: 1.7rem;}


/* pro */
.pro{padding: 4rem 0 2.5rem;background: url(../Images/Index/pro-bg.jpg) no-repeat center;background-size: cover;}
.pro-bd dd{padding: 0 1.5rem;}
.pro-bd dd h4 a{display: block;font-size: 2.4rem;color: #fff;font-weight: bold;line-height: 3rem;}
.pro-desc{margin: 3rem 0 3.5rem;}
.pro-desc p{display: flex;}
.pro-desc p img{width: 1.9rem;height: 1.9rem;margin-right: 1.4rem;}
.pro-desc p span{flex: 1;font-size: 1.4rem;color: #fff;line-height: 1.9rem;}
.pro-desc p + p{margin-top: 2rem;}
.pro-bd dt{display: flex;height: 25rem;align-items: center;}
.pro-tab{display: flex;gap: 1.2rem;margin: 2rem 1.5rem 0;}
.pro-tab a{display: block;flex: 1;height: 4.4rem;line-height: 4.4rem;text-align: center;font-size: 1.4rem;color: #222;background: #fff;}
.pro-tab a.on{background: #C00000;color: #fff;}


/*case*/
.case{padding: 4rem 0 3rem;background: #EEF1F8;}
.case h2{font-size: 2.2rem;color: #222;line-height: 3rem;text-align: center;font-weight: bold;}
.case-desc{font-size: 1.2rem;color: #222;line-height: 2.4rem;text-align: center;margin: 1.2rem 0 2rem;}
.case_list{margin: 0 1.5rem;position: relative;}
.case_list dd{padding: 2rem 0;}
.case_list dd h4 a{display: block;font-size: 1.4rem;color: #222;font-weight: bold;height: 2rem;line-height: 2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_list dd p{font-size: 1.2rem;color: #222;line-height: 2.4rem;margin-top: 1rem;}
.case_list .prev{position: absolute;left: 0;top: 10rem;z-index: 10;}
.case_list .next{position: absolute;right: 0;top: 10rem;z-index: 10;}

.case_t{display: flex;overflow-x: auto;position: relative;scroll-behavior: smooth;padding: 0 1.5rem;}
.case_t::-webkit-scrollbar{display: none;}
.case_t a{flex: 0 0 9rem;height: 3.6rem;line-height: 3.6rem;font-size: 1.2rem;color: #222;text-align: center;background: #fff;margin-right: 1rem;}
.case_t a.on{background: #C00000;color: #fff;}



/* yous */
.yous{padding: 2rem 1.5rem 2.5rem;background: url(../Images/Index/ys-bg.jpg) no-repeat center;background-size: cover;}
.yous-bd{margin: 0;}
.yous-bd dd{padding: 2.5rem 0 0;height: 29rem;box-sizing: border-box;}
.yous-bd dd h3 b{display: block;font-size: 1.8rem;color: #fff;line-height: 2.4rem;}
.yous-bd dd h3 i{display: block;font-size: 1.2rem;color: #fff;line-height: 1.5rem;opacity: 0.3;text-transform: uppercase;padding-top: 1.5rem;}
.yous-bd dd p{font-size: 1.4rem;color: #fff;line-height: 3rem;margin-top: 1rem;}

.ys-tab{height: 9.7rem;display: flex;gap: 0.6rem;}
.ys-tab li{flex: 1;background: #fff;}
.ys-tab li i{display: block;width: 3.7rem;height: 3.7rem;overflow: hidden;margin: 0.7rem auto 0.4rem;}
.ys-tab li img{display: block;width: 3.7rem;height: 3.7rem;}
.ys-tab li span{display: block;font-size: 1.4rem;color: #222;line-height: 2.2rem;text-align: center;}
.ys-tab li.on{background: #C00000;}
.ys-tab li.on i img{transform: translateY(-100%);}
.ys-tab li.on span{color: #fff;}



/*pinz*/
.pinz{padding: 4rem 1.5rem 2rem;background: url(../Images/Index/pinz-bg.jpg) no-repeat center;background-size: cover;}
.pinz h2{font-size: 2.2rem;color: #222;line-height: 3rem;text-align: center;font-weight: bold;}
.pinz-desc{font-size: 1.2rem;color: #222;line-height: 2.4rem;text-align: center;margin: 1.2rem 0 2.5rem;}
.pz-tab{display: flex;flex-wrap: wrap;margin-top: 2rem;}
.pz-tab li{width: calc((100% - 1rem) / 2);height: 16.8rem;background: #fff;margin-right: 1rem;padding: 1.2rem 1rem 0;box-sizing: border-box;}
.pz-tab li:nth-child(2n){margin-right: 0;}
.pz-tab li:nth-child(1),.pz-tab li:nth-child(2){margin-bottom: 2.5rem;}
.pz-tab li i{display: block;width: 3.9rem;height: 3.9rem;overflow: hidden;}
.pz-tab li h3{font-size: 1.5rem;color: #222;line-height: 2rem;font-weight: bold;padding: 0.8rem 0;}
.pz-tab li p{font-size: 1.4rem;color: #222;line-height: 2.4rem;}
.pz-tab li.on{background: #C00000;}
.pz-tab li.on i img{transform: translateY(-100%);}
.pz-tab li.on h3{color: #fff;}
.pz-tab li.on p{color: #fff;}


/* ser */
.ser{background: #EEF1F8;}
.ser ul{padding: 3rem 1.5rem 2rem;}
.ser ul li{display: flex;}
.ser ul li img{width: 4.1rem;height: 4.1rem;margin-right: 1.2rem;}
.ser ul li .txt{flex: 1;}
.ser ul li h3{font-size: 1.4rem;color: #222;line-height: 2rem;font-weight: bold;margin-bottom: 0.5rem;}
.ser ul li p{font-size: 1.2rem;color: #222;line-height: 2.2rem;}
.ser ul li + li{margin-top: 2.2rem;}


/* honor */
.honor{padding: 4rem 0 0;}
.honor h2{font-size: 2.2rem;color: #222;line-height: 3.6rem;padding: 0 1.5rem;font-weight: bold;margin-bottom: 1rem;}
.honor .hn-desc{font-size: 1.2rem;color: #222;line-height: 2.4rem;padding: 0 1.5rem;}
.hn-pic{margin-top: 2.5rem;}
.honor ul{display: flex;padding: 2rem 1.5rem 3rem;flex-wrap: wrap;gap: 1rem;}
.honor ul li{width: calc((100% - 1rem) / 2);height: 8.5rem;overflow: hidden;background: #F2F2F2;text-align: center;}
.honor ul li span{display: block;height: 3.4rem;line-height: 3.4rem;font-size: 1.3rem;color: #222;padding: 1.5rem 0 0.6rem;}
.honor ul li span b{display: inline-block;font-size: 2.8rem;}
.honor ul li p{font-size: 1.2rem;color: #222;line-height: 1.6rem;}
.honor ul li em{font-size: 2.1rem;font-weight: bold;}



/* coop */
.coop{background: #F3F3F3;}
.coop-tit{height: 13rem;background: url(../Images/Index/coop-bg.jpg) no-repeat center;background-size: cover;padding: 3.2rem 1.5rem 0;box-sizing: border-box;}
.coop-tit h2 b{display: block;font-size: 2.2rem;color: #fff;line-height: 2.8rem;}
.coop-tit h2 span{display: block;font-size: 1.4rem;color: #fff;line-height: 2rem;padding-top: 1.5rem;}
.coop-bd{margin: 0 1.5rem;padding: 3rem 0 5rem;}
.coop-bd h3{display: flex;align-items: center;margin-bottom: 2.5rem;}
.coop-bd h3 span{font-size: 1.5rem;color: #C00000;line-height: 2rem;padding: 0 2rem;font-weight: bold;white-space: nowrap;}
.coop-bd h3 img{flex: 1;}
.coop-bd ul{display: flex;flex-wrap: wrap;gap: 1rem;}
.coop-bd ul li{width: calc((100% - 2rem) / 3);}
.coop-bd .swiper-pagination{bottom: 1.5rem;height: 0.5rem;z-index:10;}
.coop-bd .swiper-pagination .swiper-pagination-bullet{width: 2.5rem;height: 0.5rem;background: #fff;opacity: 1;border-radius:0.25rem;margin:0 0.4rem;vertical-align:top;transition: all 0.5s;}
.coop-bd .swiper-pagination .swiper-pagination-bullet-active{background: #C00000;width: 5rem;}



/*news*/
.news{padding: 4rem 1.5rem 3rem;}
.news h2{font-size: 1.8rem;color: #222;line-height: 2.4rem;font-weight: bold;text-align: center;}
.news-tab{height: 3.6rem;display: flex;justify-content: center;align-items: center;gap: 1rem;margin: 2rem 0 1.5rem;}
.news-tab a{width: 11rem;height: 3.6rem;line-height: 3.6rem;text-align: center;font-size: 1.4rem;color: #C00000;border: 1px solid #C00000;box-sizing: border-box;}
.news-tab a.on{background: #C00000;color: #fff;}
.news_item dl{display: flex;padding: 2rem 0;border-bottom: 1px solid #F3F3F3;}
.news_item dt{width: 40%;}
.news_item dd{width: 60%;padding-left: 1rem;box-sizing: border-box;}
.news_item dd h4 a{display: block;font-size: 1.4rem;color: #222;font-weight: bold;line-height: 2rem;margin: 1rem 0 1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_item dd p{display: block;font-size: 1.2rem;color: #222;line-height: 1.8rem;}
.news_item dd  i{display: block;font-size: 1.2rem;color: #999;line-height: 1.6rem;margin-top: 1.2rem;}
.news_item dl:last-child{border-bottom: 0;}





/**/
/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}