#tou{height: 89px; width: 100%; display: flex; justify-content: space-between; padding-left: 100px; padding-right: 100px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); position: fixed; top: 0; background: #fff; transition: all 0.4s ease; z-index: 9;}
#tou.hide{top: -89px;}
.h89{height: 89px;}
.nav{width: 100%;}
.nav ul{display: flex; justify-content: space-around; padding-top: 28px;}
.nav>ul>li{font-size: 18px; flex: 1; text-align: center; position: relative; padding-bottom: 25px;}
.nav>ul>li::after{content: '/'; float: right; color: #9f9f9f;}
.nav>ul>li:nth-last-child(1)::after{content: ''; }
.nav>ul>li.on>a{color: #0053ba;}
.nav>ul>li.on::before{content: ''; width: 60px; height: 5px; background: #0053ba; position: absolute; z-index: 2; bottom: 0; left: 50%; transform: translateX(-50%);}
.nav ul li ul{position: absolute; display: block; background: #fff; width: 100%; padding-bottom: 10px; max-width: 130px; left: 50%; transform: translateX(-50%); display: none;}
.nav ul li ul li{font-size: 16px; }
.nav ul li ul li:hover{background: #0053ba; color: #fff; }
.nav ul li ul li:hover a{color: #fff;}
.ss{position: relative; display: flex; padding-left: 65px; width: 300px;  flex-shrink: 0;}
.ss::before{width: 1px; height: 21px; background: #9f9f9f; display: block; position: absolute; left: 0; content: ''; top: 39px;}

.ss span{font-size: 20px; color: #373737; float: left; display: block; padding-top: 35px; margin-right: 65px;}
.ss img{display: block; float: right; width: 34px; height: 34px; padding-top: 34px; }
.navewm{position: relative; }
.navewm ul{position: absolute; left: -500px; top: 50px; width: 600px; height: 0; overflow: hidden; z-index: 9; transition: all 0.5s;}
.navewm ul img{width: 600px; height: 153px;}
.navewm:hover ul{height: 188px;}
.logo{padding-top: 15px;}
#banner{height: calc(100vh - 89px);}
#banner ul,#banner ul li{height: 100%;}
#banner ul li img{height: 100%; width: 100%; object-fit: cover;}
#left_nav{height: 100vh; width: 75px;  background: #fff; position: fixed; left: 0; top: 0; z-index: 9; transition: all 0.4s ease;}
#left_nav.hide{left: -75px;}
.left_nav_con:nth-child(1){margin-top: 89px;}
.left_nav_con{height: 62px; border-bottom: 1px solid #e5e5e5; text-align: center; line-height: 62px; position: relative; cursor: pointer; }
.left_nav_con .sub{background: #0558e8;  width: auto; height: auto; position: absolute;left: 75px; color: #fff; top: 0; padding-right: 15px; text-wrap: nowrap; display: none;}
.left_nav_con .sub .img{width: 100px ; height: 100px; display: block; padding-top: 15px; padding-bottom: 15px; padding-left: 15px;}
.left_nav_con span{font-size: 28px; display: block; width: 75px; }
.left_nav_con.on{background: #0558e8; color: #fff;}

.left_nav_home.show{left: 75px; background: rgba(255,255,255,0.5);transition: all 0.4s ease; }
.left_nav_home.show:hover{background: #0558e8; color: #fff;}

#m1{height: 864px; background: url(../img/m1.jpg) center no-repeat; background-position: 0 179px ;}
.t1{height: 188px; position: relative; text-align: center;}
.t1::after{height: 1px; width: 100%; background: #acadad; content: ''; display: block; top: 73px; position: absolute; z-index: 1;}
.t1 h2{display: block; background: #fff; margin: auto; width: 285px; height: 133px; line-height: 133px; position: relative; z-index: 2; text-align: center; font-size: 33px;}
.t1 span{height: 55px; background: #154897; line-height: 55px; color: #fff; display: inline-block; margin: 0 17px; border-radius: 27px; padding-left: 38px; padding-right: 38px; }
.m1con .hd{padding-top: 50px;}
.m1con .hd ul{display: flex;justify-content: center; gap: 70px;}
.m1con .hd ul li{display: inline-block; text-align: center; font-size: 18px;}
.m1con .hd ul li img{width: 122px; height: 122px; border-radius: 50%; display: block; box-shadow: 0 0 9px rgba(0,0,0,0.16);}
.m1con .hd ul li span{line-height: 32px; display: inline-block; padding-top: 17px;}
.m1con .hd ul li.on span{font-weight: bold; border-bottom: 3px solid #0053ba; }
.m1con .bd .con{height: 450px; position: relative;}
.m1con .bd .con img{height: 450px; position: relative; z-index: 1;}
.m1bj{height: 450px; width: 100%; background: url(../img/m1bj.png); position: absolute; z-index: 2;}
.m1con .bd .con .m1bdcon{color: #fff; position: absolute; z-index: 3; top: 0; width: 1024px; height: 450px; left: 50%;  transform: translateX(-50%); display: flex;flex-direction: column;
    justify-content: center} 
.m1con .bd .con .m1bdcon h3{font-size: 27px; font-weight: normal;}
.m1con .bd .con .m1bdcon p{font-size: 16px; padding-top: 25px; padding-bottom: 35px;}
.m1con .bd .con .m1bdcon a{display: block; width: 160px; height: 54px; border: 1px solid #fff; font-size: 14px; text-align: center; line-height: 54px; border-radius: 27px; color: #fff; }

#m2{height: 645px; display: flex;}
.m2l{flex: 1; padding-top: 75px; }
.m2lcon{padding-left: 100px; padding-right: 40px;}
.m2r{ flex: 1; padding-top: 75px; }
.m2rimg{padding-left: 62px;}
.m2rimg img{ height: 496px; width: 100%; object-fit: cover; border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.m2t{height: 65px;}
.m2t h2{ font-size: 33px; font-weight: bold; }
.m2lcon_p{ font-size: 16px; line-height: 42px; height: 250px; }
.m2lcon ul{display: flex;}
.m2lcon ul li{flex: 1; text-align: center; position: relative;}
.m2lcon ul li::after{content: ''; height: 63px; width: 1px; background: #d9d9da; position: absolute; right: 0; top: 42px;}
.m2lcon ul li:nth-last-child(1)::after{display: none;}
.m2lcon ul li .count span{font-size: 30px; font-weight: bold;}
#m3{height: 638px; background: #f7f7f7;}
.m3t{height: 133px; line-height: 133px;}
.m3t h2{ font-size: 33px; font-weight: bold; }
.m3con{display: flex; gap: 33px;  }
.m3con>div{flex: 1;}
.m3con .m3l{height: 455px; position: relative; }
.m3con .m3l img{width: 100%; height: 455px; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1;}
.m3con .m3l .zhe{width: 100%; height: 455px; background: url(../img/m3l.png); position: absolute; left: 0; top: 0; z-index: 2;}
.m3l_p{position: absolute; z-index: 3; color: #fff; width: 100%; height: 200px; bottom: 0;}
.m3l_p_t{padding-left: 25px; padding-right: 25px; font-size: 16px; line-height: 33px; padding-bottom: 5px;}
.m3l_p h3{font-weight: normal; font-size: 20px; line-height: 33px; padding-left: 25px; padding-right: 25px; height: 66px; }
.m3l_p_time{font-size: 14px; line-height: 33px; padding-left: 25px; padding-bottom: 5px;}
.m3l_p a{padding-left: 25px; font-size: 12px; color: #fff; }
.m3m{height: 455px; background: #ebebeb;}
.m3m_t{ color: #1f56a0; font-size: 16px; padding-top: 25px; padding-bottom: 10px;}
.m3m_top{height: 228px; padding-left: 25px; padding-right: 25px;}
.m3m_top h3{font-weight: normal; font-size: 20px; line-height: 33px; height: 66px; }
.m3m_top span{font-size: 14px; display: block; padding-top: 5px; padding-bottom: 15px;}
.m3m_top a{font-size: 12px; color: #20549f;}
.m3m_bottom{height: 227px; position: relative;}
.m3m_bottom img{height: 227px; width: 100%; position: absolute; top: 0; z-index: 1; object-fit: cover;}
.m3m_bottom .zhe{height: 227px; width: 100%; position: absolute; top: 0; z-index: 2; background: rgba(0,0,0,0.3);}
.m3m_bottom_con{position: relative; z-index: 3; color: #fff; padding-left: 25px; padding-right: 25px;}
.m3m_bottom_con_t{font-size: 16px; color: #fff; padding-top: 25px; padding-bottom: 10px;}
.m3m_bottom_con h3{color: #fff; font-weight: normal; font-size: 20px;}
.m3m_bottom_con .bofang{width: 30px; height: 30px; background: url(../img/bofang.png); margin-top: 20px;}
.m3r{background: #176bcd;}
.m3r_t{color: #fff; font-size: 16px; padding-left: 25px; padding-top: 25px;}
.m3r_t2{color: #fff; font-size: 24px; line-height: 80px; padding-left: 25px; padding-right: 25px;}
.m3r_t2 a{float: right; font-size: 14px;}
.m3rcon{}
.m3rcon ul li{height: 106px; color: #fff; padding-left: 25px; padding-right: 25px; position: relative;}
.m3rcon ul li:hover{background: #1561bb;}
.m3rcon ul li p{font-size: 17px; padding-top: 15px; padding-bottom: 5px; width: 85%;}
.m3rcon ul li span{font-size: 14px;}
.m3rcon ul li::before{content: url(../img/jiantou.png); position: absolute; right: 25px; top: 40px;}
#m4{height: 484px; background: url(../img/m4.jpg) center no-repeat; padding-left: 100px; padding-right: 100px;}
#m4 ul{display: flex;justify-content: space-around; padding-top: 125px;}
#m4 ul li{ width: 216px; height: 216px; background: url(../img/m4li.png); display: flex;    flex-direction: column;
    justify-content: center;
    align-items: center; color: #fff;
} 
#m4 ul li h2{font-size: 30px; font-weight: normal; line-height: 50px;}
#m4 ul li p{font-size: 18px; padding-bottom: 10px;}

#foot1{height: 385px; background: #323232; border-bottom: 1px solid #4f4f4f;}
#foot2{height: 88px; background: #323232; line-height: 88px; text-align: center; color: #fff; font-size: 14}
.foot1{display: flex; justify-content: space-between;}
.foot1l>img{ padding-top: 50px; padding-bottom: 20px; }
.foot1l{color: #949494;}
.foot1l span{font-size: 18px; display: block; padding-bottom: 5px;}
.foot1l p{font-size: 30px; font-family: 'Impact'; line-height: 30px; color: #b1b1b1;}
.foot1l .dizhi{font-size: 14px; padding-top: 30px;}
.foot1l ul{padding-top: 40px; }
.foot1l ul li{float: left; margin-right: 20px; position: relative;}
.foot1l ul li .con{position: absolute; width: 200px; height: 200px;bottom: -10px; margin-left: -30px; display: none; z-index: 9}
.foot1l ul li:hover .con{display: block;}
.foot1r{padding-top: 43px;}
.foot1r>ul>li{float: left; color: #fff; font-size: 18px; margin-left: 90px; text-align: center; }
.foot1r ul li ul{padding-top: 5px;}
.foot1r ul li ul li{float: none; font-size: 14px; line-height: 33px; color: #a6a6a6; text-align: center; }


/* 发展历程时间轴 */
			.timeline {
				position: relative;
				padding-left: 30px;
			}
			.timeline::before {
				content: '';
				position: absolute;
				left: 10px;
				top: 8px;
				bottom: 0;
				width: 2px;
				background: linear-gradient(to bottom, #0c58a7, #ffa300);
			}
			.timeline_item {
				position: relative;
				margin-bottom: 32px;
				padding-left: 24px;
			}
			.timeline_item::before {
				content: '';
				position: absolute;
				left: -26px;
				top: 8px;
				width: 14px;
				height: 14px;
				border-radius: 50%;
				background: #0c58a7;
				border: 3px solid #fff;
				box-shadow: 0 0 0 3px #0c58a7;
				z-index: 1;
			}
			.timeline_item .year {
				
				font-size: 22px;
				color: #0c58a7;
				line-height: 1.2;
				margin-bottom: 8px;
			}
			.timeline_item .events {
				background: #f9f9f9;
				border-radius: 10px;
				padding: 14px 18px;
				border-left: 3px solid #ffa300;
			}
			.timeline_item .events p {
				font-size: 15px;
				color: #555;
				line-height: 28px;
				position: relative;
				padding-left: 16px;
			}
			.timeline_item .events p::before {
				content: '·';
				position: absolute;
				left: 4px;
				color: #0c58a7;
				font-size: 20px;
				line-height: 28px;
			}

/* picbox */
	
.lunbo{background: #323232;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  

    .swiper {
      width: 100%;
	
      height: 490px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
     position: relative;
      width: 100%;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
      margin-bottom: 20px;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
	.mySwiper .swiper-slide img{height: 120px;  object-fit: cover;}
.swiper-slide-p{position: absolute; background: rgba(255,255,255,0.5); height: 35px; line-height: 35px; width: 100%; z-index: 99; bottom: 0;}
/* ===== 在线留言表单 ===== */
			.form_block {
				background: #fff;
				border-radius: 16px;
				padding: 40px 44px;
				box-shadow: 0 4px 18px rgba(0,0,0,0.06);
				margin-top: 30px;
			}
			.form_block_title {
				display: flex;
				align-items: center;
				margin-bottom: 30px;
				padding-bottom: 18px;
				border-bottom: 2px solid #f0f0f0;
			}
			.form_block_title .icon_box {
				width: 50px;
				height: 50px;
				background: #0053ba;
				border-radius: 12px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 16px;
				flex-shrink: 0;
			}
			.form_block_title .icon_box svg {
				width: 26px;
				height: 26px;
				fill: #fff;
			}
			.form_block_title h3 {
				font-family: 'AlimamaShuHeiTi-Bold';
				font-size: 26px;
				color: #1a1a1a;
			}
			.form_block_title .en {
				font-size: 13px;
				color: #aaa;
				letter-spacing: 2px;
				margin-top: 2px;
			}

			.form_grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 20px;
			}
			.form_group {
				display: flex;
				flex-direction: column;
				gap: 8px;
			}
			.form_group.full { grid-column: 1 / -1; }
			.form_group label {
				font-size: 14px;
				color: #555;
				font-weight: bold;
			}
			.form_group label span { color: #d32829; }
			.form_group input,
			.form_group select,
			.form_group textarea {
				padding: 12px 16px;
				border: 1.5px solid #e8e8e8;
				border-radius: 10px;
				font-size: 15px;
				color: #333;
				background: #fafafa;
				transition: all 0.2s;
				outline: none;
				font-family: inherit;
			}
			.form_group input:focus,
			.form_group select:focus,
			.form_group textarea:focus {
				border-color: #0053ba;
				background: #fff;
				box-shadow: 0 0 0 3px rgba(211,40,41,0.08);
			}
			.form_group textarea { resize: vertical; min-height: 120px; }

			.form_submit {
				margin-top: 28px;
				display: flex;
				align-items: center;
				gap: 20px;
			}
			.btn_submit {
				padding: 14px 48px;
				background: #0053ba;
				color: #fff;
				font-family: 'AlimamaShuHeiTi-Bold';
				font-size: 18px;
				border: none;
				border-radius: 32px;
				cursor: pointer;
				transition: all 0.25s;
				letter-spacing: 2px;
			}
			.btn_submit:hover {
				background: #0053ba;
				transform: translateY(-2px);
				box-shadow: 0 8px 20px rgba(211,40,41,0.3);
			}
			.form_tip {
				font-size: 13px;
				color: #aaa;
			}

			/* ===== 提示弹窗 ===== */
			.submit_toast {
				display: none;
				position: fixed;
				bottom: 40px;
				left: 50%;
				transform: translateX(-50%);
				background: #1a1a1a;
				color: #fff;
				padding: 14px 32px;
				border-radius: 32px;
				font-size: 15px;
				z-index: 9999;
				box-shadow: 0 8px 24px rgba(0,0,0,0.2);
			}
			
			
#aboutm2{overflow: hidden;}
.aboutm2con{}
.timeline-swiper{ position: relative; padding-top: 240px; }
.line{  width: 83.4%; height: 2px; background: #d7dcef; position: absolute; z-index: 1; top: 240px;}
.aboutm2con{ position: relative; overflow: hidden;}
.aboutm2con .swiper-slide{position: relative; z-index: 5; position: relative; height: 500px;}
.aboutm2con .swiper-slide h3{font-size: 22px; font-weight: bold; position: relative; text-align: center;}
.aboutm2con .swiper-slide h3::after{content: '●'; display:block; font-size: 30px; color: #d7dcef; position: absolute; top: -32px; left: 50%; margin-left: -15px;  }
.aboutm2con .swiper-slide.swiper-slide-active h3{background: url(../img/abouticon.png); width: 96px; height: 100px;color: #fff; text-align: center; line-height: 100px; position: relative; top: -50px; z-index: 5; margin: auto;}
.aboutm2con .swiper-slide.swiper-slide-active h3::after{display: none;}
.aboutm2con .swiper-slide.swiper-slide-active h3 span{display: none; }
.aboutm2con .swiper-slide .con{display: none;}
.aboutm2con .swiper-slide.swiper-slide-active .con{width: 475px; height: 153px; background: #fff; border-radius: 14px; display: block; position: absolute; z-index: 2; top: -235px; left: 50%; transform: translateX(-50%); }
.aboutm2con .swiper-slide.swiper-slide-active .con h4{font-size: 117px; width: 475px; text-align: center; line-height: 153px; font-weight: bold; color: #f8f9fa; position: absolute; z-index: 0;}
.aboutm2con .swiper-slide.swiper-slide-active .con h5{text-align: center; font-size: 24px; font-weight: bold; position: relative; z-index: 2; padding-top: 10px;}
.aboutm2con .swiper-slide.swiper-slide-active .con p{text-align: center; font-size: 18px; padding-left: 30px; padding-right: 30px; position: relative; z-index: 2;line-height: 30px;}
.aboutm3con .swiper-slide{width: 246px; height: 362px; border-radius: 18px; box-shadow: 0 0 9px rgba(15,51,129,0.11); list-style: none; }
.aboutm3con .swiper-slide img{width: 100%; height: 290px; object-fit: contain; border-radius: 18px 18px 0 0; display: block;}
.aboutm3con .swiper-slide h3{text-align: center; padding-top: 20px; font-size: 16px;}

/* 关键：清掉 ul 默认 list 样式，避免干扰 Swiper 计算 */
.ry-swiper .swiper-wrapper{list-style: none; padding: 0; margin: 0;}

#aboutm1{min-height: 645px; display: block;}
.aboutm1l{ padding-top: 25px; float: left; }
.aboutm1lcon{padding-left: 100px; padding-right: 40px;}
.aboutm2r{  padding-top: 75px; float: right; width: 50%; }
.m2rimg{padding-left: 62px;}
.m2rimg img{ height: 496px; width: 100%; object-fit: cover; border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.aboutm1t{ height: 108px; line-height: 108px; border-bottom: 1px solid #b2b1b1; width:50%; }
.aboutm1t h2{ font-size: 30px; color: #103784; font-weight: bold; }
.aboutm1lcon_p{ font-size: 16px; line-height: 42px; min-height: 250px; }
.aboutm1lcon ul{display: flex;}
.aboutm1lcon ul li{flex: 1; text-align: center; position: relative;color: #838fb4;}
.aboutm1lcon ul li .count span{font-size: 30px; font-weight: bold; color: #103784;}
#aboutm2{height: 722px; background: url(../img/aboutm2.jpg) center;}
.aboutm2_t{font-size: 30px; font-weight: bold; color: #103784; text-align: center; height: 170px; line-height: 170px;}
#aboutm3{height: 640px; background: url(../img/aboutm3.jpg) top no-repeat;}
#baoutm4{height: 690px; background: url(../img/aboutm4.jpg) center no-repeat;}
.aboutm4con{height: 417px; padding: 15px 30px; background: rgba(255,255,255,0.62); border-radius: 10px;}
#baoutm5{min-height: 633px;}
#baoutm5 .container{display: flex; justify-content: space-between;}
.aboutm5_t{ font-size: 30px; color: #103784; font-weight: bold; height: 160px; line-height: 160px;}
.aboutm5_con{min-height: 355px; padding: 15px ; background: #f1f1f1; border-top: 2px solid #103784;}
.baoutm5_l{width: 55%;}
.baoutm5_r{ min-height: 633px; width: 40%;}
.baoutm5_r img{float: right;}
#abaoutm6{height: 610px; background: url(../img/aboutm6r.jpg) right no-repeat #e7e7e9; position: relative;}
.abaoutm6_l{width: 630px; float: left;}
.aboutm6r{height: 610px; }
/* ==================== 移动端适配 ==================== */
@media screen and (max-width: 768px) {
	#tou{display: none;}
	#left_nav{display: none;}
	.h89{height: 77px;}
	#banner{height: auto; width: 100vw; overflow: hidden;}
	#banner ul,#banner ul li{height: 100%;}
	#banner ul li img{height: 100%; width: 100%; object-fit: cover;}
	.t1{height: 138px; position: relative; text-align: center;}
	.t1::after{height: 1px; width: 100%; background: #acadad; content: ''; display: block; top: 43px; position: absolute; z-index: 1;}
	.t1 h2{display: block; background: #fff; margin: auto; width: 285px; height: 83px; line-height: 83px; position: relative; z-index: 2; text-align: center; font-size: 33px;}
	.t1 span{height: 55px; background: #154897; line-height: 55px; color: #fff; display: inline-block; margin: 0 5px; border-radius: 27px; padding-left: 10px; padding-right: 10px; }
	#m1{height: auto;}
	.m1con .hd{padding-top: 20px;}
	.m1con .hd ul{display: flex;justify-content: center; gap: 20px; flex-wrap: wrap;}
	.m1con .hd ul li{display: inline-block; text-align: center; font-size: 18px;}
	.m1con .hd ul li img{width: 100px; height: 100px; border-radius: 50%; display: block; box-shadow: 0 0 9px rgba(0,0,0,0.16);}
	.m1con .hd ul li span{line-height: 32px; width: 100px; display: inline-block; padding-top: 17px;}
	.m1con .hd ul li.on span{font-weight: bold; border-bottom: 3px solid #0053ba; }
	.m1con .bd .con{height: 450px; position: relative;}
	.m1con .bd .con img{height: 450px; position: relative; z-index: 1;}
	.m1bj{height: 450px; width: 100%; background: url(../img/m1bj.png); position: absolute; z-index: 2;}
	.m1con .bd .con .m1bdcon{color: #fff; position: absolute; z-index: 3; top: 0; width: 100%; height: 450px; left: 50%;  transform: translateX(-50%); display: flex;flex-direction: column;
	    justify-content: center} 
	.m1con .bd .con .m1bdcon h3{font-size: 27px; font-weight: normal; padding-left: 15px; padding-right: 15px;}
	.m1con .bd .con .m1bdcon p{font-size: 16px; padding-top: 25px; padding-bottom: 35px; padding-left: 15px; padding-right: 15px;}
	.m1con .bd .con .m1bdcon a{display: block; width: 160px; height: 54px; border: 1px solid #fff; font-size: 14px; text-align: center; line-height: 54px; border-radius: 27px; color: #fff; margin-left: 15px; }
	#m2{height: auto; display: flex;flex-direction: column-reverse;}
	.m2l{flex: 1; padding-top: 15px; }
	.m2lcon{padding-left: 15px; padding-right: 15px;}
	.m2r{ flex: 1; padding-top: 0px; }
	.m2rimg{padding-left: 0px;}
	.m2rimg img{ height: 196px; width: 100%; object-fit: cover; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
	.m2t{height: 65px;}
	.m2t h2{ font-size: 33px; font-weight: bold; }
	.m2lcon_p{ font-size: 16px; line-height: 42px; height: auto; }
	.m2lcon ul{display: flex;flex-wrap: wrap;}
	.m2lcon ul li{flex: auto; text-align: center; position: relative; width: 50%; margin-bottom: 20px;}
	.m2lcon ul li::after{content: ''; height: 63px; width: 1px; background: #d9d9da; position: absolute; right: 0; top: 42px;}
	.m2lcon ul li:nth-last-child(1)::after{display: none;}
	.m2lcon ul li:nth-last-child(3)::after{display: none;}
	.m2lcon ul li .count span{font-size: 30px; font-weight: bold;}
	#m3{height: auto; background: #f7f7f7;}
	.m3t{height: 133px; line-height: 133px;}
	.m3t h2{ font-size: 33px; font-weight: bold; }
	.m3con{display: flex; gap: 15px;flex-direction: column;  }
	.m3con>div{flex: auto;}
	.m3con .m3l{height: 455px; position: relative; }
	.m3con .m3l img{width: 100%; height: 455px; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1;}
	.m3con .m3l .zhe{width: 100%; height: 455px; background: url(../img/m3l.png); position: absolute; left: 0; top: 0; z-index: 2;}
	.m3l_p{position: absolute; z-index: 3; color: #fff; width: 100%; height: 200px; bottom: 0;}
	.m3l_p_t{padding-left: 25px; padding-right: 25px; font-size: 16px; line-height: 33px; padding-bottom: 5px;}
	.m3l_p h3{font-weight: normal; font-size: 20px; line-height: 33px; padding-left: 25px; padding-right: 25px; height: 66px; }
	.m3l_p_time{font-size: 14px; line-height: 33px; padding-left: 25px; padding-bottom: 5px;}
	.m3l_p a{padding-left: 25px; font-size: 12px; color: #fff; }
	.m3m{height: 455px; background: #ebebeb;}
	.m3m_t{ color: #1f56a0; font-size: 16px; padding-top: 25px; padding-bottom: 10px;}
	.m3m_top{height: 228px; padding-left: 25px; padding-right: 25px;}
	.m3m_top h3{font-weight: normal; font-size: 20px; line-height: 33px; height: 66px; }
	.m3m_top span{font-size: 14px; display: block; padding-top: 5px; padding-bottom: 15px;}
	.m3m_top a{font-size: 12px; color: #20549f;}
	.m3m_bottom{height: 227px; position: relative;}
	.m3m_bottom img{height: 227px; width: 100%; position: absolute; top: 0; z-index: 1; object-fit: cover;}
	.m3m_bottom .zhe{height: 227px; width: 100%; position: absolute; top: 0; z-index: 2; background: rgba(0,0,0,0.3);}
	.m3m_bottom_con{position: relative; z-index: 3; color: #fff; padding-left: 25px; padding-right: 25px;}
	.m3m_bottom_con_t{font-size: 16px; color: #fff; padding-top: 25px; padding-bottom: 10px;}
	.m3m_bottom_con h3{color: #fff; font-weight: normal; font-size: 20px;}
	.m3m_bottom_con .bofang{width: 30px; height: 30px; background: url(../img/bofang.png); margin-top: 20px;}
	.m3r{background: #176bcd;}
	.m3r_t{color: #fff; font-size: 16px; padding-left: 25px; padding-top: 25px;}
	.m3r_t2{color: #fff; font-size: 24px; line-height: 80px; padding-left: 25px; padding-right: 25px;}
	.m3r_t2 a{float: right; font-size: 14px;}
	.m3rcon{}
	.m3rcon ul li{height: 106px; color: #fff; padding-left: 25px; padding-right: 25px; position: relative;}
	.m3rcon ul li:hover{background: #1561bb;}
	.m3rcon ul li p{font-size: 17px; padding-top: 15px; padding-bottom: 5px; width: 85%;}
	.m3rcon ul li span{font-size: 14px;}
	.m3rcon ul li::before{content: url(../img/jiantou.png); position: absolute; right: 25px; top: 40px;}
	
	#foot1{display: none;}
	#foot2{height:auto; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; background: #323232; line-height: 34px; text-align: center; color: #fff; font-size: 14}
	#m4{ background: url(../img/m4.jpg) center no-repeat; padding-left: 15px; padding-right: 15px; margin-top: 15px;}
	#m4 ul{display: flex;justify-content: space-around; padding-top: 25px; flex-wrap: wrap; gap: 10px;}
	#m4 ul li{ width: 160px; height: 160px; background: url(../img/m4li.png); background-size: 100%; display: flex;    flex-direction: column;
	    justify-content: center;
	    align-items: center; color: #fff;
	} 
	#m4 ul li h2{font-size: 25px; font-weight: normal; line-height: 40px;}
	#m4 ul li p{font-size: 18px; padding-bottom: 10px;}

		
.lunbo{background: #323232;        margin-bottom: 20px;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  

    .swiper {
      width: 100%;
	
      height: 590px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
     position: relative;
      width: 100%;
    }

    .mySwiper {
      height: 80px;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
	.mySwiper .swiper-slide img{height: 80px;  object-fit: cover;}
.swiper-slide-p{position: absolute; background: rgba(255,255,255,0.5); height: 35px; line-height: 35px; width: 100%; z-index: 99; bottom: 0;}
/* ===== 在线留言表单 ===== */
			.form_block {
				background: #fff;
				border-radius: 16px;
				padding: 40px 44px;
				box-shadow: 0 4px 18px rgba(0,0,0,0.06);
				margin-top: 30px;
			}
			.form_block_title {
				display: flex;
				align-items: center;
				margin-bottom: 30px;
				padding-bottom: 18px;
				border-bottom: 2px solid #f0f0f0;
			}
			.form_block_title .icon_box {
				width: 50px;
				height: 50px;
				background: #0053ba;
				border-radius: 12px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 16px;
				flex-shrink: 0;
			}
			.form_block_title .icon_box svg {
				width: 26px;
				height: 26px;
				fill: #fff;
			}
			.form_block_title h3 {
				font-family: 'AlimamaShuHeiTi-Bold';
				font-size: 26px;
				color: #1a1a1a;
			}
			.form_block_title .en {
				font-size: 13px;
				color: #aaa;
				letter-spacing: 2px;
				margin-top: 2px;
			}

			.form_grid {
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}
			.form_group {
				display: flex;
				flex-direction: column;
				gap: 8px;
			}
			.form_group.full { grid-column: 1 / -1; }
			.form_group label {
				font-size: 14px;
				color: #555;
				font-weight: bold;
			}
			.form_group label span { color: #d32829; }
			.form_group input,
			.form_group select,
			.form_group textarea {
				padding: 12px 16px;
				border: 1.5px solid #e8e8e8;
				border-radius: 10px;
				font-size: 15px;
				color: #333;
				background: #fafafa;
				transition: all 0.2s;
				outline: none;
				font-family: inherit;
			}
			.form_group input:focus,
			.form_group select:focus,
			.form_group textarea:focus {
				border-color: #0053ba;
				background: #fff;
				box-shadow: 0 0 0 3px rgba(211,40,41,0.08);
			}
			.form_group textarea { resize: vertical; min-height: 120px; }

			.form_submit {
				margin-top: 28px;
				display: flex;
				align-items: center;
				gap: 20px;
			}
			.btn_submit {
				padding: 14px 48px;
				background: #0053ba;
				color: #fff;
				font-family: 'AlimamaShuHeiTi-Bold';
				font-size: 18px;
				border: none;
				border-radius: 32px;
				cursor: pointer;
				transition: all 0.25s;
				letter-spacing: 2px;
			}
			.btn_submit:hover {
				background: #0053ba;
				transform: translateY(-2px);
				box-shadow: 0 8px 20px rgba(211,40,41,0.3);
			}
			.form_tip {
				font-size: 13px;
				color: #aaa;
			}

			/* ===== 提示弹窗 ===== */
			.submit_toast {
				display: none;
				position: fixed;
				bottom: 40px;
				left: 50%;
				transform: translateX(-50%);
				background: #1a1a1a;
				color: #fff;
				padding: 14px 32px;
				border-radius: 32px;
				font-size: 15px;
				z-index: 9999;
				box-shadow: 0 8px 24px rgba(0,0,0,0.2);
			}
	/* ===== about.html 公司简介 ===== */
	#aboutm1{height: auto; display: flex; flex-direction: column; padding-bottom: 20px;}
	.aboutm1l{flex: auto; padding-top: 15px;}
	.aboutm1lcon{padding-left: 15px; padding-right: 15px;}
	.aboutm1t{height: 70px; line-height: 70px;}
	.aboutm1t h2{font-size: 24px;}
	.m2lshuzi{display: flex; flex-wrap: wrap;}
	.m2lshuzi li{width: 50%; margin-bottom: 15px;}
	.aboutm1lcon_p{font-size: 15px; line-height: 30px; height: auto; padding-bottom: 15px;}
	.m2r{flex: auto; padding-top: 0;}
	.m2rimg{padding-left: 0;}
	.m2rimg img{height: 220px; width: 100%; object-fit: cover; border-radius: 0;}

	/* ===== about.html 发展历程（时间轴） ===== */
	#aboutm2{height: auto; padding-bottom: 30px; background-size: cover;}
	.aboutm2_t{font-size: 24px; height: 80px; line-height: 80px;}
	.timeline-swiper{padding-top: 210px;}
	.aboutm2con .swiper-slide{height: 210px;}
	.aboutm2con .swiper-slide h3{font-size: 18px;}
	.aboutm2con .swiper-slide h3::after{font-size: 24px; top: -26px; margin-left: -12px;}
	.aboutm2con .swiper-slide.swiper-slide-active h3{width: 70px; height: 74px; line-height: 74px; top: -37px; background-size: 100% 100%; font-size: 16px;}
	.aboutm2con .swiper-slide.swiper-slide-active .con{width: 280px; height: auto; min-height: 130px; top: -170px; padding-bottom: 15px;}
	.aboutm2con .swiper-slide.swiper-slide-active .con h4{font-size: 60px; width: 280px; line-height: 100px;}
	.aboutm2con .swiper-slide.swiper-slide-active .con h5{font-size: 18px;}
	.aboutm2con .swiper-slide.swiper-slide-active .con p{font-size: 14px; padding-left: 20px; padding-right: 20px; line-height: 22px;}
	.aboutm2con .line{display: none;}

	/* ===== about.html 资质荣誉 ===== */
	#aboutm3{height: auto; padding-bottom: 30px; background-size: cover;}
	.aboutm3con .swiper-slide{width: auto; height: auto;}
	.aboutm3con .swiper-slide img{height: 180px;}
	.aboutm3con .swiper-slide h3{font-size: 14px; padding-top: 12px; padding-bottom: 5px;}

	/* ===== about.html 企业布局 ===== */
	#baoutm4{height: auto; padding-bottom: 30px; background-size: cover;}
	.aboutm4con{height: auto; min-height: 200px;}

	/* ===== about.html 人才与研发 ===== */
	#baoutm5{min-height: auto; padding-bottom: 30px;}
	#baoutm5 .container{display: flex; flex-direction: column;}
	.baoutm5_l{width: 100%;}
	.baoutm5_r{width: 100%; min-height: auto; margin-top: 20px;}
	.baoutm5_r img{float: none; width: 100%; height: auto;}
	.aboutm5_t{font-size: 24px; height: 80px; line-height: 80px;}

	/* ===== about.html 服务区域 ===== */
	#abaoutm6{height: auto; padding-bottom: 30px; background-size: cover;}
	.abaoutm6_l{width: 100%; float: none;}
	.aboutm6r{height: auto;}
}