

@media screen and (max-width:1600px) {


.m-nav .nav { max-height: 430px;}
.m-nav .nav .num1>li>a { font-size: 17px; }
.biochemistry .had h3 { font-size: 24px; }
.biochemistry .had p { font-size: 16px; }
.biochemistry .list ul li { padding: 0px 20px; }
.biochemistry .list ul li strong { font-size: 18px; }
.biochemistry .list ul li p { font-size: 14px; line-height: 24px; }
.biochemistry { padding: 30px 50px; padding-bottom: 10px; }
.biochemistry .list { margin-top: 20px; }
.biochemistry .dwo strong { font-size: 20px; }


.biochemistry2 { padding: 30px 50px; }
.biochemistry2 .had h3 { font-size: 24px; }
.biochemistry2 .table tr td { font-size: 14px; }
.biochemistry2 .table tr .colortd { font-size: 18px; }


.biochemistry3 { padding: 30px 50px; }
.biochemistry3 .had { font-size: 24px; }
.biochemistry3 .list ul li h3 { font-size: 20px; }


.company { padding: 30px 50px; }
.company .tit { font-size: 24px; }
.company .con .text p { margin-top: 10px; font-size: 14px; line-height: 24px; }
.company .list ul li strong { font-size: 20px; }
.contact .tit { width: 96%; left: 2%; }
.contact .tit ul li { width: 31.33%; margin: 0px 1%; }
.contact .tit ul li h3 { font-size: 18px; }
.contact .tit ul li p strong { font-size: 14px; }
.contact .tit ul li p span { font-size: 12px; }
.contact .tit ul li p { margin-top: 10px; }
.contact .tit ul li p strong { margin-bottom: 0px; }

.contact .tit ul li p { padding-left: 40px; }
.contact .tit ul li .p1 { background-size: 26px auto; }
.contact .tit ul li .p2 { background-size: 26px auto; }
.contact .tit ul li .p3 { background-size: 26px auto; }

.contact .tit ul li.active .p1 { background-size: 26px auto; }
.contact .tit ul li.active .p2 { background-size: 26px auto; }
.contact .tit ul li.active .p3 { background-size: 26px auto; }


.evolution { padding: 50px; }
.evolution h3 { font-size: 24px; }
.evolution .list ul li .text p { font-size: 14px; line-height: 24px; }
.evolution .list { margin-top: 40px; }
.evolution .list ul li { margin-top: 40px; }
.evolution .list ul li .text strong { font-size: 18px; }

.immure { padding: 30px 50px; }
.immure .had h3 { font-size: 24px; }
.immure .had .img p { font-size: 16px; line-height: 26px; }
.immure .list ul li { padding: 0px 20px; }
.immure .list ul li p { line-height: 24px; }

.innovation { padding: 0px 50px; padding-top: 60px; }
.innovation .had h3 { font-size: 24px; }
.innovation .list ul li strong { font-size: 40px; }
.innovation .had p { font-size: 14px; line-height: 24px; }
.innovation .img { margin-top: 30px; }

.join ul { padding: 0px 10px; }
.join ul li { margin: 0px 8px; }
.join ul li .text h3 { font-size: 18px; line-height: 30px; }
.join ul li .text { padding: 20px; }


.management { padding: 30px 50px; }
.management .had h3 { font-size: 24px; }
.management .list ul li strong { font-size: 18px; }
.management .list ul li p { font-size: 14px; line-height: 24px; }
.management .list { padding-bottom: 0px; }

.news { padding: 30px 50px; }
.news ul li .time strong { font-size: 30px; }
.news ul li .text h3 a { font-size: 18px; }
.news ul li .text p { font-size: 14px; line-height: 24px; }
.news ul li:last-child { border-bottom: none; }

.saccharify { padding: 30px 50px; }
.saccharify .had h3 { font-size: 24px; }
.saccharify .had h4 { font-size: 20px; margin-top:10px; }

.m_pd .list { padding: 0px; }
.saccharify .list ul li { padding: 0px 20px; }
.saccharify .had .img { margin-top: 30px; }
.saccharify .list { margin-top: 10px; }
.saccharify .list ul li strong { font-size: 20px; }
.saccharify .list ul li p { font-size: 14px; line-height: 24px; }
.saccharify .list ul li .al { margin-top: 10px; }

.poct-tc .img {  margin: 0 auto; }
.poct-tc .text h3 { font-size: 22px; }
.poct-tc .text { width: 90%; }

.saccharify-3 { padding: 0px 50px; padding-top: 80px; }
.saccharify-3 .had h3 { font-size: 22px; }
.saccharify-3 .had .img { margin: 90px 0px; }
.saccharify-3 .list ul { flex-wrap: wrap; }
.saccharify-3 .list ul li { width: 33.33%; flex: none; }
.saccharify-3 .list ul li strong { font-size: 20px; }
.saccharify-3 .list ul li p { margin-top: 6px; }
.saccharify-3 .list ul li { margin-top: 40px; }
.saccharify-3 .list ul li:nth-child(3n) { border-right: none; }

.service { padding: 30px 50px; }

.service .tit h2 { font-size: 22px; }
.service .con .text strong { font-size: 18px; }
.service .con .text p { font-size: 14px; margin-top: 10px; line-height: 24px; }
.service .con .text { padding-right: 38px; }
.service h6 { margin-top: 30px; }

.m-nav { width: 340px; }
.box { padding-left: 340px; }

.m-nav { padding-left: 25px; }
.m-nav .fot { left: 25px; right: 25px; }
.m-nav .fot .search .fom { width: 148px; }
.m-nav .fot .search a { margin-left: 15px; }
.m-nav .nav .num1 { padding-left: 16px; }
.m-nav .nav .num1>li.active>a:after { left: -17px; }


.newscon { padding: 50px; }

.saccharify .had .img img { width: 50%; }
.immure .had .img img { width: 50%; }
.biochemistry2 .had img { width: 50%; }
.biochemistry .img img { width: 80%; }

.m-nav .nav .num3>li>a { font-size: 13px; }

.m-nav .logo { width: 260px; }

.m-nav .logo .svg { height: 30px;}


}


@media screen and (max-width:1440px) {

.m-nav .nav { max-height:280px; }


}


@media screen and (max-width:1300px) {

.m-nav .nav { max-height:260px; }

.m-nav .nav .num1 { padding-left: 16px;  }
.m-nav .nav .num1>li>a { font-size: 15px; padding: 6px 0px; }
.m-nav .nav .num2>li>a { font-size: 14px; }
.m-nav .nav .num3>li>a { font-size: 12px; }
.m-nav .nav .num2 { padding-left: 5px; }

.saccharify .had h3 { font-size: 22px; }
.immure .had h3 { font-size: 22px; }
.biochemistry2 .had h3 { font-size: 22px; }

.immure .had .img img { width: 40%; }
.immure .had .img p { font-size: 14px; line-height: 22px; }
.immure .list ul li p { font-size: 14px; line-height: 22px; }
.immure .list ul li { padding: 0px 12px; }

.biochemistry2 .table tr th { font-size: 14px; padding: 12px 10px; }
.biochemistry2 .table tr td { padding: 10px 10px; }
.biochemistry2 .table tr .colortd { font-size: 16px; }

.biochemistry .had h3 { font-size: 22px; }
.biochemistry .had p { font-size: 14px; }
.biochemistry .had p { font-size: 14px; margin-top: 8px; }
.biochemistry .list ul li strong { font-size: 16px; }
.biochemistry .list ul li { padding: 0px 10px; }
.biochemistry .list ul li p { line-height: 22px; font-size: 14px;  }

.biochemistry .dwo strong { font-size: 16px; }
.biochemistry .dwo p { font-size: 14px; line-height: 22px; }

.saccharify .had h4 { font-size: 16px; }
.saccharify .list ul li strong { font-size: 18px; }
.saccharify .list ul li { padding: 0px 10px; }

.poct-tc .text h3 { font-size: 20px; }

.saccharify .list ul li strong { font-size: 16px; }
.saccharify-3 .list ul li strong { font-size: 16px; }
.saccharify-3 .list ul li p { font-size: 14px; }

.service .con .text strong { font-size: 16px; }
.evolution h3 { font-size: 22px; }

.news ul li .text h3 a { font-size: 16px; }
.news ul li .time strong { font-size: 24px; }
.news ul li .time { width: 65px; }
.news ul li .text h6 a { padding: 8px 14px; font-size: 12px; }

.join ul li .text h3 { font-size: 16px; line-height: 24px; }
.join ul li .text .al { font-size: 14px; }

.contact .tit { padding-bottom: 30px; }


.joinlist .had .tr-1 { width: 40%; }
.joinlist .had .tr-2 { width: 40%; }
.joinlist .had .tr-3 { width: 20%; }

.joinlist .list .table_tit .tr-1 { width: 40%; }
.joinlist .list .table_tit .tr-2 { width: 40%;  }
.joinlist .list .table_tit .tr-3 { width: 20%;  }




}



@media screen and (max-width:992px) {

.m-nav { height: 50px; width: 100%; padding-left: 20px; box-shadow: 0px 0px 6px 4px rgba(29,29,29,0.08); }
.m-nav .fot { display: none; }
.H50 { height: 50px; }

.m-nav .logo { margin-top:13px; padding-top: 0px; width: auto; }
.m-nav .logo .svg { height: 24px; } 
.m-nav .nav { position: fixed; top: 0px; width: 100%; height: 100%; overflow-y: auto; right: -60%; width: 60%; background: #fff; z-index: 99; margin-top: 0px; max-height: 100%; padding-top: 0px; border-left: none; }
.m-nav .nav .num1 { padding-top: 50px; }

.p-nav { display: block; position: absolute; top: 50%; margin-top: -15px; right: 20px; z-index: 9; }
.p-nav span { width: 30px; display: block; height: 2px; background: #666; margin: 6px 0px; }

.p-back { position: fixed; top: 0px; background: rgba(0,0,0,0.5); width: 40%;  height: 100%; z-index: 88; left: -40%; display: block; }

.guanb { position: absolute; display: block; background: #c1c1c1 url('../images/gb.png') no-repeat center center; width: 30px; height: 30px; top: 10px; right: 10px; background-size: 14px auto; }

.yuya { display: block; margin-top: 20px; border-top: 1px solid #d1d1d1; padding-top: 10px; }
.yuya a { display: inline-block; background: #5869bd; color: #fff; margin-top: 10px; padding: 6px 12px; margin-left: 20px; }

.p-footer { display: block; text-align: center; padding: 10px; font-size: 12px; line-height: 22px; background: #ebebeb; border-top: 1px solid #ebebeb; }

.m-con { min-height: calc(100vh - 93px ); }
.insction { height: calc(100vh - 93px); }

.box { padding-left: 0px; }

.innovation { padding: 20px; }
.innovation .had h3 { font-size: 20px; }
.innovation .list ul li strong { font-size: 28px; }
.innovation .list ul li p { font-size: 12px; }
.innovation .list ul { margin-top: 30px; }

.biochemistry { padding: 20px; }
.biochemistry .had h3 { font-size: 20px; }
.biochemistry .list ul li { width: 100%; }
.biochemistry .list ul { flex-direction: column; }
.biochemistry .list ul li { border-right: none; border-bottom: 1px solid #dcdcdc; padding: 15px 0px; text-align: left; }
.biochemistry .dwo strong { font-size: 16px; }
.biochemistry .dwo p { font-size: 14px; line-height: 22px; }


.biochemistry2 { padding: 20px; }
.biochemistry2 .had h3 { font-size: 20px; }
.biochemistry2 .table tr .colortd { font-size: 14px; }
.biochemistry2 .table tr td { padding: 8px 5px; font-size: 14px; }
.biochemistry2 .table tr th { font-size: 15px; padding: 12px 6px; }
.biochemistry2 .table { margin-top: 30px; }


.biochemistry3 { padding: 20px; }
.biochemistry3 .had { font-size: 20px; }
.biochemistry3 .list ul li { margin-top: 20px; }
.biochemistry3 .list ul li h3 { font-size: 18px; }
.biochemistry3 .list ul li { border-bottom: 1px solid #dcdcdc; padding: 20px 0px; margin-top: 0px; }
.biochemistry3 .list ul li .con { flex-direction: column; }
.biochemistry3 .list ul li .con .img { flex: 0 0 100%; width: 100%; }
.biochemistry3 .list ul li .con .text { flex: 0 0 100%; width: 100%; margin-top: 30px; padding-left: 0px; }


.company { padding: 20px; }
.company .con .text { width: 100%; margin-top: 30px; padding-right: 0px; margin-top: 15px; }
.company .con .img { width: 100%;  }
.company .tit { font-size: 20px; }

.company .list ul { flex-direction: column; border-right: none; }
.company .list ul li { width: 100%; border-bottom: 1px solid #d1d1d1; border-right: none; border-left: none; padding: 15px 0px;  }
.company .list ul li p { margin-top: 10px; line-height: 24px; }
.company .list ul li p em { font-size: 15px; }
.company .list ul li strong { margin-top: 15px; font-size: 18px; }
.company .list { margin-top: 20px; }

.company h6 { margin-top: 20px; font-size: 14px; text-align: center; }
.contact .tit { position: relative; }

.contact { height: auto; }
.contact { padding: 20px; }
.contact .tit { left: 0px; width: 100%; padding-bottom: 0px; }
.contact .tit ul { flex-direction: column; width: 100%; }
.contact .tit ul li { width: 100%; margin: 0px; margin-bottom: 20px; }
.contact .tit ul li h3 { font-size: 18px; }

/* .mapbox { display: none; } */

.mapbox { height: 300px; margin-bottom: 30px; }

.evolution { padding: 20px; }
.evolution h3 { font-size: 20px; }
.evolution .list ul li { flex-direction: column; }
.evolution .list ul li .img { flex: 0 0 100%; width: 100%; }
.evolution .list ul li .text { flex: 0 0 100; width: 100%; padding-left: 0px; margin-top: 30px; }
.evolution .list ul li:nth-child(2n) { flex-direction: column; }
.evolution .list ul li:nth-child(2n) .text { padding-right: 0px; }
.evolution .list { margin-top: 0px; }


.history { padding: 0px 20px; height: calc(100vh - 93px); }
.history .item { padding: 0px 20px; }
.history .xt { width: 60%; left: 20%; }

.immure { padding: 20px; }
.immure .had h3 { font-size: 20px; }
.immure .had .img { margin-top: 30px; }
.immure .had .img p { font-size: 14px; line-height: 22px; }

.immure .list ul { flex-direction: column; }
.immure .list ul li { flex: none; border-bottom: 1px solid #d1d1d1; padding-bottom: 20px; border-right: none; }
.immure .list ul li p { font-size: 14px; line-height: 22px; }
.immure .list ul li:last-child { border-bottom: none; }

.insction .img { width: 60%; }

.join { padding: 20px 15px; }
.join ul { flex-wrap: wrap; padding: 0px; height: auto; }
.join ul li { margin: 10px 0px; width: 50%;  }
.join ul li .text h3 { font-size: 14px; line-height: 22px; }
.join ul li .text { padding: 12px; }
.join ul li .text .al { font-size: 14px; }


.joincon { padding: 20px; }
.joincon .top h3 { font-size: 20px; }
.joinlist .had .tr-1 { width: 42%; }
.joinlist .had .tr-2 { width: 33%; }
.joinlist .had .tr-3 { width: 25%; text-align: center; }
.joinlist .had span { padding: 0px 10px; font-weight: bold; color: #333; font-size: 15px; }

.joinlist .list .table_tit .tr-1 { width: 42%; }
.joinlist .list .table_tit .tr-2 { width: 33%; }
.joinlist .list .table_tit .tr-3 { width: 25%; background-position: center center; background-size: 22px auto; }
.joinlist .list .table_tit.active .tr-3 { background-position: center center; background-size: 22px auto; }
.joinlist .list .table_tit span { padding: 0px 10px; font-size: 14px; }
.joinlist .list .table_tit span { font-size: 14px; }
.joinlist .list .table_con { padding: 20px; }
.joinlist .list .table_con strong { font-size: 16px; }

.management { padding: 20px; }
.management .had h3 { font-size: 20px; }
.management .had p { font-size: 14px; line-height: 24px; }
.management .text p { font-size: 14px; }
.management .text p:before { width: 6px; height: 6px; }

.management .list ul li { width: 100%; margin-top: 20px; }
.management .list ul li strong { font-size: 16px; }
.management .list ul li strong:before { width: 6px; height: 6px; }
.management .list ul li p { line-height: 22px; }

.news { padding:0px 20px; }
.news ul li .time strong { font-size: 24px; }
.news ul li .text { margin-left: 90px; }
.news ul li .text h3 a { font-size: 16px; line-height: 26px; }
.news ul li .time { width: 70px; }
.news ul li .text h6 a { padding: 8px 18px; }
.news ul li { padding: 20px 0px; }


.saccharify { padding: 20px; }
.saccharify .had h3 { font-size: 20px; }
.saccharify .had h4 { font-size: 18px; }

.saccharify .list ul { flex-direction: column; }
.saccharify .list ul li { border-right: none; border-bottom: 1px solid #d2daea; padding: 20px 0px; margin-top: 0px; }
.saccharify .list ul li:last-child { padding-bottom: 0px; border-bottom: none; }
.saccharify .list ul li strong { font-size: 18px; }

.saccharify-3 { padding: 20px; }
.saccharify-3 .had .img { margin: 50px 0px; }
.saccharify-3 .list ul li {  border-bottom: 1px solid #d2daea; padding: 15px 0px; width: 50%; border-right: none; margin-top: 0px; }
.saccharify-3 .list ul li strong { font-size: 18px; }


.service { padding: 20px; }
.service .con { display: block; }
.service .con .text { display: block; width: 100%; padding-right: 0px; }
.service .con .img { display: block; width: 100%; margin-top: 30px; }
.service .con .text strong { font-size: 16px; }

.newscon { padding: 20px; } 
.newscon .tit h1 { font-size: 16px; line-height: 26px; }
.newscon .tit { padding-bottom: 20px; }

.newscon .con p { font-size: 14px; line-height: 26px; margin-top: 10px; }

.newscon .con img { height: auto !important; }

.banner-swp .swiper-slide .text p { font-size: 20px; letter-spacing: 2px; }
.banner-swp .swiper-slide .text strong { font-size: 22px; letter-spacing: 2px; }
.banner-swp .swiper-slide .text em { font-size: 12px; }
.banner-swp .swiper-slide .text .al { font-size: 14px; }

.banner-swp .banner-next { display: none; }
.banner-swp .banner-prev { display: none; }

.banner-swp .swiper-slide .text { right: 5%; left: 15%; }

.join ul li { width: 48%; margin: 1%; }

.search_content { padding-top: 30px; padding-bottom: 30px; }
.searchbox1 { width: 90%; margin-bottom: 30px; }


}	