@charset "UTF-8";
/*
'--------------------------------
'#   QQ:543874515
'#   微信:13072363699
'--------------------------------
*/
body {padding-top:3.2rem;}
body {
  cursor: url('https://static.igem.wiki/teams/5200/images/cursor.webp'), auto;
  cursor: url('https://static.igem.wiki/teams/5200/images/cursor.webp'), default;
  cursor: url('https://static.igem.wiki/teams/5200/images/cursor.webp'), pointer;
}

.nav-height{height:3.2rem;}
.left-aligned { margin-left: auto; }
.bg-dark {background-color: #184D69 !important; }
.bg-hero { background-color: #45b06cff; }

.logo{width:115px;height:90px;background:url(https://static.igem.wiki/teams/5200/images/logo.webp) no-repeat center top;background-size: 115px 90px;}

.nav-item{margin:0 8px;font-size:22px;letter-spacing:1px;}
.nav-item a{font-family:'Oration';}
/*
.nav-item a{font-family:'BookAntiqua';}
.nav-item a{font-family:'Cravas';}
.nav-item a{font-family:'DiamondShape';}
.nav-item a{font-family:'Grafiels';}
*/

section{height:100%;overflow:hidden !important;}
.pr {position:relative;}
.p-a-z{position:absolute;z-index:100;zoom:1;}
.h-100{height:1000%!important;}


.bg-img{margin:0 auto;max-width:100%;min-width:100%;overflow:hidden !important;}
.bg-img img{width:100%;}

.des-img{background:url(https://static.igem.wiki/teams/5200/images/des02.webp) no-repeat left top;background-size:100% auto;min-height:1030px!important;}
.des-bg{display:block;background:url(https://static.igem.wiki/teams/5200/images/des-bg.webp) repeat-y left top;background-size:contain;}

.con-img{background:url(https://static.igem.wiki/teams/5200/images/con02-1.webp) no-repeat left top;background-size:100% auto;min-height:500px;}
.con-bg{display:block;background:url(https://static.igem.wiki/teams/5200/images/con02-bg.webp) repeat-y left top;background-size:contain;}

.bg-text{position:absolute;z-index:10;background:rgba(255, 255, 255, .9);border-radius:10px;}

.f-text{display:block;}
.f-text p img{width:100%;}

.sub-bg{padding:15px 10px 5px 20px;background:#E7F8F8;border-radius:10px;box-shadow:0 2px 5px rgba(0, 0, 0, .3);}

@media (max-width:1200px) {
	.bg-1{background:rgba(255, 255, 255, .9);border-radius:10px;}
}
.bg-2{background:rgba(255, 255, 255, .99);border-radius:10px;}

.con-1:before{content:'●';font-size:1.6rem;}
.con-2:before{content:'●';font-size:1.4rem;}
.con-3{margin-bottom:8px;}
.con-3:last-child{margin-bottom:0;}
.con-3:before{float:left;position:relative;top:0;left:0;display:block;content:'●';font-size:1.4rem;line-height:.8!important;}
.con-3 p{display:block;margin:0 0 0 25px;font-weight:300;}
.con-4{margin-bottom:12px;}
.con-4:last-child{margin-bottom:0;}
.con-4:before{float:left;position:relative;top:0;left:0;display:block;content:'●';font-size:1.4rem;line-height:.8!important;}
.con-4 p{display:block;margin:0 0 0 25px;font-weight:400;}
@media (max-width:1400px) {
	.con-3:before{line-height:.6!important;}
	.con-3 p{margin:0 0 0 15px;font-weight:400;}
	.con-4:before{line-height:.6!important;}
	.con-4 p{margin:0 0 0 15px;}
}
@media (max-width:1200px) {
	.con-3:before{font-size:1rem;;}
	.con-4:before{font-size:1rem;;}
	.con-4 p{margin:0 0 0 15px;}
}
@media (max-width:768px) {
	.con-1:before{font-size:1.2rem;}
	.con-2:before{font-size:1rem;}
	.con-3{margin-bottom:4px;}
	.con-3:before{font-size:.7rem;line-height:.8!important;}
	.con-3 p{margin:0 0 0 10px;}
	.con-3 .f-s-7{font-size:90%;}
}

.bk-list .list{margin:0;padding:0;}
.bk-list .list{float:left;width:48%;}
.bk-list .list:nth-child(2n){margin-left:2%}
@media (max-width:768px) {
	.bk-5 .f-text .list, .bk-5 .f-text p{margin:5px 0;padding:0;}
	.bk-list .lh-sm {line-height:.6!important}
}

.bk-4 .tips{display:block;margin-bottom:10px;width:200px;padding:6px 25px;background:#00AC14;color:#FFF;border-radius:5px;}
@media (max-width:768px) {
	.bk-4 .tips{width:120px;padding:6px 20px;}
}
.bk-3 .col-6 {flex:0 0 auto;width:56.3333333333%}
@media (max-width:1200px) {
	.bk-2 .lh-lg{line-height:1.2!important}
	.bk-2 .col-4{flex:0 0 auto;width:90%}
	.bk-1 .col-6 {flex:0 0 auto;width:90%}
	.bk-3 .col-6 {flex:0 0 auto;width:90%}
	.bk-3 .top-4{top:5%!important;}
	.bk-4 .left-4{left:5%!important;}
	.bk-4 .col-6 {flex:0 0 auto;width:90%}
	.bk-5 .col-5{flex:0 0 auto;width:90%}
	.bk-5 .offset-4{margin-left:0}
	.bk-5 .top-10{top:5%!important;}
	.sub-1 .bottom-0{bottom:10%!important;}
	.sub-2 .right-0{right:5%!important;}
}
@media (max-width:900px) {
	.bk-4 .f-s-6{font-size:80%;}
	.mt-sm-5 {margin-top:10%!important}
	.sub-1 .col-6 {flex:0 0 auto;width:90%}
}
@media (max-width:768px) {
	.bk-1 .col-4{flex:0 0 auto;width:66.6666666667%}
	.sub-1 .lh-13{line-height:.8!important;}
	.sub-1 .lh-11{line-height:1.1!important;}
	.sub-1 .pp-0{padding:.8rem .5rem .5rem 1rem;}
	.sub-1 p{margin:0 0 .5rem 0;padding:0;}
	.sub-2 .top-2{top:0!important}
	.sub-2 .lh-13{line-height:1!important}
	.sub-2 .col-6{flex:0 0 auto;width:90%}
	.sub-2 .top-2{top:10%!important;}
	.sub-2 p:first-child{margin:0 0 8px 0;}
}

/*鼠标滑过图片遮罩层动画--------------------*/
.box {text-align:center;overflow:hidden;position:relative;background:#EEE;padding:3px;top:50%;transform:translateY(-50%);}
.box:before {content:"";width:0;height:100%;background:#000;padding:14px 18px;position:absolute;top:0;left:50%;opacity:0;transition:all 500ms cubic-bezier(0.47,0,0.745,0.9) 0s;}
.box:hover:before {width:100%;left:0;opacity:0.5;}
.box img {width:100%;height:auto;}
.box .box-content {width:100%;padding:14px 18px;color:#fff;position:absolute;top:38%;left:0;}
.box .title {font-weight:600;line-height:30px;/*text-transform:uppercase;*/margin:0;opacity:0;transition:all 0.5s ease 0s;}
.box:hover .title {opacity:1;transition-delay:0.7s;}
@media only screen and (max-width:990px) {
	.box {margin-bottom:30px;}
	.box .f-s-7{font-size:150%;}
}

.team p{margin:0 0 10px 0;padding:0;}
.team p:last-child{margin-bottom:0;}

.link{margin:0 5% 0 0;padding:0;}
.link li{list-style:none;float:left;}
.link li img{width:95%;}
@media only screen and (max-width:768px) {
	.link{margin:0 5% 20px 0}
}

/*
'--------------------------------
'#   QQ:543874515
'#   微信:13072363699
'--------------------------------
*/