img{max-width: 100%; height: auto}

#nav-left{width:50px;position:fixed;top:50%;transform:translateY(-50%);left:50px;border:1px solid #ddd;display:none}
#nav-left ul li{width:100%;height:auto;border-bottom:1px dotted #ddd;list-style:none;font-size:14px;text-align:center;position:relative;cursor:pointer;background:#88918e;color:#fff;}
#nav-left ul li span{display:inline-block; padding:10px 5px;}
#nav-left ul li.last{background:#4a5e56;color:#fff;border-bottom:1px solid #ddd;padding:10px 5px}
#nav-left ul li.active span{background:#1d5e5d;color:#fff;display:block}
#nav-left ul li:hover span{background:#1d5e5d;color:#fff;display:block}

.banner-box{position:relative; width:100%;height:auto;background:url(../images/exosomes/ban_01.jpg) no-repeat center center;background-size:100%;padding-top:40%;background-color:#f6f6f6;}
.bannerDLR-con .banner-box{position:relative; width:100%;height:auto;background:url(../images/DLR/ban_01.jpg) no-repeat center center;background-size:100%;padding-top:46%;background-color:#f6f6f6;}

.big-title{text-align:center;padding-bottom:10px;}
.big-title p{font-size:38px;font-weight:600;letter-spacing:2px;margin:0;}
.big-title p:before{content:"";display:inline-block;vertical-align:middle;width:20%;height:3px;background-color:#999;margin-right:30px;}
.big-title p:after{content:"";display:inline-block;vertical-align:middle;width:20%;height:3px;background-color:#999;margin-left:30px;}
.big-title span{font-size:20px;color:#999;}
.banner-box .banner-in{position:absolute;width:100%; bottom:20px;text-align:center;z-index:2;}
.banner-box .banner-in li{position: relative; display:inline-block;}
.banner-box .banner-in li:nth-child(2){margin:0 20px;}
.banner-box .banner-in li:nth-child(3){margin:0 20px 0 0;}
.banner-box .banner-in li img{animation:jump 3s ease infinite}


@keyframes jump{
	0%{transform:translateY(0) scale(1,1)}
50%{transform:translateY(-30px) scale(0.97,1.03)}
100%{transform:translateY(0) scale(1,1)}
}
.banner-box .banner-in li.c2 img{animation:jump2 3s ease infinite}
@keyframes jump2{
	0%{transform:translateY(-30px) scale(1,1)}
50%{transform:translateY(0) scale(0.97,1.03)}
100%{transform:translateY(-30px) scale(1,1)}
}


.btn-con{text-align:center;padding:30px 0;}
.btn-con .btn-w{display:inline-block;margin:0 20px;}
.btn-con .btn-w a{display:inline-block;color:#fff;font-weight:600;letter-spacing:2px; background-color:#f80;text-align:center;padding:10px 40px;border-radius:100px;transition: all 0.3s}
.btn-con .btn-w a:hover{box-shadow: 0 0 15px rgba(0,0,0,.3);background-color:#f60;transform: scale(1.1);text-decoration:none;}


.s1{padding: 100px 0;background-color:#fff;background-image: url("../images/s_bg1.png");background-position: top center;background-repeat: no-repeat;background-size: cover;padding-top:70px;}
.s1-info{padding:30px 0;}
.s1-info .img{float:left;margin:15px 30px 0 0;text-align:center;border:1px solid #ddd;background-color:#fff;}
.s1-info p{text-align:justify;margin:20px 0;overflow: hidden}
.DLR-con .s1-info p{margin:10px 0;}
.s1-info .img p{text-align:center;margin:5px 0;}
.s1-promotion{padding:0;}
.s1-promotion .img-con{font-size:0;}
.s1-promotion .img-con img{max-width:100%;height:auto;}
.s1-promotion .inner-box{padding:50px 0 0 0;}
.s1-promotion .inner-box .title{text-align:center;font-size:22px;font-weight:600;margin-bottom:20px;}
/*.s1-promotion .inner-box .title:before{content:"";display:inline-block;vertical-align:middle;width:18%;height:4px;background-color:#ccc;margin-right:30px;}
.s1-promotion .inner-box .title:after{content:"";display:inline-block;vertical-align:middle;width:18%;height:4px;background-color:#ccc;margin-left:30px;}*/
.s1-promotion .inner-box .text{text-align:center;}
.reasonList{display:flex;margin:0 -20px;margin-top:40px;}
.reasonList .item{width:25%; margin:0 20px;text-align:center;border:1px solid #ccc;border-radius:3px; padding:20px;background-color:#fff;}
.reasonList .item .img{margin-bottom:20px;}
.reasonList .item .img p{font-weight:600;}
.reasonList .item .text{line-height:1.65;}


.s2{padding: 100px 0;background-color:#e0eff1;background-image: url("../images/s_bg2.png");background-position:top center;background-repeat: no-repeat;background-size: cover;}
.DLR-con .s2{background-color: #ddeadb;}
.area-con{display:flex;flex-wrap:wrap;margin:30px -20px 0 -20px;}
.area-con .item{width:25%;padding:0 20px;text-align:center;line-height:1.65;}
.area-con .item .box{padding:20px;background-color:#fff;border-radius:5px;height:100%;transition:all .5s ease}
.area-con .item .box:hover{transform:translateY(-6px); box-shadow:0 14px 36px rgba(0,0,0,.1)}
.area-con .item .pic{margin-bottom:20px;}
.area-con .item .pic span{display:block; font-size:18px;font-weight:600;margin-top:10px;}
.area-con .item .pic:before{content: '';display: inline-block;width: 60px;height: 60px;border: 4px solid #5a6e7f;padding: 20px;border-radius: 100%;}
.area-con .item:nth-child(1) .pic:before {background: url("../images/exosomes/area-1.svg") no-repeat center center;background-size: 70px;}
.area-con .item:nth-child(2) .pic:before {background: url("../images/exosomes/area-2.svg") no-repeat center center;background-size: 70px;}
.area-con .item:nth-child(3) .pic:before {background: url("../images/exosomes/area-3.svg") no-repeat center center;background-size: 70px;}
.area-con .item:nth-child(4) .pic:before {background: url("../images/exosomes/area-4.svg") no-repeat center center;background-size: 70px;}
.advantage-con .item:nth-child(1) .pic:before {background: url("../images/exosomes/advantage-1.svg") no-repeat center center;background-size: 70px;}
.advantage-con .item:nth-child(2) .pic:before {background: url("../images/exosomes/advantage-2.svg") no-repeat center center;background-size: 70px;}
.advantage-con .item:nth-child(3) .pic:before {background: url("../images/exosomes/advantage-3.svg") no-repeat center center;background-size: 70px;}
.advantage-con .item:nth-child(4) .pic:before {background: url("../images/exosomes/advantage-4.svg") no-repeat center center;background-size: 70px;}
.advantage-con .item:nth-child(5) .pic:before {background: url("../images/exosomes/advantage-5.svg") no-repeat center center;background-size: 70px;}
.advantage-con .item{width:20%}
.advantage-con .item .box{background-color:transparent;border: 2px solid #ddd;}
.advantage-con .item .pic span{font-size:16px;}
.step-con{text-align:center;display: flex;flex-wrap:wrap;margin:0 -20px;margin-top:30px;}
.step-con .item{width:20%;padding:0 20px;}
.step-con .item .item-in{position:relative; height:100%; background-color:#1d5e5d;padding:20px;color:#fff;}
.step-con .item:nth-child(2n) .item-in{ background-color:#6dbc62;}
.step-con .item .item-in:before{content:"";width:0;height:0;border:16px solid rgba(0,0,0,0);border-left-color: #6dbc62;position:absolute;right:-45px;top:50%;transform:translateY(-50%)}
.step-con .item .item-in:after{content:"";width:0;height:0;border:14px solid rgba(0,0,0,0);border-left-color: #fff;position:absolute;right:-40px;top:50%;transform:translateY(-50%)}
.step-con .item:last-child .item-in:before,.step-con .item:last-child .item-in:after{display:none;}
.step-con .item .item-in .title{font-size:18px;border-bottom:1px dashed #fff;padding-bottom:20px;}
.DLR-con .step-con{display:block;}


.s3{padding: 100px 0;background-color:#fff;background-image: url("../images/s_bg1.png");background-position:top center;background-repeat: no-repeat;background-size: cover;}
.s3 .text-con{text-align:center;}
.delive-con{display:flex;margin-top:40px;}
.delive-con .item{width:25%;text-align:center;line-height:1.65;}
.delive-con .item dl{padding:0;margin:0;border:1px solid #ddd;border-right:none;height:100%;}
.delive-con .item:last-child dl{border-right:1px solid #ddd;}
.delive-con dl dt{font-weight:600;background-color:#eee;border-bottom:1px solid #ddd;padding:10px;}
.delive-con dl dd{padding:10px;margin:0;display: inline-flex;align-items: center;height: calc(100% - 50px);}


.s4{padding: 100px 0;background-color:#e0eff1;background-image: url("../images/s_bg2.png");background-position:top center;background-repeat: no-repeat;background-size: cover;}
.DLR-con .s4{background-color: #ddeadb;}
.project-con{margin-top:40px;}


.s5{padding: 100px 0;background-color:#f8f8f8;background-image: url("../images/s_bg1.png");background-position:top center;background-repeat: no-repeat;background-size: cover;}
.citation-con{margin:30px 0;}
.citation-con .swiper-container{padding:10px 0;}
.citation-con .swiper-wrapper{display:flex;}
.citation-con .swiper-wrapper .swiper-slide{height: auto}
.citation-con .item{height: 100%;padding:15px;border-radius:3px;border:1px solid #ddd;background-color:#fff; transition:all .5s ease}
.citation-con .item:hover{transform:translateY(-6px); box-shadow:0 14px 36px rgba(0,0,0,.1)}
.citation-con .item .pic{width:100%}
.citation-con .item .pic p{font-size:12px;color:#666;margin-bottom:20px;}
.citation-con .item .text{width:100%;line-height:1.65;}
.citation-con .item .text a{line-height:1.65;}
.citation-con #honor-scroll .item .pic{margin-bottom:10px;}
.citation-con #honor-scroll .item .text{text-align:center;}
.citation-con .swiper-pagination{position:relative;margin-top:30px;}
.swiper-pagination-bullet{width:12px;height:12px;}
.swiper-pagination-bullet-active{background:#1d5e5d;}
.citation-con .swiper-button-prev{left:-70px;width: 50px;height: 50px;border-radius: 50%;transform: translateY(-50%);background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;opacity: 0.5;background-size: 15px;cursor: pointer;}
.citation-con .swiper-button-next{right:-70px;width: 50px;height: 50px;border-radius: 50%;transform: translateY(-50%);background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;opacity:0.5;background-size:15px;cursor:pointer}




.s6{padding: 100px 0;background-color:#fff;}
.s7{padding: 100px 0;background-color:#fff;background-image: url("../images/s_bg1.png");background-position:top center;background-repeat: no-repeat;background-size: cover;}
.s8{padding: 100px 0;background-color:#e0eff1;background-image: url("../images/s_bg2.png");background-position:top center;background-repeat: no-repeat;background-size: cover;}
.s9{padding: 100px 0;background-color:#fff;}
.DLR-con .s7{background-color: #ddeadb;}
.DLR-con .s8{padding: 100px 0;background:#fff;}

.honor-scroll{margin-top:30px;}
.honor-scroll .item{height:100%;background-color:#fff;padding:10px; transition:all .5s ease}
.honor-scroll .item:hover{transform:translateY(-6px); box-shadow:0 14px 36px rgba(0,0,0,.1)}



/*分子互作专题*/
.page-con{padding-bottom:0;}
.bannerMI-con .banner-box{position:relative; width:100%;height:auto;background:url(../images/Molecular-interaction/banner-big.jpg) no-repeat center center;background-size:100%;padding-top:40%;background-color:#f6f6f6;}
.banner-flex-in{display:flex;justify-content: center;}
.banner-box .banner-in.banner-flex-in{bottom:15%;}
.bannerMI-con .box{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0.5);overflow:hidden;border-radius: 100%;margin:0 20px;}
.bannerMI-con .box:before{content:'';position:absolute;width:100px;height:140%;background:linear-gradient(315deg,#00ccff,#d400d4);animation:animate 4s linear infinite}
@keyframes animate{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.bannerMI-con .box:after{content:'';position:absolute;right: 6px;left: 6px;top: 6px;bottom: 6px;background:rgba(255,255,255,1);border-radius: 100%;z-index:2}
.bannerMI-con .box p{position:relative;z-index:4;font-size:22px;padding:20px;}

.nav-pageTop .nav-box{display:flex;flex-wrap:wrap;margin:0 -20px;}
.nav-pageTop .nav-box .item{padding:0 20px;width:25%;}
.nav-pageTop .nav-box .item .in{height:100%;background-color:#eee;}
.nav-pageTop .nav-box .item .in>a{display: block;background-color: #6dbc62;padding: 5px 10px;color: #fff;font-weight: 600;text-align:center}
.nav-pageTop .nav-box .item .in ul{padding:10px;font-size:14px;}
.nav-pageTop .nav-box .item .in ul li{margin:8px 0;}
.s-big-title{font-size: 38px;font-weight: 600;letter-spacing: 2px;}
.box-cont{margin:50px 0;}
.box-cont .sub-title{font-size:24px;font-weight:600;margin-bottom:20px;}
.box-cont .list-style-disc{color:#999;}
.box-cont .item{margin:40px 0;}
.box-cont .item .title{margin-bottom:20px;}
.box-cont .item .title span {color:#1d5e5d;font-size:20px;font-weight: 600;display: inline-block; border-left: 10px solid #1d5e5d; padding-left: 10px; line-height: 1;}
.box-cont .img-con img{max-width:100%;height:auto;}
.info-con .info-item .in{padding:10px;}
.info-con .info-sub-item .in{padding:10px;height:100%;}
.bg-MI-greenL{background-color:#ecf4eb;}
.bg-white{background-color:#fff;}
.flex-right-end{display:flex;flex-wrap:wrap;}
.flex-right-end .flex-item:last-child{margin-left:auto;align-self:flex-end;}
.box-cont .btn-big{padding: 15px 30px;font-size: 18px;}
.flex-compact-c2{display:flex;flex-wrap:wrap;}
.flex-compact-c2 .flex-item{width:50%;}
.flex-compact-c2 .flex-item .in{height:100%;padding:20px;}
.center{top: 50%;position: relative;transform: translateY(-50%);}
.flex-center{align-self:center;}
.flex-w-auto .flex-item{width:auto}
.border-right-none{border-right:none;}
.flex-w-37 .flex-item3{width:30%}
.flex-w-37 .flex-item7{width:70%}
.step-row .item{position:relative;margin:0;}
.step-row .item span{display:block;position:relative;background-color:#6dbc62;color:#fff;padding:10px 15px;text-align:center;border-radius:5px;}
.step-row .item:nth-child(2n) span{background-color:#fff;border:2px solid #6dbc62;color:#6dbc62;}
/*.step-row .item:after{content: '';display: inline-block;position: absolute;top: 100%;margin: 0 auto;left: 0;right: 0;height: 0;width: 0;border-left: 10px solid #fff;border-top: 10px solid #6dbc62;
border-right: 10px solid #fff;}*/
.step-row .item:after{content: '';display: inline-block;position:relative;width:20px;height:22px; background:url("../images/Molecular-interaction/step-arrow.svg") no-repeat;text-align:center;left:50%;transform:translateX(-50%);margin-top:10px;}
.step-row .item:last-child:after{display:none}
.table.text-center th{text-align:center;}
.border-left{border-left:1px solid #ddd;}
.border-right{border-right:1px solid #ddd;}
.border-bottom{border-bottom:1px solid #ddd;}
.border-top{border-top:1px solid #ddd;}
.flex-btn-con{display:flex;flex-wrap: wrap;}
.flex-btn-con .item{width:35%;margin:auto;}
.flex-btn-con .item:first-child{margin-right:20px;}
.flex-btn-con .item:last-child{margin-left:20px;}
.flex-btn-con .item .btn{display:block;text-align:center;}
.size17{font-size:17px!important;}



/*表观遗传*/
.bannerEpigenetics-con .banner-box {position: relative;width: 100%;height: auto; background: url(../images/Epigenetics/banner-big.jpg) no-repeat center center; background-color: rgba(0, 0, 0, 0);background-size: auto;background-size: 100%;padding-top: 40%;background-color: #f6f6f6;}
.bannerEpigenetics-con .box{}
.bannerEpigenetics-con .box p{font-size:16px;height:100%;}
.bannerEpigenetics-con .box p span{font-size:20px;font-weight:600;}
.es-info-con{padding:30px 0;}
.es-info-con .epiframe-con{font-size:12px;}
.es-info-con .es-info-text p{margin:20px 0}
.es-info-con .flex-item .in{background-color:#fff;height:100%;border: 1px solid #ddd;}
.step-col{display:flex;margin:0 -15px;}
.step-col .item span{display: flex;align-items: center; border: 2px solid #6dbc62;height: 100%;}
.step-col .item{padding:0 15px;margin-bottom:20px;}
.step-col .item:after {display:none;}
.step-col .item span:after {content: ''; display:block;position: absolute; width: 22px; height: 22px;background: url("../images/Epigenetics/step-arrow.svg") no-repeat;text-align: center;left:100%; top:50%; transform: translateY(-50%);}
.step-col .item:last-child span:after{display:none;}
.border-bottom-none{border-bottom:none;}



/*非编码RNA*/
.bannerncRNA-con .banner-box {position: relative;width: 100%;height: auto; background: url(../images/ncRNA/banner-big.jpg) no-repeat center center; background-color: rgba(0, 0, 0, 0);background-size: auto;background-size: 100%;padding-top: 40%;background-color: #f6f6f6;}
.bannerncRNA-con .box{border-radius:20px;}
.bannerncRNA-con .box:after{border-radius:20px;}
.bannerncRNA-con .box p span{display:block;margin-bottom:10px;}
.ncRNA-type-con{margin:30px 0;}
.ncRNA-type{display:flex;flex-wrap: wrap;margin:0 -20px;}
.ncRNA-type .item{width:33.333333%;padding:0 20px;}
.ncRNA-type .item span{display:block;position:relative;padding:40px 0;color:#fff;font-size:22px;font-weight:600;transition:all .5s ease}
.ncRNA-type .item span:hover{ box-shadow:0 10px 20px rgba(0,0,0,.2)}
.ncRNA-type-con p{margin-bottom:30px;}
/*.ncRNA-type .item span:after{content:'+';position: absolute;right:-30px;top: 50%;transform: translateY(-50%);display:block;font-size:30px;font-weight:600;color:#1d5e5d;}*/
.ncRNA-type .item span{position:relative; z-index:5;}
.ncRNA-type .item .in{position:relative;}
.ncRNA-type .item.item-miRNA .in{background: url(http://www.genecreate.cn/statics/images/ncRNA/ncRNA-miRNA-bg-1.jpg) center center no-repeat;background-size: cover;}
.ncRNA-type .item.item-lncRNA .in{background: url(http://www.genecreate.cn/statics/images/ncRNA/ncRNA-lncRNA-bg-1.jpg) center center no-repeat;background-size: cover;}
.ncRNA-type .item.item-tRFs .in{background: url(http://www.genecreate.cn/statics/images/ncRNA/ncRNA-tRFs-bg-1.jpg) center center no-repeat;background-size: cover;}
.ncRNA-type .item .in:after{content:'';position: absolute;z-index:0;left:0;right:0;top:0;bottom:0;width:100%;height:100%; display:block;background: rgba(29,94,93,.7);}
.ncRNA-type .item.item-lncRNA .in:after{content:'';background: rgba(109,188,98,.7);}
.sub-title-s2{font-size:24px;text-align:center;font-weight:600;margin-bottom:20px;}
.sub-title-s2 .num{display:inline-block;background: #6dbc62;padding: 15px;margin: 0 auto;color: #fff;border-radius: 50px;}
.sub-title-s2 .text{margin-top:15px;}
.box-cont-c{margin-top:0;}
.flex-in-c2{display:flex;flex-direction:column;flex: 0 1 auto;}
.flex-in-c2 .in{height:100%;}



@media(max-width:1700px){
	.banner-box .banner-in li img{width:150px;height:150px;}
	#nav-left{left:10px;}	
}
@media(max-width:1600px){
	.flex-btn-con .item{width:auto;}
}
@media(max-width:1400px){
	.bannerMI-con .box,.bannerEpigenetics-con .box{width:150px;height:150px;}
	.bannerMI-con .box p{font-size:18px;}
	.bannerMI-con .box{border-radius:10px;}
	.bannerMI-con .box:after{border-radius:10px;}
	.bannerEpigenetics-con .box p{font-size:16px;}
	.bannerEpigenetics-con .box p span{font-size:16px;}
	.bannerEpigenetics-con .box{width:180px;height:auto;}
	.bannerEpigenetics-con .banner-box .banner-in.banner-flex-in{bottom:10px;}
}
@media(max-width:1200px){
	.banner-box .banner-in li img{width:120px;height:120px;}
	.banner-box .banner-in.banner-flex-in{bottom:10%;}
	.bannerMI-con .box p{font-size:16px;}
	.bannerEpigenetics-con .banner-box{background-color:#fff;padding-top: 20%;}
	.bannerEpigenetics-con .banner-box .banner-in.banner-flex-in{top: 100%;position: relative;bottom: -50px;}
	.es-info-con{margin:0 -15px;}
	.es-info-con .flex-item{width:100%;padding:0 15px;}
	.step-col{flex-wrap: wrap;}
}

@media (max-width:1000px){	
	.main{padding:0;}
	.top-left ul{}
	.top-right{display:none;}	
	.navbar-head{display:inline-block;float:right}
	.top-left ul{display: block;position: fixed;top: 0;right: 0;bottom: 0;min-width: 140px;max-width: 440px;width: 440px;transform: translateX(100%);transition: transform .4s ease;background-color: #fff;z-index: 555;padding-top: 50px;}
	.top-left ul.current{overflow-y: scroll;-webkit-overflow-scrolling: touch;transform: translateX(0);padding:50px 20px 0 20px}
	.top-left ul{width: calc(100% - 40px);}
	.top-left li{float:none;width:100%;text-align: left;border-bottom: 1px solid #ddd;padding:10px 0;height:auto;}
	.top-left li:after{display:none;}	
	.banner-con{padding-top:0;}
	.numList ul{flex-wrap: wrap;}
	.numList ul li{width:45%;margin:0 2.5%;}
	#nav-left,.fix-QA{display:none!important;}
	.s1-info .img{float:none;}
	.bannerMI-con .box{width:120px;height:120px;}
	.bannerMI-con .box p{font-size:14px;line-height:1.4;}
	.bannerMI-con .box:before,.bannerEpigenetics-con .box:before{width:60px;height:115%;}
	.flex-btn-con .item{width:auto}
	.bannerEpigenetics-con .box{width:180px;height:auto;}
	.bannerEpigenetics-con .box:before{height:200%;width:90px;}

}


@media (max-width:768px){
  .table-responsive{width: 100%;overflow-x: scroll;overflow-y:hidden;}
  .banner-box .banner-in li img{width:100px;height:100px;}
	.s1,.s3,.s4,.s5,.s6{padding:30px 0;}
	.big-title p:before{display:none;}
	.big-title p:after{display:none;}
	.big-title p{font-size:30px;}
	.btn-con .btn-w{margin:10px 20px;}
	.reasonList{flex-wrap:wrap;}
	.reasonList .item{width:100%;}
	.s1-promotion .inner-box .title{font-size:18px;}
	.btn-con .btn-w a{border-radius:5px;}
	.numList ul li:nth-child(1):after,.numList ul li:nth-child(2):after,.numList ul li:nth-child(3):after,.numList ul li:nth-child(4):after{width:60px;height:60px;}	
	.area-con .item{width:100%;}
	.delive-con{flex-wrap:wrap;}
	.delive-con .item{width:50%;}
	.step-con .item{width:100%;margin-bottom: 40px;}
	.step-con .item .item-in:before{border-left-color: rgba(0, 0, 0, 0);border-top-color: #6dbc62;right:0;left:50%; top:100%;transform: translate(-50%,0);}
	.step-con .item .item-in:after{display:none;}
	.step-con .item:nth-child(2n+1) .item-in:before{border-top-color: #1d5e5d;}
	.step-con .item:nth-child(2n) .item-in:before{border-top-color: #6dbc62;}
	.banner-box .banner-in.banner-flex-in{bottom:5%;flex-wrap: wrap;top: 100%;position: relative;padding: 20px 0;}
	.bannerMI-con .box,.bannerEpigenetics-con .box{margin:0 10px;background: rgba(109,188,98,0.5);}
	.bannerMI-con .banner-box,.bannerEpigenetics-con .banner-box{background-position: top center;background-color: #fff;}
	.step-col{flex-direction: column;}
	.step-col .item span:after{display:none;}
	.step-col .item:after { content: '';display: inline-block;position: relative;width: 20px;height: 22px;background: url("../images/Molecular-interaction/step-arrow.svg") no-repeat;text-align: center;left: 50%; transform: translateX(-50%); margin-top: 10px;}
	.step-col .item{margin-bottom:0;}
	.step-col .item span{display:block;}
	
}

@media (max-width:480px){
  .banner-box .banner-in{bottom:5px;}
  .banner-box .banner-in li img{width:40px;height:40px;}
  .nav-pageTop .nav-box{margin:0 -15px;}
  .nav-pageTop .nav-box .item{padding:0 15px;width:50%;}
  .flex-col-2{margin:0 -15px;}
  .flex-col-2 .flex-item{padding:0 15px;}	
  .flex-col-2.info-con .flex-item{width:100%;}
  .flex-w-37 .flex-item3,.flex-w-37 .flex-item7,.flex-compact-c2 .flex-item{width:100%}	
	.flex-btn-con .item:first-child,.flex-btn-con .item:last-child{margin:20px 0}
	.flex-btn-con .item{width:100%;margin:20px 0;}
	.bannerEpigenetics-con .box{width:40%;}
	.bannerEpigenetics-con .banner-box .banner-in.banner-flex-in{top:0;}
	
  @keyframes jump{
	0%{transform:translateY(0) scale(1,1)}
	50%{transform:translateY(-10px) scale(0.97,1.03)}
	100%{transform:translateY(0) scale(1,1)}
	}
	@keyframes jump2{
	0%{transform:translateY(-10px) scale(1,1)}
	50%{transform:translateY(0) scale(0.97,1.03)}
	100%{transform:translateY(-10px) scale(1,1)}
	}		
}