.main-content{min-height:100%;max-width:100%; margin:0 auto;overflow-x:hidden}
#preloader{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;z-index:999;background-color:#fff}
.preloader{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.spinner-border{display:inline-block;width:32px;height:32px;vertical-align:text-bottom;border:4px solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}
.spinner-border-sm{width:16px;height:16px;border-width:3.2px}
@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}
50%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}
50%{opacity:1;-webkit-transform:none;transform:none}
}
.spinner-grow{display:inline-block;width:32px;height:32px;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}
.spinner-grow-sm{width:16px;height:16px}
.clearfix::after{display:block;clear:both;content:""}
.link-primary{color:#122179}
.link-primary:focus,.link-primary:hover{color:#080f36}
.link-secondary{color:#6c757d}
.link-secondary:focus,.link-secondary:hover{color:#494f54}
.link-success{color:#198754}
.link-success:focus,.link-success:hover{color:#0d462c}
.link-info{color:var(--bs-blue)}
.link-info:focus,.link-info:hover{color:var(--bs-blue)}
.link-warning{color:#ffc107}
.link-warning:focus,.link-warning:hover{color:#ffd454}
.link-danger{color:#dc3545}
.link-danger:focus,.link-danger:hover{color:#a71d2a}
.link-light{color:#f8f9fa}
.link-light:focus,.link-light:hover{color:#fff}
.link-dark{color:#343a40}
.link-dark:focus,.link-dark:hover{color:#121416}
.link-red{color:var(--bs-red);}
.link-red:focus,.link-red:hover{color:#a71d2a}
.navbar-inverse .navbar-nav>li>a{color:#caced2}
.skin-white{padding-top:80px}

.navbar-default{margin-bottom: 0; border:none;background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar{background-color: white;}
.navbar-default .navbar-toggle{margin-top: 15px;}
@media (max-width: 767px) {
	.section-header{padding-top: 65px;}
	.header-sticky{position: absolute;top:0;z-index: 99;width:100%}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: var(--bs-red);}
	.skin-blue .navbar-default .navbar-toggle:focus,.skin-blue .navbar-default .navbar-toggle:hover{background-color: var(--bs-blue);}
	.navbar-brand.show_fixed{display: none;}
	.navbar-header .navbar-brand{padding: 10px;}
	.navbar-header .navbar-brand > img{height:45px}
  .navbar .navbar-collapse{position:fixed;top:0;overflow:auto;z-index:9999;background:#fff;box-shadow:10px 0 10px rgba(0,0,0,.06);max-height:inherit;height:100vh;transition:.5s;width:250px;margin-left:-280px;margin-right:0;display:block}
  .navbar .navbar-collapse>ul.navbar-nav{margin:15px 0}
  .navbar .navbar-collapse>ul.navbar-nav>li{margin-bottom:2px}
  .navbar .navbar-collapse>ul.navbar-nav li>a b.caret{position:absolute;right:15px;top:50%;margin-top:-2px}
  .navbar .navbar-collapse>ul.navbar-nav li ul.dropdown-menu{border-radius:0}
  .navbar .navbar-collapse.in{display:block;margin-left:-15px}
  .navbar .navbar-collapse-bg{position:fixed;top:0;overflow:hidden;z-index:9998;background:0 0;height:100vh;width:100%;display:block}

}

.bg-tint{background-color: #FCF8F7;}
.skin-blue .bg-tint{background-color: #F7F8FC;}
@media (min-width: 1200px){
	.container{padding-left: 0;padding-right: 0;width: 1200px;}
}
.intro-slider-wrap{width:100%;overflow:hidden}
.show_fixed{display: none;}
@media (min-width: 768px){
	.skin-red .header{background-color: var(--bs-red);}
	.skin-blue .header{background-color: var(--bs-blue);}
	.header-sticky{position: absolute; z-index: 30;padding-top: 24px;padding-bottom: 24px;width: 100%; min-height: 84px;background: transparent;    -webkit-transition: background-color .3s,opacity .3s; -o-transition: background-color .3s,opacity .3s; transition: background-color .3s,opacity .3s;}
	.header-sticky .navbar-nav > .active > a, .header-sticky .navbar-nav > .active > a:hover, .header-sticky .navbar-nav > .active > a:focus{color: white;background: transparent;}
	.header-sticky .navbar-nav > li > a {position: relative; line-height: 35px;color: white;font-size: 15px;}
	.header-sticky .navbar-nav > li:hover > a{color:white}
	.header-sticky .navbar-nav > li > a::after{content: '';display: block;position: absolute;left: 0;bottom: 0; width: 0;transition:width .5s;-webkit-transition:width .5s;}
	.header-sticky .navbar-nav > li.active > a::after,.header-sticky .navbar-nav > li:hover > a::after{width: 30px;height: 4px; background-color: white;left: calc(50% - 15px);}
	.navbar-brand{height: 84px; padding:0}
	.focus .swiper-slide{height: 720px;}
	.header-sticky.sticky{position: fixed;top: 0;background-color: white;padding-top: 10px;padding-bottom: 10px;}
	.header-sticky.sticky .navbar-brand{display: none;}
	.header-sticky.sticky .show_fixed{display: block;height: 68px;}
	.header-sticky.sticky .navbar-nav > li > a{color: var(--bs-red);}
	.header-sticky.sticky .navbar-nav > .active > a,.header-sticky.sticky .navbar-nav > .active > a:hover,.header-sticky.sticky .navbar-nav > .active > a:focus{color: var(--bs-red);}
	.header-sticky.sticky .navbar-nav > li > a::after{background-color: var(--bs-red);}
	.skin-blue .header-sticky.sticky .navbar-nav > li > a{color: var(--bs-blue);}
	.skin-blue .header-sticky.sticky .navbar-nav > .active > a, .skin-blue .header-sticky.sticky .navbar-nav > .active > a:hover,.skin-blue .header-sticky.sticky .navbar-nav > .active > a:focus{color: var(--bs-blue);}
	.header-sticky.sticky .navbar-nav > li > a::after{background-color: var(--bs-red);}
	.skin-blue .header-sticky.sticky .navbar-nav > li > a::after{background-color: var(--bs-blue);}
	
}
.section-header{position: relative;}
.slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:white}
.section-header .regist-container{position: absolute;top: 130px;right: calc((100% - 1200px)  / 2); z-index: 10; width: 400px;min-height: 400px; background-color: #eb484e;border-radius: 20px;}

.skin-blue .section-header .regist-container{background-color: #2E74E1;}
.section-header .regist-container .regist-header{line-height: 60px;font-size: 20px;text-align: center;color: white;}
.section-header .regist-container .regist-header::before,.section-header .regist-container .regist-header::after{content:'';display: inline-block;width: 34px;height: 10px;background: url(../img/regist-header-bg.png) no-repeat 50%;background-size: contain;}
.section-header .regist-container .regist-header b{display: inline-block;margin: 0 30px;}
.section-header .regist-container .regist-header::after{transform: rotateX(180deg);}
.section-header .regist-container .regist-box{padding: 0 30px;padding-bottom: 30px;width: 100%; height: calc(100% - 60px); background-color: white;border-radius: 20px;border: solid 1px transparent;}
.regist-box .input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative;margin-top: 20px; padding:10px 20px; border:solid 1px var(--bs-grey);border-radius: 10px;}
.regist-box .input > .control-label,.regist-box .input > .controls{vertical-align:top;line-height: 44px;}
.regist-box .input > .control-label{padding-right: 5px; min-width: 70px;font-size:14px;color: #5b5b5b;}
.regist-box .input > .controls{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;}
.regist-box .input > .controls .form-control{height: 44px; border:none; box-shadow: none;color:#333;line-height: 44px;font-size:14px;background-color: transparent;text-align: right;}
.service-input {color: #999;font-size: 12px;line-height: 20px;}
.service-input input[type=checkbox]{cursor:pointer;position:relative;margin-right: 5px; width:18px;height:18px;font-size:12px;vertical-align: text-bottom;}
.service-input input[type=checkbox]::after{position:absolute;top:0;color:#efefef;width:18px;height:18px;display:inline-block;visibility:visible;padding-left:0;text-align:center;content:' ';border-radius:3px}
.service-input input[type=checkbox]:checked::after{content:"√";color:white;font-size:12px;font-weight:400;background-color:var(--bs-red)}
.regist-box .btn-post{position: relative;}
.skin-blue .service-input input[type=checkbox]:checked::after{background-color:var(--bs-blue)}
.regist-box .btn-post::before{content: " ";display: inline-block;position: absolute;right: -50px;top: -15px; width: 101px;height: 33px;background: url(../img/btn-nums.png) no-repeat 50%;background-size: contain;}
.regist-box .radio-box > label{margin-bottom: 0;margin-left: 5px; padding: 0 20px;font-size: 14px;font-weight: 500;background-color: #e9e9e9;color: #666;line-height: 38px;}
.regist-box .radio-box > input[type="radio"]:checked + label{background-color: var(--bs-blue);color: white;}
.regist-box .radio-box input[type=radio]{display: none;}
.skin-blue .regist-box .btn-post::before{background: url(../img/btn-nums-red.png) no-repeat 50%;background-size: contain;}

.barrage-container{position: absolute;bottom: 70px;left: calc((100% - 1200px) / 2);width: 780px;height: 100px;}
.barrage-container .barrage{position: relative; margin-bottom:10px ; width: 100%;height: 35px;}
.barrage-container .barrage:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index:11; background-image: linear-gradient(to right,rgba(212, 53, 59, 1) 5%,transparent 15%, transparent 90%, rgba(212, 53, 59, 1) 100%);}
.skin-blue .barrage-container .barrage:before{background-image: linear-gradient(to right,rgba(22, 77, 171, 1) 5%,transparent 15%, transparent 90%, rgba(22, 77, 171, 1) 100%);}
.barrage-container .barrage .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.barrage-container .barrage .swiper-slide{padding-left: 15px;padding-right: 15px;width: auto; word-break: keep-all;height: 35px;line-height: 35px;background-color: rgba(255,255,255,.1);color: white;}
.barrage-container .barrage:nth-child(2n){margin-left: -35px;}
@media (max-width: 768px){
	.section-header{ padding-bottom: 0;background-color: var(--bs-red);}
	.skin-blue .section-header{background-color: var(--bs-blue);}
	.focus .swiper-slide {height: 180px;}
	.slide-inner{background-size: cover;background-position: center;}
	.barrage-container{position: relative; bottom: unset;top: unset;left: unset;right: unset; width:100%;}
	.barrage-container .barrage:before{display:none}
	.barrage-container .barrage .swiper-slide{height: 20px;line-height: 20px;font-size: 12px;}
	.section-header .regist-container{position: relative;top:unset;right: unset;margin: 30px auto; padding: 0; max-width: 400;width: 90%;}
	.section-header .regist-container .regist-box{padding: 0 15px;padding-bottom: 20px;}
	.regist-box .input{padding: 5px 10px;}
}
.bigtitle{position: relative;padding-left: 80px;padding-right: 80px; text-align: center;}
.bigtitle-red::before,.bigtitle-red::after{content: '';display: inline-block;width: 80px;height: 17px;background: url(../img/bigtit-red.png) no-repeat 50%;background-size: contain;vertical-align: middle;}
.bigtitle-red::after{transform: rotatey(-180deg);}
.bigtitle-blue::before,.bigtitle-blue::after{content: '';display: inline-block;width: 80px;height: 17px;background: url(../img/bigtit-blue.png) no-repeat 50%;background-size: contain;vertical-align: middle;}
.bigtitle-blue::after{transform: rotatey(-180deg);}
.bigtitle > div{display: inline-block;margin-top: 50px;margin-bottom: 50px; min-width: 280px;vertical-align: middle;}
.bigtitle > div > h2{margin-top: 0; font-size: 34px;font-weight: 500;color: #333;}
.bigtitle > div > small{font-size: 14px;color: #999;}
.class-item{position: relative; padding: 20px; width: 100%;height: 130px;background-color: var(--bs-red);color: white;box-shadow: 0 15px 30px  rgba(212, 53, 59, .3);border-radius: 2px;}
@media (max-width: 768px){
	.bigtitle{padding-left: 0;padding-right: 0;}
	.bigtitle > div{margin-top: 20px;margin-bottom: 20px;min-width: 180px;}
	.bigtitle > div > h2{font-size: 22px;}
	.bigtitle-blue::before, .bigtitle-blue::after,.bigtitle-red::before, .bigtitle-red::after{position:absolute;top:40px; width: 40px;height:10px}
	.bigtitle-blue::before,.bigtitle-red::before{left:0}
	.bigtitle-blue::after,.bigtitle-red::after{right:0}
}

.skin-blue .class-item{background-color: var(--bs-blue);box-shadow: 0 15px 30px  rgba(22, 77, 171, .3);}
.class-item .badge-mubiao{display: inline-block;position: absolute;right: 10px;top: 15px;width: 113px;height: 30px;line-height: 30px; background: url(../img/badge-mubiao-bg.png) no-repeat 50%;background-size: contain;font-size: 12px;font-weight: 600; text-align: center;color: #C37200;}
.class-item .badge-mubiao2{display: inline-block;position: absolute;right: 10px;top: 15px;width: 146px;height: 30px;line-height: 30px; background: url(../img/badge-mubiao2-bg.png) no-repeat 50%;background-size: contain;font-size: 12px;font-weight: 600; text-align: center;color: #C37200;}
.class-item .badge-mubiao > i.fa{font-size: 18px;}
.class-item > h3{font-size: 36px;font-weight: 600;}
.class-item > small{font-size: 12px;}
.classlist{margin-top: 30px;margin-bottom: 50px;}
.classlist > .class-content{padding: 20px; width: 48%;background-color: #fcf8f7;}
.skin-blue .classlist > .class-content{background-color: rgba(247, 248, 252, 1);}
.classlist > .class-content:nth-child(1){float: left; background-image: url(../img/m1-zsdx.png);background-repeat: no-repeat; background-position: bottom right;background-size: 135px 149px;}
.skin-blue .classlist > .class-content:nth-child(1){background-image: url(../img/m1-zsdx-blue.png);}
.classlist > .class-content:nth-child(2){float: right; background-image: url(../img/m1-fb.png);background-repeat: no-repeat; background-position: bottom right;background-size: 147px 130px;}
.skin-blue .classlist > .class-content:nth-child(2){background-image: url(../img/m1-fb-blue.png);}
.classlist > .class-content > ul{padding-left:0;list-style:none}
.classlist > .class-content dt,.classlist > .class-content .stit{position: relative;margin-bottom: 20px; font-size: 16px;color: var(--bs-red);font-weight: 600;}
.classlist > .class-content dt::before,.classlist > .class-content .stit::before{content: '';display: inline-block;position: absolute;left: -20px;bottom: 4px; width: 3px;height: 15px;background-color: var(--bs-red);vertical-align: middle;}
.skin-blue .classlist > .class-content dt,.skin-blue .classlist > .class-content .stit{color: var(--bs-blue);}
.skin-blue .classlist > .class-content dt::before,.skin-blue .classlist > .class-content .stit:before{background-color: var(--bs-blue);}
.classlist > .class-content dd,.classlist > .class-content li{margin-top: 20px;margin-bottom: 20px;font-size: 14px;color: #666;}
.classlist > .class-content dd span,.classlist > .class-content li span{display: inline-block;margin-right: 5px; font-size: 16px;}
@media (max-width: 768px){
	.class-item{padding: 15px;height: 100px;}
	.class-items > div{margin-bottom: 20px;}
	.class-item > h3{margin-top: 5px; font-size: 24px;}
	.classlist > .class-content{width: 100%;}
	.classlist > .class-content:nth-child(2){margin-top:20px}
}

.technique{position: relative;padding: 80px 0; overflow: hidden;}
.technique .technique-left,.technique .technique-right{padding-top: 50px; width: 350px;}
.technique .technique-mid{display: table; margin: 0 30px; width: 435px;height: 420px;background: url(../img/m2-zkys-mid.png) no-repeat 50%;background-size: contain;text-align: center;color: white;}
.skin-blue .technique .technique-mid{background-image: url(../img/m2-zkys-mid-blue.png);}
.technique .technique-mid > div{display: table-cell;vertical-align: middle;}
.technique .technique-left,.technique .technique-mid{float: left;}
.technique .technique-right{float: right;}
.technique-item{margin-top: 10px; min-height: 160px;}
.technique-item:nth-child(2){margin-top: 60px;}
.technique .technique-left .technique-item{text-align: right;}
.technique .technique-right .technique-item{text-align: left;}
.technique-item h3{font-size: 18px;color: var(--bs-red);font-weight: 600;}
.skin-blue .technique-item h3{color: var(--bs-blue);}
.technique-item p{line-height: 26px;font-size: 14px;color: #666;}

@media (max-width: 768px){
	.technique{padding-top: 30px;padding-bottom:30px}
	.technique .technique-left, .technique .technique-right{padding-top: 0; width: 100%;}
	.technique-item{ width: 100%;}
	.technique-item:nth-child(2){margin-top: 0;}
	.technique .technique-left .technique-item,.technique .technique-right .technique-item{text-align: center;min-height:1px}
	.technique .technique-mid{margin-left: 0;margin-right: 0;max-width:360px; width: 100%;height:350px}
}
.about-box{margin-top: 30px;margin-bottom: 100px;}
.about-intor > h2{margin-top: 0; margin-bottom: 30px; font-size: 30px;color: var(--bs-red);font-weight: 600;}
.skin-blue .about-intor > h2{color: var(--bs-blue);}
.about-intor .about-text{padding-right: 30px; font-size: 14px;color: #666;line-height: 30px;}
.about-video{position: relative;}
.video-box{position: relative;z-index: 5; padding: 5px; width: 535px;background-color: white;box-shadow: 20px 30px 0 var(--bs-red);}
.skin-blue .video-box{box-shadow: 20px 30px 0 var(--bs-blue);}
#btn-video{position:relative;display:block}
#btn-video::before{content: "\f04b";position: absolute;left: 25px;bottom: 25px;z-index: 10; padding: 5px 25px;background-color: rgba(0,0,0,.3); border:solid 1px white;border-radius: 50px; font: normal normal normal 14px/1 FontAwesome;font-size: 16px;color: white;}
@media (max-width: 768px){
	.about-box{margin-bottom: 40px;}
	.about-intor > h2{margin-bottom: 15px; text-align: center;font-size: 24px;}
	.about-intor .about-text{padding-right: 0;}
	.video-box{margin: auto; width: 90%;}
}

.teachers ul,.environment-tab-nav { overflow-x: auto;  list-style: none; white-space:nowrap; width: auto;text-align: center;scrollbar-width: none;}
.teachers ul::-webkit-scrollbar,.environment-tab-nav::-webkit-scrollbar,.material-tab-nav::-webkit-scrollbar{display: none;}
.teachers ul li,.environment-tab-nav li{display: inline-block;margin-right: 20px; padding: 0 20px; width: auto;line-height: 40px;border: solid 1px #e5e5e5;cursor: pointer;}
.teachers ul li.selected,.environment-tab-nav li.selected{background-color: var(--bs-red);border-color: var(--bs-red);color: white;}
.skin-blue .teachers ul li.selected,.skin-blue .environment-tab-nav li.selected{background-color: var(--bs-blue);border-color: var(--bs-blue);}
.teacher-tab-cate .swiper-slide{display: inline-block;padding: 0 20px; width: auto;line-height: 40px;border: solid 1px #e5e5e5;}
.teacher-tab-cate .swiper-slide.selected{background-color: var(--bs-red);border-color: var(--bs-red);color: white;}
.teacher-tab-box{margin-top: 40px;}
.teacher-tab-box .teacher-item{display: none;}
.teacher-tab-box .teacher-item.tab-active{display: block;}
.tearcher-img{width: 100%;font-size: 0;}
.teacher-intor{padding: 15px;text-align: center;background-color: #FCF8F7;}
.skin-blue .teacher-intor{background-color: #F7F8FC;}
.teacher-intor h5{margin-top: 0; font-size: 16px;color: #333;}
.teacher-intor small{display: block; font-size: 12px;color: #666;line-height: 30px;}
.teacher-swiper .swiper-button-next,.teacher-swiper .swiper-button-prev{display: inline-block;padding: 4px 0; width: 30px;height: 30px;border: solid 1px #666;border-radius: 50%;text-align: center;background-color: rgba(255,255,255,.6);}
.teacher-swiper{
	--swiper-navigation-color:#666;
	--swiper-navigation-size:12px
}
.teacher-duty{position: relative; margin-top: 30px; padding: 30px;background-color: var(--bs-red);color: white;}
.teacher-duty::before{content: '教师职责';display: inline-block;position: absolute;right: 0;top: 0; height: 36px;min-width: 90px;line-height: 36px; background-color: var(--bs-blue); text-align: center;font-size: 14px;}
.skin-blue .teacher-duty::before{background-color: var(--bs-red);}
.skin-blue .teacher-duty{background-color: var(--bs-blue);}
.teacher-duty p{margin-top: 10px;margin-bottom: 10px; color: white;}
.section-material{margin-top: 50px;padding-bottom: 80px;}
.material-tab-nav > li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;justify-content: center; position:relative;margin-bottom: 30px; padding-left: 20px;padding-right: 20px; max-width: 270px;height: 70px;line-height: 70px;background-color: white; color: #999;cursor: pointer;}
.material-tab-nav > li:last-child{margin-bottom: 0;}
.material-tab-nav > li.selected{background-color: var(--bs-red);color: white;}
.skin-blue .material-tab-nav > li.selected{background-color: var(--bs-blue);}
.material-tab-nav > li .num{font-size: 26px;font-weight: 600;font-family: Arial;}
.material-tab-nav > li h6{padding-left: 20px; font-size: 14px;font-weight: 600;}
.material-tab-nav > li i.fa{display: inline-block;width: 30px;height: 30px;background-color: white;border-radius: 50%;text-align: center;line-height: 30px;}
.material-tab-nav > li.selected i.fa{color: var(--bs-red);}
.skin-blue .material-tab-nav > li.selected i.fa{color: var(--bs-blue);}
.material-tab-box > .material-item{display: none;padding-left: 30px;}
.material-tab-box > .material-item.tab-active{display: block;}
.material-tab-box > .material-item > h4{margin-bottom: 20px; font-size: 16px;color: var(--bs-red);font-weight: 600;}
.skin-blue .material-tab-box > .material-item > h4{color: var(--bs-blue);}
.material-tab-box > .material-item > .text{min-height: 120px; line-height: 26px;color: #666}
.material-tab-box > .material-item .material-imgs{margin-top: 0;margin-bottom: 0;}
.material-tab-box > .material-item .material-imgs > li{display: inline-block;margin-right: 30px; width: calc(20% - 30px);}
.material-tab-box > .material-item .material-imgs > li:nth-child(5){margin-right:0}
.material-tab-box > .material-item .material-imgs > li:nth-child(+6){margin-top:30px}
.material-tab-box > .material-item .material-imgs > li:last-child{margin-right: 0;}
@media (max-width: 768px){
	.section-material{padding-bottom: 30px;}
	.material-tab-nav{overflow-x: auto; list-style: none;white-space: nowrap;width: auto;text-align: center;}
	.material-tab-nav > li{display: inline-block;margin-right: 20px;margin-bottom: 20px; padding-left: 15px;padding-right: 15px;height: 45px;line-height: 45px; max-width: 150px;}
	.material-tab-nav > li .num,.material-tab-nav > li i.fa{display: none;}
	.material-tab-nav > li h6{padding: 0;margin: 0;line-height: 45px;}
	.material-tab-box > .material-item .material-imgs > li{margin-right: 20px;margin-top: 20px; width: calc(33.3333% - 20px);}
	.material-tab-box > .material-item .material-imgs > li:nth-child(3n){margin-right: 0;}
	.material-tab-box > .material-item .material-imgs > li:nth-child(5){margin-right:20px}
}

.environment-tab-box{margin-top: 30px;margin-bottom: 50px;}
.environment-item{display: none;}
.environment-item.tab-active{display: block;}

.gallery-thumbs{height:500px;}

@media (max-width: 768px){
    .environment-tabs,.material-tabs{width:100%;overflow:hidden}
	.environment-left{padding-left: 15px !important;padding-right: 15px !important;}
	.environment-right{margin-top: 15px; font-size: 0;}
	.environment-right .gallery-thumbs{height:100px}
	.environment-right > div{display: inline-block;margin-right: 13.5px; width: 100%;margin-top: 0 !important;}
	.environment-right > div:nth-child(3n){margin-right: 0;}
}

.section-plan{padding-bottom: 80px;}
.plan-swiper{
	--swiper-navigation-color:white;
	--swiper-navigation-size:26px
}

.toast-top-center{top:50px}
.toast-top-center>div{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.nice-validator [contenteditable],.nice-validator input,.nice-validator select,.nice-validator textarea{display:inline-block}
.nice-validator .note-editor .note-editing-area .note-editable{display:inherit}

.well{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.responsive-container{position:relative;width:100%;border:1px solid #f8f8f8}
.footer{padding:30px 0;background:#164DAB;color:#fff;border-top: solid 8px var(--bs-red);}
.footer a{color:#fff}
.footer a:hover{color:#007bff}
.footer .footer-telnum{font-size: 26px;color: white;font-weight: 600;font-family: Arial, Helvetica, sans-serif;}
.footer .foot-btn{display: inline-block;padding: 5px 10px;margin-left: 15px;min-width: 150px; background-color: white;border-radius: 50px;color: var(--bs-blue);text-decoration: none;text-align: left;}
.footer .foot-btn > i{display: inline-block;margin-right: 10px; width: 36px;height: 36px;vertical-align: middle;}
.footer .foot-btn > i.iconbm{background: url(../img/iconbm.png) no-repeat 50%;background-size: contain;}
.footer .foot-btn > i.iconzx{background: url(../img/iconzx.png) no-repeat 50%;background-size: contain;}
.footer .foot-btn > span{display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 600;}
@media (max-width: 768px){
	.bmrk-box{margin-top: 30px;}
	.bmrk-box > div{text-align: center;}
}

#floatbtn{display: none;}
@media (min-width: 768px){
	#floatbtn{display: block; width:166px;height:auto;position:fixed;top:auto;right:0;bottom:10px;left:auto;z-index:80;}
	#floatbtn.fixed{position:absolute;bottom:279px;right:50%}
	#floatbtn .floatbtn-header{position: relative;z-index: 2; margin-bottom: -25px;}
	#floatbtn .floatbtn-item,#floatbtn>a{cursor:pointer;position:relative;z-index:0;display:block;margin-left:86px;padding-top: 15px;padding-bottom: 15px; width:80px;height:auto;text-align:center;font-size:12px;color:white;background-color:#225EC3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration: none;}
	#floatbtn .floatbtn-item:hover,#floatbtn>a:hover{-webkit-transition:background-color .4s ease-out;-moz-transition:background-color .4s ease-out;-o-transition:background-color .4s ease-out;transition:background-color .4s ease-out;background:#1b4997;text-decoration:none;text-align:center;}
	#floatbtn .floatbtn-item i.fa,#floatbtn > a >  i.fa{font-size: 24px;}
	#floatbtn .floatbtn-item .tit,#floatbtn > a > .tit{font-size: 12px;margin-top: 5px;}
	#floatbtn .floatbtn-item:hover .floatbtn-wrapper,#floatbtn>a:hover .floatbtn-wrapper{display:block}
	.floatbtn-wrapper{position:absolute;right:88px;top:0;z-index:120;display:none;width:180px;height:auto;background-color:#F7F8FC;border:1px solid var(--bs-blue)}
	.floatbtn-wrapper:before{content:"";position:absolute;right:-12px;top:0;height:200px;width:12px;background:0 0}
	.floatbtn-wrapper:after{content:"";position:absolute;right:-8px;top:20px; z-index: 2; display:block;width:0;height:0;border-left:8px solid #164DAB;border-top:6px solid transparent;border-bottom:6px solid transparent}
	.floatbtn-wrapper>.qrcode{margin-top:20px;line-height:1}
	.floatbtn-wrapper>.qrcode>img{width:128px;height:128px}
	.floatbtn-wrapper p{font-size:14px;line-height:20px;color:#999}
	.floatbtn-wrapper .telnum{font-size: 20px;font-family: Arial, Helvetica, sans-serif;font-weight: 600;color: #164DAB;}
	.floatbtn-wrapper em{display: block; text-align: left; font-size: 12px; color:#164DAB;font-style: normal;}
	#back-to-top{border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
	#back-to-top i.fa{font-size: 35px !important;}
}

.related-page ul li.active a{color:#007bff}

.panel-default{border:none;padding:0 15px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box}
.panel-default>.panel-heading{position:relative;padding:15px 0;background:#fff;border-bottom:1px solid #f5f5f5}
.panel-default>.panel-heading .panel-title{font-size:16px}
.panel-default>.panel-heading .panel-title>i{display:none}
.panel-default>.panel-heading small{font-weight:400;color:#999;font-size:13px}
.panel-default>.panel-heading .more{position:absolute;top:13px;right:0;display:block;color:#919191;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-weight:400;font-size:13px}
.panel-default>.panel-heading .more:hover{color:#616161;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.panel-default>.panel-heading div.more{top:17px}
.panel-default>.panel-heading .panel-bar{position:absolute;top:7px;right:0;display:block}
.panel-default>.panel-footer{padding:15px 0;background:0 0}
.panel-default>.panel-body{position:relative;padding:15px 0}
.panel-primary>.panel-heading{background-color:#46c37b;color:#fff}
.panel-primary>.panel-body{background:#fafafa;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.panel-gray{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);-moz-box-shadow:0 2px 4px rgba(0,0,0,.08);box-shadow:0 2px 4px rgba(0,0,0,.08)}
.panel-gray>.panel-heading{background-color:#f5f5f5;color:#919191}
.panel-gray>.panel-body{color:#919191;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.panel-page{padding:45px 50px 50px;min-height:500px}
.panel-page .panel-heading{background:0 0;border-bottom:none;margin:0 0 30px 0;padding:0}
.panel-page .panel-heading h2{font-size:25px;margin-top:0}
.tabs-wrapper{-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-border-radius:4px;-moz-background-clip:padding;border-radius:4px;background-clip:padding-box;background-color:#fff}
.tabs-wrapper .tabs-mark-group .title{width:90px;margin-top:3px;float:left}
.tabs-wrapper .tabs-mark-group .classify{margin-top:3px}
.tabs-wrapper .tabs-mark-group .classify a,.tabs-wrapper .tabs-mark-group .classify i{color:#919191}
.tabs-wrapper .tabs-mark-group .classify a:focus,.tabs-wrapper .tabs-mark-group .classify a:hover{color:#43bc60}
.tabs-wrapper .tabs-mark-group .content{margin-left:100px}
.tabs-wrapper .tabs-mark{margin:0 4px}
.tabs-wrapper .tabs-mark a{border:1px solid #e4ecf3;padding:2px 5px;color:#919191}
.tabs-wrapper .tabs-mark i{font-size:10px;margin-left:5px}
.tabs-wrapper .tabs-mark.active a,.tabs-wrapper .tabs-mark:focus a,.tabs-wrapper .tabs-mark:hover a{color:#43bc60;border:1px solid #43bc60}
.tabs-wrapper .tabs-group{position:relative;overflow-y:hidden}
.tabs-wrapper .tabs-group .title{float:left;padding:10px 0;width:80px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.tabs-wrapper .tabs-group .content{list-style:none;padding:0;margin:0 0 0 60px}
.tabs-wrapper .tabs-group .content>li{float:left;padding:5px 12px}
.tabs-wrapper .tabs-group .content>li>a{display:block;padding:5px 10px;border:none;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-border-radius:4px;-moz-background-clip:padding;border-radius:4px;background-clip:padding-box;color:#828a92;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.tabs-wrapper .tabs-group .content>li.active>a,.tabs-wrapper .tabs-group .content>li:focus>a,.tabs-wrapper .tabs-group .content>li:hover>a{color:#007bff}
.tabs-wrapper .tabs-group .tabs-toggle{position:absolute;right:20px;top:18px;font-size:12px;line-height:1;cursor:pointer}
.tabs-multiple .tabs-group .content>li>a{margin:2px 0;display:block;padding:3px 10px;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.tabs-multiple .tabs-group .content>li.active>a{color:#007bff;background:#b3d7ff}
@media (max-width:767px){.tabs-wrapper .tabs-group .title{width:100%;float:none}
.tabs-wrapper .tabs-group .content{margin:0}
.tabs-wrapper .tabs-group .content>li{padding:5px}
.tabs-wrapper .tabs-group+.tabs-group{border-top:none}
}
.article-filter{position:relative;background-color:#fafafa;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-border-radius:4px;-moz-background-clip:padding;border-radius:4px;background-clip:padding-box;margin-bottom:30px}
.article-filter .btn-group.open .dropdown-toggle{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#43bc60}
.article-filter .filter{position:absolute;text-align:right;top:0;right:15px;width:300px}
.article-filter .filter .btn{background:0 0;padding:10px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-filter .filter .btn:hover{color:#43bc60;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-filter .filter .btn>i{font-size:18px}
.article-filter .filter label{margin-left:15px;margin-top:11px;vertical-align:top;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-filter .filter label:hover{color:#43bc60;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
h1 .breadcrumb{padding:0 5px;margin-bottom:5px;background:0 0}
h1 .breadcrumb li{font-size:12px;font-weight:400}

.panel-blockimg{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.panel-blockimg img{width:100%}
.hot-tags .panel-body a span{margin-bottom:10px}
.tags{margin:0;display:inline-block}
.tags .tag{margin-bottom:8px}
.tag{display:inline-block;padding:0 8px;height:24px;line-height:24px;font-weight:400;font-size:13px;text-align:center;color:#007bff;background:#e5f2ff;margin-right:3px;border-radius:2px}
.tag img{width:16px;height:16px;margin-top:-1px;margin-right:3px}
.tag[href]:focus,.tag[href]:hover{background-color:#007bff;color:#fff;text-decoration:none}
.tag-xs{padding:0 6px;height:20px;line-height:20px;font-size:12px}
.tag-sm{padding:0 6px;height:22px;line-height:22px;font-size:13px}
.tag-lg{font-size:16px;font-weight:700;height:30px;line-height:28px}
.tag-link{background-color:transparent}
.tag-logo{padding-left:25px;background-repeat:no-repeat;background-position:4px 2px;background-size:16px 16px}
.tag-success{background-color:#dff0d8;color:#18bc9c}
.tag-info{background-color:#d9edf7;color:#3498db}
.tag-warning{background-color:#fcf8e3;color:#f39c12}
.tag-danger{background-color:#f2dede;color:#e74c3c}

.text-gray{color:#d2d6de!important}
.no-padding{padding:0!important}
.no-border{border:none!important}
.pager .pagination{margin:0}
.pager .pager{margin:0}
.pager li{margin:0 .4em;display:inline-block}
.pager li:first-child>a,.pager li:first-child>span,.pager li:last-child>a,.pager li:last-child>span{padding:.5em 1.2em}
.pager li>a,.pager li>span{background:0 0;border:1px solid #e6e6e6;border-radius:.25em;padding:.5em .93em;font-size:14px}


.list-links a{margin-right:5px}

.article-content > .panel-heading {
  padding: 0;
  margin: 0 -15px;
}
.article-content > .panel-heading > .breadcrumb {
  background: #fff;
  font-size: 13px;
  margin-bottom: 0;
  padding: 15px;
}
.article-donate {
  padding: 10px 0;
  text-align: center;
}
.article-donate a {
  min-width: 120px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.article-metas {
  overflow: hidden;
}
.article-metas .metas-title {
  margin: 0;
  font-size: 1.65em;
  line-height: 1.45;
  margin-bottom: 5px;
  color: #444;
}
.article-metas .metas-title a {
  color: #444;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.article-metas .metas-title a:hover {
  color: #007bff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.article-metas .metas-body {
  color: #999;
  margin: 0px auto;
}
.article-metas .metas-body span {
  margin-right: 10px;
}
.article-metas .metas-body span i {
  margin-right: 5px;
}
.article-metas .metas-body p {
  margin-bottom: 0;
  margin-top: 0px;
  font-size: 12px;
}
.article-text {
  line-height: 30px;
  margin-bottom: 15px;
}
.article-text img {
  margin: 10px auto;
  display: block;
  max-width: 100%;
  height: auto;
  cursor: zoom-in;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.article-text ul li {
  line-height: 30px;
}
.article-text a {
  text-decoration: none;
  color: #007bff;
  border-bottom: 1px solid #b3d7ff;
}
.article-text a img {
  cursor: pointer;
}
.article-action-btn {
  color: #999;
}
.article-action-btn a {
  color: #999;
}
.article-action-btn .bdshare-button-style0-16 .bds_more {
  float: none;
  padding: 0;
  height: inherit;
  line-height: inherit;
  font-size: inherit;
  background: none;
  color: #999;
}
.article-prevnext {
  color: #666;
}

@media (min-width:768px) and (max-width:991px){
	.navbar-header{width:44px;overflow:hidden}
}
@media (max-width:767px){.skin-white{padding-top:70px}
	ul.dropdown-menu{position:relative;width:100%;background:#222}
	ul.dropdown-menu .open>a,ul.dropdown-menu .open>a:focus,ul.dropdown-menu .open>a:hover{background:0 0;color:#9d9d9d}
	ul.dropdown-menu>.dropdown-menu{position:relative;width:100%;margin:0}
	.navbar-nav .open .dropdown-menu>li>a{line-height:22px}
	.navbar-nav .open .dropdown-menu{position:relative;width:100%;margin:0;left:0;background:#404950}
}