/***********全局重置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 {font-size: 16px;}
body{width: 100%;background: url(mlqyhlsz_bg_20250728.png) top center no-repeat;background-size: 100% 100%;}
/***默认清除浮动****/
.ALLYdCont{display:none; }
.ALLPcCont{ display:block;}
.YDmenu { cursor: pointer; background: url(pd_nav.png) center center no-repeat; width: 4.5em; height: 4.5em; text-indent: -9999px; top: 2.5rem; 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: #000;}
.fontColor3{color: #4169d0;}
.fontColor4{color: #333333;}
.fontColor5{color: #999999;}

.floatringt{float:right;}
.floatleft{float:left;}

.font12{font-size: 1.2rem;}
.font14{font-size: 1.4rem;}
.font15{font-size: 1.5rem;}
.font16{font-size: 1.6rem;}
.font18{font-size: 1.8rem;}
.font20{font-size: 2rem;}
.font22{font-size: 2.2rem;}
.font23{font-size: 2.3rem;}
.font24{font-size: 2.4rem;}
.font25{font-size: 2.5rem;}
.font26{font-size: 2.6rem;}
.font28{font-size: 2.8rem;}
.font30{font-size: 3rem;}
.font32{font-size: 3.2rem;}
.font34{font-size: 3.4rem;}
.font36{font-size: 3.6rem;}
.font40{font-size: 4rem;}
.font42{font-size: 4.2rem;}
.font45{font-size: 4.5rem;}
.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: 78.125%;margin: 0 auto;}
.pic img{display: block;width: 100%;height: auto;}


.header{position: relative;}
.header .banner{width: 100%;}
.header .header_top {padding: 3rem 0; width: 100%; position: absolute;top: 0;left: 0; color: #1c1c1c;}
.header .header_top .conter{}
.header .h_logo{width: 26.9rem;}
.header .nav li:not(:last-child){margin-right: 6rem;}
.header .nav li:hover a,.header .nav .active a{font-weight: bold;}
.header .nav{padding-left: 6rem;}
.header .lang{justify-content: flex-end;align-items: center;}
.header .lang .pic{width: 3.2rem;}
.header .lang a{margin-left: 1.3rem;}

.djs {margin: 2.5rem 0 7rem;height: 34rem;box-shadow: 0rem 0rem 2.1rem 0rem rgba(128, 187, 237, 0.58);border-radius: 1.6rem; background: url(mlqyhlsz_pic2_2_20250728.png) no-repeat center center #f9fcff;background-size:  100% 100%;}
.djs .tit{flex-direction: column;align-items: flex-start;}
.djs .tit p{font-weight: lighter;}
.djs .item{margin-left: 1.7rem; flex-direction: column;}
.djs .item p{width: 9rem;height: 8rem;position: relative; background: url(mlqyhlsz_pic3_20250728.png) no-repeat center center;background-size:  100% 100%;}
.djs .item:not(:first-child) p::after{content: ':';font-weight: bold;color: #333333; position: absolute;left: -1.5rem;top: 44%;transform: translateY(-50%);}
.djs .item span{margin-top: 0.5rem;}
.djs .item em{text-shadow: 0 0 0.7rem rgba(0, 0, 0, 0.31);}
.djs .djs_cont{width: 50%;flex-direction: column;}
.djs .djs_cont .top img{height: 12rem;max-width: 100%;}
.djs .djs_cont h5 span,.djs .djs_cont p span{display: block;}
.djs .djs_cont:first-child h5 span{letter-spacing: 1.88rem;}
.djs .djs_cont:first-child p span:first-child{letter-spacing: 0.26rem;}
.djs .djs_cont:first-child p span:last-child{letter-spacing: 0.16rem;}
.djs .djs_cont:last-child h5 span:last-child{letter-spacing: 0.93rem;}
.djs .djs_cont:last-child p span:first-child{letter-spacing: 0.09rem;}
.djs .djs_cont:last-child p span:last-child{letter-spacing: 0;}
.djs .djs_cont .top .pic{width: 10.5rem;margin-right: 2.3rem;}
.djs .djs_cont .tit{margin: 3.2rem 0 1.6rem;color: #4f87e7;}
.djs .djs_cont .date p{margin-right: 2.7rem; width: 12.6rem;height: 6.8rem;background: url(mlqyhlsz_pic3_3_20250728.png) no-repeat center center;background-size:  100% 100%;}
.djs .djs_cont:first-child{position: relative;}
.djs .djs_cont:first-child::before{content: '';position: absolute;top: 50%;right: -100%;width: 100%;height: 100%;height: 18.7rem;border-left: 1px solid #c8daf8;transform: translateY(-50%);}

.content1{align-items: flex-end;overflow: hidden;}
.content1 .left{width: 50%;}
.content1 .left .swiper-slide{border-radius: 1.6rem;overflow: hidden;position: relative;}
.content1 .left .swiper-slide p{padding: 2rem 22rem 2rem 4rem; width: 100%;box-sizing: border-box; position: absolute;bottom: 0;left: 0; background: rgba(0, 0, 0, 0.5); }
.swiper-pagination-bullet{margin: 0 0.6rem; width: 1.6rem;height: 1.6rem;background-color: #e5e5e5;opacity: 1;transition: all 0.3s ease;}
.swiper-pagination-bullet-active{width: 5.2rem;height: 1.6rem;background-image: linear-gradient(-88deg, #f66a22 0%, #ff9bff 35%, #8cb3c1 84%, #19ca83 100%), linear-gradient(#e5e5e5, #e5e5e5);background-blend-mode: normal, normal;border-radius: 0.8rem;}
.content1 .left .swiper-pagination{bottom: 2rem; padding-right: 2.7rem;box-sizing: border-box; text-align: right;}
.content1 .right{width: 48%;}
.tabs{margin: 0 0 2.6rem; align-items: center;}
.tab div{cursor: default;}
.tab div:not(:first-child){margin-left: 4.8rem;}
.tab .active{font-weight: bold;  background-image: linear-gradient(-54deg, #f66a22 0%, #ff99f6 50%, #ff9bff 52%, #19ca83 100%),  linear-gradient(#74c2fb, #74c2fb); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; display: inline-block;}
.content1 .more a{display: none; width: 9.8rem;height: 3.4rem;background-image: linear-gradient(-54deg, #f66a22 0%, #ff99f6 50%, #ff9bff 52%, #19ca83 100%), linear-gradient(#74c2fb, #74c2fb);background-blend-mode: normal, normal;border-radius: 1.7rem;}
.content1 .more .show{display: flex;}
.content1 .tab_cont .cont a{margin: 1.3rem 0 0; padding: 0 1.9rem 0 3.7rem; height: 7.2rem;position: relative; align-items: center; background-color: #ffffff;box-shadow: 0rem 0rem 2.1rem 0rem rgba(128, 187, 237, 0.58);border-radius: 0.6rem;}
.content1 .tab_cont .cont a:hover{background: #fff4fd;}
.content1 .tab_cont .cont a:hover::after{content: '';display: block;width: 0.4rem;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(-3deg, #f66a22 0%, #ff99f6 50%, #ff9bff 52%, #19ca83 100%), linear-gradient(#f66a22, #f66a22);background-blend-mode: normal, normal;border-radius: 0.2rem 0rem 0rem 0.2rem;}
.content1 .tab_cont .cont a p{flex: 1;margin-right: 2rem;}

.title{flex-direction: column;}
.title .pic{width: 28.9rem;}
.title p{margin: 1.8rem 0 0; padding: 0.5rem 4.2rem; color: #4dabfb;background: #e7f0fd;border-radius: 2.55rem;border: solid 1px #55ade1;}
.content2 .title{margin: 7.4rem 0 4.3rem;}
.content2 .xm_cont{padding: 5.9rem 0 0 8.2rem; height: 56rem;box-sizing: border-box;box-shadow: 0rem 0rem 2.1rem 0rem 	rgba(128, 187, 237, 0.58);border-radius: 1.6rem;background: url(mlqyhlsz_pic17_20250728.png) no-repeat center right;background-size:  100% 100%;}
.content2 .xm_cont a{flex-direction: column;}
.content2 .xm_cont a .pic{width: 12rem;height: 12rem;overflow: hidden; background-color: #ffffff;box-shadow: 0rem 0rem 1.3rem 0rem rgba(0, 0, 0, 0.17);border-radius: 1.6rem;}
.content2 .xm_cont a .pic img{width: auto;height: auto; max-width: 80%;max-height: 80%;}
.content2 .xm_cont a p{margin-top: 1.5rem;text-align: center;white-space: nowrap;}
.content2 .xm_cont a:hover img{transform: rotateY(360deg);transition: all .5s;}
.content2 .xm{width: 54%; display: grid; grid-template-columns: repeat(7, 1fr);gap: 2rem 6rem;}
.content2 .tabs{margin: 0 0 2.6rem;}
.content2 .tab_cont .cont{display: none;}
.content2 .tab_cont .show{display: grid;}


.content3 .title{margin: 7.6rem 0 4.8rem;}
.content3 .title .pic{width: 33.9rem;}
.content3 .swiper-slide {position: relative;border-radius: 1rem;overflow: hidden;}
.content3 .swiper-slide p{position: absolute;bottom: 0;left: 0;padding: 2rem 2.5rem;width: 100%;box-sizing: border-box;background: rgba(0, 0, 0, 0.5);}
.content3 .swiper-slide p span{text-align: center;font-weight: bold;}
.content3 .swiper-container {padding-bottom: 5.4rem;}
.content3 .swiper-pagination{bottom: 0;}
.content3 .swiper-button-next,.content3 .swiper-button-prev{top: calc(50% - 2.7rem); width: 6rem;height: 6rem;border: solid 1px #ffffff;border-radius: 50%;}
.content3 .swiper-button-next:after,.content3 .swiper-button-prev:after{font-size: 3.5rem;font-weight: bold;color: #fff;}

.content4 .title{margin: 7.6rem 0 3.6rem;}
.content4 .title .pic{width: 30.3rem;}
.content4 .swiper-container{padding-bottom: 5rem; margin: 0 auto; width: 80.2%;}
.content4 .swiper-slide { }
.content4 .swiper-slide .item{width: 23%;margin: 1.3%;border-radius: 2rem;overflow: hidden;box-shadow: 0rem 0rem 1rem 0rem rgba(128, 187, 237, 0.58);}
.content4 .swiper-slide .item .pic{width: 100%; height: 26rem;}
.content4 .swiper-slide .item .pic img{width: 100%;height: 100%;object-fit: cover;}
.content4 .swiper-slide .text{margin: -2rem 0 0; padding: 2.2rem 2.6rem;z-index: 2;position: relative; background-color: #ffffff;border-radius: 2rem;display: flex;justify-content: space-between;align-items: flex-end;}
.content4 .swiper-slide .text img{display: block;width: auto;height: auto; max-width: 45%;max-height: 10rem;}
.content4 .swiper-slide .text p{margin: 2rem 0 2.7rem;}
.content4 .swiper-slide .text a{ width: 12rem;height: 3.6rem;background-image: linear-gradient(-54deg, #f66a22 0%, #ff99f6 50%, #ff9bff 52%, #19ca83 100%), linear-gradient(#74c2fb, #74c2fb);background-blend-mode: normal, normal;border-radius: 1.8rem;}
.content4 .swiper-pagination {bottom: 0;}
.content4 .conter{margin: 9.9rem auto 18rem;}
.content4 .conter a{width: 24%;/*height: 20rem;*/border-radius: 1.5rem;
        overflow: hidden;}
.content4 .conter a img{height: 100%;}
.content4 .conter a .pic{width: 12rem;height: 12rem;}
.content4 .conter a h5{text-shadow: 0rem 0rem 0.7rem  rgba(14, 98, 153, 0.9);}
.content4 .conter a.flex_box_space{padding: 0 1.4rem 0 4.9rem;align-items: center;box-sizing: border-box;}
.content4 .conter a:nth-child(2),.content4 .conter a:nth-child(3){cursor: default; }
/*
.content4 .conter a:nth-child(2){ background: url(mlqyhlsz_pic32_20250728.jpg) no-repeat center center;background-size:  100% 100%;}
.content4 .conter a:nth-child(3){ background: url(mlqyhlsz_pic33_20250728.jpg) no-repeat center center;background-size:  100% 100%;padding: 0 5.4rem 0 4.9rem;}
*/


/* 一些动效 */
.xm_cont,.qtx_swi,.ssmp_swiper,.cont4{opacity: 0;transform: translate(0, 80px); transition: all 1s ease-out 0s;}
.djs,.tit1,.tit2,.tit3{opacity: 0;transform: translate(0, -80px); transition: all 1.5s ease-out 0s;}
.left{opacity: 0;transform: translate(-80px, 0); transition: all 1s ease-out 0s;}
.right{opacity: 0;transform: translate(80px, 0); transition: all 1s ease-out 0s;}
.dt{transform: none; opacity: 1;}

.content1 .left .swiper-slide a{display: block;height: 47.5rem;}
.content1 .left .swiper-slide a img{    width: 100%; height: 100%;border-radius: 1.6rem; object-fit: cover;}
.content3 .swiper-slide .pic{height: 34rem;}
.content3 .swiper-slide img{width: 100%; height: 100%;object-fit: cover;}

.mobile-view {display: none;}
.mobile-view2 {display: none;}
@media (max-width: 900px) {
    .ALLYdCont{display:block; }
    .ALLPcCont{ display:none;}
    .h_nav{ position:fixed; width:50%; background:rgba(184, 224, 247, 0.9); right:0; top:0; display:block; padding:1em; height:100%;box-sizing: border-box; z-index:999; }
    .h_nav ul{display:block;}
    .h_nav ul li{ width: 100%; margin: 2rem 0;font-size: 1.4rem;font-weight: bold;    color: #014171; display: flex;justify-content: center;}
    .header .nav li:not(:last-child) { margin-right: 0; }
    
    .font16{font-size: 1.2rem;}
    .font18{font-size: 1.6rem;}
    .font20{font-size: 1.6rem;}
    .font22{font-size: 1.7rem;}
    .font24{font-size: 1.8rem;}
    .font26{font-size: 1.8rem;}
    .font28{font-size: 1.8rem;}
    .font30{font-size: 2.4rem;}
    .font32{font-size: 1.8rem;}
    .font34{font-size: 2.2rem;}
    .font36 { font-size: 2rem;}
    .font46 { font-size: 2.2rem;}
    .font48{font-size: 2.4rem;}
   
    .font45{font-size: 2.6rem;}
    .conter{width: 94%;}
    .flex_box_space,.flex_box{flex-wrap: wrap;}

    .ALLYdCont .closeBtn{position: absolute;right: 0.6em;top: 0.6em;}
    .header {z-index: 2;}
    .header .lang{margin: 2rem;}
    .header .lang a{width: 100%;margin-left: 0;text-align: center;font-size: 1.4rem;margin: 0.5rem 0;}
    .header .lang .pic{display: none;}
    .header .nav{padding: 0;}
    .header .header_top{height: auto;padding: 4.6% 0; /*background: #fff;*/position: relative;}
    .header .h_logo{width: 19.4rem;}
    .content1 .left,.content1 .right{width: 100%;}

    .header .header_top .conter{flex-wrap: nowrap;}
    .header .h_logo{width: 14.4rem;}
    .header .lang{margin: 0 4rem 0 0;}
    .header .lang a{width: auto;}
    .header .lang .pic{display: block;}
    .header .lang a:not(:first-child){margin-left: 1.5rem;}
    .header .lang a:nth-child(1),.header .lang a:nth-child(2),.header .lang a:nth-child(3) {display: none;}
    .YDmenuCont_box,.h_nav{top: 7rem;transform: translate(0,-110%);transition: all 0.5s ease-in-out;}
    .h_nav{width: 100%;background-color: #fff;}
    .h_nav ul li{padding: 0;margin: 0; justify-content: left; border-bottom: 1px solid #ccc;}
    .h_nav ul li a{padding: 2rem 0;display: block;width: 100%;}
    .YDmenu.closeBtn{background: url(close.png) center center no-repeat;}

    .djs{padding: 0;margin: 2rem 0; justify-content: center;background: none;box-shadow: none;}
    .djs .tit {align-items: center;}
    .djs .tit p{text-align: center;}
    .djs .date{margin: 3% 0 1%;}
    .djs .item p {width: 5rem;height: 5rem;}
    .djs .item:first-child{margin-left: 0;}
    .djs{height: auto;}
    .djs .djs_cont h5 span{font-size: 1.5rem;}
    .djs .djs_cont{width: 100%; padding: 5% 3% 3%; margin: 1.5% 0; box-shadow: 0rem 0rem 2.1rem 0rem rgba(128, 187, 237, 0.58);border-radius: 1.6rem;background: url(mlqyhlsz_pic2_2_20250728.png) no-repeat center center #f9fcff;background-size: 100% 100%;}
    .djs .djs_cont:first-child::before{display: none;}
    .djs .djs_cont:first-child p span:first-child {letter-spacing: 0.1rem;}
    .djs .djs_cont:first-child p span:last-child {letter-spacing: 0.05rem;}
    .djs .djs_cont:last-child h5 span:last-child {letter-spacing: 0.5rem;}
    .djs .djs_cont:last-child p span:first-child {letter-spacing: 0;}
    .djs .djs_cont .top .pic{width: 8rem;}
.djs .djs_cont .top img{height: 6.5rem;max-width: 100%;}
    .djs .djs_cont .top .titcent{width:30rem;}
    .djs .djs_cont .djscent{display: flex;}

    .djs .djs_cont:last-child p span{display: inline;}
    .djs .djs_cont:last-child .top p{width: 26.8rem;text-align: justify;}
    .djs .djs_cont .tit{margin: 2rem 0 0; font-size: 1.8rem;}
    .djs .djs_cont .date p {margin-right: 0rem;width: 7rem;height: 4.8rem;}

    .swiper-pagination-bullet{ width: 1rem;height: 1rem;}
    .swiper-pagination-bullet-active{width: 2.5rem;height: 1rem;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.3rem;}
    .more a{width: 7.8rem;height: 2.7rem;}

	.content2 .xm{ grid-template-columns: repeat(3, 1fr);}
	
    .content1 .left .swiper-pagination{padding-right: 3%;bottom: 1.5rem;}
    .content1 .left{margin-bottom: 2.5rem;}
    .content1 .left .swiper-slide p{padding: 1.5rem 12rem 1.5rem 2rem;}
    .content1 .tab_cont .cont a p{-webkit-line-clamp: 2;}
    .content1 .tab_cont .cont a:first-child{margin-top: 0;}
    .content1 .tab_cont .cont a{    padding: 3% 4%;height: 6.6rem;box-sizing: border-box;}
    .tab div:not(:first-child) { margin-left: 2.5rem;}
    .title .pic,.content3 .title .pic,.content4 .title .pic{width: 19rem;}
    .title p{margin: 1rem 0 0;padding: 0.5rem 2.2rem;}

    .content2 .xm{width: 100%; gap: 2rem; }
    .content2 .xm_cont{padding: 6% 3%;height: auto; min-height: 33rem;background: url(mlqyhlsz_pic17_20250728.png) no-repeat center center;background-size: auto 105%;}
    .content2 .title,.content3 .title,.content4 .title{margin: 3rem 0 2.5rem;}
    .content2 .xm_cont a .pic{width: 7rem;height: 7rem;}
    .content2 .xm_cont a p{margin-top: 1rem;}
    .content2 .tabs{margin: 0 0 2.5rem;}
    
    .content3 .swiper-slide p{padding: 1.5rem 2rem;}
    .content3 .swiper-container,.content4 .swiper-container{padding-bottom: 4rem;}
    .content3 .swiper-button-next, .content3 .swiper-button-prev{display: none;}

    .content4 .swiper-container{width: 96%;}
    .content4 .swiper-slide .item{width: 47%;margin: 1.5%;}
    .content4 .swiper-slide .item .pic{height: auto;}
    .content4 .swiper-slide .text{padding: 1.5rem;}
    .content4 .swiper-slide .text p{margin: 0.8rem 0 1.2rem;white-space: nowrap;}
    .content4 .swiper-slide .text a{width: 9.5rem;height: 2.7rem;}
    .content4 .swiper-slide .text img{max-width: 40%;max-height: 6rem;}

    .content4 .conter a{width: 100%;/*height: 17rem;*/border-radius: 1.5rem;overflow: hidden;}
    .content4 .conter a h5{font-size: 2rem;}
    .content4 .conter {margin: 2.5rem auto 5rem;}
    .content4 .conter a:not(:first-child){margin-top: 3%;}

    .djs {transform: none; opacity: 1;}

    .content1 .left .swiper-slide a{height: 30rem;}
    .content3 .swiper-slide .pic{height: 28rem;}

    .mobile-view {display: block;}
    .mobile-view2 {display: block;}
    .content2 .tab_cont .cont{display: grid;}
}
