/* Basic styles */
  .lightense-wrap {
    text-align: center;
  }

  /* Example: Lazy Lightense */
  .lightense-lazy {
    filter: blur(16px);
    transform: scale(1.2);
  }

  .lightense-lazy-wrap {
    position: relative;
    width: 300px;
    height: 115px;
    margin: 0 auto;
  }

  .lightense-lazy-thumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 1;
    transition: opacity 1s ease;
  }

  .lightense-lazy-large {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease;
  }

  .lightense-lazy-wrap.on .lightense-lazy-thumb {
    opacity: 0;
  }

  .lightense-lazy-wrap.on .lightense-lazy-large {
    opacity: 1;
  }
  
		.search {
			padding: .5rem .5rem;
		}
 
        .search form {
            position: relative;
            width: 200px;
            margin: 0 auto;
        }
 
        .search input, button {
            border: none;
            outline: none;
        }
 
        .search input {
            width: 100%;
            height: 36px;
            padding-left: 11px;
            padding-right: 42px;
        }
 
        .search button {
            height: 36px;
            width: 36px;
            cursor: pointer;
            position: absolute;
        }
 
        /*搜索框1*/
        .bar1 {background: #A3D0C3;}
        .bar1 input {
            border: 2px solid #7BA7AB;
            border-radius: 5px;
            background: #F9F0DA;
            color: #9E9C9C;
        }
        .bar1 button {
            top: 0;
            right: 0;
            background: #7BA7AB;
            border-radius: 0 5px 5px 0;
        }
        .bar1 button:before {
            content: "\f002";
            font-family: FontAwesome;
            font-size: 16px;
            color: #F9F0DA;
        }
 
        /*搜索框2*/
        .bar2 {background: #DABB52;}
        .bar2 input, .bar2 button {
            border-radius: 3px;
        }
        .bar2 input {
            background: #F9F0DA;
        }
        .bar2 button {
            height: 26px;
            width: 26px;
            top: 8px;
            right: 8px;
            background: #F15B42;
        }
        .bar2 button:before {
            content: "\f105";
            font-family: FontAwesome;
            color: #F9F0DA;
            font-size: 20px;
            font-weight: bold;
        }
 
        /*搜索框3*/
        .bar3 {background: #F9F0DA;}
        .bar3 form {background: #A3D0C3;}
        .bar3 input, .bar3 button {
            background: transparent;
        }
        .bar3 button {
            top: 0;
            right: 0;
        }
        .bar3 button:before {
            content: "\f002";
            font-family: FontAwesome;
            font-size: 16px;
            color: #F9F0DA;
        }
 
        /*搜索框4*/
        .bar4 {background: #F15B42;}
        .bar4 form {
            background: #F9F0DA;
            border-bottom: 2px solid #BE290E;
        }
        .bar4 input, .bar4 button {
            background: transparent;
        }
        .bar4 button {
            top: 0;
            right: 0;
        }
        .bar4 button:before {
            content: "\f178";
            font-family: FontAwesome;
            font-size: 20px;
            color: #be290e;
        }
 
        /*搜索框5*/
        /*.bar5 {background: #683B4D;}*/
        .bar5 input, .bar5 button {
            background: transparent;
        }
        .bar5 input {
            border: 1px solid #fff;
        }
        .bar5 button {
            top: 0;
            right: 0;
        }
        .bar5 button:before {
            content: "\f002";
            font-family: FontAwesome;
            font-size: 16px;
            color: #fff;
        }
        .bar5 input:focus {
            border-color: #311c24
        }
 
        /*搜索框6*/
        .bar6 {background: #F9F0DA;}
        .bar6 input {
            border: 2px solid #c5464a;
            border-radius: 5px;
            background: transparent;
            top: 0;
            right: 0;
        }
        .bar6 button {
            background: #c5464a;
            border-radius: 0 5px 5px 0;
            width: 60px;
            top: 0;
            right: 0;
        }
        .bar6 button:before {
            content: "搜索";
            font-size: 13px;
            color: #F9F0DA;
        }
 
 
        /*搜索框7*/
        .bar7 {background: #7BA7AB;}
        .bar7 form {
            height: 42px;
        }
        .bar7 input {
            width: 250px;
            border-radius: 42px;
            border: 2px solid #324B4E;
            background: #F9F0DA;
            transition: .3s linear;
            float: right;
        }
        .bar7 input:focus {
            width: 300px;
        }
        .bar7 button {
            background: none;
            top: -2px;
            right: 0;
        }
        .bar7 button:before{
            content: "\f002";
            font-family: FontAwesome;
            color: #324b4e;
        }
 
        /*搜索框8*/
        .bar8 {background: #B46381;}
        .bar8 form {
            height: 42px;
        }
        .bar8 input {
            width: 0;
            padding: 0 42px 0 15px;
            border-bottom: 2px solid transparent;
            background: transparent;
            transition: .3s linear;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
        }
        .bar8 input:focus {
            width: 300px;
            z-index: 1;
            border-bottom: 2px solid #F9F0DA;
        }
        .bar8 button {
            background: #683B4D;
            top: 0;
            right: 0;
        }
        .bar8 button:before {
            content: "\f002";
            font-family: FontAwesome;
            font-size: 16px;
            color: #F9F0DA;
        }
		.lang {
			padding: .5rem .5rem;
			font-weight: 600;
		}
		.lang:hover {
			color: rgba(255,255,255,.8);
		}
		.lang .active {
			color:#fff;
		}
	.homepage {
		width: 100vw;
		height: 41.67vw;
		min-height: 500px;
		margin-top: 6px;
		overflow-x: hidden;
	}	
	.background {
		width: 100vw;
		/* min-width: 840px; */
		height: 41.67vw;
		/* overflow: auto; */
		position: relative;
		background-image: url(
  /static/images/background.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		left: 50%;
		top: 50%;
		-ms-transform: translate3d(-50%, -50%, 0);
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
		display: inline-block;
	}
	.foreground {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
		background-image: url(
  /static/images/foreground.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		pointer-events:none;
	}
	.case1 {
		position:absolute;
		width: 11.9%;
		left: 4.46%;
		top: 58.86%;
	}
	.case2 {
		position:absolute;
		width: 5.36%;
		left: 0;
		top: 39.14%;
	}
	.case3 {
		position:absolute;
		width: 9.76%;
		left: 88.57%;
		top: 14.14%;
	}
	.case4 {
		position:absolute;
		width: 33.33%;
		right: 0;
		bottom: 0;
	}
	.case5 {
		position:absolute;
		width: 14.46%;
		left: 76.13%;
		top: 53.43%;
	}
	.case6 {
		position:absolute;
		width: 11.96%;
		left: 21.9%;
		top: 39%;
	}
	.case7 {
		position:absolute;
		width: 19.88%;
		left: 37.68%;
		top: 53.43%;
	}
	.case8 {
		position:absolute;
		width: 15.3%;
		left: 0;
		bottom: 0;
	}
	.case9 {
		position:absolute;
		width: 11.55%;
		left: 9.46%;
		top: 3.14%;
	}
	.case10 {
		position:absolute;
		width: 10.95%;
		left: 45.18%;
		top: 31.14%;
	}
	.case11 {
		position:absolute;
		width: 30.18%;
		left: 9.58%;
		top: 48.14%;
	}
	.case12 {
		position:absolute;
		width: 21.25%;
		left: 11.31%;
		bottom: 3.57%;
	}
	.case13 {
		position:absolute;
		width: 14.11%;
		left: 23.87%;
		top: 24%;
	}
	.case14 {
		position:absolute;
		width: 19.64%;
		left: 30.95%;
		bottom: 1%;
	}
	.case15 {
		position:absolute;
		width: 10.95%;
		left: 33.33%;
		top: 2.14%;
	}
	.case16 {
		position:absolute;
		width: 11.31%;
		left: 5.06%;
		top: 40.86%;
	}
	.case17 {
		position:absolute;
		width: 17.62%;
		left: 53.81%;
		top: 25.14%;
	}
	.background img {
	transition: all 0.6s;
	}
	.background img:hover {
		transform: scale(1.1);
	}
	.foreground1 {
		position: absolute;
		width: 100%;
		height: auto;
		pointer-events:none;
	}
	.linkbox1 {
		position: absolute;
		width: 3%;
		height: 15%;
		left: 23%;
		top: 0;
	}
	.linkbox2 {
		position: absolute;
		width: 5%;
		height: 35%;
		left: 76%;
		top: 0;
	}
	.linkbox3 {
		position: absolute;
		width: 17%;
		height: 15%;
		left: 53%;
		bottom: 16%;
	}

.navbar {
	background-color: rgb(0, 171, 196) !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding: 1.5rem 1rem;
	/* font-size: 14px; */
	font-weight: 600;
}
.code, .code img {
    height: 66px;
    z-index: 99;
}
@media (max-width: 576px) {
	.navbar-expand-lg .navbar-nav .nav-link {
	padding: 1.5rem;
	}
	.homepage {
		height: 240vw;
		margin-top: 10px;
	}
	.background {
		-ms-transform: translate3d(-50%, -50%, 0) rotate(90deg);
		-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
		transform: translate3d(-50%, -50%, 0) rotate(90deg);
		width: 240vw;
		height: 100vw;
	}
    .foreground1 {
    	width: auto;
    	height: 100%;
    }
}
.card, .figure {
	width: 100%;
}
.content img, .content iframe, .content video {
	max-width: 100% !important;
	height: auto !important;
}
.online dl {
	display: none;
	background: rgb(0, 171, 196);
	border-radius: 3px;
}
.online dl:hover {
    background-color: rgb(2 144 165);
}
.online dl dd:hover {
}


.card-img-radius {
	height: 0;
	padding-bottom: 100%;
	border-radius: 50%;
	overflow: hidden;
}
.figure-caption {
	padding-top: 1.5rem;
}
h5 {
	font-size: 1.125rem;
}
.lh-2 {
	font-size: 0.875rem;
}
.lh-3 {
	font-size: 0.938rem;
}
.navbar-toggler {
	border: none;
}
.navbar-toggler:focus {
	outline: none;
}
.footer ul li {
	white-space: pre-wrap;
}
.show {
	overflow: hidden;
}