﻿@charset "utf-8";
.banner{ width: 100%;}
.banner img{ display: block; width: 100%;}
.banner img.img1{ display: block;}
.banner img.img2{ display: none;}
@media only screen and (max-width:1200px){
    .banner img.img2{ display: block;}
    .banner img.img1{ display: none;}
}







.lanmu{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding: 60px 0;}
.Lnav{ width: 250px;}
.Lnav .title{ width: 100%; display: flex; align-items: center; justify-content: center; font-size: 22px; background: rgba(0, 120, 207, 1); font-weight: bold; color: #fff; padding: 25px 0;}
.Lnav ul li{ background: rgba(242, 249, 255, 1); margin-bottom: 2px; position: relative;}
.Lnav ul li.on{ background:url(g_17.png) center center no-repeat; background-size: cover; margin-bottom: 2px;}
.Lnav ul li.on::after{ content: ''; display: block; width: 4px; height: 100%; background: rgba(0, 120, 207, 1); position: absolute; left: 0; top: 0;}
.Lnav ul li>a{ display: flex; box-sizing: border-box; padding: 23px 60px 23px 35px; font-size: 16px; color: rgba(29, 29, 27, 1); background-image: url(g_18.png); background-repeat: no-repeat; background-size: 10px; background-position: calc(100% - 35px) center;}
.Lnav ul li.on>a{ background-image: url(g_19.png); font-weight: bold; color: rgba(0, 120, 207, 1);}

.Lmain{ width: 890px}
.hist{ width: 100%;}
.hist .ihd{ display: flex; align-items: center; justify-content: space-between;}
.hist .ihd .prev1{ width: 30px; height: 30px; background: url(g_20.png) center center no-repeat; background-size: cover; cursor: pointer;}
.hist .ihd .next1{ width: 30px; height: 30px; background: url(g_21.png) center center no-repeat; background-size: cover; cursor: pointer;}
.hist .ihd .mySwiper2{ width: 700px; position: relative; overflow: hidden;}
.hist .ihd .mySwiper2::after{ width: 100%; content: ""; display: block; border-bottom: 2px dashed rgba(0, 120, 207, 0.3); position: absolute; left: 0; bottom: 9px;}
.hist .ihd .mySwiper2 .swiper-slide{ text-align: center;}
.hist .ihd .mySwiper2 .swiper-slide .title{ font-size: 18px; color: rgba(29, 29, 27, 1); line-height: 1;}
.hist .ihd .mySwiper2 .swiper-slide .bj{ display: flex; align-items: center; justify-content: center; margin-top: 8px;}
.hist .ihd .mySwiper2 .swiper-slide .bj i{ display: block; width: 22px; height: 22px; background: url(g_22.png) center center no-repeat; background-size: 50%;}
.hist .ihd .mySwiper2 .swiper-slide.swiper-slide-thumb-active .title{ color: rgba(0, 120, 207, 1); font-weight: bold;}
.hist .ihd .mySwiper2 .swiper-slide.swiper-slide-thumb-active .bj i{ background: url(g_23.png) center center no-repeat; background-size: 100%;}
.hist .ibd{ margin-top: 30px;}
.hist .ibd .mySwiper1{ width: 100%; overflow: hidden;  }
.hist .ibd .mySwiper1 .swiper-slide{ width: 100%; border-bottom: 1px solid rgba(51, 51, 51, 0.2); height: fit-content;}
.hist .ibd .mySwiper1 .swiper-slide .nian{ font-size: 24px; color: rgba(0, 120, 207, 1); font-weight: bold; margin-bottom: 20px;}
.hist .ibd .mySwiper1 .swiper-slide .item{ border-top: 1px solid rgba(51, 51, 51, 0.2);  ;}
.hist .ibd .mySwiper1 .swiper-slide .item a{ display: flex; align-items: center; justify-content: space-between; padding: 20px 0;}
.hist .ibd .mySwiper1 .swiper-slide .item a .ico{ width: 47px; border-right: 1px solid rgba(51, 51, 51, 0.2); box-sizing: border-box;}
.hist .ibd .mySwiper1 .swiper-slide .item a .ico img{ display: block; height: 22px;}
.hist .ibd .mySwiper1 .swiper-slide .item a .txt{ width: calc(100% - 47px); box-sizing: border-box; padding-left: 25px; font-size: 16px; color: rgba(51, 51, 51, 1);}
.hist .ibd .mySwiper1 .swiper-slide .item:hover a .txt{ font-weight: bold; color: rgba(0, 120, 207, 1);}
@media only screen and (max-width:1200px){
    .lanmu{ padding: 40px 0;}
    .Lnav{ width: 100%;}
    .Lnav .title{ display: none;}
    .Lnav ul{ width: 100%; display: flex; flex-wrap: wrap;}
    .Lnav ul li{ width: calc(33.33333333333333333333333333% - 2px); margin-right: 3px; }
    .Lnav ul li:nth-child(3n){ margin-right: 0;}
    .Lnav ul li.on::after{ width: 2px;}
    .Lnav ul li>a{ padding: 13px 20px; font-size: 14px; background-size: 8px; background-position: calc(100% - 20px) center;}
}
@media only screen and (max-width:750px){
    .Lnav ul li{ width: calc(50% - 1px); margin-right: 2px; }
    .Lnav ul li:nth-child(3n){ margin-right: 2px;}

    .Lnav ul li:nth-child(2n){ margin-right: 0;}
    .Lnav ul li>{ padding: 12px 22px 12px 16px;  background-size: 6px; background-position: calc(100% - 10px) 18px;}
}
@media only screen and (max-width:1200px){
    .Lmain{ width: 100%; margin-top: 20px;}
    .hist{ width: 100%;}
    .hist .ihd .prev1{ width: 24px; height: 24px; }
    .hist .ihd .next1{ width: 24px; height: 24px;}
    .hist .ihd .mySwiper2{ width: calc(100% - 80px);}
    .hist .ihd .mySwiper2::after{  border-bottom: 1px dashed rgba(0, 120, 207, 0.3); bottom: 8px;}
    .hist .ihd .mySwiper2 .swiper-slide .title{ font-size: 16px;}
    .hist .ihd .mySwiper2 .swiper-slide .bj{ margin-top: 8px;}
    .hist .ihd .mySwiper2 .swiper-slide .bj i{ width: 17px; height: 17px; }
    .hist .ibd{ margin-top: 20px;}
    .hist .ibd .mySwiper1 .swiper-slide .item a{ padding: 16px 0;}
    .hist .ibd .mySwiper1 .swiper-slide .item a .ico{ width: 40px;}
    .hist .ibd .mySwiper1 .swiper-slide .item a .ico img{ height: 20px;}
    .hist .ibd .mySwiper1 .swiper-slide .item a .txt{ width: calc(100% - 40px); padding-left: 20px; font-size: 14px;}
}

.hist .ibds{ margin-top: 70px; height: auto; overflow: hidden; background: url(p3.jpg)  400px 0  repeat-y; background-size: 8px;}
.hist .ibds .mySwiper3{ width: 100%; }
.hist .ibds .mySwiper3 .it01{ width: 100%; height: auto; overflow: hidden; margin-bottom: 0;}
.hist .ibds .mySwiper3 .it01 .items{ width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; position: relative;}
.hist .ibds .mySwiper3 .it01.swiper-slide-active .items::after{ content: ""; display: block; width: 8px; height: 100%; background: url(p2.png) 0 0 no-repeat;  background-size: 100%; position: absolute; left: 400px; top: 0; }
.hist .ibds .mySwiper3 .it01 .items .pics{ width: 359px; overflow: hidden;}
.hist .ibds .mySwiper3 .it01 .items .pics .mySwiper33{ width: 100%; overflow: hidden;}
.hist .ibds .mySwiper3 .it01 .items .pics .mySwiper33 .swiper-slide{ width: 100%; overflow: hidden;}    
.hist .ibds .mySwiper3 .it01 .items .pics .mySwiper33 img{ width: 100%; transform: scale(1.0); transition: all 0.3s linear;}
.hist .ibds .mySwiper3 .it01 .items .pics .mySwiper33:hover img{ transform: scale(1.1); }
.hist .ibds .mySwiper3 .it01 .items .cont{ width: 440px; overflow: hidden; height: 100%; }
.hist .ibds .mySwiper3 .it01 .items .cont .title{ font-size: 20px; color: rgba(0, 120, 207, 1); font-weight: bold;}
.hist .ibds .mySwiper3 .it01 .items .cont .txt{ font-size: 16px; color: rgba(51, 51, 51, 1); margin-top: 20px; }
.hist .ibds .mySwiper3 .it01 .items .cont .txt p{  background: url(p4.png) 0 13px no-repeat; padding-left: 20px; line-height: 30px;}
@media only screen and (max-width:1200px){
    .hist .ibds{ margin-top: 40px; height: auto; overflow: hidden; background: url(p3.jpg)  300px 0  repeat-y; background-size: 6px;}
    .hist .ibds .mySwiper3{ height: 200px;}
    .hist .ibds .mySwiper3 .it01{ height: auto;}
    .hist .ibds .mySwiper3 .it01 .items{ width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; position: relative;}
    .hist .ibds .mySwiper3 .it01.swiper-slide-active .items::after{ width: 6px; left: 300px;}
    .hist .ibds .mySwiper3 .it01 .items .pics{ width: 280px;}
    .hist .ibds .mySwiper3 .it01 .items .cont{ width: calc(100% - 326px); overflow: hidden; height: 100%; }
    .hist .ibds .mySwiper3 .it01 .items .cont .title{ font-size: 18px; }
    .hist .ibds .mySwiper3 .it01 .items .cont .txt{ font-size: 14px; margin-top: 20px; height: 215px; overflow: auto;}
    .hist .ibds .mySwiper3 .it01 .items .cont .txt p{  background: url(p4.png) 0 10px no-repeat; background-size: 5px; padding-left: 15px; line-height: 26px;}

}
@media only screen and (max-width:750px){
    .hist .ibds{ margin-top: 30px; height: auto; overflow: hidden; background: url(p3.jpg)  300px 0  repeat-y; background-size: 0;}
    .hist .ibds .mySwiper3{ height: auto;}
    .hist .ibds .mySwiper3 .it01{ height: auto;}
    .hist .ibds .mySwiper3 .it01 .items{ width: 100%;}
    .hist .ibds .mySwiper3 .it01.swiper-slide-active .items::after{0}
    .hist .ibds .mySwiper3 .it01 .items .pics{ width: 100%;}
    .hist .ibds .mySwiper3 .it01 .items .cont{ width: 100%; overflow: hidden; height: 100%; }
    .hist .ibds .mySwiper3 .it01 .items .cont .title{ font-size: 16px; margin-top: 20px; }
    .hist .ibds .mySwiper3 .it01 .items .cont .txt{ font-size: 14px; margin-top: 10px; height: auto; overflow: auto;}
    .hist .ibds .mySwiper3 .it01 .items .cont .txt p{  background: url(p4.png) 0 10px no-repeat; background-size: 5px; padding-left: 15px; line-height: 26px;}

}












































.team{ padding-bottom: 60px;}
.team_hd{ margin-top: 60px;}
.team_hd .aitem{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.team_hd .aitem a{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 16px; color: #333; background: #F1F4F6; cursor: pointer; border-radius: 50%;}
.team_hd .aitem a.hui{ color: #999; background: #FCFCFC;}
.team_hd .aitem a:hover{ color: rgba(8, 125, 209, 1);}
.team_hd .aitem a.hui:hover{ color: #999; background: #FCFCFC; cursor: no-drop;}
.team_hd .aitem a.on{ color: #fff; background: rgba(8, 125, 209, 1);}
.team_hd .bitem{ display: flex; justify-content: space-between; margin-top: 30px;}
.team_hd .bitem .item{ width: 33.333333%; height: 50px; border: 1px solid #F1F4F6; display: flex;}
.team_hd .bitem .item:nth-child(n+2){ border-left: 0;}
.team_hd .bitem .item .sel1{ appearance: none; -webkit-appearance: none; opacity: 1; background: url(g_26.jpg) 96% center no-repeat; display: block; height: 100%;  width: 100%; box-sizing: border-box; padding-left: 20px; color: #333333; font-size: 16px;}
.team_hd .bitem .item .inp1{ display: block; height: 100%; width: 100%; box-sizing: border-box; padding:0 20px; color: #333333; font-size: 16px; width: calc(100% - 50px);}
.team_hd .bitem .item .inp1::placeholder{appearance: none; -webkit-appearance: none; opacity: 1; color: #333; }
.team_hd .bitem .item .inp2{ width: 50px; height: 100%; font-size: 0; background: url(g_28.png) center center no-repeat; background-size: 17px; cursor: pointer;}
@media all and (max-width:1200px){
    .team{ padding-bottom: 40px;}
    .team_hd{ margin-top: 40px;}
    .team_hd .aitem a{ width: 24px; height: 24px; font-size: 12px; }
    .team_hd .bitem{ margin-top: 20px;}
    .team_hd .bitem .item{ height: 40px}
    .team_hd .bitem .item .sel1{ background: url(g_26.jpg) 96% center no-repeat; padding-left: 20px; font-size: 14px;}
    .team_hd .bitem .item .inp1{ padding:0 20px; font-size: 14px; width: calc(100% - 40px);}
    .team_hd .bitem .item .inp2{ width: 40px; }
}
@media all and (max-width:750px){
    .team_hd{ margin-top: 40px;}
    .team_hd .aitem a{ width: 7.6%; height: auto; font-size: 12px; background: none!important; font-size: 14px; margin-bottom: 5px; }
    .team_hd .aitem a.on{ color: rgba(8, 125, 209, 1);}
    .team_hd .bitem{ margin-top: 0; flex-wrap: wrap;}
    .team_hd .bitem .item{ height: 40px; width: 100%; margin-top: 10px;}
    .team_hd .bitem .item:nth-child(n+2){  border-left: 1px solid #F1F4F6;}
    .team_hd .bitem .item .sel1{ background: url(g_26.jpg) 96% center no-repeat; padding-left: 15px; font-size: 14px;}
    .team_hd .bitem .item .inp1{ padding:0 20px; font-size: 14px; width: calc(100% - 40px); padding-left: 15px;}
    .team_hd .bitem .item .inp2{ width: 40px; }
}

.team_bd{ margin:10px 0 60px 0; display: flex; flex-wrap: wrap; align-items: flex-start;}
.team_bd .item{ width: calc(278 / 1200 * 100%); margin-right: calc(88 / 3 / 1200 * 100%); margin-top: 50px;}
.team_bd .item:nth-child(4n){ margin-right: 0;}
.team_bd .item .pic{ width: 100%; overflow: hidden; background: linear-gradient(to bottom, rgba(209,221,236,1), #fff);}
.team_bd .item .pic img{ width: 100%; transition: all 0.3s linear; transform: scale(1);}
.team_bd .item:hover .pic img{ transform: scale(1.1);}
.team_bd .item .cont .title{ font-size: 16px; color: rgba(29, 29, 27, 1); font-weight: bold; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom: 1px solid  rgba(201, 206, 211, 1); padding: 15px 0;}
.team_bd .item .cont .intro{ font-size: 14px; color: rgba(102, 102, 102, 1); margin-top: 10px;}
.team_bd .item:hover .cont .title{ color: rgba(8, 125, 209, 1);}
@media all and (max-width:1200px){
    .team_bd{ margin:10px 0 40px 0;}
    .team_bd .item{ width: 31%; margin-right: 3%; margin-top: 30px;}
    .team_bd .item:nth-child(4n){ margin-right: 3%;}
    .team_bd .item:nth-child(3n){ margin-right: 0;}
    .team_bd .item .cont .title{ font-size: 14px; padding: 12px 0;}
    .team_bd .item .cont .intro{ font-size: 12px; margin-top: 8px;}
}
@media all and (max-width:750px){
    .team_bd{ margin:10px 0 30px 0;}
    .team_bd .item{ width: 48.5%; margin-right: 3%; margin-top: 20px;}
    .team_bd .item:nth-child(4n){ margin-right: 3%;}
    .team_bd .item:nth-child(3n){ margin-right: 3%;}
    .team_bd .item:nth-child(2n){ margin-right: 0;}
    .team_bd .item .cont .title{ padding: 10px 0;}
    .team_bd .item .cont .intro{ margin-top: 8px;}
}

.teamDis01{ background: url(g_29.png) center center no-repeat; background-size: 100% 100%; padding: 70px 0 0;}
.teamDis01 .ibd{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse;}  
.teamDis01 .ibd .rt{ width: 450px;} 
.teamDis01 .ibd .rt .pic{ width: 100%; overflow: hidden;}
.teamDis01 .ibd .rt .pic img{ width: 100%; transition: all 0.3s linear; transform: scale(1);}
/* .teamDis01 .ibd .rt .pic:hover img{ transform: scale(1.1);} */
.teamDis01 .ibd .lt{ width: 675px; color: #fff;}
.teamDis01 .ibd .lt h2{ font-size: 28px; font-weight: bold; line-height: 1; padding-bottom: 20px;border-bottom: 1px solid rgba(255, 255, 255, 1);}
.teamDis01 .ibd .lt .intro{ font-size: 16px; line-height: 2; margin-top: 25px;}
.teamDis01 .ibd .lt .lk{ margin-top: 30px; display: flex;}
.teamDis01 .ibd .lt .lk .item{ display: flex; align-items: center; margin-right: 50px; font-size: 16px;position: relative;}
.teamDis01 .ibd .lt .lk .item:last-child{ margin-right: 0;}
.teamDis01 .ibd .lt .lk .item i{ display: block; margin-right: 12px; }
.teamDis01 .ibd .lt .lk .item i img{ display: block;}
.teamDis01 .ibd .lt .lk .item .pic{ position: absolute; left: 0; bottom: 100%; z-index: 2; padding-bottom: 5%; width: 120px; display: none;}
.teamDis01 .ibd .lt .lk .item .pic img{ width: 100%;}
.teamDis01 .ibd .lt .lk .item:hover .pic{ display: block;}
.teamDis01 .ibd .lt .lk .item a{ color: #fff;}
@media all and (max-width:1200px){
    .teamDis01{  padding: 50px 0 0;}
    .teamDis01 .ibd .rt{ width: 320px;} 
    .teamDis01 .ibd .lt{ width: calc(100% - 350px);}
    .teamDis01 .ibd .lt h2{ font-size: 24px; padding-bottom: 15px;}
    .teamDis01 .ibd .lt .intro{ font-size: 14px; margin-top: 20px;}
    .teamDis01 .ibd .lt .lk{ margin-top: 20px;}
    .teamDis01 .ibd .lt .lk .item{  margin-right: 20px; font-size: 14px;}
    .teamDis01 .ibd .lt .lk .item i{ margin-right: 10px; }
    .teamDis01 .ibd .lt .lk .item i img{ height: 16px;}
    .teamDis01 .ibd .lt .lk .item:last-child i img{ height: 12px;}
}
@media all and (max-width:750px){
    .teamDis01{  padding: 40px 0;}
    .teamDis01 .ibd .rt{ width: 100%; padding: 0 20%;} 
    .teamDis01 .ibd .lt{ width: 100%; margin-top: 20px;}
    .teamDis01 .ibd .lt h2{ font-size: 20px; padding-bottom: 15px;}
    .teamDis01 .ibd .lt .intro{ font-size: 14px; margin-top: 20px;}
    .teamDis01 .ibd .lt .lk{ margin-top: 0; flex-wrap: wrap;}
    .teamDis01 .ibd .lt .lk .item{ margin-right: 20px; font-size: 14px; margin-top: 12px;}
    .teamDis01 .ibd .lt .lk .item:last-child{ width: 100%;}
    .teamDis01 .ibd .lt .lk .item i{ margin-right: 10px; }
    .teamDis01 .ibd .lt .lk .item i img{ height: 16px;}
    .teamDis01 .ibd .lt .lk .item:last-child i img{ height: 12px;}
}

.teamDis02{ padding:60px 0;}
.teamDis02 .ibd{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.teamDis02 .ibd .lt{ width: 250px}
.teamDis02 .ibd .lt .item{ background: rgba(242, 249, 255, 1); width: 100%; box-sizing: border-box; margin-bottom: 10px; padding: 25px;}
.teamDis02 .ibd .lt .item .t1{ font-size: 16px; color: rgba(29, 29, 27, 1); line-height: 1; padding: 5px 0 15px;  border-bottom: 1px solid rgba(201, 206, 211, 1);}
.teamDis02 .ibd .lt .item .t2{ font-size: 14px; color: rgba(102, 102, 102, 1); margin-top: 10px;}
.teamDis02 .ibd .lt .item .t2 p{ line-height: 1.4; padding: 5px 0;}
.teamDis02 .ibd .rt{ width: 890px;}
.teamDis02 .ibd .rt .con{ width: 100%; margin-bottom: 60px;}
.teamDis02 .ibd .rt .con .hd{ background: url(g_34.png) 0 0 no-repeat; background-size: 14px; padding-left: 28px; font-size: 20px; color: rgba(8, 125, 209, 1); font-weight: bold; line-height: 28px; padding-bottom: 12px;   border-bottom: 1px solid rgba(201, 206, 211, 1);}
.teamDis02 .ibd .rt .con .bd{ margin-top: 20px; font-size: 16px; color: rgba(102, 102, 102, 1); line-height: 2;}
.teamDis02 .ibd .rt .con .bd img{ max-width: 100%; height: auto;}
.teamDis02 .ibd .rt .con .bd video{ max-width: 100%; height: auto;}
.teamDis02 .ibd .rt .con .teamDisList .item{ border-bottom: 1px solid rgba(51, 51, 51, 0.2); height: 20%; box-sizing: border-box;}
.teamDis02 .ibd .rt .con .teamDisList .item:last-child{ border-bottom: none;}
.teamDis02 .ibd .rt .con .teamDisList .item a{ display: flex; align-items: center; height: 100%; padding: 25px 0; flex-direction: row-reverse;}
.teamDis02 .ibd .rt .con .teamDisList .item a .time{ font-size: 22px; font-weight: bold; color: rgba(142, 143, 146, 1); height: 40%; display: flex; align-items: center; border-left: 1px solid rgba(51, 51, 51, 0.2); width: 140px; box-sizing: border-box; text-align: right; justify-content: flex-end;}
.teamDis02 .ibd .rt .con .teamDisList .item a .cont{ width: calc(100% - 140px); box-sizing: border-box; padding-right: 15px;}
.teamDis02 .ibd .rt .con .teamDisList .item a .cont .title{ font-size: 18px; color: rgba(51, 51, 51, 1);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.teamDis02 .ibd .rt .con .teamDisList .item a .cont .intro{ font-size: 14px; color: rgba(102, 102, 102, 1);text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top: 5px;}
.teamDis02 .ibd .rt .con .teamDisList .item:hover a .cont .title{ color: rgba(8, 125, 209, 1); font-weight: bold;}
.teamDis02 .ibd .rt .con .teamDisList .item:hover a .time{ color: rgba(8, 125, 209, 1);}
@media all and (max-width:1200px){
    .teamDis02{ padding:40px 0;}
    .teamDis02 .ibd .lt{ width: 200px}
    .teamDis02 .ibd .lt .item{ padding: 20px;}
    .teamDis02 .ibd .lt .item .t1{ font-size: 14px;}
    .teamDis02 .ibd .lt .item .t2{ font-size: 12px; }
    .teamDis02 .ibd .rt{ width: calc(100% - 220px);}
    .teamDis02 .ibd .rt .con{ margin-bottom: 40px;}
    .teamDis02 .ibd .rt .con .hd{ background-size: 10px; padding-left: 20px; font-size: 18px; line-height: 22px; padding-bottom: 10px;}
    .teamDis02 .ibd .rt .con .bd{ font-size: 14px;}
    .teamDis02 .ibd .rt .con .teamDisList .item{ height: auto;}
    .teamDis02 .ibd .rt .con .teamDisList .item a{ padding: 20px 0;}
    .teamDis02 .ibd .rt .con .teamDisList .item a .time{ font-size: 18px; width: 120px;}
    .teamDis02 .ibd .rt .con .teamDisList .item a .cont{ width: calc(100% - 120px); padding-left: 15px;}
    .teamDis02 .ibd .rt .con .teamDisList .item a .cont .title{ font-size: 16px;}
    .teamDis02 .ibd .rt .con .teamDisList .item a .cont .intro{ font-size: 12px; }
    .teamDis02 .ibd .rt .con .teamDisList .item:last-child a{ padding-bottom: 0;}
}
@media all and (max-width:750px){
    .teamDis02{ padding:40px 0;}
    .teamDis02 .ibd .lt{ width: 100%}
    .teamDis02 .ibd .rt{ width: 100%; margin-top: 20px;}
    .teamDis02 .ibd .rt .con .teamDisList .item a .time{ font-size: 14px; width: 100px;}
    .teamDis02 .ibd .rt .con .teamDisList .item a .cont{ width: calc(100% - 100px); padding-left: 15px;}
 
}



.ywly{ width: 100%;}
.ywly .ihd .title{ font-size: 24px;}
.ywly01{ width: 100%;}
.ywly01 .pic{ width: 100%; overflow: hidden;}
.ywly01 .pic img{ width: 100%; transition: all 0.3s linear; transform: scale(1);}
.ywly01 .pic:hover img{ transform: scale(1.1);}
.ywly02{ margin-top: 40px;}
.ywly02 .ibd{ margin-top: 20px; font-size: 16px; color: #333; line-height: 2;}
.ywly03{ margin-top: 40px;}
.ywly03 .ihd{ display: flex; align-items: center; justify-content: space-between;}
.ywly04{ margin-top: 40px;}
.ywly04 .ihd{ display: flex; align-items: center; justify-content: space-between;}


.ywly04 .ibd .item{ border-bottom: 1px solid rgba(51, 51, 51, 0.2); height: 20%; box-sizing: border-box;}
.ywly04 .ibd .item:last-child{ border-bottom: none;}
.ywly04 .ibd .item a{ display: flex; align-items: center; height: 100%; padding: 25px 0; flex-direction: row-reverse;}
.ywly04 .ibd .item a .time{ font-size: 22px; font-weight: bold; color: rgba(142, 143, 146, 1); height: 40%; display: flex; align-items: center; border-left: 1px solid rgba(51, 51, 51, 0.2); width: 140px; box-sizing: border-box; justify-content: flex-end; }
.ywly04 .ibd .item a .cont{ width: calc(100% - 140px); box-sizing: border-box; padding-right: 15px;}
.ywly04 .ibd .item a .cont .title{ font-size: 18px; color: rgba(51, 51, 51, 1);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ywly04 .ibd .item a .cont .intro{ font-size: 14px; color: rgba(102, 102, 102, 1);text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top: 5px;}
.ywly04 .ibd .item:hover a .cont .title{ color: rgba(8, 125, 209, 1); font-weight: bold;}
.ywly04 .ibd .item:hover a .time{ color: rgba(8, 125, 209, 1);}




.ywly03 .ibd{ margin:10px 0 60px 0; display: flex; flex-wrap: wrap; align-items: flex-start;}
.ywly03 .ibd .item{ width:31%; margin-right:3.5%; margin-top: 30px;}
.ywly03 .ibd .item:nth-child(3n){ margin-right: 0;}
.ywly03 .ibd .item .pic{ width: 100%; overflow: hidden; background:linear-gradient(to bottom, rgba(209,221,236,1), #fff);}
.ywly03 .ibd .item .pic img{ width: 100%; transition: all 0.3s linear; transform: scale(1);}
.ywly03 .ibd .item:hover .pic img{ transform: scale(1.1);}
.ywly03 .ibd .item .cont .title{ font-size: 16px; color: rgba(29, 29, 27, 1); font-weight: bold; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom: 1px solid  rgba(201, 206, 211, 1); padding: 15px 0;}
.ywly03 .ibd .item .cont .intro{ font-size: 14px; color: rgba(102, 102, 102, 1); margin-top: 10px;}
.ywly03 .ibd .item:hover .cont .title{ color: rgba(8, 125, 209, 1);}
@media all and (max-width:1200px){
    .ywly .ihd .title{ font-size: 20px;}
    .ywly02{ margin-top: 30px;}
    .ywly02 .ibd{ margin-top: 16px; font-size: 14px;}
    .ywly03{ margin-top: 30px;}
    .ywly03 .ibd{ margin:0 0 30px 0;}
    .ywly03 .ibd .item{ width: 31%; margin-right: 3%; margin-top: 20px;}
    .ywly03 .ibd .item:nth-child(4n){ margin-right: 3%;}
    .ywly03 .ibd .item:nth-child(3n){ margin-right: 0;}
    .ywly03 .ibd .item .cont .title{ font-size: 14px; padding: 12px 0;}
    .ywly03 .ibd .item .cont .intro{ font-size: 12px; margin-top: 8px;}

    .ywly04 .ibd .item{ height: auto;}
    .ywly04 .ibd .item a{ padding: 20px 0;}
    .ywly04 .ibd .item a .time{ font-size: 18px; width: 120px;}
    .ywly04 .ibd .item a .cont{ width: calc(100% - 120px); padding-left: 15px;}
    .ywly04 .ibd .item a .cont .title{ font-size: 16px;}
    .ywly04 .ibd .item a .cont .intro{ font-size: 12px; }
    .ywly04 .ibd .item:last-child a{ padding-bottom: 0;}
}
@media all and (max-width:750px){
    .ywly .ihd .title{ font-size: 18px;}
    .ywly03 .ibd{ margin:10px 0 30px 0;}
    .ywly03 .ibd .item{ width: 48.5%; margin-right: 3%; margin-top: 20px;}
    .ywly03 .ibd .item:nth-child(4n){ margin-right: 3%;}
    .ywly03 .ibd .item:nth-child(3n){ margin-right: 3%;}
    .ywly03 .ibd .item:nth-child(2n){ margin-right: 0;}
    .ywly03 .ibd .item .cont .title{ padding: 10px 0;}
    .ywly03 .ibd .item .cont .intro{ margin-top: 8px;}
    .ywly04 .ibd .item a .time{ font-size: 14px; width: 100px;}
    .ywly04 .ibd .item a .cont{ width: calc(100% - 100px); padding-left: 15px;}
}

.nnlist{ margin: 0 0 30px 0;}

.article{ margin-top:0;}
.article .bd{ font-size:16px; color:#333; line-height:2; text-align:justify}
/* .article .bd p,.article .bd span{ font-size:16px!important} */
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .hd { margin:0 0 40px; padding:0 0 30px; }
.article .hd h1 { color:#333; font-size:36px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:#666; font-size:16px; text-align:center; margin-top:10px }
.article .ft { margin:60px 0 0;}
.article .ft ul{display:flex;justify-content: space-between; }
.article .ft ul li { font-size:16px; color:#333; opacity:0.7}
.article .ft ul li a{ color:#333}
.article .ft ul li:hover{ opacity:1}
@media all and (max-width:1200px){
    .article .bd{ font-size:14px}
    .article .bd p,.article .bd span{ font-size:14px!important}
    .article .hd { margin:0 0 0; padding:0 0 20px; }
    .article .hd h1 { font-size:28px;}
    .article .ft { margin:30px 0 0;}
    .article .ft ul li { font-size:14px;}
    .article .hd .titBar{ font-size: 14px;}
}
@media all and (max-width:750px){
    .article .hd .titBar{ font-size: 12px;}
    .article .hd h1 { font-size:20px;}
    .article .ft { margin:20px 0 0;}
    .article .ft ul{ display: block;}
    .article .ft ul li { font-size:12px; padding: 5px 0;}
}

.piList{ width: 100%;}  
.pic-item-list{ width: 100%;}
.pic-item-list .pic-item{ width: 32%; float: left; margin-right: 2%; margin-bottom: 30px;}
.pic-item-list .pic-item:nth-child(3n){ margin-right: 0;}
.pic-item-list .pic-item .list-pic{ width: 100%; overflow: hidden;  padding: 12px; box-sizing: border-box; background: rgba(242, 249, 255, 1);}
.pic-item-list .pic-item .list-pic a{ display: block; padding-bottom: 75%; overflow: hidden; position: relative;}
.pic-item-list .pic-item .list-pic a img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s linear; transform: scale(1);}
.pic-item-list .pic-item:hover .list-pic a img{ transform: scale(1.1);}
.pic-item-list .pic-item dl dt a{ display: block;  text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding: 10px; box-sizing: border-box; font-size: 16px; color: #333;}
.pic-item-list .pic-item:hover dl dt a{ background: rgba(0, 120, 207, 1); color: #fff;}

.pic-item-list.pic-item-list101103 .pic-item{ width: 23.5%; margin-right: 2%;}
.pic-item-list.pic-item-list101103 .pic-item:nth-child(3n){ margin-right: 2%;}
.pic-item-list.pic-item-list101103 .pic-item:nth-child(4n){ margin-right: 0;}
.pic-item-list.pic-item-list101103 .pic-item .list-pic a{ padding-bottom: 50%; }


@media all and (max-width:1200px){
    .pic-item-list .pic-item{  margin-bottom: 20px;}
    .pic-item-list .pic-item dl dt a{ font-size: 14px;}


    
}
@media all and (max-width:750px){
    .pic-item-list .pic-item{ width: 48.5%; margin-right: 3%; margin-bottom: 15px;}
    .pic-item-list .pic-item:nth-child(3n){ margin-right: 3%;}
    .pic-item-list .pic-item:nth-child(2n){ margin-right: 0;}
    .pic-item-list .pic-item dl dt a{ font-size: 14px;}

   

    .pic-item-list.pic-item-list101103 .pic-item{ width: 32%; margin-right: 2%;}
    .pic-item-list.pic-item-list101103 .pic-item:nth-child(3n){ margin-right: 2%;}
    .pic-item-list.pic-item-list101103 .pic-item:nth-child(4n){ margin-right: 2%;}
    .pic-item-list.pic-item-list101103 .pic-item:nth-child(3n){ margin-right: 0%;}
     .pic-item-list.pic-item-list101103 .pic-item .list-pic{ padding: 5px; }
     .pic-item-list .pic-item .list-pic{ padding: 8px; }
}

.page{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.page span{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.page a{ display: flex; align-items: center; justify-content: center; margin: 5px; width: fit-content; padding: 10px 15px; font-size: 16px; color: #333; background: rgba(242, 249, 255, 1); line-height: 1;}
.page a.current{ background: rgba(0, 120, 207, 1); color: #fff;}
@media all and (max-width:1200px){
    .page a{ margin: 3px; padding: 8px 12px; font-size: 14px;}
}
@media all and (max-width:1200px){
    .page a{ margin: 2px; padding: 6px 10px; font-size: 14px;}
}

.newsList{ width: 100%;}
.newsList .ibd .item{ background: rgba(242, 249, 255, 1); margin-bottom: 30px;}
.newsList .ibd .item a{padding: 30px; display: block; width: 100%; box-sizing: border-box;}
.newsList .ibd .item .bq{ font-size: 16px; color: #666; padding:0 0 10px 0;}
.newsList .ibd .item a .tt{ display: flex; align-items: center; justify-content: space-between;}
.newsList .ibd .item .time{ font-size: 14px; color: #999;}
.newsList .ibd .item .title{ display: block; font-size: 18px; color: #333; max-width: calc(100% - 100px); text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList .ibd .item .intro{ display: block; font-size: 14px; color: #666; margin-top: 15px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList .ibd .item .morex{ width: fit-content; margin-top: 20px;}
.newsList .ibd .item .morex .in{ background: none; color: rgba(0, 120, 207, 1); box-sizing: border-box; border: 1px solid rgba(0, 120, 207, 1); }
.newsList .ibd .item:hover .morex .in{ background: #fff; color: rgba(0, 120, 207, 1); }
.newsList .ibd .item:hover{ background: rgba(0, 120, 207, 1);}
.newsList .ibd .item:hover .bq{ color: rgba(255, 255, 255, 0.5)}
.newsList .ibd .item:hover .time{ color: rgba(255, 255, 255, 0.3)}
.newsList .ibd .item:hover .title{ color: rgba(255, 255, 255, 1)}
.newsList .ibd .item:hover .intro{ color: rgba(255, 255, 255, 0.5)}
@media all and (max-width:1200px){
    .newsList .ibd .item{ margin-bottom: 20px;}
    .newsList .ibd .item a{ padding: 20px;}
    .newsList .ibd .item .bq{ font-size: 14px; padding:0 0 8px 0;}
    .newsList .ibd .item .time{ font-size: 12px; }
    .newsList .ibd .item .title{ font-size: 16px; max-width: calc(100% - 80px);}
    .newsList .ibd .item .intro{ font-size: 12px; margin-top: 12px; }
}

.newsListx{ width:100%; padding-bottom:60px}
.newsListx .wk{ box-sizing:border-box; border:1px solid #e3e3e3; border-bottom:0}
.newsListx .item{ width:100%; padding:30px 25px; box-sizing:border-box; border-bottom:1px solid #e3e3e3}
.newsListx .item:nth-child(2n){background:none}
.newsListx .item .kk{ display:flex; width:100%; height:100%; box-sizing:border-box; }
.newsListx .item .kk .pic{ width:320px; overflow:hidden;}
.newsListx .item .kk .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.newsListx .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.newsListx .item .kk .cont{ width:calc(100% - 320px);  box-sizing:border-box; padding-left:30px}
.newsListx .item .kk .cont .time{ font-size:14px; color:#888888; margin-top:10px}
.newsListx .item .kk .cont .title{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px; line-height:30px; font-weight:bold;}
.newsListx .item .kk .cont .intro{ font-size:14px; color:#888888; line-height:25px; height:50px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsListx .item .kk .cont .more{ font-size:14px; color:#888888; margin-top:10px; padding:10px 0; transition:all 0.3s; display:flex;width:fit-content }
.newsListx .item:hover .kk .cont .more{ background:rgba(0, 120, 207, 1); color:#fff; text-align:center; padding:10px 20px; border-radius:20px; }
.newsListx .item:hover{box-shadow:5px 5px 10px #ededed, -5px -5px 10px #ededed}
.newsListx .item:hover .kk .cont .title{ color:rgba(0, 120, 207, 1)}
@media all and (max-width:1200px){
    .newsListx{ padding-bottom:40px}
    .newsListx .item{ padding:20px;}
    .newsListx .item .kk .pic{ width:220px; overflow:hidden;}
    .newsListx .item .kk .cont{ width:calc(100% - 220px); padding-left:20px}
    .newsListx .item .kk .cont .time{ font-size:12px; }
    .newsListx .item .kk .cont .title{ font-size:16px;}
    .newsListx .item .kk .cont .intro{ font-size:12px; line-height:20px; height:38px; }
    .newsListx .item .kk .cont .more{ font-size:12px; }
}
@media all and (max-width:750px){
    .newsListx{ padding-bottom:40px}
    .newsListx .item{ padding:20px;}
    .newsListx .item .kk{ flex-wrap: wrap;}
    .newsListx .item .kk .pic{ width:100%; overflow:hidden;}
    .newsListx .item .kk .cont{ width:100%; padding-left:0}
   
}


.lxwm{ margin-top:0}
.lxwm .ihd img{ width:100%}
.lxwm .ibd{ margin-top:50px; display:flex;  flex-wrap: wrap }
.lxwm .ibd .item{ width:32%; margin-right:2%; margin-bottom:50px; background:#fff}
.lxwm .ibd .item:nth-child(3n){ margin-right:0}
.lxwm .ibd .item .pic{ width:100%;}
.lxwm .ibd .item .pic img{ width:100%}
.lxwm .ibd .cont{ width:100%; box-sizing:border-box; padding:0 20px; margin-top:-40px;}
.lxwm .ibd .cont .title{display:flex; align-items: center; font-size:20px; color:#060606}
.lxwm .ibd .cont .title img{ margin-right:15px; height: 22px;}
.lxwm .ibd .cont .intro{ font-size:14px; color:#060606; line-height:1.8; margin-top:20px}
@media all and (max-width:1200px){
    .lxwm .ibd{ margin-top: 20px;}
}
@media all and (max-width:750px){
    .lxwm .ibd .item{ width:100%; margin-bottom:50px; margin-right:0%}
    .lxwm .ibd .item:nth-child(3n){ margin-right:0%}
    .lxwm .ibd .item:nth-child(2n){ margin-right:0}
    .lxwm .ibd .cont .title{ font-size:18px;}
    .lxwm .ibd .cont .title img{ margin-right:12px; height: 20px;}
    .lxwm .ibd .cont .intro{ font-size:14px; margin-top:16px}
}

.rczp .nr{ width: 100%;}
.rcArea { padding-top:30px}
.rcArea ul{ padding-bottom:40px}
.rcArea ul li {  margin-bottom:0!important; margin-top: -1px; }
.rcArea ul li .txt01 { border:1px solid #d9e0e5; border-left:1px solid #015499; height:55px; display:flex; align-items: center; font-size:18px; color:#060606}
.rcArea ul li .txt01 .p4{ width:40%; box-sizing:border-box; padding-left:30px}
.rcArea ul li .txt01 .p1 {  width:35%; }
.rcArea ul li .txt01 .p2 { width:160px; text-align: center; }
/* .rcArea ul li .txt01 .p3 { width:28px; height:100%; background:url(g_41.png) center center no-repeat rgba(0, 120, 207, 1); z-index:2; } */
.rcArea ul li.on .txt01 .p3 { background:url(g_42.png) center center no-repeat rgba(0, 120, 207, 1); }
.rcArea ul li.on{ background:#fff}
.rcArea ul li .txt02 { padding:40px;   display:none; border: 1px solid #d9e0e5; border-top:0 }
.rcArea ul li .txt02 .p1 { font-size:16px; color:#2f3030; line-height:30px; }
.rcArea ul li .txt02 .p1 strong { color:#333; }
.rcArea ul li .txt02 .p2 { float:right; margin-top:15px; width:170px; border:1px solid #015699 ; border-radius:30px; text-align:center; cursor:pointer; }
.rcArea ul li .txt02 .p2 i { display:inline-block; line-height:50px; padding-right:35px; font-size:18px; color:#015699; background:url(ico16.png) no-repeat center right; }
.rcArea ul li .txt02 .p2:hover { background:#4c4c4c ; }
.rcArea ul li .txt02 .p2:hover i { color:#fff; background:url(ico17.png) no-repeat center right; }
.biaodan { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:999; display:none; }
.jbclose {position: absolute; right: 2%;top: 3%;z-index: 11;width: 40px;height: 40px; cursor:pointer; }
.jbclose i {display: block;width: 100%;height: 40px;position: relative;transform: rotate(45deg); transition: all .4s ease;}
.jbclose i::after,.jbclose i::before {content: '';background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.jbclose i::after {width: 26px;height: 2px;}
.jbclose i::before {width: 2px;height: 26px;}
.jbclose i:hover {transform: rotate(135deg);}
.jbclose i:hover::after,.jbclose i:hover::before {background: #4c4c4c;}
.biaodan01 { position: absolute; width:460px; overflow: hidden; background: #fff; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 3% 50px; border-radius: 10px; }
.biaodan01 .txt { text-align:center; }
.biaodan01 .txt .p1 {font-size: 30px;padding-bottom: 10px; font-weight:bold;}
.biaodan01 .txt .p2 {font-size: 14px;color: #666;}
.biaodan01 form { margin-top:30px; font-size:14px; }
.biaodan01 form .text { border: 1px solid #ededed; width: 100%; padding:0 20px; height:45px; line-height:45px; overflow: hidden; box-sizing: border-box; display: block; margin-bottom: 10px; border-radius: 4px; background: #f2f4f7; }
.biaodan01 form .text01 { float:left; width:48%; }
.biaodan01 form .text02 { float:right; width:48%; }
.biaodan01 form .pp {  margin-bottom:5px; }
.biaodan01 form .filebtn { position:relative; }
.biaodan01 form .filebtn input.file { position:absolute; top:0; left:0; width:100%; cursor: pointer; opacity: 0; height:45px; z-index: 8; }
.biaodan01 form .filebtn .file-title { position:relative; width: 100%; height:45px; }
.biaodan01 form .filebtn .file-title .file-txt { width:70px; height:36px; line-height:36px; border-radius: 5px; cursor: pointer; text-align: center; background: #000;color: #fff;position: absolute;right: 3%;top: 50%;border:none;overflow: hidden;transform: translateY(-50%); }
.biaodan01 form .filebtn .file-title .file-name {  border: 1px solid #ededed; width: 100%; padding:0 20px; height:45px; line-height:45px; overflow: hidden; box-sizing: border-box; display: block; border-radius: 4px; background: #f2f4f7; }
.biaodan01 form .btn01 { width: 100%; height:45px; line-height:45px; overflow: hidden;box-sizing: border-box;display: block;background: #4c4c4c;color: #fff;border: none;cursor: pointer;font-size: 16px;border-radius: 4px;text-align: center; margin-top:10px; }
@media all and (max-width:1200px){
    .rcArea { padding-top:20px}
    .rcArea ul{ padding-bottom:30px}
    .rcArea ul li {  margin-bottom:15px }
    .rcArea ul li .txt01 { height:45px; font-size:14px;}
    .rcArea ul li .txt01 .p4{ width:40%; padding-left:20px}
    .rcArea ul li .txt01 .p1 { width: 30%;}
    .rcArea ul li .txt01 .p2 { width: 30%;}
    .rcArea ul li .txt02 { padding:20px;}
    .rcArea ul li .txt02 .p1 { font-size:14px; line-height:1.8; }

    .rcArea ul li .txt02 .p2 { width:120px;}
    .rcArea ul li .txt02 .p2 i { line-height:40px; padding-right:30px; font-size:14px; background-size: 12px; }
    .rcArea ul li .txt02 .p2:hover i { background-size: 12px;  }

    
    .jbclose { width: 30px;height: 30px;}
    .jbclose i { height: 30px;}
    .jbclose i::after,.jbclose i::before {content: '';background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .jbclose i::after {width: 20px;height: 2px;}
    .jbclose i::before {width: 2px;height: 20px;}
   

    .biaodan01 { width:92%; box-sizing: border-box; padding:20px;}
    .biaodan01 .txt .p1 {font-size: 22px;}
    .biaodan01 .txt .p2 {font-size: 12px;}
    .biaodan01 form { margin-top:20px; font-size:12px; }
    .biaodan01 form .text { padding:0 15px; height:40px; line-height:40px; }
    .biaodan01 form .filebtn input.file { height:40px;}
    .biaodan01 form .filebtn .file-title { height:40px; }
    .biaodan01 form .filebtn .file-title .file-txt { width:60px; height:32px; line-height:32px;}
    .biaodan01 form .filebtn .file-title .file-name { padding:0 15px; height:40px; line-height:40px;}
    .biaodan01 form .btn01 { height:40px; line-height:40px; font-size: 14px; }
}


.touHd{ background: rgba(0, 120, 207, 1); color: #fff; font-size: 18px; height: 70px; display: flex; align-items: center;}
.touHd .t1{ width: 40%; box-sizing: border-box; padding-left: 30px;}
.touHd .t2{ width: 35%;}
.touHd .t3{ width: 160px; text-align: center;}
@media all and (max-width:1200px){
    .touHd{ font-size: 16px; height: 50px;}
    .touHd .t1{ width: 40%;  padding-left: 20px;}
    .touHd .t2{ width: 30%;}
    .touHd .t3{ width: 30%;}
}

.nr_pc{ display: block;}
.nr_sj{ display: none;}
@media all and (max-width:750px){
    .nr_pc{ display: none;}
    .nr_sj{ display: block;}
}







.locations{ background: #fff; border-bottom: 1px solid #e5e5e5;}
.locations .nr{ display: flex; justify-content: space-between; align-items: center;}
.locations .nr .second_navs ul{ display: flex;}
.locations .nr .second_navs ul li{ margin-right: 60px;}
.locations .nr .second_navs ul li a{ display: flex; align-items: center; height: 85px; font-size: 18px; color: #666666; position: relative;}
.locations .nr .second_navs ul li a:after,.locations .nr .second_navs ul li a:after{ content: ""; display: block; width: 0; height: 2px; background: rgba(8, 125, 209, 1); position: absolute; left: 50%; bottom: 0; transition: all 0.3s;}
.locations .nr .second_navs ul li.on a,.locations .nr .second_navs ul li a:hover{ color: rgba(8, 125, 209, 1); font-weight: bold;}

.locations .nr .second_navs ul li.on a:after,.locations .nr .second_navs ul li a:hover:after{ left: 0; width: 100%;}

@media all and (max-width:1600px){
    .locations .nr .second_navs ul li a{ height: 60px;  font-size: 16px; }
}
@media all and (max-width:1200px){
    .locations{ border: 0;}
    .locations .nr .second_navs{ width: 100%;}
    .locations .nr .second_navs ul li{ flex: 1; margin-right: 0;}
    .locations .nr .second_navs ul li a{ width: 100%; box-sizing: border-box; height: 60px; font-size: 16px; text-align: center; justify-content: center; line-height: 1.2; }
    .locations .nr .second_navs.a1{ display:none;}
}
@media all and (max-width:750px){
    .locations .nr .second_navs{ margin-top: 40px;}
    .locations .nr .second_navs ul{ flex-wrap: wrap; box-sizing: border-box;  border: 1px solid #f1f1f1; border-right: 0; border-bottom: 0;}
    .locations .nr .second_navs ul li{ width: 50%; box-sizing: border-box; flex: inherit; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; margin-right: 0;}
    .locations .nr .second_navs ul li a{  height: 50px; padding:0 5px ; font-size: 14px; }
}

.iii{ padding: 60px 0;}
@media all and (max-width:1200px){
    .iii{ padding: 40px 0;}
}



.alxwm{
    display: flex;
    flex-wrap: wrap;
    gap:2%;
}
.alxwm .item{
    width: 32%;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.alxwm .item .pic{ width: 100%; overflow: hidden;}
.alxwm .item .pic img{
    width: 100%;
    height: auto;
    display: block; transition: all 0.5s; transform: scale(1);
}
.alxwm .item:hover .pic img{
    width: 100%; transform: scale(1.15);
}
.alxwm .item .txt .p1{ font-size: 20px; color: rgba(8, 125, 209, 1); font-weight: bold; margin-top: 20px;}
.alxwm .item .txt .p2{ font-size: 16px; color: #000; margin-top: 10px; line-height: 2;}
/* 响应式媒体查询 */
@media screen and (max-width: 1200px) {
    .alxwm .item{
        width: 49%; margin-bottom: 30px;
    }
    .alxwm .item .txt .p1{ font-size: 18px; margin-top: 16px;}
    .alxwm .item .txt .p2{ font-size: 14px; margin-top: 6px; }
    
}
@media screen and (max-width: 750px) {
    .alxwm .item{
        width: 100%; margin-bottom: 20px;
    }
    .alxwm .item .txt .p1{ font-size: 16px; margin-top: 12px;}
    .alxwm .item .txt .p2{ font-size: 12px; margin-top: 6px; }
}

.thirdsss{ width: 100%; }
.thirdsss a{ display: block; background: rgba(242, 249, 255, 1); margin-top: 2px; box-sizing: border-box; padding: 15px 40px; font-size: 14px; color: rgba(29, 29, 27, 1);}
.thirdsss a.on{  color: rgba(0, 120, 207, 1);}
.thirdsss a:hover{  color: rgba(0, 120, 207, 1);}

.thirdsss2{ width: 100%; display: flex; flex-wrap: wrap; gap: 6px; display: none; margin-top: 10px;}
.thirdsss2 a{ display: block; width: calc(50% - 3px);  box-sizing: border-box; padding: 10px; background: rgba(242, 249, 255, 1); font-size: 14px; color: rgba(29, 29, 27, 1); text-align: center;}
.thirdsss2 a.on{  color: rgba(0, 120, 207, 1);}
.thirdsss2 a:hover{  color: rgba(0, 120, 207, 1);}

@media screen and (max-width: 1200px) {
    .thirdsss{ display: none;}  
    .thirdsss2{ display: flex;}
}
































