html{overflow-x:hidden;}
body{margin:0;padding:0;font-family: 'MicrosoftYaHeiUI', 'Microsoft YaHei UI', Verdana, Geneva, sans-serif;font-size:14rem;color:#222;  }
p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
h6{font-size:14rem;}
ul,ol,li{list-style:none;margin:0;padding:0rem;}
a{color:#222;text-decoration:none;}
a:hover{ color:#222}
img{border:none;}
.f_l{float:left;}
.f_r{float:right;}
.clear{clear:both;}
input,button{ border:none;}
input,button {outline:none;}
*{ margin:0; padding:0;  box-sizing:border-box }
.container{width:1210rem;margin:0 auto;height:auto;display:block;}

.Top002262{ position:fixed; top:0; left:0; width:100%; z-index:9}
.Top002262 .logo1{ display:none}
.header{background: -webkit-linear-gradient(270deg, rgba(196, 230, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(196, 230, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(196, 230, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); height:200rem; position:relative; }
.header:after{ background:url(../../img/front/china/u97.png) no-repeat right bottom; content:""; position:absolute; height:100%; background-size:auto 100%; right:0; width:100%;top:0}
.top{ display:flex; justify-content: space-between;align-items: center; height:40rem; font-size:12rem;background-color: rgba(9, 73, 158, 0.8); color:#FFF; padding:0 30rem; position:relative; z-index:9}
.top a{ color:#FFF;}
.top_l{ display:flex; align-items: center;}
.top_r{  display:flex; }
.top_r a{ display:flex; align-items: center; justify-content:center;   /* background-color: rgba(31, 164, 57, 0.6);*/ width:73rem; height:26rem; border-radius:5rem; margin:0 5rem; font-size:13rem; }
/*.top_r a:hover{background-color:#098220; }*/
.top_r a span{ padding-right:5rem;}
.top_l span{ font-size:14rem; padding-right:8rem;}
.logo img{ display:block; height:100rem; margin-top:25rem; }
.logo{ padding:0 50rem;}
.Top002262_fixed .header{ display:none}
.Top002262_fixed .nav{ position:relative}
.Top002262_fixed .logo1{ display:block; position:absolute; top:6rem; left:20rem}
.Top002262_fixed .logo1 img{ height:40rem;}

.nav{ height:61rem; line-height:56rem; background:#f5f5f5;  position:relative; z-index:1; }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  display:inline; }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 31rem; font-size:20rem; font-weight:400; border-bottom: 3rem solid transparent; color:#373737; position:relative  }
.nav .nLi h3 a:after{ position:absolute; left:0; top:50%; margin-top:-11rem; height:22rem; width:1rem; background:#d6d6d6; content:""}
.nav .nLi:nth-child(1) h3 a:after{ height:0}
.nav .sub{ display:none; width:100%; left:0; top:56rem;  position:absolute; line-height:56rem; background:#17499E;  }
.nav .sub li{ zoom:1; display:inline-block; position:relative; z-index:11 }
.nav .sub a{  padding:0 40rem 0 0; color:#1EA9EA; font-size:22rem; }
.nav .sub a:hover{ color:#fff;  }
/*.nav .on h3 a{ background:#09499e; color:#fff;   }*/
.nav .on h3 a{ color: rgb(35, 103, 249); border-bottom-color:   rgb(35, 103, 249);   }
.nav .on h3 a:after{ height:0}
.nav .nLi:nth-child(2) .sub ul{ padding-left:132rem }
.nav .nLi:nth-child(3) .sub ul{ padding-left:288rem }
.nav .nLi:nth-child(4) .sub ul{ padding-left:438rem }
.nav .nLi:nth-child(6) .sub ul{ padding-left:550rem }
.nav .nLi:nth-child(7) .sub ul{ padding-right:150rem; text-align:right}
.sp_header{ display:none}
.sjj_nav{ display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


.slideBox{ height:auto; overflow:hidden; position:relative; margin-top:261rem;}
.slideBox .tempWrap{ margin:0 auto}
.slideBox .hd ul{ position:absolute; bottom:36rem; left:0; width:100%; text-align:center }
.slideBox .hd ul li{ display:inline-block; width:40rem; height:3rem; background:rgba(0,0,0,0.15); margin:0 2rem; cursor:pointer}
.slideBox .hd ul li.on{ background:#1fa439}
.slideBox .hd a{ color:#cbe0e8; width:50rem; height:50rem; text-align:center; line-height:50rem; border-radius:50%; position:absolute; top:50%; left:5%; margin-top:-25rem;background:rgba(5,72,106,0.35); }
.slideBox .hd a.next{ right:5%; left:auto}
.slideBox .hd a span{ font-size:44rem;}
.slideBox .bd{   z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;overflow:hidden; position:relative;  }
.slideBox .bd img{ width:100%;  display:block;  }

.conindex{ padding:22rem 0 12rem 0}
.conindex .container{display:flex; justify-content: space-between; }
.conindex_t{display:flex; justify-content: space-between;align-items: center;height: 65rem;background:#dbe7ed; padding:0 15rem 0 20rem;}
.conindex_t h2{font-size: 32rem;color: #373737; background:url(../../img/front/china/i6.jpg) no-repeat center left; line-height:36rem; padding-left:19rem;}
.conindex_t a{font-size: 18rem;color: #7D8CA2;}
.conindex_t a span{font-size: 20rem;color: #7D8CA2; font-weight:bold}
.conindex_l{ width: 680rem;}
.conindex_l ul li{ display:block; border-top:1rem #e4e4e4 solid; padding:30rem 0}
.conindex_l ul li a{display:flex; justify-content: space-between;}
.conindex_l ul li a .time{ width:85rem; padding:0 18rem 0 12rem; height:60rem;border-right:1rem #e4e4e4 solid; text-align:center ; margin-top:20rem;}
.conindex_l ul li a .time p{ display:block; border-bottom:1rem #e4e4e4 solid; line-height:24rem; color:#999  }
.conindex_l ul li a .time b{ font-size:33rem; color:#666666; padding-top:5rem;}
.conindex_l ul li a .text{ width:575rem;}
.conindex_l ul li a .text h2{ color:#107ab6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:12rem;}
.conindex_l ul li a .text_c{display:flex; justify-content: space-between;}
.conindex_l ul li a .text_c p{ padding:9rem 10rem 0 10rem; height:110rem;   -webkit-box-orient: vertical;  -webkit-line-clamp:4;  display: -webkit-box;  overflow: hidden; text-overflow: ellipsis;background:#f5f5f5; line-height:24rem; font-size:16rem; color:#555555; width:416rem;}
.conindex_l ul li a .text_c .img{ width:156rem; height:110rem; background:#f5f5f5; padding:10rem; overflow:hidden}
.conindex_l ul li a .text_c .img img{ display:block; width:100%}
.conindex_l ul li a:hover .text h2{ color:#0079fe}
.conindex_r{ width: 500rem;}
.conindex_rt{ background:#f1f6f8; padding:20rem 30rem 15rem 30rem;   margin-top:10rem;}
.conindex_rt a h2{color:#107ab6; display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 2; text-overflow: ellipsis;overflow: hidden;text-align:center; margin-bottom:16rem;}
.conindex_rt a p{ line-height:26rem; font-size:16rem; color:#373737; text-indent:28rem;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp:3;text-overflow: ellipsis; overflow: hidden}
.conindex_rt a p span{ color:#09499e}
.conindex_rt a:hover p{text-decoration:underline}
.conindex_rt a:hover h2{ color:#0079fe}
.conindex_rb a img{ display:block; width:100%; margin-top:8rem;}

.f5{ background:#f5f5f5; height:50rem;}
.footer{  background:#323942; }
/*.footer .container1{display:flex;align-items: center; height:126rem; width:1260rem; margin:0 auto}*/
.footer img{ display:block; height:80rem; margin-right:15rem;}
.footer p{ color:#999; font-size:16rem; line-height:30rem;}
.footer a{ color:#999}
.footer p span{ padding-right:20rem;}
/*.bottom .container1{display:flex;align-items: center; height:60rem; width:1260rem; margin:0 auto; justify-content: space-between;}*/
.bottom{ background:#292f38; height:60rem; font-size:18rem; color:#999}
.bottom a{ color:#999; padding-left:20rem;}
.fix{ position:fixed; right:10rem; bottom:8%}
.fix ul li{ margin-bottom:5rem; cursor:pointer}
.fix ul li a{ display:block; background:#FFF; width:65rem; height:45rem; border:1rem #f2f2f2 solid; padding-top:15rem; position:relative}
.fix ul li a img{ display:none}
.fix ul li a span{ display:block; font-size:25rem; color:#cccccc; width:100%; text-align:center; padding-bottom:10rem;}
.fix ul li a p{ display:block; width:100%; text-align:center; color:#636363; font-size:12rem;}
.fix ul li a:hover img{ display:block; position:absolute; right:82rem; bottom:-100rem}

.con{ display:block;  background:#FFF; margin-top:20rem; padding-bottom:35rem; min-height:530rem}
.con_l{ width:260rem; background:#f2f6fc; float:left}
.page_l{background:#2f68b1; float:left;height:600rem;width: 30%;margin-top:20rem;padding: 30rem 25rem 0 30rem;}
.page_r{ float:right;width: 70%;height:600rem; margin-top:20rem;}
.con_item{width: 100%;padding-top: 10rem;border-bottom: 2rem solid hsla(0, 0%, 100%, .3);}
.item_icon{height: 17rem;line-height: 25rem;color: white;}
.text_con{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding-left: 6rem;padding-bottom: 10rem;}
.text_title{font-weight: 700;font-size: 17rem;color: white;letter-spacing: 0;line-height: 17rem;margin-bottom: 10rem;}
.text_con p{font-size: 14rem;color: white;letter-spacing: 0;word-break: break-word;line-height: 2;margin-left: 10rem;}
.con_end{width: 100%;padding-top: 10rem;border: none;}
.con_lt{ background:#09499e; line-height:65rem;color:#FFF; text-align:center}
.con_lt h2{ font-size:24rem; letter-spacing:1rem;}
.con_l ul{ padding:16rem 16rem 5rem 16rem}
.con_l ul li{ background:#FFF; padding:0 15rem; line-height:55rem; margin-bottom:13rem;}
.con_l ul li a{ font-size:18rem; color:#333333; font-weight:bold; display:block; background:url(../../img/front/china/i2.jpg) no-repeat center right}
.con_l ul li a.on{ color:#09499e;background:url(../../img/front/china/i3.jpg) no-repeat center right}
.con_l ul li a:hover{ color:#09499e;background:url(../../img/front/china/i3.jpg) no-repeat center right}
.con_r{ float:right; width:920rem;}
.con_rt{display:flex; justify-content: space-between; line-height:36rem; padding-bottom:6rem;  align-items: center; margin-bottom:10rem; border-bottom:2rem #c4c4c4 solid}
.con_rt h2{ font-size:22rem; font-weight:normal; position:relative}
.con_rt h2:after{ position:absolute; bottom:-8rem; left:0; background:#09499e; height:2rem; content:""; width:100%}
.con_rt p{ background:url(../../img/front/china/i4.jpg) no-repeat left center; color:#888888; font-size:15rem; padding-left:22rem;}
.con_rt p a{ color:#888888}
.plist ul{ margin:0 -10rem;}
.plist ul li{ display:block; width:33.33%; float:left; text-align:center}
.plist ul li a{ display:block; width:92%; margin:9rem auto; line-height:36rem; border:1rem #e4e4e4 solid}
.plist ul li a img{ display:block; width:100%; min-height:100%}
.plist ul li a p{ height:40rem;}
.plist ul li a .img{ display:block; height:260rem; overflow:hidden}

#u1320_div { width:100%; margin-bottom:8rem;}
#u1320_div img{ display:block; width:100%}

.pagination{ display:block;   padding-top:30rem; text-align:center;}
.pagination li{ display:inline-block; font-size:14rem; padding:3rem 12rem; border:1rem #b9b9b9 solid; margin:0 6rem 0 0;  line-height:25rem; color:#555}
.pagination li a{ color:#555}
.pagination li.active{ background:#09499e;}
.pagination li.active a{ color:#FFF}
.pagination li:hover{  background:#09499e;color:#FFF}
.pagination li:hover a{ color:#FFF}

.tdlist{ display:block;}
.tdlist ul{ display:block; margin:0 -15rem;}
.tdlist ul li{ display:block; width:50%; padding:15rem 0; float:left}
.tdlist ul li a{ display:block; width:94%; margin:0 auto; background:#f5f5f5; padding:15rem;}
.tdlist ul li a .img1{ display:block; float:left; width:143rem; height:170rem; overflow:hidden}
.tdlist ul li a .tex{ float:right; width:261rem; color:#666666; font-size:16rem; line-height:30rem;}
.tdlist ul li a .tex big{ display:block; font-size:20rem; padding-bottom:6rem; color:#333}
.tdlist ul li a .img1 img{ width:100%; }

.page{ display:block; font-size:16rem; line-height:36rem; color:#555555}
.page h2{ color:#111; text-align:center; padding:15rem 0; font-size:28rem;}

.show_t{ display:block; text-align:center; border-bottom:1rem #ccc dashed; padding:15rem 0; margin-bottom:20rem;}
.show_t h2{ font-size:26rem; line-height:38rem; color:#333}
.show_t p{ font-size:16rem; line-height:36rem; color:#666}
.show_c{ display:block; font-size:16rem; line-height:36rem; color:#444; min-height:350rem;}

.nlist ul li a{ display:flex; justify-content: space-between; color:#333; line-height:36rem; padding:0rem; align-items: center;
    border-bottom:1rem #e1e1e1 solid; font-size:20rem;}
.nlist ul li a p big{ color:#999; font-size:15rem; padding-right:10rem; margin-right:10rem; position:relative; display:inline-block;}
.nlist ul li a p big:after{ position:absolute; top:10rem; right:0rem; height:16rem; width:1rem; content:""; background:#e1e1e1;}
.nlist ul li a p{white-space: nowrap;overflow: hidden;   text-overflow: ellipsis; width:90%}
.nlist ul li a span{ display:inline-block; border:1rem #e4e4e4 solid; font-size:12rem; width:80rem; height:28rem; line-height:28rem; text-align:center; color:#999}
.nlist ul li a:hover span{ color:#FFF; background:#09499e}
.nlist ul li a:hover p{ color:#09499e;text-decoration:underline}

.show_bt{ display:flex;justify-content: space-between;background:#f7f7f7; padding:15rem; margin-top:20rem; font-size:16rem;color:#444;}
.show_bt a{ color:#444}
.curFont{color:#09499e !important;}
.show_b a{ padding:0 5rem;}
.show_b { font-size:16rem; text-align:center;  padding:20rem 0; border:1rem #eee solid;}

.u1229{ display:flex;justify-content:center;align-items:center; width:100%; height:400rem; border:1rem rgba(0,0,0,0.1) solid; margin-top:15rem}
.u1231_text{ text-align:center; line-height:30rem;}
.u1231_text img{ padding-bottom:20rem; display:block; margin:0 auto}

.txtMarquee-top{  overflow:hidden; position:relative;    }
.txtMarquee-top .bd{ padding:15rem 0; height:148rem  }
.txtMarquee-top .infoList li{ line-height:32rem; font-size:16rem; display:flex;justify-content: space-between;   }
.txtMarquee-top .infoList li span{ color:#999;  }
.txtMarquee-top .infoList li a{ width:82%;overflow: hidden;    color: #555555;
    white-space: nowrap;
    text-overflow: ellipsis; display:block}

@media only screen and (max-width:1700rem){
    .Top002262_fixed .nav{min-width:1300rem;}
    .Top002262_fixed .nav .logo1{  left:0}
}
@media only screen and (max-width:1600rem){
    .Top002262_fixed .nav .logo1{ display:none}
}

.logo2024 {
    width: 247rem;
    height: 56rem;
    padding: 5rem ;
    box-sizing: border-box;
}
.logo2024 img {
    width: 100%;
    height: 100%;
}
.clearfix2024 {
    display: flex;
    padding: 0 95rem 0 17rem;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    justify-content: space-between;
}
.container2024{
    display: flex;
    width: auto;
    justify-content: flex-end;
    margin: 0;
}
.footer .container1{
    width: 100%;
    height: 278rem;
    background: #333941;
    padding-top: 45rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.container1Left{
    width: 144rem;
    height: 100%;
    margin-right: 100rem;
}
.container1Left img{
    width: 100%;
    height: 144rem;

}
.container1Center{
    width: 706rem;
    height: 100%;
    line-height: 40rem;
    font-size: 22rem;
    color: rgb(220, 219, 220);
    margin-right: 97rem;
}
.container1CenterText{
    font-size: 18rem;
    height: 26rem;
    color: rgb(220, 219, 220);
}
.container1Right{
    width: 665rem;
    height: 100%;
    line-height: 36rem;
    font-size: 24rem;
    color: rgb(220, 219, 220);
}
.container1Right span{
    display: block;
    font-size: 18rem;
    line-height: 37rem;
}
.container2 {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 60rem;
}

.conList{
    width: 100%;
    height: 110rem;
    padding-top: 40rem;
    box-sizing: border-box;
    line-height: 70rem;
    font-size: 20rem;
}
.conList span{
    cursor: pointer;
}
.conListLab{
    padding-top: 50rem;
    padding-left: 180rem;
    box-sizing: border-box;
}
.containernews2024{
    width: 100%;
    height: auto;
    min-height: 1200rem;
    padding: 0 212rem;
    box-sizing: border-box;
    /*background-size: 100% 100%;*/
    background-repeat:  repeat;
    /*margin-top: 100rem;*/
}
.conParent2024 {
    background: transparent;
}
.con2024{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.con_rLeft{
    width: 280rem;
    height: auto;
}
.con_rRight{
    width: calc(100% - 300rem);
}
.con_rLeftItem{
    width: 100%;
    height: 90rem;
    line-height: 90rem;
    /*padding-left: 48rem;*/
    color: rgb(105, 119, 150);
    font-size: 40rem;
    background:#FBFBFC ;
    margin-bottom: 10rem;
    padding: 20rem 0;
    box-sizing: border-box;
    cursor: pointer;
}
.con_rLeftItemText{
    width: 100%;
    line-height: 50rem;
    padding-left: 48rem;
    box-sizing: border-box;
    border-left: 5rem solid transparent;
}

.con_rLeftItemActive{
    background: #F4F5FB;
    color: rgb(35, 103, 249);
    width: 110%;
}
.con_rLeftItemActive .con_rLeftItemText{
    border-left-color: rgb(244, 212, 161);
}

.newsAItem{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    border: none !important;
}
.newsAItemLeft{
    width: 188rem;
    height: 150rem !important;
    /*border-right: 1rem solid #D1D1D3;*/
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    box-sizing: border-box;
}
.newsAItemRight{
    width: calc(100% - 188rem);
    height: auto;
    padding-left: 32rem;
    box-sizing: border-box;
    border-top: 1rem solid #e1e1e1 ;
}
.nlist li:nth-last-child(1) .newsAItemRight{
    border-bottom: 1rem solid #e1e1e1 ;
}
.newsAItemRightTop{
    width: 100%;
    height: 58rem;
    font-size: 26rem;
    line-height: 58rem;
    font-weight: bold;
    color: rgb(21, 71, 176);
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: rgb(66, 79, 109);
}
.newsAItemRightBottom{
    width: 100%;
    height: 60rem;
    line-height: 30rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 32rem;
}
.newsAItemLeftIcon{
    width: 100%;
    height: 26rem;
    line-height: 26rem;
    text-align: center;
}
.newsAItemLeftIcon i {
    font-style: normal;
    font-style: 18rem;
}
.newsAItemLeftIcon svg {
    transition: all 0.5s;
    width: 32.364971rem !important;
    height: 6.381714rem !important;
}
.newsAItemLeftTime{
    width: 100%;
    height: 30rem;
    color: rgb(68, 116, 216);
    font-size: 30rem;
    text-align: center;
}
.con_r20241{
    width: 100%;
}

.newsAItem:hover .newsAItemLeft{
    border-top: 1rem solid #e1e1e1 ;
    border-bottom: 1rem solid #e1e1e1 ;
    background: #F5F8FF;
}
.newsAItem:hover   .newsAItemLeftTime{
    color: rgb(207, 160, 84);
}
.newsAItem:hover   .newsAItemRight {
    background-image: linear-gradient(to right, rgba(245, 248, 255, 0.9), rgba(255, 247, 245, 0.5));
}
.newsAItem:hover .newsAItemRightTop{
    color: rgb(21, 71, 176);
}
.newsAItem:hover svg{
    transform: scaleX(1.2);
}
    /*卡片列表*/
ul.card_list {
    display: grid;
    grid-template-columns: 370rem 370rem 370rem;
    grid-gap: 30rem;
    padding: 20rem;
    justify-content: space-evenly;
}
ul.card_list > li {
    padding: 25rem 25rem;
    border-top: 5rem solid #2f68b1;
    height: 225rem;
    background-color: #cfeaff;
}
ul.card_list > li p {
    text-align: left;
}
.card_title {
    font-size: 20rem;
    font-weight: bold;
}
.card_con {
    font-size: 18rem;
    margin-top: 20rem;
}
.card_con_end{
    margin-top: 10rem;
}
ul.card_list li:hover {
    background-color: #2f68b1;
    color: white;
    cursor: pointer;
}


.containerNotice{
    width: 100%;
    min-height: 800rem;
    /*padding-top: 60rem;*/
    box-sizing: border-box;
}

.containerNotice2024{
    width: 100%;
    height: auto;
}
.containerNoticeContent{
    width: 100%;
    height: auto;
    padding: 0 186rem;
    box-sizing: border-box;
}
.containerNoticeContentTitle{
    width: 100%;
    height: 160rem;
    display: flex;
    justify-content: center;
    margin-bottom: 20rem;
}
.containerNoticeContentTitleCenter{
    width: 170rem;
    height: 160rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    /*background-image: url("/img/index/2.png") ;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.containerNoticeContentTitleCenterTop{
    width: 200%;
    color: rgb(40, 47, 85);
    font-size: 24rem;
    margin-bottom: 10rem;
    font-weight: 400;
}
.containerNoticeContentTitleCenterBottom{
    width: 100%;
    color: rgb(40, 47, 85);
    font-size: 34rem;
    font-weight: 700;
}

.containerNoticeContentTitlePage span{
    font-size: 22rem !important;
}

.containerNoticeContentSwipt{
    width: 100%;
    height: 590rem;
    /*background: #999999;*/
}
.containerNoticeContentSwiptItem{
    width: 100%;
    height: 590rem;
    position: relative;
}
.containerNoticeContentSwiptItemImg{
    width: 100%;
    height: 100%;
}
.containerNoticeContentSwiptItemTitle{
    width: 600rem;
    height: 160rem;
    background-image: linear-gradient(to right, rgb(71, 90, 129), rgba(71, 90, 129, 0));
    position: absolute;
    left: 66rem;
    top: -50rem;
    padding: 30rem 32rem;
    box-sizing: border-box;
}
.containerNoticeContentSwiptItemTitle1{
    font-size: 24rem;
    color: #fff;
    line-height: 30rem;
    margin-bottom: 20rem;
}
.containerNoticeContentSwiptItemTitle2{
    font-size: 34rem;
    line-height: 40rem;
    color: #fff;
}
.containerNoticeContentSwiptItemBottom{
    width: 1028rem;
    height: 380rem;
    background-image: linear-gradient(to right, rgba(181, 181, 181,0.5), rgba(181, 181, 181, 0));
    position: absolute;
    top: 110rem;
    left: 66rem;
    padding: 58rem 32rem;
    box-sizing: border-box;
}
.containerNoticeContentSwiptItemBottomName{
    width: 749rem;
    height: 110rem;
    line-height: 55rem;
    color: #fff;
    font-size: 40rem;
}
.containerNoticeContentSwiptItemBottomtime{
    font-size: 30rem;
    color: rgb(244, 212, 161);
    line-height: 70rem;
    font-weight: bold;
}
.containerNoticeContentSwiptItemBottomInfo{
    width: 100%;
    height: 30rem;
    color: #FFFFFF;
    font-size: 20rem;
    margin-bottom: 10rem;
}

.containerNoticeContentLamp{
    width: 100%;
    height: 80rem;
    padding: 30rem 0 ;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-bottom: 50rem;
}
.containerNoticeContentLampItem{
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    background: rgb(196, 196, 196);
    margin:  0 10rem;
}
.containerNoticeContentTable{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100rem;
    flex-wrap: wrap;
}
.containerNoticeContentTableItem{
    width: 30%;
    height: 600rem;
    background: #FAFAFA;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    margin-bottom: 150rem;
}
.containerNoticeContentTableItemBottom{
    width: 100%;
    height: 177rem;
    background: #FAFAFA;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
    padding: 22rem 33rem;
    box-sizing: border-box;
}

.containerNoticeContentTableItem:hover .containerNoticeContentTableItemBottom{
    height: 600rem;
    background: rgba(0,0,0, 0.5);
}
.containerNoticeContentTableItem:hover{
    transform: scaleY(1.1);
}
.containerNoticeContentTableItem:hover .containerNoticeContentTableItemBottomName span{
    border-bottom-color: rgb(35, 103, 249);
    color: #FFFFFF;
}
.containerNoticeContentTableItemBottomName{
    width: 100%;
    height: 30rem;
    line-height: 30rem;
    font-size: 26rem;
    text-align: center;
    margin-bottom: 10rem;
}
.containerNoticeContentTableItemBottomName span{
    border-bottom: 4rem solid transparent;
}
.containerNoticeContentTableItemBottomCenter{
    width: 100%;
    height: calc(100% - 40rem);
    overflow: hidden;
    color: rgb(93, 95, 107);
    font-size: 20rem;
    line-height: 30rem;
}
.containerNoticeContentTableItem:hover .containerNoticeContentTableItemBottomCenter{
    color: rgb(192, 192, 192);
}

.containerNoticeContentTableItemImage{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.containerhospital{
    width: 100%;
    height: auto;
    padding: 60rem 186rem 100rem 186rem;
    box-sizing: border-box;

}

.containerhospitalTitle{
    width: 100%;
    height: 200rem;
}

/*新闻动态*/
.containerNoticeContentNewsTable{
    width: 100%;
    height: auto;
    margin-bottom: 100rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.containerNoticeContentNewsTableItem{
    width: 30%;
    height: 624rem;
    background: #FAFAFA;
    cursor: pointer;
    position: relative;
    margin-bottom: 100rem;
}
.containerNoticeContentNewsTableItemImage{
    width: 100%;
    height: 400rem;
    transition: all 0.5s;
}
.containerNoticeContentNewsTableItemImage img{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.containerNoticeContentNewsTableItemBottom{
    width: 100%;
    height: 224rem;
    /*padding: 10rem 38rem;*/
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}
.containerNoticeContentNewsTableItemBottomTop{
    width: 100%;
    height: 90rem;
    margin-bottom: 20rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10rem 38rem 5rem
    box-sizing: border-box;
}
.containerNoticeContentNewsTableItemBottomTopName{
    width: 100%;
    font-size: 26rem;
    color: rgb(40, 47, 85);
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-weight: 400;
    padding: 15rem 17rem 15rem 38rem;
}
.containerNoticeContentNewsTableItemBottomTopTime{
    width: 100%;
    height: auto;
    font-size: 24rem;
    color: rgb(118, 140, 190);
    text-align: center;
}
.containerNoticeContentNewsTableItemBottomTopTime span{
    border-bottom: 4rem solid rgb(35, 103, 249);
    padding-bottom: 5rem;
}
.l2{

}
.l3 {
    font-size: 16rem;
    height: 20rem;
    width: 100%;
}
.l3 span{
    border-bottom: none;
}

.containerNoticeContentNewsTableItemBottomInfo{
    width: 100%;
    height: 90rem;
    line-height: 26rem;
    font-size: 18rem;
    color: rgb(93, 95, 107);
    padding: 12rem 31rem 0rem 38rem;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.containerNoticeContentNewsTableItem:hover {
    /*height: 674rem;*/
    transform: scaleY(1.1)
}

.containerNoticeContentNewsTableItem:hover .containerNoticeContentNewsTableItemImage{
    /*transform: scaleY(1.1);*/
    /*height: 450rem;*/
}
.containerNoticeContentNewsTableItem:hover .containerNoticeContentNewsTableItemBottom{
    height: 628rem;
    background: rgba(0,0,0,.5);
}

.containerNoticeContentNewsTableItem:hover .containerNoticeContentNewsTableItemBottomInfo{
    color:#FFFFFF;
    height: 45%;
    background: rgb(61, 64, 73);
    padding-top: 30rem;
    padding-bottom: 100rem;
    display: -webkit-box;
    /*-webkit-box-orient: vertical;*/
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.containerNoticeContentNewsTableItem:hover .containerNoticeContentNewsTableItemBottomTop{
    height: 55%;
}
.containerNoticeContentNewsTableItem:hover  .containerNoticeContentNewsTableItemBottomTopName{
    overflow: visible;
    white-space: normal;
    text-align: left;
    color: #FFFFFF;
}
.containerNoticeContentNewsTableItemBottomInfoLink{
    width: 100%;
    height: 75rem;
    display: inline-block;
    color: rgb(187, 207, 251);
    position: absolute;
    right: 10rem;
    bottom: 10rem;
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #3D4049;
    line-height: 75rem;
    text-align: right;
    padding-right: 50rem;
    box-sizing: border-box;
}
.containerNoticeContentNewsTableItem:hover  .containerNoticeContentNewsTableItemBottomInfoLink{
    display: block;
}
.containerNoticeContentTableItemBottomCenter:hover  .containerNoticeContentNewsTableItemBottomInfoLink{
    display: block;
}

.scientPage{
    width: 100%;
    height: auto;
}
.scientPageTitle{
    width: 100%;
    height: 876rem;
    background-image: url("/img/index/l1.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 30rem;
}

@keyframes home-title-info-active {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}
.learning-title-text {
    position: absolute;
    left: 0;
    top: 108rem;
    width: 530rem;
    height: 124rem;
    padding: 20rem 56rem;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
    animation: home-title-info-active 0.7s forwards;
}
.learning-title-text-span {
    width: 100%;
    height: 26rem;
    line-height: 26rem;
    font-size: 20rem;
    color: #fff;
    margin-bottom: 7rem;
}
.learning-title-text-name {
    width: 100%;
    height: 51rem;
    line-height: 51rem;
    font-size: 36rem;
    color: #fff;
    font-weight: bold;
}


.learning-title-line {
    width: calc(100% - 220rem);
    position: absolute;
    top: 532rem;
    left: 110rem;
    height: 2rem;
    background: #fff;
}
.learning-title-line-left {
    position: absolute;
    left: -25rem;
    top: -26rem;
    width: 27rem;
    height: 55rem;
    transform: rotate(180deg);
    cursor: pointer;
}
.learning-title-line-left img {
    width: 100%;
    height: 100%;
}
.learning-title-line-left1 {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s;
}
.learning-title-line-left2 {
    position: absolute;
    left: 15rem;
    top: 0;
    transition: all 0.3s;
}

.learning-title-line-left:hover .learning-title-line-left1 {
    left: 5rem;
}
.learning-title-line-left:hover .learning-title-line-left2 {
    left: 25rem;
}
.learning-title-line-right {
    position: absolute;
    right: -25rem;
    top: -26rem;
    width: 27rem;
    height: 55rem;
    cursor: pointer;
}
.learning-title-line-right img {
    width: 100%;
    height: 100%;
}
.learning-title-line-left1 {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s;
}
.learning-title-line-left2 {
    position: absolute;
    left: 15rem;
    top: 0;
    transition: all 0.5s;
}

.learning-title-line-right:hover .learning-title-line-left1 {
    left: 5rem;
}
.learning-title-line-right:hover .learning-title-line-left2 {
    left: 25rem;
}
.learning-title-line-center {
    width: 540rem;
    height: 670rem;
    background: #fff;
    position: absolute;
    left: calc(50% - 270rem);
    top: -424rem;
}
.learning-title-line-center-box {
    width: 540rem;
    height: 670rem;
    position: relative;
    cursor: pointer;
}
.learning-title-line-center-image {
    width: 100%;
    height: 350rem;
}
.learning-title-line-center-image img {
    width: 100%;
    height: 100%;
}

.learning-title-line-center-info {
    width: 100%;
    height: 320rem;
    background: url('../../assets/image/lb.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 30rem;
    box-sizing: border-box;
    position: relative;
}
.learning-title-line-center-info-name {
    width: 100%;
    height: 40rem;
    font-size: 29rem;
    color: #464646;
    line-height: 40rem;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 15rem;
    padding: 0 33rem;
}
.learning-title-line-center-info-icon {
    width: 116rem;
    height: 142rem;
    background-image: linear-gradient(to bottom, #c2cde6, #ffffff);
    margin: 0 auto;
    padding-top: 7rem;
    text-align: center;
    color: #534d45;
    font-size: 20rem;
    position: relative;
}
.learning-title-line-center-info-icon-time {
    position: absolute;
    left: 0;
    top: 158rem;
    color: #b59223;
    font-size: 30rem;
    text-align: center;
    width: 100%;
}
.learning-title-line-center-info-icon-time span:nth-child(1) {
    font-weight: bold;
    margin-right: 20rem;
}

.learning-title-line-center-info-user {
    width: 500rem;
    height: 30rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #494949;
    font-size: 18rem;
    margin: 0 auto;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.learning-title-line-center-info-user img {
    width: 20rem;
    margin-right: 10rem;
}

.learning-title-line-1 {
    width: 300rem;
    height: 150rem;
    position: absolute;
    left: 80rem;
    top: -150rem;
}
.learning-title-line-1-item {
    width: 300rem;
    height: 150rem;
    display: flex;
    justify-content: space-between;
}
.learning-title-line-1-item img {
    width: 30rem;
    margin-top: 15rem;
}
.learning-title-line-1-item-info {
    width: calc(100% - 30rem);
    height: 100%;
}

.layui-carousel, .layui-this, .layui-carousel-right, layui-carousel-prev, layui-carousel-next, layui-carousel-left{
    background: transparent !important;
}
.learning-title-line-1-item-info-time {
    width: 100%;
    height: 35rem;
    line-height: 35rem;
    font-size: 26rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.learning-title-line-1-item-info-text {
    width: 100%;
    height: auto;
    line-height: 25rem;
    font-weight: bold;
    font-size: 16rem;
    color: #ffffff;
    padding-right: 20rem;
    box-sizing: border-box;
}

.learning-title-line-2 {
    width: 300rem;
    height: 150rem;
    position: absolute;
    right: 180rem;
    top: -150rem;
}
.learning-title-line-1-item {
    width: 300rem;
    height: 150rem;
    display: flex;
    justify-content: space-between;
}
.learning-title-line-1-item img {
    width: 30rem;
    margin-top: 15rem;
}
.learning-title-line-1-item-info {
    width: calc(100% - 30rem);
    height: 100%;
}
.learning-title-line-1-item-info-time {
    width: 100%;
    height: 35rem;
    line-height: 35rem;
    font-size: 26rem;
    color: #ffffff;
}
.learning-title-line-1-item-info-text {
    width: 100%;
    height: auto;
    line-height: 25rem;
    font-weight: bold;
    font-size: 16rem;
    color: #ffffff;
    padding-right: 20rem;
    box-sizing: border-box;
}

.learning-title-line-3 {
    width: 300rem;
    height: 150rem;
    position: absolute;
    left: 180rem;
    top: 0rem;
}
.learning-title-line-1-item {
    width: 300rem;
    height: 150rem;
    display: flex;
    justify-content: space-between;
}
.learning-title-line-1-item img {
    width: 30rem;
    margin-right: 15rem;
}
.learning-title-line-1-item-info {
    width: calc(100% - 30rem);
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
}
.learning-title-line-1-item-info-time {
    width: 100%;
    height: 35rem;
    line-height: 35rem;
    font-size: 26rem;
    color: #ffffff;
    flex-shrink: 0;
}
.learning-title-line-1-item-info-text {
    width: 100%;
    height: auto;
    line-height: 25rem;
    font-weight: bold;
    font-size: 16rem;
    color: #ffffff;
    padding-right: 20rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

.learning-title-line-4 {
    width: 300rem;
    height: 150rem;
    position: absolute;
    right: 50rem;
    top: 0rem;
}
.learning-title-line-1-item {
    width: 300rem;
    height: 150rem;
    display: flex;
    justify-content: space-between;
}
.learning-title-line-1-item img {
    width: 30rem;
    margin-right: 15rem;
}
.learning-title-line-1-item-info {
    width: calc(100% - 30rem);
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
}
.learning-title-line-1-item-info-time {
    width: 100%;
    height: 35rem;
    line-height: 35rem;
    font-size: 26rem;
    color: #ffffff;
    flex-shrink: 0;
}
.learning-title-line-1-item-info-text {
    width: 100%;
    height: auto;
    line-height: 25rem;
    font-weight: bold;
    font-size: 16rem;
    color: #ffffff;
    padding-right: 20rem;
    box-sizing: border-box;
    flex-shrink: 0;
}


.learning-name {
    width: 100%;
    height: 30rem;
    line-height: 30rem;
    font-size: 20rem;
    color: #282f55;
    text-align: center;
    margin-bottom: 5rem;
}
.learning-icon {
    width: 100%;
    height: 32rem;
    display: flex;
    justify-content: center;
    margin-bottom: 60rem;
}
.learning-icon img {
    width: 32rem;
}




.learning-content {
    width: calc(100% - 340rem);
    margin: 0 auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.learning-content-item {
    width: 30%;
    height: 520rem;
    margin-right: 20rem;
    margin-bottom: 20rem;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.learning-content-item-image {
    width: 100%;
    height: 313rem;
    position: relative;
}
.learning-content-item-image  > img {
      width: 100%;
      height: 100%;
  }
.learning-content-item-image-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 50rem;
    height: 50rem;
    background: #8040ff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.learning-content-item-image-icon  img {
    width: 25rem;
    height: 25rem;
}
.learning-content-item-info {
    width: 100%;
    height: 207rem;
    background: url('/img/index/lItemBg.png') no-repeat;
    background-size: 100% 100%;
}
.learning-content-item-text {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 313rem;
    z-index: 2;
    padding: 20rem;
    box-sizing: border-box;
    color: #464646;
    transition: all 0.3s;
}

.learning-content-item-text-name {
    font-weight: bold;
    font-size: 24rem;
    color: #464646;
    line-height: 26rem;
    margin-bottom: 20rem;
}
.learning-content-item-text-time {
    color: #b59223;
    font-weight: bold;
    font-size: 30rem;
    margin-bottom: 10rem;
}
.learning-content-item-user {
    font-size: 18rem;
    color: #494949;
    line-height: 26rem;
}
.learning-content-item-intr{

    color: #fff;
    padding-left: 38rem;
    padding-right: 31rem;
    font-size: 18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    user-select: none;
}
.learning-content-item-move {
    width: 150rem;
    height: 58rem;
    background: #2367f9;
    color: #fff;
    font-size: 26rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    user-select: none;
}
.learning-content-item-move img {
    height: 22rem;
    margin-left: 10rem;
}

.learning-content-item:hover .learning-content-item-text {
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    padding-top: 70rem;
}
.learning-content-item:hover .learning-content-item-user {
    color: #fff;
}
.learning-content-item:hover .learning-content-item-text-name {
    color: #fff;
}



.containerNoticeContentNewsTableLi{
    width: 30%;
    height: 300rem;
    background: #FAFAFA;
    /*border-top: 3rem solid #D7A882;*/
    margin-bottom: 60rem;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.containerNoticeContentNewsTableLiTop{
    width: 100%;
    height: 100%;
    border-top: 3rem solid #D7A882;
    padding: 30rem 30rem 0;
    box-sizing: border-box;

}

.containerNoticeContentNewsTableLiTopName{
    width: 100%;
    height: 100rem;
    line-height: 45rem;
    font-size: 26rem;
    margin-bottom: 50rem;
}

.containerNoticeContentNewsTableLiTopTitle{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20rem;
}

.containerNoticeContentNewsTableLiTopTitleLeft{
    width: 30rem;
    height: 30rem;
}
.containerNoticeContentNewsTableLiTopTitleLeft svg{
    width: 30rem;
    height: 30rem;
}

.containerNoticeContentNewsTableLiTopTitleRight{
    width: calc(100% - 60rem);
    height: auto;
    line-height: 30rem;
    font-size: 22rem;
    line-height: 30rem;
    color: #7F8081;
}

.containerNoticeContentNewsTableLiBottom{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 300rem;
    background: #D7A882;
    transition: all 0.2s;
    border-top: 3rem solid #D7A882;
    padding: 30rem 30rem 0;
    box-sizing: border-box;
    color: #FFFFFF;
}
.containerNoticeContentNewsTableLi:hover .containerNoticeContentNewsTableLiBottom {
    top: 0;
}
.containerNoticeContentNewsTableLi:hover .containerNoticeContentNewsTableLiTopTitleRight{
    color: #FFFFFF;
}

.containerNoticeContentNewsTableLiBottomLink{
    background: #FFFFFF;
    width: 60rem;
    height: 60rem;
    position: absolute;
    right: 50rem;
    bottom: 42rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layui-carousel>[carousel-item]:before{
    display: none;
}


.pageImageList p{
    width: 100%;
    height: 209rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60rem;
}

.pageImageList img{
    width: 30%;
    height: 100%;
}