/***********全局重置CSS*****************/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd {margin: 0;}
p {margin: 0;}
ul, ol, li {padding-left: 0;list-style-type: none;}
/***消除img默认边框*****/
img {border: 0;}
a {text-decoration: none;color: inherit;}
/*细线表格*/
table {border-collapse: collapse;}
em {font-style: normal;}
button {cursor: pointer;border: none;}
input {border: none;background: none;margin: 0;padding: 0;}
input:focus{outline: none;}
input::placeholder{color: #998f7c;}
/***默认让所有浏览器出现右边滚动条****/
html {overflow-y: scroll;font-size:0.52vw;background: #f9fbff;}
body{width: 100%;overflow: hidden;}

/***默认清除浮动****/
.ALLYdCont{display:none; }
.ALLPcCont{ display:block;}
.YDmenu { cursor: pointer; background: url(pd_nav.png) center center no-repeat; width: 4.5rem; height: 4.5rem; text-indent: -9999px; top: 2rem; right: 0px; z-index: 997; position: absolute; background-size: 70% auto;}
.YDmenuCont{ position:fixed; top:0px; right:0px; width:50%; height:100%; z-index:9999999;padding:1em;}
.ALLYdCont .closeBtn{ float:right; margin:0.6em 0 0 0; font-size: 1.5rem;color: #014171;height:1.5em;}
.YDmenuCont_box{ background:rgba(0,0,0,.65); display:none; position:fixed; top:0px; left:0; width:100%; height:100%; z-index:998; }


.fontColor1{color: #fff;}
.fontColor2{color: #333333;}
.fontColor3{color: #666;}
.font12{font-size: 1.2rem;}
.font14{font-size: 1.4rem;}
.font16{font-size: 1.6rem;}
.font18{font-size: 1.8rem;}
.font20{font-size: 2rem;}
.font22{font-size: 2.2rem;}
.font24{font-size: 2.4rem;}
.font26{font-size: 2.6rem;}
.font30{font-size: 3rem;}
.font33{font-size: 3.3rem;}
.font36{font-size: 3.6rem;}
.font42{font-size: 4.2rem;}
.font46{font-size: 4.6rem;}
.font48{font-size: 4.8rem;}
.font50{font-size: 5rem;}
.flex_box{display: flex;}
.flex_box_center{display: flex;justify-content: center;align-items: center;}
.flex_box_space{display: flex;justify-content: space-between;align-items: center;}
.line-clamp_one{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line-clamp_two{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line-clamp_three{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line-clamp_four{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line-clamp_five{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line-clamp_six{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.conter {width: 75%;margin: 0 auto;}
.pic img{display: block;width: 100%;height: auto;}
.content_all{background: url(xf_pic27_20251218.png) bottom center no-repeat; background-size: 100% 31rem;}
/* .more{	width: 14rem;height: 4.4rem;background-color: #b12121;border-radius: 2.1rem;}
.more img{margin-left: 1.2rem; width: 1.8rem;height: auto;} */
.header{width: 100%;}
.header .header_top{padding: 1rem 0;background: #ffffff;position: relative;	box-shadow: 0rem 0.6rem 0.9rem 0rem 	rgba(136, 202, 249, 0.23);}
.header .h_logo{width: 24.4rem;display: block;}
.header .h_nav li:not(:last-child) { margin-right: 5.9rem;}
.header .lang a:not(:first-child) { margin-left: 1.2rem;}
.header .lang .login{padding: 0.3rem 1.8rem 0.4rem;background: #0078da;border-radius: 1.2rem;}
.header_bg{height: 65rem;}
.header_bg img{width: 100%;height: 100%;object-fit: cover;}
.tit{position: relative;}
.tit img{display: block; width: 38.1rem;margin: 9rem auto 3rem;}
.tit  a{position: absolute;bottom: 0 ;right: 1rem;}
.content1{margin: 9.5rem 0 0;width: 100%;}
.content1 .cont{padding: 5.6rem 0; position: relative;justify-content: flex-end;}
.content1 .tit{margin-bottom: 4.8rem;}
.content1 li{line-height: 2.33;}
.content1 li a{flex: 1;}
.content1 .left,.content1 .right{width: 50%;position: relative;box-sizing: border-box;}
.content1 .left .bt,.content1 .right .bt{width: 14rem;position: absolute;}
.content1 .left .bt{top: -1.5rem; left: 0;}
.content1 .right .bt{bottom: -1.5rem; right: 0;}
.content1 .left .more,.content1 .right .more{position: absolute;width: 3.4rem;display: block;}
.content1 .left .more{bottom: 2rem; right: 4.7rem;}
.content1 .right .more{bottom: 2rem; left: 9.3rem;}
.content1 .left { padding: 3rem 9rem 9rem 17rem;background: url(xf_pic29_20251218.png) center center no-repeat; background-size: 100% 100%;}
.content1 .right{ padding: 3rem 17rem 9rem 9rem; background: url(xf_pic30_20251218.png) center center no-repeat; background-size: 100% 100%;}
.content1 .right h3{color: #144ca6;}
.content1 .right p{padding: 2rem 0 3.3rem; line-height: 3.1rem;color: #465169;text-align: justify;}

.content2{width: 100%;overflow: hidden;}
.content2 .conter{}
.content2 .items{margin-top: 15rem;align-items: unset;}
.content2 .items .item{display: block;width: 31.94%;height: auto; padding: 18.5rem 3rem 3rem; box-sizing: border-box;position: relative; background: url(xf_pic13_20251218.png) top center no-repeat;background-size: 100% 100%;}
.content2 .items .item .pic{width: 86.95%;position: absolute;bottom: 17.6rem;height: 28rem;overflow: hidden;}
.content2 .items .item .pic img{width: 100%;}
.content2 .items .item .pic::after{content: "";position: absolute;bottom: -3.3rem;left: 0;width: 100%;height: 7rem;background: url(xf_pic14_20251218.png) top center no-repeat;background-size: 100% 100%;z-index: 1;}
.content2 .items .item .num{padding: 1rem 0 ; text-align: center;z-index: 2;position: relative;}
.content2 .items .item:nth-child(1)::after{content: '';position: absolute;bottom: 0;left: -52.17%;display: block;width: 52.17%;height: 100%;background: url(xf_pic9_20251218.png) top center no-repeat;background-size: 100% 100%;}
.content2 .items .item:nth-child(1)::before{content: '';position: absolute;bottom: 0;right: 0;transform: translate(100%, 0);display: block;width: 6.82%;height: 100%;background: url(xf_pic10_20251218.png) top center no-repeat;background-size: 100% 100%;}
.content2 .items .item:nth-child(3)::after{content: '';position: absolute;bottom: 0;right: -52.17%;display: block;width: 52.17%;height: 100%;background: url(xf_pic11_20251218.png) top center no-repeat;background-size: 100% 100%;}
.content2 .items .item:nth-child(3)::before{content: '';position: absolute;bottom: 0;left: 0;transform: translate(-100%, 0);display: block;width: 6.82%;height: 100%;background: url(xf_pic12_20251218.png) top center no-repeat;background-size: 100% 100%;}
  .content2 .swiper-container,.content2 .items{overflow: visible;}



.content2 ul{margin-top: 8rem; display: grid;grid-template-columns: repeat(2, 3fr);grid-gap: 5.2rem; row-gap: 5.2rem;column-gap: 10rem;}
.content2 ul .date{width: 11rem;height: 11rem; flex-direction: column;background: #1b3c7d;}
.content2 ul .pic{width: 4.9rem;height: 4.9rem;border-radius: 50%;}
.content2 ul .pic img{width: 2.2rem;}
.content2 ul .text{margin: 0 7.9rem 0 2.3rem; flex: 1;display: -webkit-box; line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.content2 ul a:hover .date,.content2 ul a:hover .pic{background-color: #b12121;}


.content3{}
.content3 .conter{padding: 0 0 10rem;background: url(xf_pic19_20251218.png) bottom right no-repeat;background-size: 52.1% auto; }
.content3 .cont{align-items: flex-start;}
.content3 .left{width: 47.91%;}
.content3 .left li:not(:first-child){margin-top: 2rem;}
.content3 .left li a{padding: 1.7rem 2.7rem;align-items: center; background-color: #ffffff;box-shadow: 0rem 0rem 1.2rem 0rem 	rgba(51, 79, 195, 0.11);border-radius: 0.8rem;}
.content3 .left li a p{padding-left: 2.7rem; flex: 1; border-left: 2px solid #0e64bc;}
.content3 .left li a .pic{width: 3.2rem;margin-right: 2.7rem;}
.content3 .left li a:hover{    box-shadow: 0rem 0rem 1.2rem 0rem rgba(51, 79, 195, 0.41);}


.content4 {background: #fff;align-items: unset;}
.content4 .right{padding: 5rem 0;width: 27%;min-height: 45rem; box-sizing: border-box; margin-right: 12.5%;overflow: hidden;position: relative;}
.content4 .right li{padding: 1.5rem 5.4rem 3rem;position: relative;}
.content4 .right li::after{content: '';position: absolute;display: block;width: 100%;height: 1.4rem;bottom: 0;left: 0; background: url(xf_pic31_20251218.png) bottom right no-repeat;background-size: 100% 100%;}
.content4 .right li p{flex: 1;}
.content4 .right ul{margin-top: 1.5rem;}
.content4 .right ul a{padding-left: 3.3rem;position: relative;display: flex;}
.content4 .right ul a::after{content: '';position: absolute;display: block;width: 1.4rem;height: 1.5rem;left: 0;top: 50%;transform: translateY(-50%);background: url(xf_pic26_20251218.png) bottom right no-repeat;background-size: 100% 100%;}
.content4 .right .list:not(:last-child) {margin-bottom: 5rem;}
.lm_tit{align-items: center;}
.lm_tit .pic {width: 5rem;}
.lm_tit  h5{margin-left: 2.2rem; color: #0e64bc;flex: 1;}

.content4 .left{width: 50%;position: relative;}
.content4 .steps{position: absolute;right: -16.05rem;    top: 50%;  transform: translateY(-50%); width: 32.1rem;height: 32.1rem;border-radius: 50%;overflow: hidden;background: url(xf_pic20_20251218.png) bottom right no-repeat;background-size: 100% 100%;}
.content4 .steps li{position: absolute;width: 50%;height: 50%;left: 50%;top: 50%;transform-origin: 0 0;cursor: pointer;}
.steps ul li:nth-of-type(6){transform: rotate(-90deg); z-index: 2;}
.steps ul li:nth-of-type(5){transform: rotate(-60deg); z-index: 3;}
.steps ul li:nth-of-type(4){transform: rotate(30deg); z-index: 4;}
.steps ul li:nth-of-type(3){transform: rotate(60deg); z-index: 5;}
.steps ul li:nth-of-type(2){transform: rotate(150deg); z-index: 6;}
.steps ul li:nth-of-type(1){transform: rotate(180deg); z-index: 7;}
.pic_box {height: 100%;}
.pic_box .pic{height: 100%; display: none;}
.pic_box .pic img{height: 100%;object-fit: cover;}
.pic_box .pic_active{display: block;}
.content4 .steps.bg1{background-image: url(xf_pic20_20251218.png);}
.content4 .steps.bg2{background-image: url(xf_pic21_20251218.png);}
.content4 .steps.bg3{background-image: url(xf_pic22_20251218.png);}
.content4 .list_box{position: absolute; transition: all .5s;left: -100%; transform: translateX(-100%);}
.content4 .list_box_active{position: relative; transform: translateX(0);left: 0;}

.content5 {padding-top: 15.5rem;}
.content5 .left{width: 47.916%;background: rgba(255,255,255,.95);}
.content5 .left .tit img{margin: -5.5rem 0 0;}
.content5 .left ul{padding: 3rem 10rem 3rem 4rem;}
.content5 .left ul a{padding-left: 3.3rem;position: relative;}
.content5 .left ul a::after{content: '';position: absolute;display: block;width: 1.4rem;height: 1.5rem;left: 0;top: 50%;transform: translateY(-50%);background: url(xf_pic26_20251218.png) bottom right no-repeat;background-size: 100% 100%;}
.content5 .left ul li:not(:last-child){margin-bottom: 2rem;}
.content5 .conter {align-items: flex-start;}
/*  */
.content2_items{opacity: 0;transform: translate(0, 80px); transition: all 1s ease-out 0s;}
.content2_tit{opacity: 0;transform: translate(0, -80px); transition: all 1.5s ease-out 0s;}
.content1_left,.content3_left,.content4_left,.content5_left{opacity: 0;transform: translate(-80px, 0); transition: all 1s ease-out 0s;}
.content1_right,.content3_right,.content4_right,.content5_right{opacity: 0;transform: translate(80px, 0); transition: all 1s ease-out 0s;}
.dt{transform: none; opacity: 1;}


@media (max-width: 1700px) {
    html{font-size:0.57vw;}
    .conter{width: 82%;}
    .content4 .right{width: 30%; margin-right: 9%;}
    
}
@media (max-width: 1560px) {
     html{font-size:0.62vw;}
    .conter{width: 86%;}
    .content4 .right{width: 32%; margin-right: 7%;}
}
@media (max-width: 1460px) {
    html{font-size:0.67vw;}
    .conter{width: 90%;}
    .content4 .right{width: 34%; margin-right: 5%;}
}   
@media (max-width: 1320px) {
    html{font-size:0.72vw;}

} 
@media (max-width: 1024px) {
    html{font-size:0.77vw;}
    .header .nav li:not(:last-child) { margin-right: 3rem;}
     .content2 .tab_cont .show{gap: 4rem;}
}
@media (max-width: 960px) {

}  

@media (max-width: 900px) {
     html{font-size:1.8vw;} 
     body{position: relative;}
    .ALLYdCont{display:block; }
    .ALLPcCont{ display:none;}
    .font50{font-size: 3.8rem;}
    .font30{font-size: 2.4rem;}
    .font46 { font-size: 3rem;}
    .font48{font-size: 3.2rem;}
    .header_bg{height: 30rem;box-shadow: 0rem -0.2rem 0.9rem 0rem rgba(136, 202, 249, 0.23);}

    .header .h_logo{width: 14.4rem;z-index: 11;}
    .conter{width: 94%;}
    .flex_box_space{flex-wrap: wrap;}
    .header .header_top{position: unset;height: 8rem;}
    .lang{width: 50%;margin-right: 4.5rem; flex-wrap: wrap;justify-content: flex-end;z-index: 11;}
    .header .lang .login{margin-top: 1rem;}
    .h_nav{ position:absolute; width:100%; background:#fff; right:0; top:8rem;transform: translateY(-100%); display:block; padding:1em; height:100%;box-sizing: border-box; z-index:10; }
    .h_nav ul{display:block;}
    .h_nav ul li{ width: 100%; margin: 0;font-size: 1.8rem;font-weight: bold; border-bottom: 1px solid #ccc;    color: #014171; display: flex;}
    .header .nav li:not(:last-child) { margin-right: 0; }
    .h_nav ul li a{padding: 2rem 0 ;flex: 1;}
    .nav_open {transform: translateY(0);}
    
    .tit img{ width: 15rem; margin: 4rem 0 3rem;}

    .content1{margin-top: 4rem;}
    .content1 .left{margin-bottom: 2rem; width: 100%;padding: 3rem 2rem 7rem 9rem; border-radius: 0 0 5rem 5rem;background-image: linear-gradient(0deg, #1976d1 0%, #5a6edb 100%);}
    .content1 .right{width: 100%;padding: 3rem 9rem 7rem 3rem;border-radius: 5rem 5rem 0 0; background-image: linear-gradient(0deg, #0190be 0%, #05a87d 100%);}
    .content1 .left .bt, .content1 .right .bt{ width: 7rem;}
    .content1 .left .bt{top: -0.7rem;}
    .content1 .right .bt{bottom: -0.7rem;}
    .content1 .left .more{right: 3rem;}
    .content1 .right .more{left: 3rem;}

    .content2 .items{margin-top: 0;flex-wrap: nowrap;}
    .content2 .items .item{width: 100%;padding: 2rem 2rem 3rem;}
    .content2 .items .item:nth-child(1)::before,.content2 .items .item:nth-child(1)::after,.content2 .items .item:nth-child(3)::before,.content2 .items .item:nth-child(3)::after{display: none;}
    .content2 .items .item .pic{position: relative;bottom: unset; width: 100%;}
    .content2 .items .item:not(:last-child){margin-bottom: 2rem;}
    .content2 .swiper-container{overflow: hidden;}

    .content3{}
    .content3 .conter{padding-bottom: 4rem;}
    .content3 .left{width: 100%;}


    .content4 .left{width: 100%;}
    .content4 .steps{right: unset;top: 100%;left: 50%;transform: translate(-50%, -50%);width: 22rem;height: 22rem;}
    .content4 .right{width: 94%;padding: 2rem 0;  margin: 10rem auto 0;min-height: unset;}
    .content4 .list_box{position: relative;transition: all .5s;left: 0;transform: unset;display: none;}
    .content4 .list_box_active{display: block;}
    .content4 .right li{padding: 1.5rem 3% 3rem;}

    .content5 {padding: 5rem 0 2rem;}
    .content5 .left{width: 100%;margin-bottom: 5rem;}
    .content5 .left .tit img{margin-top: -1.5rem;}
    .content5 .left ul{padding: 3rem 3%;}


    .footer{padding: 2.5rem 0;height: auto;}
    .footer .footer_cont {padding: 0; width: 80%; align-items: center;}
    .footer span{margin: 0.5rem 0; display: block;width: 100%;text-align: center;}
    .footer .footer_left {flex-wrap: wrap;}
    .footer .footer_right{margin: 2rem auto 0; width: 75%;justify-content: space-between;}
    .footer .footer_right a{display: block;margin: 0; }


    .content2_items, .content2_tit,.content1_left,.content3_left,.content4_left,.content5_left,.content1_right,.content3_right,.content4_right,.content5_right, .dt{transform: none; opacity: 1;}
}
@media (max-width: 760px) {
    html{font-size:1.9vw;} 
}
@media (max-width: 580px) {
    html{font-size:2.1vw;} 
    .tianqi{top: 65vw;}
}
@media (max-width: 480px) {
    html{font-size:2.2vw;} 
}
@media (max-width: 300px) {
    html{font-size:2.3vw;} 
}