.banner-css {
	width: 100vw;
	max-width: 100% !important;
	height: 100vh;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
	border: 0;
	left:0;
	right:0;
	background-repeat: no-repeat;
}
@media (max-width: 767px) { 
.banner-css {
	max-width: 412px !important;
	min-width: 100% !important;
	height: 23vh !important;
	background-size: cover !important;
	background-position: center;
	margin: 0;
	padding: 0;
	border: 0;
	left:0;
	right:0;
	background-repeat: no-repeat;
	width: 100% !important;
}
}

@media (max-width: 767px) {
.pt-120 {
  padding-top: 25px;
}
.pb-120 {
  padding-top: 25px;
}
}
.mobile-logo {
    display: none;
}

@media (max-width: 767px) {
    .desktop-logo {
        display: none;
    }
    .mobile-logo {
        display: inline; 
    }
}

.masonry-gallery-huge {
    margin: auto; 
    padding: 0 23px; 
    box-sizing: border-box;
    max-width: 100%; 
}

.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    gap: 16px; 
}

.grid-item {
    flex: 1 1 calc(33.333% - 32px); 
    min-width: 250px; 
    box-sizing: border-box;
}

    @media (max-width: 767px) {
        .containerB {
            display: none;
        }
    }

@media (max-width: 992px) {
    .grid-item {
        flex: 1 1 calc(50% - 32px); 
    }
}

@media (max-width: 767px) {
    .grid-item {
        flex: 1 1 100%;
    }
}

@media (min-width: 767px) {

.logo a{
color: #fff;
  justify-items: center !important;
  display: grid;
  z-index: 3;
  position: relative;
}

  .breadcrumb-area{
  position: relative;
  min-height: 450px;
  width: 100%;
  height: 100%;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  background-image: url(/static/picture/neiye_banner.jpg);
}
  .xlxy {
	position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  z-index: 99;
	  background:	transparent;
}

.sticky-menu{
background: #11477f;
left: 0;
margin:auto;
position: fixed !important;
top: 0;
width: 100%;
box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
z-index: 9999 !important;
-webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-box-shadow:0 10px 15px rgba(25, 25, 25, 0.1);
}
sticky-menu main-menu ul li has-sub a {
 color: #fff;
}
.sticky-menu ul li i { 
    color: #fff;
}
.sticky-menu ul li i { 
    content: "";
    display: inline-block;
    color: #fff;
}
.sticky-menu ul li { 
    color: #fff;
}
.sticky-menu ul li a::after { 
    content: "";
    display: inline-block;
    color: #11477f;
}
.logo-center{
display: flex;
justify-content: center;
margin-top: 10px;
}
.topcss{
       background-image: url(/static/image/main-head.png);
       height: 187px;
       /*background-image: url(/static/image/ny-top-1.png);
       height: 198px;*/
        /*background: #01a5c0 !important;*/
        width: 100%;
        padding: 0;
        margin: 0;
        left: 0;
        right: 0;
        position: fixed;
        top: 0;
       animation-duration: 500ms;
        /*border-bottom: rgba(255, 255, 255, 0.3) 1px solid;*/
}
.top-right a{color:#fff;font-size:15px;}
.top-right{color:#fff;font-size:15px; text-align: right;}
.top-right i {color:#fff; padding-right: 15px;}
.top-rightul{list-style-type: none;   padding: 0;  margin: 0;  white-space: nowrap;}
.top-right li{display: inline-block;  margin-right: 10px;}
.top-right ul{margin-top: 0;  margin-bottom: 0px;}
.top-left ul{margin-top: 0;  margin-bottom: 0px;}
.top-left{color:#fff;font-size:15px; text-align: left;}
.top-left{color:#fff;font-size:15px;}
.top-left ul{list-style-type: none;   padding: 0;  margin: 0;  white-space: nowrap;}
.top-left li{display: inline-block;  margin-right: 10px;}
/* 箭头 */
.NFTLeo_fn_comments{}
.NFTLeo_fn_comments .comment-title{
	margin-bottom: 55px;
}
.NFTLeo_fn_comments .comment-title .fn_title{
	font-size: 22px;
	margin: 0;
	padding: 0;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--hc);
}
.NFTLeo_fn_comments .list{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.NFTLeo_fn_comments .comment{
	margin-bottom: 30px;
}
.NFTLeo_fn_comments .comment:last-child{
	margin-bottom: 0;
}
.NFTLeo_fn_comments .comment-body{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.NFTLeo_fn_comments .comment-avatar{
	width: 80px;
	min-width: 80px;
	margin-right: 30px;
}
.NFTLeo_fn_comments .comment-avatar img{
	border-radius: 1px;
}
.NFTLeo_fn_comments .comment-data{
	margin-bottom: 19px;
	margin-top: 5px;
}
.NFTLeo_fn_comments .comment-data .author{
	font-size: 20px;
	margin: 0;
	padding: 0;
	font-weight: 500;
	margin-bottom: 8px;
}
.NFTLeo_fn_comments .comment-data .date{
	font-size: 13px;
	margin: 0;
	padding: 0;
	font-weight: 500;
	font-family: var(--hff);
	color: #999;
	text-transform: uppercase;
}
.NFTLeo_fn_comments .comment-text p{
	margin: 0;
	padding: 0;
	margin-bottom: 36px;
}
.NFTLeo_fn_comments .comment-text p:last-child{
	margin-bottom: 0;
}
.NFTLeo_fn_comments .comment-text .desc{
	margin-bottom: 22px;
}
.NFTLeo_fn_comments .fn_reply{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.NFTLeo_fn_comments .fn_reply .fn__svg{
	width: 14px;
	height: 14px;
	display: block;
	margin-right: 5px;
}
.NFTLeo_fn_comments .fn_reply a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	background-color: #002450;
	line-height: 26px;
	padding: 0 10px;
	border-radius: 3px;
	text-decoration: none;
	margin: 0 5px 5px 0;
	font-size: 14px;
	font-family: var(--hff);
	color: #aaa;
}
.NFTLeo_fn_comments .comment-text-wrap{
	padding-bottom: 35px;
	border-bottom: 1px solid #292929;
}
.NFTLeo_fn_comments .comment-respond{
	padding-top: 96px;
}
.NFTLeo_fn_comments .respond-title{
	margin-bottom: 38px;
}
.NFTLeo_fn_comments .respond-title .fn_title{
	font-size: 22px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--hc);
}
.NFTLeo_fn_comments .respond-log{
	margin-bottom: 17px;
}
.NFTLeo_fn_comments .respond-log p{
    margin: 0;
    padding: 0;
	color: #ccc;
}
.NFTLeo_fn_comments .respond-log p a{
	text-decoration: none;
	color: inherit;
	border-bottom: 1px solid transparent;
}
.NFTLeo_fn_comments .respond-log p a:hover{
	border-bottom-color: inherit;
}
.NFTLeo_fn_comments .input-items{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -15px;
}
.NFTLeo_fn_comments .input-item{
	width: 100%;
	padding-left: 15px;
	margin-bottom: 15px;
}
.NFTLeo_fn_comments .input-item.half-item{
	width: 50%;
}
.NFTLeo_fn_comments .comment-form textarea,
.NFTLeo_fn_comments .comment-form input[type="text"]{
	width: 100%;
	min-width: 100%;
	display: block;
}
.NFTLeo_fn_comments .comment-respond .NFTLeo_fn_button{
	margin-top: 20px;
}

.NFTLeo_fn_main,
.NFTLeo_fn_main *{
	box-sizing: border-box;
}
.NFTLeo_fn_main{
	position: relative;
	z-index: 2;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
}
.fn__svg{
	fill: currentcolor;
	width: 18px;
	height: 18px;
	opacity: 0;
}
.replaced-svg{
	opacity: 1;
}

.NFTLeo_fn_hero.half{
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.NFTLeo_fn_hero.half .hero_content{
	width: 50%;
	background-color: #000c19;
}
.NFTLeo_fn_hero.half .bg_overlay{
	left: 50%;
}

.NFTLeo_fn_hero .hero_content{
	position: relative;
	z-index: 15;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	padding: 150px 0;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
.NFTLeo_fn_hero .content{
	text-align: center;
}

.NFTLeo_fn_hero .fn_title{
	max-width: 500px;
	margin: 0 auto;
	padding: 0;
	font-size: 120px;
	text-transform: capitalize;
	letter-spacing: 15px; 
	line-height: 1;
	margin-bottom: 10px;
	transform: translateZ(0);
	overflow: hidden;
	position: relative;
	left: 11px;
}
.NFTLeo_fn_hero .fn_desc{
	padding: 0;
	font-size: 24px;
	line-height: 1.3333;
	max-width: 500px;
	margin: 0 auto;
}
.NFTLeo_fn_down{
	position: absolute;
	bottom: 24px;
	z-index: 15;
	text-decoration: none;
	color: #eee;
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--hff);
	letter-spacing: 1px;
	padding-top: 60px;
}
.NFTLeo_fn_down:hover{
	color: var(--mc);
}
.NFTLeo_fn_down:hover .icon{
	color: var(--mc);
}
.NFTLeo_fn_down:hover .icon:after{
	background-color: var(--mc);
}
.NFTLeo_fn_down .icon{
	position: absolute;
	display: block;
	top: -5px;
	left: 50%;
	width: 18px;
	/* height: 40px; */
	color: #fff;
	margin-left: -9px;
	-webkit-animation: bottomArrow 1.5s infinite;
    animation: bottomArrow 1.5s infinite;
	transition: all .3s ease;
}
.NFTLeo_fn_down .icon:after{
	content: '';
	position: absolute;
	width: 2px;
	/* height: 40px; */
	background-color: #fff;
	left: 50%;
	margin-left: -1px;
	transition: all .3s ease;
}
.NFTLeo_fn_down .fn__svg{
	position: absolute;
	display: block;
	bottom: -4px;
	transform: rotate(90deg);
	left: 50%;
	margin-left: -9px;
	z-index: 3;
}
@keyframes bottomArrow {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(0px, 20px);
		opacity: 0;
	}
}
@keyframes topArrow {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(0px, -20px);
		opacity: 0;
	}
}
/* 箭头 */
}