@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-weight: bold;
  font-display: swap;
}

body {font-family: 'hm'; font-weight: normal; --hover-color:#1e73be;--white:#fff; --black:#333; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:30,115,190; --radius: .1rem;}

a:hover{color:var(--hover-color); }


/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.imgbox img{ width:100%;height:100%;object-fit: cover;transition: all ease 0.3s;}

.itemhover{transition: all ease 0.3s;}
.activehover{box-shadow: 0px 3px 18px 0px rgba(var(--rgb-hover),0.2) !important;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}

.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}


.Hometitle {margin-bottom: 0.4rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .cn {font-size: var(--font-size46);color: #000;font-weight: 500;letter-spacing: 0.02rem;}
.Hometitle .en{font-size:var(--font-size24); color: var(--hover-color); text-transform: uppercase; margin-bottom: .12rem; }
.Hometitle.white .cn {color: #fff;}
.Hometitle.white .en{ color: #fff;}
.Hometitle.center{ text-align: center;}

.Homemore span,
.Homemore a{display: flex;align-items: center;width: 1.6rem;height: .55rem;border-radius: 0.5rem;border: 0.01rem solid var(--hover-color); color:var(--hover-color);justify-content: center;transition: .3s all}
.Homemore span::after,
.Homemore a::after{display: inline-block;content: '';width: 0.5em;height: 0.5em;transform: rotate(45deg);border-top: 0.02rem solid var(--hover-color);border-right: 0.02rem solid var(--hover-color);margin-left: 0.15rem;vertical-align: middle;}
.Homemore span:hover,
.Homemore a:hover{background: var(--hover-color); color: var(--white);}
.Homemore span:hover::after,
.Homemore a:hover::after{ border-color: var(--white);}
.Homemore.white span,
.Homemore.white a{  background-color: var(--white);}
.Homemore.white span:hover,
.Homemore.white a:hover{background: var(--hover-color); color: var(--white);}


@media(max-width: 1024px) {
.Hometitle .cn {font-size: var(--font-size30);}
.Hometitle .en {font-size: var(--font-size20);}
}


/*Top003221 */
body{overflow-x: hidden;}
.Top003221{}
.Top003221 a:hover{color: var(--hover-color);}
header{position:relative;z-index:100; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);}
header .top{background-color:var(--hover-color);height:0.4rem}
header .top .contact ol{font-size:var(--font-size14);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center}
header .top .contact ol,
header .top .contact ol a:not(:hover){color:var(--white)}
header .top .contact ol a:hover{color: var(--white);}
header .top .contact ol::before{display:block;content:'';width:0.24rem;height:0.24rem;background:no-repeat left center;background-size:0.16rem auto;}
header .top .contact ol.tel::before{background-image:url(../images/Top003221-tel.svg)}
header .top .contact ol.email::before{background-image:url(../images/Top003221-email.svg)}
header .top .right{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center}
header .h-bottom{background-color:var(--white)}
header .h-bottom .logo img{height:0.5rem}
header .top-search{display: block;padding: 0;}
header .top-search .open-search{width:0.56rem;display:block;height:0.4rem;background:center center no-repeat url(../images/search_white.svg);cursor:pointer;background-size:auto 0.20rem}
header .top-search .search-box{position:absolute;right:0;top:0;height:0.4rem;border:1px solid rgba(255,255,255,0.1);border-radius:0.2rem;visibility:hidden;opacity:0;transition:0.5s ease-in-out;width:0;overflow:hidden}
header .top-search .search-box .text{flex:1;background:none;border:0;color:var(--white);padding:0 1em;height:0.4rem;line-height:0.4rem}
header .top-search .search-box .btn{width:0.22rem;cursor:pointer}
.search-show header .search-box{width:4rem;visibility:visible;opacity:1;transition:0.5s ease-in-out}
.top-lang{position:relative;z-index:200}
.top-lang span{display:block;font-size:var(--font-size14);padding-left:0.32rem;line-height:1.57142857;background:no-repeat url(../images/lang_white.svg) left center;background-size:0.2rem auto;cursor:pointer;color:var(--white)}
.top-lang .hover{position:absolute;top:100%;right:0;width:max-content;background-color:var(--hover-color);padding:2em 1em;visibility:hidden;opacity:0;transform:translateY(0.3rem);transition:0.3s}
.top-lang .hover a{color:var(--white)}
.top-lang .hover a:hover{color:var(--white)}
.top-lang .hover li + li{margin-top:0.5em}
.top-lang.active .hover{visibility:visible;opacity:1;transform:translateY(0)}
menu li span{display:block;line-height:1rem;font-size:var(--font-size18);}
menu li span a{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center}
menu ul li.has-sub{position:relative;z-index:100}
menu li .sub{background-color:var(--hover-color);padding:2em 0;transition:0.3s;}
menu li .sub dl{position:relative;z-index:1;--top:0}
menu li .sub dl::after{position:absolute;content:'';width:3px;top:var(--top);height:2em;background-color:var(--hover-color);transition:0.3s}
menu li .sub dl dl{width:max-content;background-color:var(--hover-color);transition:0.3s;padding:1em 0}
menu li .sub dd{line-height:1.2;position:relative;z-index:1;padding:0.5em 1em}
menu li .sub a{color:var(--white);display:block}
menu li .sub a:hover{color: #fff; font-weight: 700;}
menu ul li:nth-last-child(3) ~ li .sub{left:auto;right:0;margin:0}
@media (min-width:1025px) {
header .top .contact ol + ol{margin-left:0.95rem}
/* header .top,
header .h-bottom{padding:0 calc(120 / 1920 * 100vw);} */
menu li + li{margin-left:calc(65 / 1920 * 100vw)}
menu ul li.active .sub{transform:translateY(0);visibility:visible;opacity:1}
menu li .sub{width:14em;position:absolute;left:50%;top:100%;transform:translateY(0.3rem);opacity:0;visibility:hidden;margin-left:-7em}
menu li .sub dl dl{position:absolute;left:100%;top:-1em;width:14em;transform:translateX(0.3rem);visibility:hidden;opacity:0;}
menu li .sub dl .active > dl{transform:translateX(0);visibility:visible;opacity:1}
menu ul li.has-sub span a:after{content:'';display:block;width:0.13rem;height:0.08rem;background:center center no-repeat url(../images/Top003221-select.svg);background-size:contain;margin-left:0.1rem;transition:0.3s}
menu ul li.has-sub.active span a:after{transform:rotate(-180deg);background-image:url(../images/Top003221-select-color.svg)}
menu li.aon span a{color:var(--hover-color)}
}
@media(min-width:1025px) and  (max-width:1366px) {
header .h-bottom .logo img{height: auto;width: calc(225 / 1920 * 100vw);} 
}
@media (max-width:1024px) {
header .top,
header .h-bottom{padding:0 3%;}
header .h-bottom{height: 0.6rem;}
header .top{height: 0.6rem;}
header .top .contact{padding-top: .05rem}
.open-menu{background-color: var(--hover-color);border-radius: 50%;}
.open-menu i{width: calc(100% - 0.1rem); left: 0.05rem;}
menu{position: fixed; left:-100%;opacity: 0;transform: translateX(-100%);top: 1.2rem;bottom: 0; width: 3rem; background-color: var(--white);box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);transition: 0.3s;}
.menu-show menu{left: 0;opacity: 1; transform: translateX(0);}
menu ul{overflow: auto;height: 100%;}
menu ul li.has-sub span{padding-right: 1rem;}
menu ul li.has-sub span:after{content:'';display:block;width:0.13rem;height:0.08rem;background:center center no-repeat url(../images/Top003221-select.svg);background-size:contain;margin-left:0.1rem;transition:0.3s;position: absolute;right: 0.2rem;top: 50%;margin-top: -0.04rem;}
menu ul li.has-sub.active span:after{transform:rotate(-180deg);background-image:url(../images/Top003221-select-color.svg)}
menu li span{line-height: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
menu li span a{justify-content: space-between;padding: 0 3%;}
menu li .sub,
menu li .sub dl dl{display: none;}
menu ul li.active .sub{display: block;}
header .top-search{position:inherit;}
header .top-search .search-box{top: 100%;}
.search-show header .search-box{width:100%; background-color: var(--hover-color);}
header .top-search .search-box .btn{width: 0.5rem;background:url(../images/search_white.svg) no-repeat center center; background-size: 50% auto;}
}



.HomeBan{overflow: hidden; position: relative;}
.HomeBan li{position: relative;overflow: hidden;}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff;}
.HomeBan li .txt .tit {font-size: var(--font-size42);line-height: 1.3;  margin-bottom: 0.2rem;font-weight: 500;}
.HomeBan li .txt .desc{font-size: var(--font-size18); line-height: 1.875;}
.HomeBan li .txt .Homemore{margin-top:0.4rem;}

.HomeBan .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 5%;}
.HomeBan .slick-dots li{margin:0 .12rem !important;width:0.14rem;height:0.14rem;border:2px solid rgba(255,255,255,0.3);opacity:1;background:none;display: inline-block;border-radius: 50%}
.HomeBan .slick-dots li.slick-active{background:#fff;border-color:#fff;}
.HomeBan .slick-dots li button{display: none;}

@media (min-width:1025px) {
.HomeBan .wap{display: none;} 
.HomeBan .text{width: 45%;}
}
@media(max-width:1024px){
.HomeBan .pc{display: none;} 
.HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
.HomeBan .slick-dots{bottom:0.2rem;}

}

.Homebox1{padding:var(--padMar100) 0; background: #f4f9fd; }
.Homebox1 ul{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.Homebox1 li{width: 33%;position: relative;transition: all 0.3s;}
.Homebox1 li:after{bottom: 0;width: 100%;background-image: linear-gradient(to bottom, rgba(255,255,255,0) , #fff);content: "";height: 0;transition: all 0.3s;position: absolute;}
.Homebox1 li a{display: block;padding:0rem 0.4rem 0.32rem;position: relative;z-index: 1;transition: all 0.3s;}
.Homebox1 li a:after{width: 0;height: 3px;content: "";left: 0;position: absolute;background:#ebebeb;transition: all 0.3s;bottom: 0;}
.Homebox1 li a:before{width: 0;height: 3px;content: "";left: 0;position: absolute;background:var(--hover-color);transition: all 1s;bottom: 0;z-index: 2;}
.Homebox1 li .icon { margin-bottom: 0.25rem;}
.Homebox1 li .icon img{max-height: 0.6rem;}
.Homebox1 li .tit{font-size: var(--font-size24); color: #333; font-weight: 500; margin-bottom: 0.18rem;}
.Homebox1 li .desc{color:#666;font-size: var(--font-size16); font-weight: lighter; line-height: 1.875;}
.Homebox1 li:hover{transform: translateY(-0.1rem);}
.Homebox1 li:hover:after{height: 100%;}
.Homebox1 li:hover a:after{width: 100%;}
.Homebox1 li:hover a:before{width: 100%;}
.Homebox1 li:hover .tit{color:var(--hover-color);}
@media(max-width:1024px){
.Homebox1 li{width:50%;}
.Homebox1 li a{padding: 0.2rem;}
}
@media(max-width:640px){
.Homebox1 li{width:100%;}
.Homebox1 li .icon img{ max-height: 0.4rem;}
}

.Homebox2 {padding:var(--padMar100) 0;background-size: 100% auto; background-repeat: no-repeat;}
.Homebox2 .items{margin-left: -0.20rem; transition: all 0.5s;display: flex; flex-wrap: wrap;justify-content: space-between;}
.Homebox2 .item{margin: 0 0 0 0.20rem;flex: 1;transition: transform 0.5s ease;position: relative; }
.Homebox2 .tit{line-height:0.4rem;font-size: var(--font-size30);}
.Homebox2 .info{position: absolute;left: 0;padding:0 0.2rem 0.2rem;width: 100%;z-index: 2;text-align: center;color: #fff;display: flex;flex-direction: column;justify-content: flex-end;transition: all 0.5s;height: 100%;}
.Homebox2 .desc{margin: 0;max-height: 0;transition: max-height 0.6s ease;opacity: 0; line-height: 1.8;}
.Homebox2 .Homemore{margin-bottom: -0.3rem;transition: all 0.8s;opacity: 0;display: flex;justify-content: center;}
.Homebox2 .item a{position: relative;display: block;transition: all 0.8s;overflow: hidden;}
.Homebox2 .item .imgbox{padding-top: 5.6rem;border-radius: 0.1rem;}
.Homebox2 .imgbox:after{content: "";height: 0;width: 100%;position: absolute;bottom: 0;background: linear-gradient(to bottom, rgba(var(--rgb-hover),0) 0%, rgba(var(--rgb-hover),1) 75%, rgba(var(--rgb-hover),0.8) 100%);transition: all 0.5s;opacity: 0;}

.Homebox2 .item:hover{z-index: 10;}
.Homebox2 .item:hover .imgbox:after{height: 100%;opacity: 1;}
/* .Homebox2 .item:hover a{transform: scale(1.1);z-index: 10;} */
.Homebox2 .item:hover .info{padding-bottom: 0.48rem;}
.Homebox2 .item:hover .desc{max-height: 1.2rem;opacity: 1;margin: 0.2rem 0 0.2rem; }
.Homebox2 .item:hover .Homemore{margin-bottom: 0;opacity: 1;}

.Homebox2 .Homemore span:hover::after{ border-color: var(--hover-color);}
.Homebox2 .Homemore.white span:hover{background: var(--white); color: var(--hover-color);}
@media(max-width:768px){
.Homebox2 .items{margin-left: 0;}
.Homebox2 .item{flex: auto; width: 100%;margin: .1rem 0}
.Homebox2 .item .imgbox{padding-top:3rem}

}



.HomeTeam{padding:var(--padMar100) 0; position: relative;z-index: 1; overflow: hidden;background: url(../images/HomeTeam-bg.jpg) no-repeat center; background-size: cover; background-color: #f4f9fd; }
.HomeTeam .HomeTeamInfo{width:69.5%;margin-top:0.5rem;}
.HomeTeam .HomeTeamInfo .item a{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.HomeTeam .HomeTeamInfo .item .txt{width:45%;}
.HomeTeam .HomeTeamInfo .item .txt .tit{font-size: var(--font-size32); color: #333; font-weight: 500;}
.HomeTeam .HomeTeamInfo .item .txt .tag{line-height: 1.6;margin:0.2rem 0;}
.HomeTeam .HomeTeamInfo .item .txt .tag p{padding-left:0.15rem;position: relative; margin: 0; margin-top:0.05rem;color: #666;}
.HomeTeam .HomeTeamInfo .item .txt .tag p::before{content:'';display: block;width:0.06rem;height:0.06rem;border-radius: 50%;background: var(--hover-color);position: absolute;left:0;top:50%;margin-top:-0.03rem;}
.HomeTeam .HomeTeamInfo .item .txt .con{color:#666;line-height: 1.7;margin-bottom:0.3rem; font-weight: lighter;}

.HomeTeam .HomeTeamInfo .item .img{width:50%;margin-left:2%;position: relative;padding:0.16rem;}
.HomeTeam .HomeTeamInfo .item .img .bg{background: conic-gradient(var(--hover-color) 0deg, var(--hover-color) 270deg, transparent 270deg);width:97.02%;padding-bottom: 97.02%;border-radius: 50%;position: absolute;left:0;top:0;transition: all .5s;}
.HomeTeam .HomeTeamInfo .item .img .imgbox{width:96.81%;padding-bottom: 96.81%;position: relative;overflow: hidden;border-radius: 50%;background: #fff;}
/* .HomeTeam .HomeTeamInfo .item .img .imgbox::before{content:'';display: block;width:100%;padding-top:100%;position: absolute;bottom:0;left:0;} */
.HomeTeam .HomeTeamInfo .item .img .imgbox img{position: absolute;left:50%;transform: translateX(-50%);bottom:0;object-fit: contain;}
.HomeTeam .HomeTeamInfo .swiper-pagination{position: absolute;left:55%;text-align: left;width:1rem;color:#61aff3;margin-top:0;bottom:-0rem;}
.HomeTeam .HomeTeamInfo .swiper-pagination .swiper-pagination-current{color:var(--hover-color);font-size: 0.24rem;}

.HomeTeam .HomeTeamNav{width:20.8%;padding:0.4rem 0;position: relative;z-index:99;}
.HomeTeam .HomeTeamNav .mySwiper{height:5rem;}
.HomeTeam .HomeTeamNav .item{height: calc(100% / 4);margin:0 0;}
.HomeTeam .HomeTeamNav .item a{display: flex;align-items: center;justify-content: space-between;}
.HomeTeam .HomeTeamNav .item .img{background: #fff;overflow: hidden;padding-top:33.66%;width:36.405%;border-radius: 50%;transition: all .5s;border:0.04rem solid transparent;}
.HomeTeam .HomeTeamNav .item .img img{position: absolute;bottom:0rem;left:50%;transform: translateX(-50%);}
.HomeTeam .HomeTeamNav .item .txt{width:60%;}
.HomeTeam .HomeTeamNav .item .name{color:#333; font-size: var(--font-size18); margin-bottom: 0.1rem;}
.HomeTeam .HomeTeamNav .item .txt .dec{color:#666; font-weight: lighter;}
.HomeTeam .HomeTeamNav .item.swiper-slide-thumb-active .name,
.HomeTeam .HomeTeamNav .item:hover .name{color:var(--hover-color);}
.HomeTeam .HomeTeamNav .swiper-button-prev,
.HomeTeam .HomeTeamNav .swiper-button-next{width:0.3rem !important;height:0.3rem !important;border-radius: 50%;border:1px solid var(--hover-color);position: absolute;font-size: 0 !important;color:transparent;background-color: transparent;z-index:99;position: absolute;opacity: 1 !important;margin-left:-0.15rem;}

.HomeTeam .HomeTeamNav .swiper-button-prev::after,
.HomeTeam .HomeTeamNav .swiper-button-next::after{content:'';display: block;width:0.08rem;height:0.08rem;border:1px solid var(--hover-color);border-right:none;border-bottom:none;position: absolute;left:56%;top:50%;transform: translate(-50%,-50%) rotate(-45deg);font-size: 0 !important;color:transparent;}
.HomeTeam .HomeTeamNav .swiper-button-next::after{transform: translate(-50%,-50%) rotate(135deg);left:44%;}
.HomeTeam .HomeTeamNav .swiper-button-prev:hover::after,
.HomeTeam .HomeTeamNav .swiper-button-next:hover::after{border-top:1px solid #fff;border-left:1px solid #fff;}
.HomeTeam .HomeTeamNav .swiper-button-prev:hover,
.HomeTeam .HomeTeamNav .swiper-button-next:hover{background:var(--hover-color);border:1px solid var(--hover-color);}

.HomeTeam .HomeTeamNav .item.swiper-slide-thumb-active .img{border: 0.04rem solid var(--hover-color);}

@media(min-width:1024px){
.HomeTeam .HomeTeamNav .swiper-button-prev,
.HomeTeam .HomeTeamNav .swiper-button-next{left:50%;}
.HomeTeam .HomeTeamNav .swiper-button-prev{top:0;transform: rotate(90deg);}
.HomeTeam .HomeTeamNav .swiper-button-next{bottom:0;transform: rotate(90deg);top:auto;}
}
@media(max-width:1024px){
.HomeTeam .HomeTeamInfo{width: 100%}
.HomeTeam .HomeTeamInfo .item .txt .tit{font-size: 0.28rem;}
.HomeTeam .HomeTeamNav{width: 100%; padding: .2rem .4rem}
.HomeTeam .HomeTeamNav .item .img{width:0.86rem;padding-top:0.8rem;}
.HomeTeam .HomeTeamNav .mySwiper{height: auto}
.HomeTeam .HomeTeamInfo .swiper-pagination{left: 0;position: relative}
}

@media(max-width:768px){
.HomeTeam .HomeTeamNav{width:100%;margin-top:0.3rem;}
.HomeTeam .HomeTeamInfo{width:100%;}
.HomeTeam .HomeTeamNav .mySwiper{display: none;}
.HomeTeam .HomeTeamNav .item{height:auto;}
.HomeTeam .HomeTeamNav .swiper-button-prev{transform: rotate(0);bottom:0;top:auto;right:55%;left:auto;}
.HomeTeam .HomeTeamNav .swiper-button-next{transform: rotate(0);bottom:0;top:auto;left:55%;}

}

@media(max-width:640px){
.HomeTeam .HomeTeamInfo{margin-top:0;}
.HomeTeam .HomeTeamInfo .item .img{width:2.2rem;margin:0 auto;max-width:100%;padding:0.1rem;}
.HomeTeam .HomeTeamInfo .item .img .bg{width:2.22rem;height:2.2rem;}
.HomeTeam .HomeTeamInfo .item .img .imgbox{width:2rem;height:2rem;}
.HomeTeam .HomeTeamInfo .item .txt{width:100%;margin-top:0.15rem;padding:0 0.3rem;}
.HomeTeam .HomeTeamInfo .item .txt .tit{font-size: 0.24rem;font-weight: bold;}
.HomeTeam .HomeTeamNav{margin-top:0.15rem;}
.HomeTeam .HomeTeamNav{padding:0.2rem 0;}
.HomeTeam .HomeTeamInfo .swiper-pagination{text-align: right;right:0.3rem;left:auto;bottom:0;}
.HomeTeam{padding:0.8rem 0 0.3rem 0;}
}



/*Floor003210 */
.Floor003210{padding:var(--padMar100) 0; position: relative;z-index: 1; overflow: hidden;  }
.Floor003210 .Homemore{position: absolute;right:0;top:0.1rem;}
.Floor003210 .swiper-wrapper{height: auto;}
.Floor003210 .inner{position: relative;z-index: 3; margin-top: 0rem; align-items: stretch;}
.Floor003210 .left{border-bottom: 1px solid #e5e5e5;}
.Floor003210 .item a{align-items: stretch;}
.Floor003210 .item + .item{margin-top: 0.4rem;}
.Floor003210 .item .pic{width: calc(240 / 760 * 100%); flex-shrink: 0; overflow: hidden; border-radius: var(--radius);}
.Floor003210 .item .imgbox{padding-bottom: 65%;transition: 0.3s;}
.Floor003210 .item a:hover .imgbox img{transform: scale(1.15);}
.Floor003210 .item .txt{flex: 1; margin-right: 0.39rem; border-bottom: 1px solid #e5e5e5;display: flex; flex-direction: column; padding-right: 0rem;overflow: hidden}
.Floor003210 .item time{font-size: var(--font-size16);color:#999; font-weight: lighter;}
.Floor003210 .item .txt .tit{font-size:var(--font-size22);color:#333;margin:0.12rem 0;}
.Floor003210 .item a:hover .txt  .tit{color:var(--hover-color);}
.Floor003210 .item .txt p{margin: 0.05rem 0 0 0; line-height:1.8;color:#666; font-weight: lighter;}
.Floor003210 .swiper-img{position: relative;z-index: 2;}
.Floor003210 .swiper-img .pages{position: absolute;right: 0;height: 0.2rem;width: 1.2rem;display: flex;justify-content: flex-end;align-items: flex-end;bottom: 0;z-index: 10;left: auto;padding-bottom: 0.15rem;padding-right: 0.15rem;}
.Floor003210 .swiper-img .pages span{display: block;width: 0.16rem; height: 0.16rem; border: solid 2px transparent; position: relative;border-radius: 50%; transition: 0.3s; cursor: pointer;}
.Floor003210 .swiper-img .pages span + span{margin-left: 0.05rem;}
.Floor003210 .swiper-img .pages span:after{position: absolute; content: '';left: 50%;top: 50%;border-radius: 50%;width: 0.08rem; height: 0.08rem; transform: translate(-50%,-50%);opacity: 0.5; background-color: var(--white); transition: 0.3s;}
.Floor003210 .swiper-img .pages span.active{border-color: var(--white);}
.Floor003210 .swiper-img .pages span.active:after{opacity: 1;}
.Floor003210 .swiper-img .imgbox{padding-bottom: 65%;transition: 0.3s;border-radius: var(--radius);}
.Floor003210 .swiper-img a:hover .imgbox img{transform: scale(1.15);}
.Floor003210 .swiper-txt .txt time{display: flex;align-items: flex-end; line-height: 1; height: 0.45rem; font-size: var(--font-size16);color:#999;font-weight: lighter;}
.Floor003210 .swiper-txt .tit{margin: 0.15rem 0 0.15rem 0;font-size:var(--font-size22); font-weight: normal; color:#333;}
.Floor003210 .swiper-txt a:hover .tit{color:var(--hover-color);}
.Floor003210 .swiper-txt p{color:#666;  margin: 0;line-height: 1.8;font-weight: lighter;}
@media (min-width:1025px) {
.Floor003210 .left{width: calc(575 / 1440 * 100%);}
.Floor003210 .right{width: calc(780 / 1440 * 100%);}
}
@media (max-width:1024px) {
.Floor003210{padding:0.5rem 0;}
.Floor003210 .left{padding-bottom: 0.3rem; margin-bottom: 0.3rem;}
.Floor003210 .item + .item{margin-top:0.25rem;}
.Floor003210 .item .txt{margin-right: 0.2rem; padding-right: 0.1rem;}
.Floor003210 .item time{font-size: var(--font-size18);}
.Floor003210 .item .txt p{font-size: var(--font-size16);}
.Floor003210 .item .pic{width: 37%;}

}
@media (max-width:640px) {
.Floor003210 .right .item .txt p{display: none;}
}

/*Floor003181*/
.Floor003181{position: relative;}
.Floor003181 .Ispic{display: block; width: 100%; height: 5rem; position: relative; background-position:center center ;}
.Floor003181 .con{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10;}
.Floor003181 .conts{width: 80%; max-width: 6rem;}
.Floor003181 .txt {color: var(--white);}
.Floor003181 .txt .tit{font-size: var(--font-size46); font-weight: 500; margin-bottom: 0.1rem;}
.Floor003181 .txt .desc{font-size: var(--font-size30); line-height: 1.875;}
.Floor003181 .txt .Homemore{ margin-top: 0.4rem;}




.Bottom{background: #222;padding: var(--padMar60) 0 0.3rem 0;}
.Bottom,
.Bottom a{color: rgba(255,255,255,.6);}
.Bottom a:hover{color: #fff;}
.Bottom .inner{display: flex;justify-content: space-between;flex-wrap: wrap-reverse;}
.Bottom .b-nav{ padding-bottom: 0.25rem; margin-bottom: 0.8rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.Bottom .b-nav ul{display: flex;align-items: center;}
.Bottom .b-nav li{ float: left; font-size: var(--font-size18);}
.Bottom .b-nav li:not(:last-child){ margin-right: 0.5rem;}
.Bottom .b-nav li a:hover{ color: #fff;}

.Bottom .b-bottom .b-link a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 0.12rem;background: rgba(255,255,255,0.4);margin: 0 0.15rem;vertical-align: middle;}
.Bottom .b-bottom .copyright{line-height: 2;margin-top: 0.24rem;font-size: var(--font-size16); }
.Bottom .b-bottom .copyright a{display: inline-block}

.Bottom .code{text-align: right;  margin-bottom: 0.2rem;}
.Bottom .code img{ max-width: 1.2rem; border-radius: 0.05rem;}
.Bottom .code aside{font-size: var(--font-size16);color: #fff; font-weight: lighter; margin-top: 0.1rem;}
.Bottom .share{float: right;}
.Bottom .share li{float: left;position: relative;}
.Bottom .share li figure{position: absolute; left: 0; bottom: 100%; width: 120px; padding: 5px;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.Bottom .share li figure img{display: block;width: 100%;}
.Bottom .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 20px; top: 100%;border-top-color: #fff;}
.Bottom .share li:not(:first-child){margin-left: 0.12rem;}
.Bottom .share li a{display: block;border: 1px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.1); width: 0.42rem; height: 0.42rem;background-position: center center;background-repeat: no-repeat; background-size: 0.22rem auto; border-radius: 50%; cursor: pointer;}
.Bottom .share li a:hover{background-color: var(--hover-color);}

@media(min-width:1025px){
.Bottom .left{width: 80%;max-width: 11rem;}
.Bottom .right{max-width: 2.4rem;width: 17%;display: flex;justify-content: flex-end;flex-wrap: wrap;}
}
@media(max-width:1024px){
.Bottom .inner{justify-content: center;}
.Bottom .b-nav{padding-bottom: 0.1rem;margin-bottom: 0.2rem;}
.Bottom .b-nav ul{flex-wrap: wrap;}
.Bottom .b-nav li{ width: 33.333%;margin-right: 0;text-align: center;margin-bottom: 0.1rem;}
.Bottom .b-nav li:not(:last-child){ margin-right: 0rem;}
.Bottom .code{text-align: center;  }
.Bottom .right{margin-bottom: 0.3rem;}
.Bottom .b-bottom{text-align: center; }
.Bottom .b-bottom .copyright{margin-top: 0.12rem;}
}


.ban,.ban img{width: 100%;}
.ban{position: relative;}
.ban .txt{position: absolute; left: 50%; top: 50%; width: 100%; z-index: 10;color: #fff; font-size: var(--font-size40); text-align: center;transform: translate(-50%,-50%);}
.ban .txt .en{font-size:var(--font-size24);text-transform: uppercase;}
@media(max-width:640px){
.ban .txt{font-size: 6vw;}
}

/*
 .PicList001200 
 */
 .PicList001200{padding: var(--padMar100) 0; }
 .PicList001200 h3{ margin:0; font-size:var(--font-size22); color:var(--black);}
 .PicList001200 p{ margin:0.3rem 0 0.1rem; color:#999; line-height:1.75; height:calc(1.75em * 2); overflow:hidden; }
 .PicList001200 li{padding: 16px; background:var(--white); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
 .PicList001200 li:not(:last-child){margin-bottom:3%;}
 .PicList001200 li a{ display:block; position:relative;}
 .PicList001200 li figure{width:100%; padding-bottom:18.4%; border-radius: 10px; }
 .PicList001200 li .con{position:relative;padding:1.5vw 2.5vw;}
 .PicList001200 li .con .flex{display: flex;align-items: center;}

 .PicList001200 li time{display: block; color:#969696;    white-space: nowrap; line-height:0.2rem;border-radius: 0.3rem;border: 1px solid #dcdcdc;padding:0.1rem 0.2rem;margin-right: 0.2rem;}
 .PicList001200 li:hover h3{ color:var(--hover-color);}
 .PicList001200 li:hover a::after{ background-color: var(--hover-color); border-color: var(--hover-color); background-image: url(../images/right.svg);}
 .PicList001200 li:hover time{color: var(--hover-color);border-color: var(--hover-color);}
 @media(min-width:1025px){
  .PicList001200 li a{ display: flex; align-items: center;}
  .PicList001200 li a{padding-right:13%;}
  .PicList001200 li a::after{ position:absolute; content:''; width:calc(50 / 16 * 1em); height:calc(50 / 16 * 1em); background:url(../images/right-hui.svg) no-repeat center center; right:6.5%; top:50%; margin-top:calc(-25 / 16 * 1em); border: 1px solid #ccc; background-size: 0.25rem; border-radius: 50%;}
  .PicList001200 li figure{width:28.589%; }
  .PicList001200 li .con{width:calc(100% - 5%);}
   .PicList001200 li .con::before{ position:absolute; content:''; width:1px; height:80%; top:10%; background-color:rgba(0, 0, 0, 0.08); right:0;}

}
 @media(max-width:1024px){
.PicList001200 li{padding: 0px;}
.PicList001200 p{margin-top: .15rem}
 }



/*Page002737 */

.Pages{ text-align: center;padding-top: 4%; padding-bottom: 6%}
.Pages > span{display: inline-block; vertical-align: middle;}
.Pages .a_first,
.Pages .a_end,
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{display: none;}
.Pages .p_page em{font-style: normal;}
.Pages .p_page a{float: left; line-height:46px; border-radius: 4px; padding: 0 20px; margin: 0 5px; font-size:16px; color: #999; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur{background-color:var(--hover-color); color: #fff;}
.Pages .p_page a.a_next,
.Pages .p_page a.a_prev{font-size: 0; height:46; width:60px; padding: 0; margin: 0 6px; background-position: center center; background-repeat: no-repeat; background-size: 0.25rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.Pages .p_page a.a_prev,
.Pages .p_page a.a_next{background-image: url(../images/right-hui.svg);}
.Pages .p_page a.a_prev{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Pages .p_page a.a_prev:hover,
.Pages .p_page a.a_next:hover{background-image: url(../images/right.svg);}
.Pages  .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: 44px;}
.Pages .p_jump > *{float: left;}
.Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;}
.Pages .p_jump b.f0{margin-right: 6px;}
.Pages .p_jump input{height: 46px; border-radius: 4px;}
.Pages .i_text{ line-height: 44px; border: 1px solid #e5e5e5;   width: 46px; text-align: center; color: #333; font-size:16px;}
.Pages .i_button{background: #ebebeb; width: 70px;  padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #888;}
@media(max-width:768px){
.Pages .p_page em,
.Pages .p_jump{display: none;}
}

  


/*.RighInfo000171*/
.RighInfo000171{padding: var(--padMar100) 0}

.RighInfo000171 .title{ color: #333; text-align:center; padding-bottom:0.3rem;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.RighInfo000171 .title h1{ margin:0; padding-bottom:1vw; font-size:0.28rem}
.RighInfo000171 .title time{color: var(--hover-color); padding-left:0.3rem; background:url(../images/time.svg) no-repeat center left; background-size: 0.25rem; line-height:0.3rem; display:inline-block;}
.RighInfo000171 .info{  color: #666; line-height:1.75;text-align:justify; border-bottom:1px dashed rgba(0, 0, 0, 0.1); padding:0.3rem 0; }
.RighInfo000171 .info h3{ color: var(--hover-color);}
.RighInfo000171 .info .pic{  margin:2% auto 4%; display: block;}
.RighInfo000171 p{margin:0;}
.RighInfo000171 p+p{margin-top: 0.2rem;}
.RighInfo000171 img{border-radius: 10px; display: block; margin: 0 auto;}
.RighInfo000171 p+img,
.RighInfo000171 img+p{margin-top:2rem;}
.RighInfo000171 .bots{position:relative;margin-top:0.5rem}
.RighInfo000171 .info_back{text-align:center;clear:both;padding:10px 0;position:absolute;right:0;top:0}
.RighInfo000171 .info_back a{color:#fff; background:var(--hover-color);display:block;padding:10px 30px; border-radius:5px;}
.RighInfo000171 .info_back a:hover{background:#fff;color:var(--hover-color);border:1px var(--hover-color) solid}
.RighInfo000171 .info_pn span{display:block; margin:15px 0}
.RighInfo000171 .info_pn span a{color:#888}
.RighInfo000171 .info_pn span a:hover{color:var(--hover-color);text-decoration:underline}
.RighInfo000171 .return{text-align:center;clear:both;margin-top:0.2rem;}
.RighInfo000171 .return a{color:#fff; background:var(--hover-color);display:inline-block;padding:10px 30px;}
.RighInfo000171 .return a:hover{background:#fff;color:var(--hover-color);border:1px var(--hover-color) solid}
@media(min-width:1025px){
.RighInfo000171 .info .pic1{ float:right; margin:3% 0; margin-left:4%; width:45%;}
.RighInfo000171 .info .pic2{ float:left; margin:3% 0;  margin-right:4%; width:45%;}
.RighInfo000171 p{font-size: calc(18 / 16 * 1em);}

}
@media(max-width:1024px){
.RighInfo000171{ padding:60px 0;}
.RighInfo000171 .info_back{position:relative}
.RighInfo000171 .bots{position:relative;margin-top:15px}
.RighInfo000171 p+img{margin-top: 1em;}
.RighInfo000171 .title h1{ font-size:calc(24 / 16 * 1em);}
.RighInfo000171 .info_pn span{width:80%}
}
  
  

.TextList001398_zl{padding: var(--padMar100) 0;}
.TextList001398_zl li{height: 0.8rem; padding: 0 10px; line-height: 0.8rem; position:relative;margin-bottom: 0.2rem;border-radius: 0.1rem;background-color: #fff;border: 1px solid #f5f5f5;}
.TextList001398_zl li a{display:block; padding: 0 75px 0 20px; background: url(../images/TextList001398_dow.png) 0 50% no-repeat; font-size: var(--font-size18); color: var(--black);}
.TextList001398_zl li time{padding-right: 4vw;color: var(--hover-color);}
.TextList001398_zl li a:hover{color: var(--hover-color);}
.TextList001398_zl li .btn{width: 71px; height: 0.8rem; position: absolute; top: 0; right: 0; background: url(../images/pdf.svg) 50% 50% no-repeat;background-size: 0.3rem;}
@media(max-width:1024px){
.TextList001398_zl li{height: 0.6rem; }
}


.Teacher{background-color: #f9f9f9;padding: 4% 0;}
.Teacher .TeacherBox{display: flex;flex-wrap: wrap;}
.Teacher .TeacherBox .item{width:31.5%;margin-right:2%;margin-bottom:2%;padding-top:8em;position: relative;}
.Teacher .TeacherBox .item a{cursor: inherit;}
.Teacher .TeacherBox .item .img{border-radius: 50%;border:1em solid #f9f9f9;position: absolute;top:0;left:50%;transform: translateX(-50%);}
.Teacher .TeacherBox .item:nth-child(3n){margin-right: 0;}
.Teacher .TeacherBox .item .imgbox{width:12em;height:12em;border-radius: 50%;background: url(../images/teacherbox.png) no-repeat center center;background-size: 100% 100%;}
.Teacher .TeacherBox .item .box{padding:0.25em;background: url(../images/teacherbox.png) no-repeat center center;background-size: 100% 100%;}
.Teacher .TeacherBox .item .txt{background: url(../images/tbg.jpg) no-repeat right bottom #fff;padding:8em 2em 5em 2em;border-radius: 1em;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.Teacher .TeacherBox .item .txt .Common_More{position: absolute;left:50%;bottom:-3em;transform: translateX(-50%);opacity: 0;transition: all .5s;}
.Teacher .TeacherBox .item .txt {text-align: center;}
.Teacher .TeacherBox .item .txt .tit{font-size:var(--font-size24);color:#000;}
.Teacher .TeacherBox .item .txt .tag{font-weight: lighter;color:#666;}
.Teacher .TeacherBox .item .txt .dec{font-weight: lighter;color:#666;margin-top:0.2rem;font-size:var(--font-size16);}
.Teacher .TeacherBox .item:hover .txt .Common_More{opacity: 1;}
.Teacher .TeacherBox .item:hover .imgbox span{transform: scale(1.05);}
.Teacher .TeacherBox .item:hover .txt .tit{color: var(--hover-color);}

@media(max-width:1024px){
    .Teacher .TeacherBox .item .img{border:10px solid #f8f5fa;}
    .Teacher .TeacherBox .item .imgbox{width:120px;height:120px;}
    .Teacher .TeacherBox .item .box{padding:2px;}
    .Teacher .TeacherBox .item{padding-top:80px;}
    .Teacher .TeacherBox .item .txt{padding:70px 20px 30px 20px;}
    .Teacher .TeacherBox .item .txt .tit{font-size: 16px;}
    .Teacher .TeacherBox .item .txt .Common_More{bottom:-15px;}
}


@media(max-width:768px){
    .Teacher .TeacherBox .item{width:31.33%;}
}


@media(max-width:640px){
    .Teacher{padding-bottom:40px;}
    .Teacher .TeacherBox .item{width:48%;}
}


.list30 .item{width:49%;border:1px solid #ebeaeb;padding:.3rem .4rem;display:flex;align-items:center;margin-bottom:2%;border-radius: 0.2rem;}
.list30 .ico img{min-width:.6rem;width:.6rem;}
.list30 .text_box{flex:1;margin-left:.2rem;}
.list30 .tit{color:#333;}
.list30 .ctit{color:#666;line-height:1.3;margin-top:.15rem;}
.list30 .item:not(:nth-child(2n+1)){margin-left:2%;}

.contactbox,.case{padding: var(--padMar100) 0;}
.contactbox .list30{display: flex;justify-content: space-between;}
.contactbox .hbox14_main{padding:0 1.2rem;}
.contactbox .ctitle{text-align:center;color:#000;font-size: var(--font-size40);}
.contactbox .desc{color:#999;line-height:1.875;text-align:center;margin-top:.25rem;font-size: var(--font-size16);}
.contactbox .list30{padding:.3rem 0;}

.contactbox .hbox14_main .img{border-radius: 0.2rem;overflow: hidden;}



.Nature .ImgList{position: relative; overflow: hidden}

.Nature .ImgList .item .img{border-radius: .2rem;overflow: hidden;}
.Nature .ImgList .item .img img{transition: all .5s;width:100%;}
.Nature .ImgList .item:hover .img img{transform: scale(1.05);}
.Nature .ImgList .item a{position: relative;}
.Nature .ImgList .item a::after{
  content: "";display: block;
  width: 100%;
  height: 50%;
  background: -moz-linear-gradient(top,  rgba(30,115,190,0) 0%, rgba(30,115,190,1) 79%, rgba(30,115,190,1) 100%); 
  background: -webkit-linear-gradient(top,  rgba(30,115,190,0) 0%,rgba(30,115,190,1) 79%,rgba(30,115,190,1) 100%); 
  background: linear-gradient(to bottom,  rgba(30,115,190,0) 0%,rgba(30,115,190,1) 79%,rgba(30,115,190,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffca2a', endColorstr='#ffca2a',GradientType=0 );position: absolute;left: 0;bottom: 0;
  border-radius: 0.2rem;
  overflow: hidden;
}
.Nature .ImgList .item .txt{position: absolute;left: 0;bottom: 0;width: 100%;
  padding: 0.2rem 0.3rem;
  font-size: var(--font-size18);
  color: var(--white);
  z-index:2
}
.wall-column { width: 25%; display: block;  position: relative; float: left;  padding: 0 .15rem;  box-sizing: border-box;}
.wall-column .item{padding-bottom:0.3rem;}
@media (max-width: 1024px) {
.wall-column {width: 33.333%; padding: 0 .1rem;}
.wall-column  .item{padding-bottom:0.2rem;}
}
@media (max-width: 640px) {
.wall-column {width: 50%; padding: 0 .05rem;}
.wall-column  .item{padding-bottom:0.1rem;}
}


@media(max-width:1024px){
  .NatureNav{margin-bottom:30px;}
  .NatureNav ul li {margin:0 5px;}
  .NatureNav ul li a{line-height: 38px;border-radius: 38px;min-width:120px;font-size: 15px;}
  .NatureNav ul li .icon{width:25px;height:25px;line-height: 25px;}
  .NatureNav ul li .icon img{max-height:25px;}
  .contactbox .hbox14_main{padding: 0;}
  .list30 .item{width: 100%;}
  .contactbox .list30{display: block;}
  .contactbox .ctitle{font-size: var(--font-size24);}
}



@media(max-width:640px){
  .nBan .img{padding-top:56%;}
  .NatureNav {overflow: auto;}
  .NatureNav ul{white-space: nowrap;}
  .NatureNav ul li a{line-height: 30px;border-radius: 30px;min-width:100px;font-size: 14px;}
  .NatureNav ul li .icon{width:18px;height:18px;line-height: 18px;margin-right:5px;}
  .NatureNav ul li .icon img{max-height:18px;}
  
}

.NewsList{padding: var(--padMar100) 0;}
.NewsList .item a{align-items: stretch;}
.NewsList .item + .item{margin-top: 0.4rem;}
.NewsList .item .pic{width: 20%; flex-shrink: 0; overflow: hidden; border-radius: var(--radius);}
.NewsList .item .imgbox{padding-bottom: 65%;transition: 0.3s;}
.NewsList .item a:hover .imgbox img{transform: scale(1.15);}
.NewsList .item .txt{flex: 1; margin-right: 0.39rem; border-bottom: 1px solid #e5e5e5;display: flex; flex-direction: column; padding-right: 0rem;overflow: hidden}
.NewsList .item time{font-size: var(--font-size16);color:#999; font-weight: lighter;}
.NewsList .item .txt .tit{font-size:var(--font-size22);color:#333;margin:0.12rem 0;}
.NewsList .item a:hover .txt  .tit{color:var(--hover-color);}
.NewsList .item .txt p{margin: 0.05rem 0 0 0; line-height:1.8;color:#666; font-weight: lighter;}
@media (max-width:1024px) {
.NewsList .item + .item{margin-top:0.25rem;}
.NewsList .item .txt{margin-right: 0.2rem; padding-right: 0.1rem;}
.NewsList .item time{font-size: var(--font-size18);}
.NewsList .item .txt p{font-size: var(--font-size16);}
.NewsList .item .pic{width: 37%;}

}
@media (max-width:640px) {
.NewsList .item .txt p{display: none;}
}

.SearchList{padding: var(--padMar100) 0;}
.SearchList li{padding: 2% 0; border-bottom: 1px solid #e5e5e5;}
.SearchList li time{margin-right: .12rem}

.OtherMain{padding: var(--padMar100) 0;}
.OtherMain .article{line-height: 2}

.sitemap li{width: 25%; padding: 2% 0; border-bottom: 1px solid #e5e5e5;}
.sitemap dl dt{flex: auto}
.sitemap dl dt a:not(:hover){opacity: 0.8}
@media (max-width:640px) {
.sitemap li{width: 50%;}
}

.LinkList li{padding: 1%;width: 20%}
.LinkList li a{display: block; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: .1rem}
.LinkList li .imgbox{padding-bottom: 30%}
.LinkList li .tit{text-align: center;line-height: 2}
@media (max-width:1024px) {
.LinkList li{width:33.333%}
}
@media (max-width:640px) {
.LinkList li{width:50%}
}