@import url("responsive2.0.css");

.header .top_w{position: fixed;z-index: 100; left: 0;top: 0;width: 100%; background: #ffffff; box-shadow:  0 4px 20px rgba(0,0,0,0.1)}
.header .auto{max-width: inherit}
.header .logo{max-width: 230px}
.header .login {line-height: 34px; margin-left:40px;}
@media (min-width:641px) {
  .header .login {position: relative; z-index: 90;} 
}
.header .login a{color: #fff;display: inline-block; background: #ea5620;padding: 0px 20px; border-radius: 30px; cursor: pointer}
.header .login:before{content: '';position: absolute; margin: auto; top: 0; bottom: 0; left: -20px; width: 1px; height: 10px; background: #e3e3e3}
.header .login b{padding-right: 10px;color: #ea5620}
.header .login a:not(:last-child){margin-right: 10px;}
.header menu li span,
.header menu li span a{display: block;}
.header menu li span a{color: #181818}
.header menu li .sub{display: none}
.header menu li .sub a{display: block;line-height: 34px;}
.header menu li .sub dl{padding: 30px 0}
.header menu li .sub dt{padding:0; text-align: left}
.header menu li .sub dt aside{position: relative}
.header menu li .sub dt aside:before{content: '';position: absolute; left: -14px; top: 0; bottom: 0; margin: auto; width: 4px; height: 4px; border-radius: 10px; margin: auto; background: #fff;}
.header menu li .sub .hierarchy{padding: 10px 0}
.header menu li .sub ol a:not(:hover){opacity: 0.8}

.header menu li aside{position: relative}
.header .top-search{display: block; padding: 0;}
.header .top-search a{display: block;width: 30px; height: 30px; cursor: pointer; background: no-repeat center center url(../images/search.svg);}
.header .top-search .box{position:absolute;right: 0; display: none;width:300px;background: #ea5620; border-radius: 30px;}
.header .top-search .box .text{width:calc(100% - 40px);display: block;color: #fff; background: none; border: 0;}
.header .top-search .box .text.focus{color: #000;}
.header .top-search .box .btn{position: absolute; right:5px; top:5px;}
.header .open-search.on:after,
.header .open-search.on:before{background-color: #ff7366;}
.header .inside{display: flex;cursor: pointer;}
.header .protocolID .icon{display: block; width: 34px; height: 34px; cursor: pointer;background: url(../images/jt_up.svg) no-repeat center center; transition: 0.5s}
.header .protocolID .down-box{position: absolute;right: 0; width:350px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden; visibility: hidden; height: 0;transition:0.5s;z-index: 10; top: 100%;}
.header .protocolID.on .down-box{height: var(--hoverHeight); visibility: visible;}
.header .protocolID h4{text-align: center; background: #ea5620; line-height:40px; color: #fff}
.header .protocolID table{width: 100%;white-space: nowrap; text-align: center}
.header .protocolID table th {background: #fffcec; font-size:.16rem; line-height: 40px; font-weight: normal}
.header .protocolID table td{border-bottom: solid 1px #eaeaea;font-size:.14rem; flex: 1; padding: 10px; cursor: pointer;background: #fefaf8; transition: 0.5s}
.header .protocolID table tr:hover td{background: #ffeaf2}
.header .protocolID table td:first-child{text-align: left}
.header .protocolID table td i{ width:16px; height: 16px; border: solid 1px #ddd; display: inline-block; vertical-align: middle; margin-right: 2px; position: relative;border-radius: 100%;overflow: hidden;}
.header .protocolID table tr.show td i:before{content: '';position: absolute; width: 100%; height: 100%;top: 0;left: 0;background: #ea5620 url(../images/gou1.svg) no-repeat center center;background-size: 74%;}
.header .protocolID:not(.on) .icon{transform: rotate(180deg)}
.header .protocolID .exit{text-align: center; padding: 10px 0}
@media (min-width:1025px) {
.header menu{width: 50%; max-width: 620px;}
.header menu li{line-height: 50px}
.header menu li span{position: relative;padding: 25px 0;z-index: 10}
.header menu li span:before{content: '';position: absolute;margin: auto; top:0; bottom:0; left: 0; width: 4px; height: 18px; background: #ea5620;opacity: 0; transition: 0.5s}
.header menu li.aon span a{color: #ea5620}
.header menu li.aon span:before{left: -16px; opacity: 1}
.header menu li .sub{position: absolute;background:rgba(234,86,32,0.9);left: 0;width: 100%; z-index: -1}
.header menu li .sub a{display: block;color: #fff}
.header menu li .sub dt:not(:last-child) aside{padding-right:1rem}
.header menu li:hover span:before{left: -12px; opacity: 1}
body:not(.no_banner) .top_h{position: absolute;}
}

@media (max-width:1024px) {
.header .logo{padding-top: 10px; padding-bottom: 10px;}
.header .logo img{height: 36px}
.header .login{margin-left:20px;}
.header .login:before{left: -12px}
.header .top-search .box{border: solid 1px #ddd; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: rgba(255,255,255,0.8)}
.header .top-search .box .text{color: #222}
.header menu{position: fixed; left: -100%;top:56px;height: calc(100vh - 56px); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:50vw; max-width: 240px;}
.menu-show .header menu{left: 0; opacity: 1;}
.header menu ul{padding: 20px 0; height: 100%; overflow: auto; display: block}
.header menu li{border-bottom: 1px dotted #c6c6c6;}
.header menu li span{line-height: 3; padding-left:2em;}
.header menu li .sub dl{display: block;padding:0 0 0 2em}
.header menu li .sub dt aside{padding-left: 14px;}
.header menu li .sub dt aside:before{left: 0; background: #181818}
.header menu li .sub .hierarchy{display: none; padding: 0 0 0 14px}

.open-menu {margin-left: 20px; width:34px;height:24px; display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;transition: 0.3s;}
.open-menu span {display: block;transition: 0.3s;height: 2px;background-color: #ea5620;}
.menu-show  .open-menu{border-radius: 50%; background-color: #ea5620;padding: 8px; height:34px; }
.menu-show  .open-menu span{background-color: #fff; height: 1px;}
}
@media (max-width:640px) {
  .header .protocolID .down-box{left: 2%;right: auto; top: calc(0.1rem + 34px);}
}
@media (max-width:580px) {
.header .auto{width: 100%}
.header .other{order: -1; width: 100%; padding: .05rem 2%;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.header .top-search{position: absolute; right: 3%; bottom: 10px}
.header .login{margin-left: 0}
.header .login:before{display: block;}
.header .logo{padding-left: 2%}
}

.close{position: absolute;right:10px;top:10px;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(45deg,#f48221,#ff6e03);cursor: pointer;}
.close::before,
.close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.close::before{ transform:rotate(45deg);}
.close::after{ transform:rotate(-45deg);}

#switch{position: fixed; top: 0; z-index: 100; background: rgba(0,0,0,0.8); width: 100%; height: 100%; display: none}
#switch .outbox{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center}
#switch .inbox{width: 94%; max-width: 500px; background: #fff; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.2)}
#switch h4{text-align: center; background: #ea5620; line-height: 50px; color: #fff}
#switch table{width: 100%; text-align: center}
#switch table th {background: #fffcec; font-size:.18rem; line-height: 40px;}
#switch table td{border-bottom: solid 1px #eaeaea; flex: 1; padding: 10px; cursor: pointer;background: #fefaf8; transition: 0.5s}
#switch table tr:hover td{background: #ffeaf2}
#switch table td:first-child{text-align: left}
#switch table td i{ width:16px; height: 16px; border: solid 1px #ddd; display: inline-block; vertical-align: middle; margin-right: 2px; position: relative;border-radius: 100%;overflow: hidden;}
#switch table tr.show td i:before{content: '';position: absolute; width: 100%; height: 100%; top: 0;left: 0;background: #ea5620 url(../images/gou1.svg) no-repeat center center;background-size: 74%;}

.footer {padding-top: 4%; color: #747474; background: #fefaf8 }
.footer a:not(:hover){color:  #747474}
.footer .column{width: calc(95% - 240px)}
.footer .column b{ font-weight: normal}
.footer .column b a:not(:hover){color: #181818}
.footer .column span{display: block;line-height: 34px;}
.footer .column .sub{padding-top: 15px}
.footer .contact b{display: block; color: #ea5620; font-family: Montserrat-SemiBold}
.footer .link{width: 100%; padding-bottom: 4%}
.footer .link figure:not(:last-child){margin-right:30px;}
.footer .link img{height:36px;mix-blend-mode: multiply }
.footer .ewm{width: 240px}
.footer .ewm li{width: 110px; text-align: center}
.footer .ewm img{border-radius: 10px;}
.bottom{border-top: solid 1px #e1e1e1;padding: 2% 0}
.bottom .other{order: 2}
.bottom .other a:not(:last-child){ margin-right: 25px}
.bottom .icp{display: inline-block}
@media (max-width:1024px) {
.footer .column .contact{width: 100%}
.footer .column .contact .sub{display: flex; flex-wrap: wrap;justify-content: space-between}
.footer .column .contact .sub span:not(:last-child){width: 48%}
}
@media (max-width:768px) {
.footer .column{width: 100%;}
.footer .column .lm .sub{display: none}
.footer .column .contact{border-top: solid 1px #e1e1e1; margin-top: 3%; padding-top: 3%}
.footer .column .contact .sub{padding-top: 0}
.footer .link {border-top: solid 1px #e1e1e1; margin-top: 3%; padding-top: 3%}
.footer .link .sub{justify-content: center}
.footer .link img{height: 30px}
.footer .ewm{margin: auto}
}


.float{position:absolute;bottom:-70px; right: 3vw; z-index: 50; transition: 1s}
.float dl{padding: 5px 0;position:relative;}
.float dl a{display: block; width: 3.125vw;height:3.125vw; border-radius: 100%; background: #ea5520 no-repeat center center; background-size: 40%}
.float dl.iskefu a{background-image: url(../images/kf.svg)}
.float dl.istop a{background-image: url(../images/up.svg)}
.float dl .sub{display:none; min-width:2rem;position:absolute;right:4vw;top:50%;transform:translateY(-50%);background: rgba(234,86,32,0.9);border-radius:0.2rem;font-size:0.18rem;color:#fff;text-align:center;white-space:nowrap;padding:0.2rem;}
.float dl .sub img{width:100px;margin-top:0.2rem;}
.float.fixed{position: fixed;bottom:15vh; }
@media (max-width:1024px) {
.float dl a{width:40px;height:40px;}
.float dl .sub{ right:100%;}
}

.banner{position: relative}
.banner img{width: 100%}
.banner .wap{display: none}
.banner video{position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; object-fit: fill;-o-object-fit: fill}
@media (max-width:1024px) {
.banner .wap{display:block}
.banner .pc{display: none}
}


.banner .slick-dots{position: absolute; bottom: 6%; right: 8%;width: auto}
.banner .slick-dots span{font-size: .2rem}
.banner .slick-dots .slick-active span{font-size: .24rem; color: #ea5520}
@media (max-width:1024px) {
.banner .slick-dots li{padding: 0; margin: 0px 7px; display: inline-block;background: #969797;width: 10px; height: 10px; border-radius: 100px;filter:none;}
.banner .slick-dots li.slick-active{background: #ea5520}
.banner .slick-dots li span{display: none}
}
/*index*/
.column_title{color: #747474; text-align: center; padding-top: 7%;}
.column_title h3{color: #181818}
.column_title p{}

.index_overview{text-align: center;padding-bottom:6%}
.index_overview .number{padding:7% 0}
.index_overview .number li{flex: 1}
.index_overview .number li .num{position: relative;margin: auto; width:90.28%;padding-bottom:52.085%; background: url("../images/num_bg.png") no-repeat center center; background-size: contain}
.index_overview .number li span{position: absolute; width: 100%; top:-10%; font-size: calc(72/1920*100vw); display: block;line-height: 0.8; font-weight: normal;}
.index_overview .number li b{display: block; font-weight:normal}
.index_overview .number li i{font-weight: bold;font-style: normal; display: block; transform: scaleY(-1);
  background: -webkit-linear-gradient(rgba(234,85,32,0) 60%, rgba(234,85,32,.2));  background: linear-gradient(rgba(234,85,32,0) 60%, rgba(234,85,32,.2));
  -webkit-background-clip: text;  background-clip: text;  color: transparent; }
.index_overview .number li p{padding:  5% 10%; line-height: 1.2}
.index_overview .box{position: relative;}
.index_overview .photo{position: absolute; max-width: 625px; width:45%;margin: auto; left: 0; right: 0; top:7%; z-index: 5}
.index_overview .pic{-webkit-mask-image: url("../images/love.svg");-webkit-mask-size: 100% 100%;	-webkit-mask-repeat: no-repeat;}
.index_overview .pic .img{position: absolute; width: 100%; height: 100%;object-fit: cover;-o-object-fit: cover;}
.index_overview .pic:before{content: ''; z-index: 5; position: absolute; width: 100%; height: 100%; background: linear-gradient(rgba(234,85,32,0) 25%,rgba(234,85,32,1) 80%)}
.index_overview .txt{position: absolute; width: 70%; bottom:25%; left: 0; right:0; margin: auto; color: #fff;}
.index_overview .txt h4{padding-bottom: 10px;line-height: 1.25}
.index_overview .txt pre{text-align: center;line-height: 1.5}
.index_overview .link{position: relative;width: 100%}
.index_overview .link:before,
.index_overview .link:after{content: ''; display: block; width:49.931%;padding-bottom:42.709%; background: url(../images/cibang.svg) no-repeat center center; background-size: contain}
.index_overview .link:after{transform:scaleX(-1);}
.index_overview .link ul{position: absolute; width: 100%; top: 30%; z-index: 10; }
.index_overview .link ul li{width:34%;}
.index_overview .link ul li img{max-width: 35px;vertical-align: middle}
.index_overview .link ul li a{display:inline-block;line-height: 34px}
.index_overview .link ul li:nth-child(odd) img{margin-right: 20px; }
.index_overview .link ul li:nth-child(even) img{margin-left: 20px; float: right;}
.index_overview .link ul li:nth-child(3),
.index_overview .link ul li:nth-child(4){margin-top: 6%; margin-bottom:5%}
.index_overview .link ul li:nth-child(3){margin-left: 5%}
.index_overview .link ul li:nth-child(4){margin-right: 5%}
.index_overview .link ul li:nth-child(5){margin-left: 10%}
.index_overview .link ul li:nth-child(6){margin-right: 10%}
@media (max-width:1300px) {
.index_overview .link ul li:nth-child(3),
.index_overview .link ul li:nth-child(4){margin-top:5%; margin-bottom:4%}
}
@media (max-width:768px) {
.index_overview .number ul{justify-content: center}
.index_overview .number li{flex: initial; width: 33.333%;padding: 5% 0}
.index_overview .number li span{font-size: calc(72/1000*100vw); }
.index_overview .photo{position: relative;width: 100%; padding-bottom: 50%}
.index_overview .pic{position: absolute; width:45%; left: 0; right: 0;margin: auto; bottom:0}
.index_overview .txt{position: relative; width: 100%; bottom: auto; color: #333}
.index_overview .link{margin-top: -40%; padding-bottom:10%}
.index_overview .link ul{top: 0;font-size: .18rem}
.index_overview .link ul li a{line-height: 20px;}
.index_overview .link ul li img{max-width: 20px}
.index_overview .link ul li:nth-child(4){margin-right: 0}
.index_overview .link ul li:nth-child(6){margin-right: 2%}
.index_overview .link ul li:nth-child(3){margin-left: 2%}
.index_overview .link ul li:nth-child(5){margin-left: 2%}
.index_overview .link ul li:nth-child(odd) img{margin-right: 10px}
.index_overview .link ul li:nth-child(even) img{margin-left: 10px}
.index_overview .number li p{font-size: .18rem;}
.index_overview .txt pre{display: none;}
}

.index_news{background: #f7f7f7;padding: 4% 0}
.index_news .box{padding: 3% 0}
.index_news .group{width:31.945%; background: #fff;border-radius:20px; overflow: hidden}
.index_news a:not(:hover) h4{color: #181818}
.index_news .pic figure{padding-bottom:66.525%}
.index_news .desc{padding:6% 8% 20% 8%}
.index_news .desc h4{line-height:1.5; }
.index_news .desc p{color: #747474; line-height: 1.625;margin-top: 10px}
.index_news .slick-arrow{display: none!important}
.index_news .slick-dots{bottom:30px }
.index_news .list{padding:3% 2.5%; order: 3}
.index_news .list h3{padding-bottom: 4%}
.index_news .list h3 span{padding:0px 10px; display: inline-block;color: #ea5520;border-radius: 15px;background: #fdeee8;}
.index_news .list li{padding:3% 0}
.index_news .list h4{line-height:1.364}
.index_news .list time{color: #747474}
@media (max-width:1024px) {
.index_news .group{width: 49%}
.index_news .list{width: 100%; margin-top: 2%}
.index_news .column_title p,.index_news .desc p{display: none;}
}
@media (max-width:640px) {
.index_news .group{width: 100%;margin:2% 0}
.index_news .desc{padding:3% 2.5%}
.index_news .slick-dots{position: relative; bottom: auto;padding: 20px 0}
}

.index_service{position: relative; z-index: 2;}
.index_service .column_title,
.index_service .column_title h3{color: #fff}
.index_service .column_title{padding-top:12%;padding-bottom:14.633%}
.index_service .photo img{position: absolute; width: 100%; height: 100%;top: 0; object-fit: cover; -o-object-fit: cover; z-index: -1}
.index_service .list{height: 3.6rem; align-items: flex-end;counter-reset:section 0 subsec 1;}
.index_service .item{flex: 1; margin: 0px 5px; z-index: 2; transition: 0.5s; height:77.78%; overflow: hidden}
.index_service .item:after{content:'';position: absolute; bottom: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2);border-radius: 20px 20px 0px 0px; z-index: -1; transition: 0.5s}
.index_service .item a{color: #fff;padding:15%;display: block; position: relative}
.index_service .item figure{max-width: 53px;}
.index_service .item .txt{opacity: 0; display: none; transition: 0.5s}
.index_service .item h4{padding-top: 10%; padding-bottom:40%}
.index_service .item p{height: 48px; line-height: 24px;}
.index_service .item a.link .jt{display: block; width: .54rem; height: .54rem; background: #ffffff url(../images/jt1.png) no-repeat center center; border-radius: 100%; transition: 0.5s}
.index_service .item .num{position: relative}
.index_service .item .num:after {opacity: 0.2; font-size: .18rem;position: absolute;left: 0; bottom: 0; transition: 0.5s; content:counter(section,decimal-leading-zero);counter-increment:section;}
.index_service .item .txt img{width: 94px;border-radius: 5px;}
.index_service .item:hover{flex:1.3359; height: 100%}
.index_service .item:hover a{padding:10%}
.index_service .item:hover:after{background: rgba(234,86,32,0.9)}
.index_service .item:hover .txt{opacity: 1; display: block}
.index_service .item:hover h4{padding-bottom: 2%}
.index_service .item:hover .jt{margin-top: 20%;}
.index_service .item:hover .num:after{right: 0; left: auto}
@media (max-width:768px) {
.index_service .list{height: auto}
.index_service .item{flex: initial!important;width: 48%;margin:1%;}
.index_service .item .txt{opacity: 1; display: block}
.index_service .item a{height: 100%;padding:5%!important}
.index_service .item h4{padding:10px 0!important}
.index_service .item:after{border-radius: 20px}
.index_service .item a.link .jt{width: .4rem; height: .4rem}
.index_service .item:hover .jt{margin-top: 0}
.index_service .item:last-child{width: 98%;}
.index_service .item:last-child .txt{display: flex; justify-content: space-between}
.index_service .item .num:after{display: none}
}
/*index end*/

.play_video{cursor: pointer; width: .8rem; height: .8rem; position: absolute;  margin: auto; left: 0;right: 0; top: 0; bottom: 0; }
.play_video:before,
.play_video:after{content: '';  width: 100%; height: 100%; position: absolute; left: 0; top: 0;border-radius: 100%; }
.play_video:before{z-index:2;background: url(../images/play.svg) no-repeat center center}
.play_video::after{ background:rgba(234,85,32,0.5);-webkit-animation: scaleAnimate 2s linear infinite;opacity: 0;}
@-webkit-keyframes scaleAnimate {
  0% {
    -webkit-transform: scale(1);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale(1.25);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

.location_menu{position: relative}
.location{position: absolute;top: -60px; line-height:40px; padding-left: 24px; background: url("../images/location.svg") no-repeat left;}
.location,
.location a{color: #ffffff}

.member_main .location_menu{width: auto;}


.menu{padding: 4% 0}
.menu dt{color: #181818}
.menu dd li:not(:last-child){padding-right: 30px;}
.menu dd li a{border: solid 1px #ebebeb; border-radius: 30px; line-height: 48px; padding: 0px 24px; display: block}
.menu dd li.aon a{background: #ea5620; border-color: #ea5620; color: #fff}
@media(max-width:768px){
.menu dd li:not(:last-child){padding-right: 15px;}
.menu dd li a{line-height: 40px; padding: 0px 12px; }
}

.sub_menu{border-top: solid 1px #ebebeb; transition: 0.5s}
.sub_menu ul{margin-top: -1px;padding:30px 0;transition: 0.5s}
.sub_menu li{margin-left: 2.5vw;position: relative}
.sub_menu li a{display: block;line-height: 40px;cursor: pointer}
.sub_menu li:before{content: '';position: absolute; width:0;left: 0; right: 0; margin: auto; top: -30px; z-index: 10; height: 4px; background: #ea5620; transition: 0.5s}
.sub_menu li:hover:before,
.sub_menu li.aon:before{width: 100%;}
.sub_menu li.aon a{color: #ea5620}
@media(max-width:768px){
.sub_menu ul{padding:20px 0; justify-content: space-between;}
.sub_menu li:before{top:-20px}
}

.slide_title.fixed .sub_menu{position: fixed;max-width: 1280px; background: rgba(255,255,255,0.95);border-bottom: solid 1px #ebebeb; border-top-color: #fff; z-index: 10;left: 0;right: 0;margin: auto;}
.slide_title.fixed .sub_menu ul{padding:10px 0}

.sub_title{font-size: .30rem; color: #181818;font-weight: normal; padding: 0; margin: 0}
@media(max-width:768px){
.sub_title{font-size: .18rem;}
}

.about_main{box-shadow: 5px 3px 20px rgba(0,0,0,0.08); background: linear-gradient(#fef9f7,#ffffff 20%); border-radius: 20px;padding: 4%; margin-bottom: 6%}
.about_main .about .article{padding-top: 4%}
.about_main .about .desc{width: 55%}
.about_main .about .photo{width: 41.27%; }
.about_main .about .pic{position: relative; padding-bottom:62.966%; background: url("../images/img_bg_zs.png") no-repeat center top; background-size: 100%}
.about_main .about .photo img{top:4%; right:1.5%; width:80.66%; height:92.484%; position: absolute; background-size: contain}
@media(max-width:768px){
.about_main .about .desc,
.about_main .about .photo{width:100%; }
.about_main .about .photo{padding: 4% 0}
}

.about_main .charity{padding: 3% 0}
.about_main .charity .box{background: linear-gradient(#fef0ec,#ffffff); border: solid 1px #fce3da; border-radius: 20px;}
.about_main .charity table th,
.about_main .charity table td{text-align: center;padding: 10px;}
.about_main .charity table th {color: #ea5620;}
.about_main .charity table td{}
.about_main .charity table th:first-child,
.about_main .charity table td:first-child{width: 40%; border-right: solid 1px #fce3da;}
.about_main .charity table tr:not(:last-child){border-bottom: solid 1px #fce3da;}

.about_main .blood .list ul:after{content: '';}
.about_main .blood .list ul:after,
.about_main .blood .list li{width: 31%}
.about_main .blood .list li{box-shadow: 0 0 0 1px #f7bba6; border: solid 2px #fff; border-radius: 10px; background: linear-gradient(#ffffff,#fef4f0); text-align: center; padding:1.5%;margin: 2% 0}
.about_main .blood .list h4{color: #ea5620}
@media(max-width:768px){
.about_main .blood .list ul:after{display: none}
.about_main .blood .list li{width:48%}
}

.honor_list {padding-top: 2%}
.honor_list h1{text-align: center}
.honor_list .box{padding-bottom:70%; position: relative;}
.honor_list .pic{position: absolute;left: 0;right: 0; bottom: 0; margin: auto;padding: 0px 38px; max-width: 340px; background: url("../images/img_bg_ry_yz.png") no-repeat right top}
.honor_list .pic:before,
.honor_list .pic:after{content: ''; position: absolute;top: 0; width: 13px; height: 100%; background: url("../images/img_bg_ry_lr.png") repeat-y; z-index: 2}
.honor_list .pic:before{left:25px; background-position: left}
.honor_list .pic:after{right:25px; background-position: right}
.honor_list .pic span{display: block;height: 13px; position: relative; background: url("../images/img_bg_ry_tb.png") repeat-x}
.honor_list .pic span.t{background-position: center top}
.honor_list .pic span.b{background-position: center bottom}
.honor_list .pic span:before,
.honor_list .pic span:after{content: '';position: absolute; width:20px; height:20px; z-index: 5; background: url("../images/img_bg_ry.png")}
.honor_list .pic span:before{left: -13px;}
.honor_list .pic span:after{right: -13px;}
.honor_list .pic span.t:before{background-position: left top}
.honor_list .pic span.t:after{background-position: right top}
.honor_list .pic span.b:before{bottom: 0; background-position: left bottom}
.honor_list .pic span.b:after{bottom: 0; background-position: right bottom}
.honor_list .txt{padding-top: 8%;background: url("../images/ry_bg.png") repeat-x center -80px; position: relative}
.honor_list .txt h4{width: 70%; margin: auto; text-align: center; position: relative; z-index: 3; line-height: 1.5}
.honor_list .ImgX .pic{width: 79.69%; }
.honor_list .ImgX .pic figure{padding-bottom: 75.76%}
.honor_list .ImgY .pic{width: 61.41%; }
.honor_list .ImgY .pic figure{padding-bottom:139.79%}
@media(min-width:1024px){
.honor_list li{width: 33.333%}
.honor_list li:nth-child(3n+1) .txt:before,
.honor_list li:nth-child(3n+3) .txt:after,
.honor_list li:last-child .txt:after{content: '';width: 20%; height: 80px; position: absolute; top: 0; background-image: url("../images/ry_bg.png");background-repeat: no-repeat}
.honor_list li .txt:before{left: 0; background-position: left top}
.honor_list li .txt:after{right: 0; background-position: right top}
.honor_list li:nth-child(3)~li{margin-top: 4%}
}
@media(max-width:1024px) and (min-width:640px){
.honor_list li{width: 50%}
.honor_list li:nth-child(2n+1) .txt:before,
.honor_list li:nth-child(2n+2) .txt:after,
.honor_list li:last-child .txt:after{content: '';width: 20%; height: 80px; position: absolute; top: 0; background-image: url("../images/ry_bg.png");background-repeat: no-repeat}
.honor_list li .txt:before{left: 0; background-position: left top}
.honor_list li .txt:after{right: 0; background-position: right top}
.honor_list li:nth-child(2)~li{margin-top: 4%;}

}

/*移动端要求显示轮播*/
#technical .slide_module4{display: none; }
#technical .slide_module5{display: none; }

@media(max-width:640px){
.honor_list li{width: 50%;margin-top: 4%;}
.honor_list .txt h4{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.honor_list li .txt:before,
.honor_list li .txt:after{content: '';width: 20%; height: 80px; position: absolute; top: 0; background-image: url("../images/ry_bg.png");background-repeat: no-repeat}
.honor_list li .txt:before{left: 0; background-position: left top}
.honor_list li .txt:after{right: 0; background-position: right top}
.honor_list .txt{padding:4% 0}
.honor_list .box{padding-bottom: 0}
.honor_list .pic{position: relative;}


#technical .slide_module4_pc{display: none;}
#technical .slide_module5_pc{display: none;}
#technical .slide_module4{ display: block;}
#technical .slide_module5{ display: block;}
#technical .slide_module4 .item figure{ padding-bottom: 0;}
#technical .slide_module4 .item img{ width: 100%;}
#technical .slide_module4 .slick-dots{ padding-bottom: 0; bottom: 66px;}
#technical .slide_module5 .item figure{ padding-bottom: 0;}
#technical .slide_module5 .item img{ width: 100%;}
#technical .slide_module5 .slick-dots{ padding-bottom: 0; bottom: 66px;}
}

div[rel="CommonSliding"]{padding-top: 1%; padding-bottom:6%}
div[rel="CommonSliding"] .group{padding:1% 3.907%; background-color: #fefaf8; border-radius: 20px; margin-bottom: 20px;}
div[rel="CommonSliding"] .group.on .title i::after{transform: rotate(0deg)}
div[rel="CommonSliding"] .box{padding:2% 0}
div[rel="CommonSliding"] .title{border-bottom: solid 1px #f0e9e6;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; cursor: pointer;position: relative; padding-right: 30px; width: 100%;}
div[rel="CommonSliding"] .title span{color: #181818; display:block;padding:2% 0; }
div[rel="CommonSliding"] .title i{display: flex; align-items: center; transition: 0.5s; position: absolute; right: 0;}
div[rel="CommonSliding"] .title i::after{ content: ''; display: inline-flex; width: 14px; height: 14px; background: url("../images/jt_up.svg") no-repeat center center;transform: rotate(180deg);transition: 0.5s }
div[rel="CommonSliding"] .title i em{font-size: 12px;margin-right: 5px; white-space: nowrap;font-style: normal;color: #f6c7cf;}
div[rel="CommonSliding"][data-rel="showfirst"] .group .box{display: none}
div[rel="CommonSliding"][data-rel="hideall"] .group .box{display: none}
div[rel="CommonSliding"] .pdf{padding-right: 20px; display: inline-block;background: url("../images/pdf.svg") no-repeat right}

div[rel="CommonSliding"] .faq .title,
div[rel="CommonSliding"] .faq .article{position: relative; padding-left: .5rem}
div[rel="CommonSliding"] .faq .article:before,
div[rel="CommonSliding"] .faq .title:before{content: ''; background: no-repeat center center; position: absolute; left:0rem; width: .4rem; height: .4rem; border-radius: 100%; background-size: contain}
div[rel="CommonSliding"] .faq .title:before{background-image: url(../images/icon_q.png); background-color: #ea5620}
div[rel="CommonSliding"] .faq .article:before{background-image: url(../images/icon_a.png); background-color: #f6c7cf}
div[rel="CommonSliding"] .faq .article{min-height: 100px}
#ClinicalCase[rel="CommonSliding"] .title i{right: .1rem}
#ClinicalCase[rel="CommonSliding"] .title i::after{ filter: brightness(0) invert(1);}
@media(max-width:1024px){
div[rel="CommonSliding"] .box{padding:6% 0}
div[rel="CommonSliding"] .group{padding:3.907%;}
}
@media(max-width:768px){
div[rel="CommonSliding"] .faq .title,
div[rel="CommonSliding"] .faq .article{padding-left: .4rem}
div[rel="CommonSliding"] .faq .article:before,
div[rel="CommonSliding"] .faq .title:before{width: .3rem; height: .3rem; }
}

.technical_main .sub_title{text-align: center; padding: 2% 0}
#laboratory{padding:3.907%; background-image: linear-gradient(0deg, #fdf9f8 0%, #ffffff 100%);box-shadow: 0px 3px 19px 1px rgba(0, 0, 0, 0.08);	border-radius: 20px;}
#laboratory .article{padding-bottom: 2%}
#laboratory .photo{border-radius: 10px;overflow: hidden}
#laboratory .photo[rel="wap"]{display: none}
@media(max-width:768px){
#laboratory .photo[rel="pc"]{display: none}
#laboratory .photo[rel="wap"]{display:block}
}
#technical .group{color: #747474; }
#technical .title span{border-bottom: solid 2px #ea5620; margin-bottom: -1px}
#technical .photo{margin-left: -10px; margin-right: -10px;}
#technical .item{flex: 1; padding: 10px; text-align: center}
#technical .item figure{padding-bottom:66.58%}
#technical .item img{border-radius: 10px;}
#technical .item .txt{padding: 10px 0}
@media(max-width:640px){
#technical .item{flex: initial;width: 100%;}
}

#policies .list{border-radius: 20px;overflow: hidden;padding: 1% 0;background: #fefaf8}
#policies .group{margin-bottom: 0; border-radius: 0;}
#policies .group:last-child .title{border-bottom: none}
#policies .box{border-bottom: solid 1px #f0e9e6}
@media(min-width:1024px){
#policies .group{padding-top: 0; padding-bottom: 0}
}

#storage{padding-bottom: 6%;counter-reset:section 0 subsec 1;}
#storage .box{text-align: center;padding-bottom: 3%}
#storage .box_bg{background-color: #fefaf8;border-radius: 20px;padding: 4.5% 5%;margin-top: 2%;}
#storage .box_bg .title{position: relative}
#storage .box_bg .title::before {font-size: .14rem; position: absolute;left:-40px; top:12px; width: 30px; line-height: 30px; text-align: center; color: #fff; border-radius: 100px; background: #ea5520; content:counter(section,decimal-leading-zero);counter-increment:section;}
#storage .info{width: 52%; padding-left: 4%;}
#storage .pic{width:34.723%; border-radius: 20px; overflow: hidden}
#storage .pic figure{padding-bottom:56.25%}
#storage .pic figure:after{content: '';position: absolute; width: 100%; bottom: 0; left: 0; height: 35%; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7))}
#storage .pic h4{position:absolute; width: 100%; bottom: 0; color: #fff;padding: 2% 4%}
#storage .pic:not(.slick-dotted) h4{text-align: center}
#storage .slick-arrow{display: none!important}
#storage .slick-dots{width: auto;right: 15px}
@media(max-width:768px){
#storage .info,
#storage .pic{width: 100%}
#storage .info{padding-left: 0}
#storage .box_bg .title{padding-left:40px;}
#storage .box_bg .title::before{left: 0}
#storage .pic{padding-top: 2%}
#storage .box .title{ font-size: .26rem; }
}

#scientific ul{margin-left: -5px; margin-right: -5px;}
#scientific li{width: 33.333%; padding: 5px;}
#scientific li a{display: block; background-color: #fefaf8;height: 100%; padding:10.12%; border-radius: 20px;transition: 0.5s}
#scientific li h4{line-height: 30px;height: 60px; margin-bottom: 5px;}
#scientific li time{opacity: 0.8}
#scientific li a:hover{background: #ea5620; color: #fff;}
@media(max-width:1024px){
#scientific li{width: 50%}
}
@media(max-width:640px){
#scientific li{width:100%}
#scientific li a{padding:4%;}
#scientific li h4{height: auto}
}


#expert{padding-bottom: 2%}
#expert .item{width:48.438%;padding:4% 0}
#expert .pic{max-width:128px;  width: 25%; top: 0;right:6%;position: absolute; padding:1.292%;background: #fff; border-radius: 100%;}
#expert .pic img{ border-radius: 100%;}
#expert .info{height: 100%; padding:50px 6%;background-color: #fefaf8; border-radius: 20px; }
#expert .desc{margin-bottom: 10px}
#expert .detail{color: #747474; overflow-y: auto; max-height: 150px}
@media(max-width:640px){
#expert .item{width: 100%}
}

#ClinicalCase .group{padding: 0}
#ClinicalCase .title{background: #ea5620;border-radius:10px;padding: 0 3.907%}
#ClinicalCase .title span{color: #fff;padding-right: 60px;}
#ClinicalCase .title em{font-style: normal}
#ClinicalCase .title:after{filter: brightness(0) invert(1);}
#ClinicalCase .box{padding:3% 3.907%}
#ClinicalCase .case_item{color: #181818; border-radius: 10px; border: solid 1px #f0e9e6; margin-top: 20px;padding: 20px 0;}
#ClinicalCase .case_item .years,
#ClinicalCase .case_item .info{width: 15%; text-align: center}
#ClinicalCase .case_item .detail{width:70%; border-left: dashed 1px #ded7d5;border-right: dashed 1px #ded7d5; padding: 0 3%; color: #747474}
#ClinicalCase .application_item:not(:last-child){margin-bottom:3%; padding-bottom:3%; border-bottom: solid 1px #f0e9e6}
#ClinicalCase .application_item .sub{width: 20%; color: #181818}
#ClinicalCase .application_item .detail{width: 76%; color: #747474}
#ClinicalCase .application_item .other .link,
#ClinicalCase .application_item .other .wap{margin-top: 30px}
#ClinicalCase .application_item .other a{display: block; line-height: 40px; padding: 0px 20px; border-radius: 21px;border: solid 1px #ea5520; cursor: pointer}
#ClinicalCase .application_item .other a:before{content: ''; vertical-align: middle; width: 15px; height: 15px; margin-right: 7px; display: inline-block; background: no-repeat center center;}
#ClinicalCase .application_item .other .link{margin-right: 20px;}
#ClinicalCase .application_item .other .link a{background-color: #ea5620; color: #fff}
#ClinicalCase .application_item .other .link a:before{background-image: url("../images/link.svg")}
#ClinicalCase .application_item .other .link a:hover{background: #ff885c}
#ClinicalCase .application_item .other .wap{position: relative}
#ClinicalCase .application_item .other .wap a{color: #ea5520}
#ClinicalCase .application_item .other .wap a:before{background-image: url("../images/ewm.svg")}
#ClinicalCase .application_item .other .wap a:hover{color: #fff; background: #ea5620}
#ClinicalCase .application_item .other .wap a:hover:before{filter: brightness(0) invert(1);}
#ClinicalCase .application_item .other .pic{position: absolute; bottom: 0%; text-align: center; width: 130px; border-radius: 10px; background: #fff;box-shadow: 1px 3px 20px 0px rgba(182, 52, 6, 0.2); padding: 10px;cursor: default; opacity: 0; transform: scale(0); transition: 0.5s}
#ClinicalCase .application_item .other .pic:after{content: ''; width: 20px; height: 20px; transform: rotate(45deg); position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; background: #fff}
#ClinicalCase .application_item .other .wap:hover .pic{transform: scale(1); opacity: 1; bottom: 160%}
@media(max-width:768px){
#ClinicalCase .case_item{padding: 0}
#ClinicalCase .case_item .years,
#ClinicalCase .case_item .info{width: 50%;padding: 10px}
#ClinicalCase .case_item .detail{padding: 3%; width: 100%; order: 3; border-top: dashed 1px #ded7d5; border-left:none;border-right:none;}
#ClinicalCase .application_item .sub,
#ClinicalCase .application_item .detail{width:100%;}
#ClinicalCase .application_item:not(:last-child){margin-bottom:10%; padding-bottom:5%; }
#ClinicalCase .application_item .other .wap{display: none;}
}


#FAQ .group:not(.on) .title{border-bottom: none}
#FAQ .group.on .title span{border-bottom: solid 2px #ea5620; margin-bottom: -1px}
#FAQ .box{border-bottom: solid 1px #f0e9e6}
@media(min-width:1024px){
#FAQ .group{padding-top: 0; padding-bottom: 0}
}

.bg_gray{background: #f7f7f7}


.search_staff .select_box{width: 62%;padding-right:1rem}
.search_staff .search_box{width: 33%}
.search_staff .box{position: relative;}
.search_staff .text{color: #747474;width:calc(100% - .3rem)}
.search_staff .text{border: solid 1px #e4e4e4; height: .58rem; padding:0 .3rem; border-radius: 30px;}
/* .search_staff select
.search_staff select{display: block!important;width: 48.5%;color: #181818;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select.svg) no-repeat 90% center}
.search_staff select:nth-child(2){display: none!important}
.search_staff span{width: 48.5%}
.search_staff span select{width: 100%} */
.search_staff .btn{width: 1rem; height:.6rem;display: inline-block; cursor: pointer; position: absolute; right: 0; top: 0; background:#ea5620 url(../images/search2.svg) no-repeat center center; border-radius: 30px;}

.search_staff .select_box li{display: flex;align-items: center;margin-right: 0.2rem; flex: 1;}
.search_staff .select_box li .n{flex-shrink: 0;display: none;}
.search_staff .select_box li .select{flex: 1; position: relative;z-index: 20;}
.search_staff .select_box li.show .select{z-index: 22;}
.search_staff .select_box li .select .tit{background:#fff url(../images/select.svg) no-repeat right 0.2rem center; background-size: 0.13rem auto;border-radius: 0.3rem; border: solid 1px #e4e4e4;display: block; line-height: 0.58rem; padding:0 0.3rem;position: relative;z-index: 4;color: #181818; cursor: pointer;}
.search_staff .select_box li .select .tit:not(.on){color: #999;}
.search_staff .select_box .select .hover{position: absolute; top: calc(100% - 1px - 0.03rem);left: 0;width: 100%; background-color: #fff; z-index: 20;padding: 0.1rem;border: solid 1px #ebebeb; z-index: 3;border-radius: 0.06rem; visibility: hidden; opacity: 0; transform: translateY(0.3rem);transition: 0.3s;}
.search_staff .select_box .show .hover{visibility: visible; opacity: 1; transform: translateY(0);}
.search_staff .select_box .select .hover dl{overflow: auto; max-height: calc(0.42rem * 8); padding-right: 0.1rem;}
.search_staff .select_box .select .hover dl::-webkit-scrollbar{width:0.05rem;background-color:#F5F5F5;}
.search_staff .select_box .select .hover dl::-webkit-scrollbar-track{background-color:#F5F5F5;}
.search_staff .select_box .select .hover dl::-webkit-scrollbar-thumb{border-radius:0.05rem;background-color:#999;}
.search_staff .select_box .select .hover dd{padding: 0 0.28rem; line-height: 0.42rem;}
.search_staff .select_box .select .hover dd:hover{background-color:rgb(153, 153, 153,0.2);}

@media (min-width:769px) {
  .search_staff .select_box ul{display: flex;align-items: center;justify-content: space-between;width: 100%;}
}
@media(max-width:1200px){
.search_staff .select_box li{margin-right: .1rem}
.search_staff .search_box{width: 37%}
}
@media(max-width:768px){
.search_staff .select_box,
.search_staff .search_box{width:100%}
.search_staff .search_box{margin-top: 3%}
.search_staff .text,
.search_staff select{height: .48rem;}
.search_staff .select_box li .select .tit{line-height: .48rem}
.search_staff .select_box{padding-right: 70px}
.search_staff .btn{height: .48rem;width: 60px}
.search_staff .select_box ul{width: 100%; display: flex; justify-content: space-between}
.search_staff .select_box li{width: 49%;flex: initial; margin-right: 0}
}

#staff{padding-bottom: 6%;}
#staff ul:after{content: ''}
#staff ul:after,
#staff li{width:31.25%}
#staff li{background-color: #ffffff; margin-top: 10%; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03); border-radius: 20px;padding:5% 3%}
#staff .pic{position: absolute;width:45%; right: 2%; top: -22%; background: #f6e8e3; border-radius: 100%; padding:2.5%;}
#staff .pic figure{border-radius: 100%;}
#staff .txt{color: #747474}
#staff .txt h4{margin-bottom:10%}
#staff .txt p{line-height: 24px; height: 72px;}
#staff .txt span{display: block; padding-top: 15px; margin-top: 15px; border-top: solid 1px #f1eeec; }
@media(max-width:1024px){
#staff ul:after{display: none}
#staff li{width:48%}
}
@media(max-width:480px){
#staff li{width:100%;margin-top: 60px}
#staff .pic{width: 30%}
#staff .txt p{height: auto}
}

.list_loading{padding-bottom: 6%}
.list_loading a{margin: auto; background: url("../images/load.svg") no-repeat center center; display: block; width:42px; height: 42px;animation: loading 2.5s 0.5s linear infinite; opacity: 1; cursor: pointer}
@keyframes loading {
    0%{
      transform: rotate(0deg)
    }
    100%{
      transform: rotate(360deg)
    }
}

.donate_save{border-radius: 20px; background: #fefaf8; padding: 3%; margin-bottom: 6%}
.donate_save .title{text-align: center; color: #181818; padding-bottom: 2%}
.donate_save .sub{ border-bottom: solid 1px #f0e9e6; color: #181818}
.donate_save .sub span{display: inline-block; margin-bottom: -1px;padding: 1% 0; border-bottom: solid 2px #ea5620;}
.donate_save p.c_yellow{padding-top:1.5%}
.donate_save p .yuan{background: #fce9e2; border-radius: 20px; display: inline-block; padding: 0px 10px;}
.donate_save .article{line-height: 2}

.scrollbar::-webkit-scrollbar{width: 8px;}
.scrollbar::-webkit-scrollbar{ width: 3px; height:3px;-webkit-overflow-scrolling : touch; background-color: #ededed;}
.scrollbar::-webkit-scrollbar-track{ background-color: #fad9cd;border-radius: 10px;}
.scrollbar::-webkit-scrollbar-thumb{ background-color: #ea5520;border-radius: 10px;}
.scrollbar::-webkit-scrollbar-button{height: 0px; background-color: #ededed;}

.ul_txt{padding-left: 20px; line-height: 1.625; margin: 15px 0;}
.ul_txt li::marker{color: #ea5620}
.ul_txt li:not(:last-child){margin-bottom: 10px}

.ul_num { list-style: none;position: relative; padding-left: 25px;}
.ul_num li { counter-increment: custom-counter;margin-bottom: 10px}
.ul_num li::before {position: absolute;left: 0; content: "" counter(custom-counter) ")"; }

.editor_32_itemid57 {text-align: center; max-width: 960px; margin: auto}
.editor_32_itemid57 .sub{color: #fff; background: #ea5620;line-height: 54px; border-radius: 10px 10px 0px 0px;}
.editor_32_itemid57 .desc{border-radius:0 0 10px 10px; border: solid 1px #ebe3e1;}
.editor_32_itemid57 table tr:not(:first-child) td{border-top: solid 1px #ebe3e1;}
.editor_32_itemid57 table td:not(:first-child){border-left: solid 1px #ebe3e1;}
.editor_32_itemid57 table td{padding:10px;}
.editor_32_itemid57 table td.w70{width: 70px; writing-mode: vertical-rl; }
@media(max-width:768px){  
  .editor_32_itemid57 table td.w70{writing-mode:inherit; }
}


.editor_32_itemid60 .txt{padding-top: 4%}
.editor_32_itemid60 dl{line-height: 36px;}
.editor_32_itemid60 dl:nth-child(2){padding-left: 75px;}
.editor_32_itemid60 dt{position: relative;min-width: 205px; border-radius: 18px;padding: 0px 25px; border: solid 1px #e5dfdc;display: inline-block;}
.editor_32_itemid60 dt em{position: absolute;font-style: normal; width: 30px; line-height: 30px; text-align: center; left:-10px; top:3px; background-color: #fad9cd;border-radius: 58px;}
.editor_32_itemid60 dd{padding-left: 64px;}
.editor_32_itemid60 dd span{position: relative;width: 140px;margin-top: 14px; text-align: center; border-radius: 18px;border: solid 1px #e5dfdc;display: block}
.editor_32_itemid60 dd span:before{content: '';position: absolute; left: -20px;bottom: 50%; width: 20px; height: 100%;border-left: solid 1px #e5dfdc;border-bottom: solid 1px #e5dfdc; border-bottom-left-radius: 10px}
.editor_32_itemid60 dd span:not(:first-child):before{height: 150%}
@media(max-width:768px){
.editor_32_itemid60 dl:nth-child(2){width: 100%; padding-left: 0;padding-top:6%}
.donate_save .title{ font-size: .2rem; }
}

.editor_32_itemid61 .item figure img{border-radius: 5px;border: solid 1px #ea5620;}
.editor_32_itemid61 .item{width: 49%;text-align: center; color: #747474}
@media(max-width:640px){
.editor_32_itemid61 .pic{display: none}
}

.editor_80 .txt_pic{max-width: 660px; margin: auto}
.editor_80 .txt_pic .txt{width: 40%}
@media(max-width:640px){
.editor_80 .txt_pic .txt{width: 100%; order: 2}
.editor_80 .txt_pic .pic{width: 100%}
}

.editor_39 {padding:6% 0}
.editor_39 .biaoti{text-align: center; color: #fff;padding-bottom: 80px}
.editor_39 .biaoti span{display: block; background: #ea5520; max-width: 280px; width: 70%; margin: auto; line-height:2.5; border-radius:30px }
.editor_39 .box {width: 18.285%; text-align: center; line-height: 24px;}
.editor_39 .box li{padding: 0px 20px;position: relative; border: solid 1px #f6b8a2;align-content: center; background: linear-gradient(rgba(253,242,238,0),rgba(253,242,238,0.5)); display: flex; justify-content: center; align-items: center;}
.editor_39 .box li:not(:last-child){margin-bottom: 50px;}
.editor_39 .box ol li{height: 80px; border-radius: 50px; }
.editor_39 .box ul {position: relative}
.editor_39 .box ul li{min-height: 78px;border-radius: 10px;}
.editor_39 .box ul li span{position: absolute; width: 100%; left: 0;}
.editor_39 .box ul li span:after{content: '';right: 0; position: absolute; background: url("../images/jt_line.svg") no-repeat center center; background-size: contain; width: .42rem; height: .65rem;}
.editor_39 .box ul li:nth-child(1) span{bottom: 120%}
.editor_39 .box ul li:nth-child(2) span{top: 120%}
.editor_39 .box ul li:nth-child(2) span:after{transform: rotate(180deg) scaleX(-1);bottom: 0}
.editor_39 .box:nth-child(1),
.editor_39 .box:nth-child(3){width: 80px; }
.editor_39 .box:nth-child(4){width: 21.61%}
.editor_39 .box:nth-child(4) li:not(:last-child){margin-bottom:170px}
.editor_39 .box:nth-child(1) li:after,
.editor_39 .box li.jt:after,
.editor_39 .box:nth-child(3) li:nth-child(2).jt:before{content: ''; position: absolute;left:calc(100% + 15px); top: 0; bottom: 0; margin: auto; width: .41rem; height: .12rem; background: url("../images/jt_num3.svg") no-repeat center center; background-size: contain; z-index: 10}
.editor_39 .box:nth-child(3) li:nth-child(2).jt:before{left: 0; right:0; transform: rotate(-90deg) translateX(66px)}
.editor_39 .box:nth-child(3) li:nth-child(2).jt:after{left: 0; right:0; transform: rotate(90deg) translateX(66px)}
.editor_39 .box:nth-child(5) li.jt:after{right:calc(100% + 9px); left: auto}
.editor_39 .box.line ul:before{content: '';position: absolute; width: 22px; height: 77%; top: 0; bottom: 0; margin: auto; border: solid 1px #f6b8a2}
.editor_39 .box:nth-child(2) ul:before{left: -22px; border-radius: 10px 0px 0px 10px; border-right: none}
.editor_39 .box:nth-child(4) ul:before{right: -22px; border-radius: 0px  10px 10px 0px; border-left: none}
.editor_39 .box:nth-child(2) li:nth-child(1):after,
.editor_39 .box:nth-child(2) li:nth-child(3):after{content: ''; position: absolute;width: 0; height: 0; border: solid 8px transparent; border-radius: 5px;}
.editor_39 .box:nth-child(2) li:nth-child(1):after{left: -31px;bottom: -20px; border-bottom-color: #ea5620}
.editor_39 .box:nth-child(2) li:nth-child(3):after{left: -31px;top: -20px; border-top-color: #ea5620}
@media(max-width:768px){
.editor_39{padding-bottom: 0}
.editor_39 .biaoti{padding-bottom:0}
.editor_39 .box{width: 100%!important;padding:20px 0}
.editor_39 .box.line{padding-top: 0}
.editor_39 .box ul,
.editor_39 .box ol{display: flex}
.editor_39 .box ol{justify-content: center;}
.editor_39 .box ol li{ width: 80px;margin: 2% 5%}
.editor_39 .box ul{justify-content: space-between}
.editor_39 .box ul li{flex: 1; margin: 1%!important;padding: 10px 5px}
.editor_39 .box:nth-child(2) ul:before,
.editor_39 .box:nth-child(4) ul:before{left: 0; right: 0; width: 77%; height: 22px;}
.editor_39 .box:nth-child(2) ul:before{bottom: 100%;border-bottom: 0; border-right: solid 1px #f6b8a2;border-radius: 10px 10px 0px 0px ;}
.editor_39 .box:nth-child(4) ul:before{top: 100%; border-top: 0; border-left: solid 1px #f6b8a2;border-radius: 0px 0px 10px 10px;}
.editor_39 .box:nth-child(5) li.jt:after{right: 0; left: 0;bottom: auto; top: -40px; transform: rotate(90deg)}
.editor_39 .box:nth-child(1) li:after{right: 0; left: 0; top: auto; bottom: -14px; transform: rotate(90deg)}
.editor_39 .box ul li:nth-child(1) span,
.editor_39 .box ul li:nth-child(2) span{ top:140%;bottom: auto}
.editor_39 .box ul li:nth-child(1) span:after,
.editor_39 .box ul li:nth-child(2) span:after{bottom:  -12px}
.editor_39 .box ul li:nth-child(1) span:after{transform:rotate(180deg) scaleX(1); right: auto; left: 0}
.editor_39 .box:nth-child(2) li.jt:after{transform: rotate(90deg); left: 0; right: 0; top: 120%}
.editor_39 .box:nth-child(3) li:nth-child(1).jt:after,
.editor_39 .box:nth-child(3) li:nth-child(3).jt:after{transform: rotate(90deg); left: 0; right: 0; top: 140%}
.editor_39 .box:nth-child(3) li:nth-child(2).jt:before{transform: rotate(180deg); left:auto; right: 120%}
.editor_39 .box:nth-child(3) li:nth-child(2).jt:after{transform: rotate(0); left: 120%}
.editor_39 .box:nth-child(2) li:nth-child(1):after{bottom: auto;left: 50%; top: -20px; transform: rotate(180deg)}
.editor_39 .box:nth-child(2) li:nth-child(3):after{left: 50%}
.editor_39 .box:nth-child(4){padding-bottom: 50px}
}

.culture_main {padding-bottom:6%;padding-top: 2%;}
.culture_main .culture{background-image: linear-gradient(0deg,#fdf9f8 0%,#ffffff 100%); box-shadow: 0px 3px 19px 1px rgba(0, 0, 0, 0.08);	border-radius: 20px;}
.editor_culture{text-align: center;padding: 2% 0}
.editor_culture dl{padding: 2% 0}
.editor_culture ul{display: flex; width: 90%; max-width: 1020px; margin: auto}
.editor_culture li{flex:0.7;padding: 2% 0}
.editor_culture li.icon{flex: 0.5; background: url("../images/love3.svg") no-repeat center center}
.editor_culture li span{display: block; border: solid 1px #f8d0c1;width: 100%; padding-bottom:100%; position: relative; margin: auto;border-radius: 100%; background: linear-gradient(#ffffff,#fdefe9);}
.editor_culture li i{white-space: nowrap; font-style: normal; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.editor_culture .li2 ul{max-width: 820px;}
.editor_culture .li2 li:not(.icon){flex: 1.2}
.editor_culture .li2 li span{padding-bottom: 50%;border-radius: 87px;}
@media(max-width:640px){
.editor_culture ul{width: 96%}
.editor_culture li.icon{flex:1; }
.editor_culture .li4 li.icon{flex: none; width: 35px;}
}
.event_main {padding-bottom: 6%}
.event_main .slide_main{padding: 4% 12%; background-image: linear-gradient(0deg, #fdf9f8 0%, #ffffff 100%);box-shadow: 0px 3px 19px 1px rgba(0, 0, 0, 0.08); border-radius: 20px;}
.event_main .slide_main .slick-prev{left: 3%}
.event_main .slide_main .slick-next{right: 3%}
.event_main .left_title{width:54%}
.event_main .right_pic{width: 41.11%}

.event_main .right_pic .slick-list{ border-radius: 10px;}
.event_main .right_pic figure{padding-bottom:56.25%;}
.event_main .right_pic .slick-dots{position: relative; bottom: auto;margin-top: 15px;}
.event_main .right_pic .slick-dots li:not(.slick-active) button{background-image: url("../js/slick/love2.svg"); filter:none;opacity: 1}
.event_main .slide_year{margin-top: 4%}
.event_main .slide_year:after{content: ''; position: absolute; width: 100%; height: 1px; bottom: 30px; background: #dbd3cf;}
.event_main .slide_year .slick-list{ z-index: 10}
.event_main .slide_year .slick-slide{padding: 30px 0; z-index: 10; height: 140px;display: flex; align-items: flex-end; justify-content: center; cursor: pointer}
.event_main .slide_year .slick-slide b{font-weight: normal;position: relative;text-align: center;display: block;}
.event_main .slide_year .slick-slide b:after{content: '';display: block; width: 1px; height: 18px; margin: auto; background: #dbd3cf; transition: 0.5s}
.event_main .slide_year .slick-slide b:before{content: ''; position: absolute; margin: auto; left: 0; right: 0;bottom: 0; width: 10px; height: 10px; background: #ea5620; box-shadow: 0 0 0 3px #f5e2db; border-radius: 100px;opacity: 0}
.event_main .slide_year .slick-current b{color: #ea5620;font-size: .3rem}
.event_main .slide_year .slick-current b:after{height: 60px; background: #ea5620}
.event_main .slide_year .slick-current b:before{transform: scale(3); opacity: 1}
@media(max-width:1024px){
.event_main .left_title,
.event_main .right_pic{width:100%}
.event_main .right_pic{margin-top: 4%}
}

.process_main{background: #f7f7f7; padding-bottom: 6%}
.process_main .process{padding:2% 4%; text-align: center; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);border-radius: 20px; background: url("../images/bg_process.jpg") no-repeat right bottom; background-size:cover}
.process_main .article{margin: auto; max-width: 800px;}
.process_main .article .txt{color: #747474;padding:0 4% 4% 4%;}
.process_main .article li{position: relative;padding:30px; background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);border-radius: 10px; margin-bottom:50px;}
.process_main .article li span{display: inline-block}
.process_main .article .one{padding-bottom: 40px}
.process_main .article .one li:not(:last-child):after{bottom: -40px; }
.process_main .article .one li:not(:last-child):after,
.process_main .article .two li:before{content: '';position: absolute; width: 48px; height: 30px; margin: auto; left: 0; right: 0; background: url("../images/jt3.png") no-repeat}
.process_main .article .two li:before{top: -60px}
.process_main .article .two li{width: 49%}
.process_main .article .two b{display: block;position: absolute; width: 82px;margin: auto; left: 0; right: 0; top: -12px; border: solid 1px #ea5520;border-radius: 17px;}
.process_main .article .two li:nth-child(1) b{color: #ea5520; background-color: #fce9e2}
.process_main .article .two li:nth-child(2) b{ color: #fff; background-color: #ea5520}
.process_main .file a{color: #ea5620; padding-right: 22px; display: inline-block; background: url("../images/down.svg") no-repeat right}
.process_main .file a:hover{text-decoration: underline}
@media(max-width:1024px){
.process_main .article li{padding:30px 10px;}
}

.query_form{border-radius: 20px;padding: 4%; box-shadow: 5px 3px 20px rgba(0,0,0,0.08); background: linear-gradient(#ffffff,#fefaf8)}
.query_form .desc{text-align: center}
.query_form table{width: 100%; max-width: 640px; margin: auto}
.query_form td{padding: 6px}
.query_form td.td_name{text-align: right;width: 120px;line-height: 54px;vertical-align: top}
.query_form td.td_name span{color: #eb5721}
.query_form .text,
.query_form select{padding: 0px 20px; width: 100%; height: 54px; line-height: 24px; background-color: #fffefe; border-radius: 5px; border: solid 1px #ebe3e1;}
.query_form textarea.text{height: 110px;}
.query_form .td_btn{text-align: center}
.query_form .btn {color: #ea5620; width: 140px; height: 40px; background-color: #fce9e2; border-radius: 20px;border:solid 1px #ea5620; cursor: pointer}
.query_form .btn_submit{background-color: #ea5620; color: #fff}
.query_form .exchange{display: none}
.query_form .exchange_box{display: flex; align-items: center; justify-content: space-between;}
.query_form .exchange_box .text{width: 45%}
.query_form .queueList{margin: 0;border-radius: 5px; border: solid 1px #ebe3e1!important;background: #fff}
.query_form .placeholder{padding: 3%; min-height: inherit}
.query_form .placeholder .webuploader-pick{box-shadow:none;margin-bottom: 0;font-size: .16rem}
.query_form .placeholder .webuploader-pick:not(.webuploader-pick-hover){font-size: 0;background: url(../images/file.svg) no-repeat center center;}
.query_form .placeholder .webuploader-pick-hover{background-color: #ea5620}
.query_form .webuploader-container{min-height:50px;}
.query_form .statusBar{border-top: none}
.query_form .statusBar .btns .uploadBtn{background: #ea5620}
.query_form .statusBar .btns .uploadBtn:hover{background: #e23c00}
.query_form .tip_file{display: none}
@media(max-width:640px){
.query_form td.td_name{width: 100px; padding-left: 0; padding-right: 0}
}

.editor_modeling{color: #747474;padding: 2% 0 6% 0}
.editor_modeling li{min-width: 30%}
.editor_modeling li a{color: #ea5620; padding-right: 22px; display: inline-block; background: url("../images/down.svg") no-repeat right}
.editor_modeling li a:hover{text-decoration: underline}
.editor_modeling li a:nth-child(2){margin-left: 30px;}

.search_list li{position: relative; border-bottom: solid 1px #e5e5e5;padding: 1% }
.search_list li h4{padding-right: 60px;}
.search_list li h4 span{padding-right: 10px;color: #adadad}
.search_list li time{color: #999999; padding-left: 24px; background: url(../images/time.svg) no-repeat left}
.search_list li .icon{width: 54px; height: 54px; position: absolute; margin: auto; right: 0; top: 0; bottom: 0; border: solid 1px #ebebeb; border-radius: 100px; transition: 0.5s}
.search_list li .icon:before{content: '';position: absolute; width: 100%; height: 100%; background: url(../images/jt2.png) no-repeat center center}
.search_list li:hover .icon{background-color: #ea5620; border-color: #ea5620}
.search_list li:hover .icon:before{filter: brightness(0) invert(1);}
@media(max-width:768px){
.search_list li .icon{width: 40px; height: 40px; }
.search_list li h4{font-size: .16rem;}
}

.news_list li:not(:last-child){margin-bottom: 4.5%;}
.news_list .pic{width: 30%;}
.news_list .pic figure{padding-bottom:66.67%; border-radius: 10px;}
.news_list .desc{width:66%;padding-right: 15%; padding-bottom:1.5%; align-content: space-between; border-bottom: solid 1px #e5e5e5;}
.news_list .desc .txt{width: 100%}
.news_list .desc p{color: #747474; line-height: 1.875; margin-top: 20px}
.news_list .desc time{color: #999999; padding-left: 24px; background: url(../images/time.svg) no-repeat left}
.news_list .desc .icon{width: 54px; height: 54px; position: absolute; margin: auto; right: 0; top: 0; bottom: 0; border: solid 1px #ebebeb; border-radius: 100px; transition: 0.5s}
.news_list .desc .icon:before{content: '';position: absolute; width: 100%; height: 100%; background: url(../images/jt2.png) no-repeat center center}
.news_list li:hover .desc .icon{background-color: #ea5620; border-color: #ea5620}
.news_list li:hover .desc .icon:before{filter: brightness(0) invert(1);}
@media(max-width:768px){
.news_list .desc .icon{display: none}
.news_list .desc{padding-right: 0}
.news_list .desc p{margin-top: 0px}
.news_list .pic figure{padding-bottom: 0; height: 80%; margin-top: 10%;}
.news_list .pic{width: 40%;}
.news_list .desc{width:56%;}
}

.news_detail .title{text-align: center; color: #181818}
.news_detail .title p{padding: 2% 0; opacity: 0.8}
.news_detail .title p span{display: inline-block}
.news_detail .title p span:not(:last-child){padding-right: 20px;}
.news_detail .article{padding: 3% 0; border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5}

.single{padding-bottom: 6%}
.single .title{text-align: center; color: #181818; padding-bottom: 2%; margin-top: -4%}
.single .box{border-radius: 20px; background: #fefaf8; padding: 3%; }

.sitemap li{border-bottom: dotted 1px #e1e1e1; padding:1% 0}
.sitemap dl:not(:last-child){padding-right: 4vw}
.sitemap dd span{display: block; position: relative; padding-left: 20px;}
.sitemap dd span:before{content: ''; position: absolute; left: 0; width: 20px; height: 110%; bottom: 50%; display: inline-block; border-bottom-left-radius: 10px; border-left: solid 1px #e1e1e1;border-bottom: solid 1px #e1e1e1}

.link_list li{width: 25%; padding:1%}
.link_list li .pic{border: solid 1px #e5e5e5; padding: 2%}
.link_list li .pic figure{padding-bottom: 30%}
.link_list li .txt{text-align: center; padding: 10px 0}

@media(max-width:768px){
.link_list li{width:50%;}
}

.prev_next {padding: 4% 0; line-height:36px;}
.prev_next .back a{color: #fff;display: block; border-radius: 30px; padding: 0px 20px;background: #ea5620;}
.prev_next p.dot{max-width: 40%; opacity: 0.8}
@media(max-width:768px){
.prev_next .back{padding-bottom: 2%}
.prev_next p.dot{max-width: inherit; width: 100%}
}

.Pages{padding:6% 0}
.Pages span:not(.p_page),
.Pages a.a_first,
.Pages a.a_end{display: none}
.Pages .p_page{display: flex; justify-content: center}
.Pages .num{display: flex;font-style: normal; padding: 0px 20px;}
.Pages a{width:50px;height: 50px;line-height: 50px; margin: 0px 5px; text-align: center; border-radius: 100px;display: block}
.Pages a.a_cur{background: #ea5620; color: #fff;}
.Pages a.a_prev,
.Pages a.a_next{text-indent: 100px;overflow: hidden;background: #ea5620; position: relative}
.Pages a.a_prev:before,
.Pages a.a_next:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0;background: url(../images/page.svg) no-repeat center center}
.Pages a.a_next{transform:rotate(180deg)}
.Pages a.no{background: #fff; box-shadow: 0 0 12px rgba(231,126,44,0.1);cursor: default}
.Pages a.a_prev:not(.no):before,
.Pages a.a_next:not(.no):before{filter: brightness(0) invert(1);}
@media(max-width:768px){
.Pages a{width:36px;height:36px;line-height:36px;}
.Pages .num{padding: 0}
}

.activity_center {padding-bottom: 6%}
.activity_center .sub_title{padding-bottom: 3%;margin-top: -4%}
.activity_center .box .sub_title{padding: 0}
.activity_center .box{background: #fefaf8; border-radius: 20px;text-align: center; padding: 5%;position: relative}
.activity_center .detail{color: #747474}
.activity_center .tip{color: #747474}
.activity_center .icon{position: relative;display: flex; align-items: baseline; justify-content: space-between}
.activity_center .icon img{position: absolute; z-index: 2}
.activity_center .icon img:nth-child(1){width:52.188%;top:-35px;}
.activity_center .icon img:nth-child(2){width:21.875%;right: 3%;margin-top:-10%}

.join_us{padding:6% 0}
.join_us .photo{width: 50%}
.join_us .photo img{border-radius: 20px;}
.join_us .info{width: 45%}
.join_us .sub_title{padding-top: 4%; padding-bottom: 5%;}
.join_us .detail{padding-bottom: 8%; max-width: 430px; color: #747474; line-height: 2.5; background:url(../images/yinghao.svg) no-repeat right top}
.join_us .link{max-width: 383px; text-align: center}
.join_us .link a{color: #ea5520; width:31.335%;line-height:2.75; border-radius: 23px;border: solid 1px #ea5520; transition: 0.5s}
.join_us .link a:hover{color: #fff; background: #ea5520}
@media(max-width:768px){
.join_us .photo,
.join_us .info{width:100%}
.join_us .photo{order: 2; margin-top: 4%}
}
.join_photo{padding:4% 0; background: #f7f7f7; overflow: hidden}
.join_photo .sub_title{text-align: center; padding-bottom: 2%}
.join_photo .slick-slider{margin-left: -10px; margin-right: -10px}
.join_photo .slick-list{overflow: inherit}
.join_photo .slick-slide{padding: 10px}
.join_photo .slick-slide:not(.slick-active) figure img{opacity: 0.3}
.join_photo .slick-slide figure{border-radius: 20px;padding-bottom:66.668%; background: #fff}
.join_photo .slick-dots{position: relative; bottom: auto; padding-top:2%}
.join_photo .dots_circle .slick-dots li button{width: 10px; height: 10px; opacity: 1}
.join_photo .dots_circle .slick-dots li:not(.slick-active) button{background: #e6e6e6;}
@media(min-width:1280px){
.join_photo  .slick-prev{left:-30px;}
.join_photo  .slick-next{right:-30px;}
}
@media(max-width:1400px){
.join_photo .slick-slider{padding-left: 10%; padding-right: 10%;}
}

.join_welfare{padding:6% 0}
.join_welfare .sub_title{text-align: center; padding-bottom: 2%}
.join_welfare .list{color: #747474; counter-reset:section 0 subsec 1;}
.join_welfare .item::before {line-height: 1; font-size:calc(200/1920*100vw); position: absolute; right: 0; bottom:0; transform: translateY(60px); z-index: -1; content:counter(section,decimal-leading-zero);counter-increment:section; text-shadow: -1px -1px 0 #fceae4, 1px -1px 0 #fceae4, -1px 1px 0 #fceae4,  1px 1px 0 #fceae4; color: #fff}
.join_welfare .item{padding: .40rem; width:31.563%;margin: 0.8851666666666667%; overflow: hidden; background-color: #ffffff;box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.08);border-radius: 20px; z-index: 2; border: solid 1px #fff;}
.join_welfare .item.w100{width: 100%;}
.join_welfare .info h4{color: #181818}
.join_welfare .info h4 img{max-width: 30px; margin-right:15px; vertical-align: middle}
.join_welfare .info p{padding-top: 10px}
.join_welfare .detail{padding-top: 20px;}
.join_welfare .item:hover{background: linear-gradient(rgba(234,85,32,0.1),#ffffff 40%)}
@media(max-width:1024px){
.join_welfare .item{width:48%;margin: 1%}
.join_welfare .item::before{transform: translateY(20px);}
}
@media(max-width:640px){
.join_welfare .item{width:100%;margin: 2% 0; padding: 3%}
}
.editor_55 li:nth-child(odd){width: 58%}
.editor_55 li:nth-child(even){width:40%}
@media(max-width:1024px){
.editor_55 li:nth-child(odd),
.editor_55 li:nth-child(even){width:100%}
}

.join_contact{position: relative;padding: 3.542%}
.join_contact .flex{justify-content: flex-end}
.join_contact .box{position:relative; z-index: 5;width: 100%; max-width: 450px;background: rgba(255,255,255,0.9); border-radius: 20px; padding:3.486% 4%;}
.join_contact .detail{color: #747474}
.join_contact .detail dl{padding: 3.9% 0}
.join_contact .detail dl dt{background: no-repeat left; padding-left: 24px; color: #333333}
.join_contact .detail dl dd{line-height: 1.667}
.join_contact .detail dl:nth-child(1) dt{background-image: url("../images/tel.svg")}
.join_contact .detail dl:nth-child(2) dt{background-image: url("../images/email.svg")}
.join_contact .detail dl:nth-child(3) dt{background-image: url("../images/WeChat.svg")}
.join_contact .detail figure{width: 86px;}
.join_contact .photo img{position:absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; -o-object-fit: cover;}

#visit{padding:5% 0}
#visit .box{background-color: #fefaf8;	border-radius: 20px;padding: 5%}
#visit .sub_title{padding-bottom: 4%}
#visit .photo{width:41.668%}
#visit .photo img{border-radius: 13px;}
#visit .info{width:52%}
.editor_7{padding-top: 6%}
.editor_7 figure{width: 100px; margin-right: 20px;}

/*member*/
.member_login{position: relative; padding:6%; z-index: 2;color: #747474;}
.member_login .sub_title{text-align: center; padding-bottom:8%}
.member_login .flex{justify-content:flex-end}
.member_login .photo img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;object-fit: cover;-o-object-fit: cover; z-index: -1;object-position: left}
.member_login .inbox{max-width: 640px; width: 100%; background: #fff;padding:3% 4.688%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 20px;}
.member_login .group{border-radius: 30px; padding: .08rem .3rem .08rem .8rem; margin-bottom: .2rem; border: solid 1px #ebebeb;background: no-repeat 32px}
.member_login .group.show{border-color: #ff0000}
.member_login .group.focus{border-color: #ea5620}
.member_login ._user{background-image: url(../images/m_user.svg)}
.member_login ._phone{background-image: url(../images/m_phone.svg)}
.member_login ._code{background-image: url(../images/m_code.svg)}
.member_login ._code{display: flex; align-items: center; justify-content: space-between}
.member_login ._code .text{width: 60%}
.member_login ._code a{ color: #ea5620; cursor: pointer}
.member_login .tips{line-height: 40px; position: absolute}
.member_login .text{width: 100%; border: none; height: 40px;}
.member_login .note{display: none}
.member_login .time{display: none}
.member_login .time i{font-style: normal; padding-right: 5px;}
.member_login p.agreement a{color: #ea5620;  cursor: pointer}
.member_login .box_btn{padding-top:8%; padding-bottom:3%}
.member_login .login{display: block; color: #fff; text-align: center;line-height:.6rem;background-color: #ea5620;border-radius: 30px; cursor: pointer}
@media(max-width:768px){
.member_login .group{padding: .04rem .1rem .04rem .4rem; background-position: 15px}
.member_login .login{line-height:.5rem;}
}


.end_button{display: flex; justify-content: center;padding: 3% 0}
.end_button a{cursor: pointer;text-align: center;background: #ea5620; padding: 0px 15px; margin: 0px 10px; border-radius: 20px; color: #fff; min-width: 140px;line-height: 40px;transition: 0.5s}
.end_button a:hover{background: #f9bf8f; color: #ea5620}

.member_main .my_title{text-align: center;padding: 2% 0}
.member_main .my_title h3{color: #ea5520;}
.member_main .my_title p{color: #737373}


.member_main .inbox{background: linear-gradient(0deg,#fdf9f8 0%,#ffffff 100%); box-shadow: 0px 3px 19px 1px rgba(0, 0, 0, 0.08); border-radius: 20px; padding:2% 4%;}
#inquiry .inbox{ background: #fff; }
.no-data{ text-align: center; font-weight: bold; color: #ea5520;}


.member_main .sub_title{border-bottom: solid 1px #ebe3e1; margin-bottom: 3%}
.member_main .sub_title span{display: inline-block; padding-bottom: 10px; border-bottom: solid 2px #ea5520; margin-bottom: -1px;}
.member_main .get-content{text-align: center;}
.member_main .get-date{ text-align: center; font-weight: bold; color: #ea5620;}
@media(max-width:768px){
.member_main .get-content{text-align: left;}
}

.my_cordblood{padding-top: 2%}
.my_cordblood .sub_title{border-bottom: solid 1px #ebe3e1; margin-bottom: 3%}
.my_cordblood .sub_title span{display: inline-block; padding-bottom: 10px; border-bottom: solid 2px #ea5520; margin-bottom: -1px;}
.my_cordblood .inbox{padding:2% 4%}
.my_cordblood .txt{text-align: center}
.my_cordblood .txt p{color: #747474}
.my_cordblood .txt .color{ font-style: normal;color: #ea5520; }
.my_cordblood .pic{padding-top:3%; padding-bottom:5px}
/*.my_cordblood .desc{background: url("../images/bg_icon.svg") no-repeat center center; background-size:46.2%; padding: 2% 0}*/
.my_cordblood .desc{ padding: 2% 0;text-align: center;}
.my_cordblood .desc dl{display: flex; justify-content: space-between; padding:1% 0; line-height: 22px;}
.my_cordblood .desc dl dt{width: 42.5%; text-align: right}
.my_cordblood .desc dl dd{width: 46%}
.my_cordblood .tip{text-align: center; padding-bottom:3%}
.my_cordblood .other {max-width: 880px; margin: auto; padding: 2% 0}
.my_cordblood .other .note{position: relative;width:35%; padding-left:2em; color: #747474}
.my_cordblood .other .note span{position: absolute;left: 0}
.my_cordblood .other .verify{position: relative;}
.my_cordblood .other .verify .seal{width: 100px;left: 53px;top: 50%; transform: translateY(-50%); position: absolute;}
.my_cordblood .other .verify span{width: 156px; display: inline-block}
@media(max-width:768px){
.my_cordblood .other .note,
.my_cordblood .other .verify{width: 100%}
.my_cordblood .other .verify{padding: 8% 0}
.my_cordblood .other .verify .seal{width: 70px;left:45px;}
.my_cordblood .other .verify span{width: 120px}
.my_cordblood .txt p{text-align: left}
}

.annual_quality{padding-bottom: 4%}

/*.annual_quality .list{margin-left: -15px; margin-right: -15px;}
.annual_quality .item{padding: 15px;}
.annual_quality .item a{display: block;}
.annual_quality .item .pic{ padding:11.41%;background-color: #fefaf8; border-radius: 20px;}
.annual_quality .item .pic figure{padding-bottom: 141.31%}
.annual_quality .item .txt{text-align: center;padding-top: 20px;}
.annual_quality .slick-dots{position: relative; bottom: auto;padding: 3% 0}
.annual_quality .slick-arrow{top: 42%;box-shadow:none}
.annual_quality .slick-arrow:before{background-image: url("../js/slick/jt.svg")}
.annual_quality .slick-arrow.slick-disabled{opacity: 0.5}*/

.annual_quality .gallery {width: 95%; margin:0 auto;}
.annual_quality .slick-load {padding:0 0.6rem;}
.annual_quality .item { padding:1em;}
.annual_quality .pic {padding:0.1rem; box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.1);background-color: #fff;}
.annual_quality .figure {padding-bottom: 146.8%;}

@media(min-width:1280px){
/*.annual_quality .slick-prev{left: -.8rem}
.annual_quality .slick-next{right: -.8rem}*/
}
@media(max-width:1024px){
/*.annual_quality .list{margin-left: 0; margin-right: 0}*/
}

#payfee {padding-bottom: 4%}
#payfee .table_list{text-align: center}
#payfee .table_list tr{border-bottom: solid 1px #ebe3e1}
#payfee .table_list th{padding: 12px;background: #faf7f5;border-top: solid 1px #ebe3e1; font-weight: normal}
#payfee .table_list td{padding: 12px;color: #747474}
#payfee .table_list th:not(:last-child),
#payfee .table_list td:not(:last-child){border-right: solid 1px #ebe3e1;}
#payfee .table_list .view,
#payfee .table_list .down{display: inline-block; white-space: nowrap; padding: 0px 10px; color: #ea5620; border-radius: 15px; border: solid 1px #ea5620; cursor: pointer; transition: 0.5s}
#payfee .table_list .view:hover,
#payfee .table_list .down:hover{color: #fff; background: #ea5620}
#payfee .table_list tr:hover {background: #ffeaf2; }
#payfee .table_list tr.show {background: #ffeaf2; }
/* #payfee .table_list tr.show td{color: #fff;} */
#payfee .table_list tr.show .view,
#payfee .table_list tr.show .down{color: #ea5620; background: #ffffff}
@media(max-width:768px){
#payfee .table_list{overflow-x: auto;}
#payfee .table_list table th,
#payfee .table_list table td{white-space: nowrap}
}

.my_payfee {padding-top: 2%}
.my_payfee .inbox{padding: 2% 4%}
.my_payfee .table_list th:nth-child(2),
.my_payfee .table_list th:nth-child(4),
.my_payfee .table_list th:nth-child(5){width:13%}

.payment_fees {padding: 2% 0}
.payment_fees .inbox{padding: 2% 4%}
.payment_fees .my_title{padding-top: 10px; border-bottom: solid 2px #ebe3e1; margin-bottom: 2px;}
.payment_fees .pic{width: 60%; max-width: 254px; margin: auto;border-bottom: solid 1px #d3d1d2; padding: 1% 0}
.payment_fees .desc{border-top: solid 2px #ebe3e1; line-height: 50px; color: #747474}
.payment_fees .account p{border-bottom: solid 1px #ebe3e1; padding: 1% 0}
.payment_fees .table_list th:not(:nth-child(2)){width: 17%;}


.my_personal{padding-top: 2%; padding-bottom: 2%}
.my_personal .form_box{max-width: 680px; margin: auto}
.my_personal .form_box dl{display: flex; align-items: center; padding: 6px 0}
.my_personal .form_box dt{width: 120px;text-align: right}
.my_personal .form_box dd{flex: 1}
.my_personal .form_box .text{width: 100%; height:.52rem; background: #fffefe; padding: 0px 20px; border-radius: 5px; border: solid 1px #ebe3e1;}
.my_personal .form_box .text[disabled="disabled"]{color: #747474}
.my_personal .form_box .form_err{color: #eb5721; padding-right: 3px;}

.member_main .quick_slide{padding-bottom: 4%}
.member_main .section{padding: 2% 0}


/*.member_main #insurance{ text-align: center;}*/
.member_main #insurance .desc{width: 90%; margin: auto; padding-bottom: 4%; color: #737373; max-width: 100%;}
.member_main #insurance .pdf_pic{width:90%; max-width: 860px; margin: auto; box-shadow: -10px 10px 20px rgba(0,0,0,0.2)}
.member_main #insurance .pdf_pic img{width: 100%}
.member_main #insurance .gallery {width: 95%; margin:0 auto;}
.member_main #insurance .slick-load {padding:0 0.6rem;}
.member_main #insurance .item { padding:1em;}
.member_main #insurance .pic {padding:0.1rem; box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.1);background-color: #fff;}
.member_main #insurance .figure {padding-bottom: 146.8%;}

.member_main #process .list ul{counter-reset:section 0 subsec 1;}
.member_main #process .list li{padding: 2% 0;display: flex;flex-wrap: wrap; border-bottom: solid 1px #f3f3f3; position: relative}
.member_main #process .list li b{width: 25%; font-weight: normal; color: #171717; line-height:0.7}
.member_main #process .list li span{color: #747474; flex: 1;}
.member_main #process .list li b::before {content:counter(section,decimal-leading-zero);counter-increment:section; color: #fdf2ee; font-size: calc(60/1920*100vw); font-weight: bold; vertical-align: middle;margin-right: -10px}
@media(max-width:1024px){
.member_main #process .list li{padding-left:8%}
.member_main #process .list li b{width: 100%;padding: 2% 0}
.member_main #process .list li b::before{position: absolute; left: 0; font-size: calc(60/1000*100vw);}
.member_main #process .list li span{width: 100%;}
}

.member_main #inquiry .no_record{padding:3%;background-color: #fefaf8;  border-radius: 20px;}
.member_main #inquiry .no_record .box{text-align: center; width: 90%; max-width: 720px; margin: auto; position: relative;line-height: 3}
.member_main #inquiry .no_record h5{border-bottom: dotted 1px #e2dfde; color: #171717;}
.member_main #inquiry .no_record p{color: #747474; padding-top: 5px;}
.member_main #inquiry .no_record img{width:23%; position: absolute; right: -10%; top: -10%}
.member_main #inquiry .inquiry_list{padding-bottom: 0}
.member_main #inquiry .list{align-items: flex-start; padding-bottom: 2%}
.member_main #inquiry .group{width:48.438%; color: #747474; padding:3%; transition: 0.5s}
.member_main #inquiry .box{padding-top: 0}
.member_main #inquiry .title{border-bottom: none; position: relative}
.member_main #inquiry .title h4{color: #171717}
.member_main #inquiry .title p{width: 100%;padding-bottom: 0; margin-bottom: 0}
.member_main #inquiry .title i{width: .54rem; height: .54rem; position: absolute; right: 0; top: 0; border: solid 1px #ea5620; border-radius: 100px;background-image: url(../images/jt_up2.png); background-repeat: no-repeat;background-position: center;}
.member_main #inquiry .title i::after{ display: none;}
.member_main #inquiry .desc p{padding-top: 0; margin-top: 0}
.member_main #inquiry .flexbox li{ display: flex; }
.member_main #inquiry .flexbox li.li_name{ font-size: .18rem; font-weight: bold;}
.member_main #inquiry .flexbox li .name{ width: 140px; flex-shrink: 0; text-align: right;}
.member_main #inquiry .flexbox li .txt{ flex: 1;}
.member_main #inquiry .flexbox li .c_green{ color: #00a66b;}
.member_main #inquiry .flexbox li .c_red{ color: #ff1100;}
.member_main #inquiry .group:not(.on) .title i{transform: rotate(90deg);filter: grayscale(100%);opacity: 0.5}
.member_main #inquiry .group.on{background: linear-gradient(0deg,#fdf9f8 0%,#ffffff 100%);box-shadow: 0px 3px 19px 1px rgba(0, 0, 0, 0.08);}
.member_main #inquiry .load{width: 140px; text-align: center; line-height: 38px; margin: auto; }
.member_main #inquiry .load a{color: #747474; cursor: pointer; border: solid 1px #999999; display: block;border-radius: 20px;transition: 0.5s}
.member_main #inquiry .load a:hover{background: #ea5620; border-color: #ea5620; color: #ffffff}
@media(max-width:768px){
.member_main #inquiry .group{width: 100%}
.member_main #inquiry .title i{width: .4rem; height: .4rem; }
}

.member_main #material table{border-top: solid 1px #ebe3e1}
.member_main #material table tr{border-bottom: solid 1px #ebe3e1}
.member_main #material table tr:nth-child(even){background: #fcfbfa}
.member_main #material table th{background: #fcfbfa; font-weight: normal;padding: 10px 30px}
.member_main #material table th:not(:last-child){border-right: solid 1px #ebe3e1}
.member_main #material table td{padding: 30px;}
.member_main #material table td:not(:first-child){ color: #747474;border-left: solid 1px #ebe3e1}
.member_main #material table td:nth-child(1){width: 20%}
.member_main #material table td:nth-child(2){width: 30%}
.member_main #material img {display: block; margin:0 auto;}
@media(max-width:768px){
.member_main #material table th{padding: 10px 30px}
.member_main #material table td{padding:10px;}
}
/*member end*/
.annual_quality .item .pic:hover:before,
.member_main #insurance .pic:hover:before{content: '';position: absolute; width: .54rem; height: .54rem; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background: rgba(225,92,43,9) url(../images/zoom.svg) no-repeat center center; border-radius: 100%; z-index: 10}

.copy-up{ font-size:.16rem; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); width:100%; height:100%; display:none; z-index:10001; display: none}
.copy-up .Juz{ display:flex; align-items:center; height:100%; justify-content:center;}
.copy-up .back-white{ padding:.4rem; background-image:linear-gradient(to bottom,rgba(209,224,253),#fff 30%); box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:10px; overflow:hidden; width:8rem; max-width:90%; position: relative}
.copy-up .title{text-align: center; font-size:.18rem; padding-bottom: 10px;}
.copy-up .intro{ }
.copy-up .desc{max-height:80vh; line-height:1.6; overflow:auto;}
.copy-up .agree{display: block;width: fit-content;color: #fff;text-align: center;line-height: .4rem;background-color: #ea5620;border-radius: 0.2rem;cursor: pointer;padding: 0 0.2rem;margin: 0px auto;}

.alert_tips{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999; pointer-events: none;display: flex;justify-content: center; font-size: 14px; padding-top: 0.3rem;align-items: flex-start;}
.alert_tips .inner{box-shadow:0 0 0.1rem rgba(0,0,0,.1); border-radius:10px; padding: 0.2rem 0.4rem 0.1rem;color: #e23c00; background-color: #fff;pointer-events: all; position: relative; min-width: 3rem;background-image:linear-gradient(to bottom,rgba(209,224,253),#fff 30%); }
.alert_tips h3{margin: 0 0 0.1rem 0; font-size: 18px;color: #333;}


/* 隐藏弹框初始状态 */
.popup {
    display: none;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

    /* 当弹框显示时的类名，用于控制显示及添加动画效果 */
    .popup.show {
        display: block;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

/* 弹框标题样式 */
.popup-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

/* 弹框内容样式 */
.popup-content {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

/* 遮罩层样式，用于背景虚化效果 */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    /* 当遮罩层显示时的类名，用于控制显示及添加动画效果 */
    .overlay.show {
        display: block;
        opacity: 1;
    }

/*20241223 产品要求去掉图片放大镜按钮 */ 
.fancybox-toolbar .fancybox-button--zoom{
  display: none !important;
}