.maincon,.nomain-content{
	width: 100%;
	margin: auto;
	height: auto;
	padding: 0px 12%;
	max-width: 2000px;
}
.transition-padding{
	padding: 40px 0px 80px;
	overflow: hidden;
}
p{
    color: #000;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 15px;	
}
p a{
	font-size: inherit;
	font-family: inherit;
	color: inherit;
}
.delighter.f-right-1 { transform:translate(-10%); opacity:0; transition: all .3s ease-out; }
.delighter.f-right-2 { transform:translate(-10%); opacity:0; transition: all .5s ease-out; }
.delighter.f-right-3 { transform:translate(-10%); opacity:0; transition: all .8s ease-out; }
.delighter.f-right-1.started,.delighter.f-right-2.started,.delighter.f-right-3.started { transform:none; opacity:1; }


.delighter.f-left-1 { transform:translate(10%); opacity:0; transition: all .3s ease-out; }
.delighter.f-left-2 { transform:translate(10%); opacity:0; transition: all .5s ease-out; }
.delighter.f-left-3 { transform:translate(10%); opacity:0; transition: all .8s ease-out; }
.delighter.f-left-1.started,.delighter.f-left-2.started,.delighter.f-left-3.started { transform:none; opacity:1; }


.delighter.f-bottom-1 { transform:translatey(20%); opacity:0; transition: all .5s ease-out; }
.delighter.f-bottom-2 { transform:translatey(30%); opacity:0; transition: all 0.6s ease-out; }
.delighter.f-bottom-3 { transform:translatey(30%); opacity:0; transition: all 0.8s ease-out; }
.delighter.f-bottom-4 { transform:translatey(30%); opacity:0; transition: all 1s ease-out; }
.delighter.f-bottom-5 { transform:translatey(30%); opacity:0; transition: all 1.2s ease-out; }
.delighter.f-bottom-1.started,.delighter.f-bottom-2.started,.delighter.f-bottom-3.started ,.delighter.f-bottom-4.started ,.delighter.f-bottom-5.started  { transform:none; opacity:1; }

.delighter.f-top-1 { transform:translatey(-20%); opacity:0; transition: all .5s ease-out; }
.delighter.f-top-2 { transform:translatey(-30%); opacity:0; transition: all 1s ease-out; }
.delighter.f-top-1.started,.delighter.f-top-2.started { transform:none; opacity:1; }
.successtable table tr td{
	font-size: 16px;
	background: #fff;
	color: #000;
}
.successinfo .tit{
	font-size: 20px;
	display: block;
	font-weight: bold;
}
.successinfo {padding-left: 2px;line-height: 30px;color: #888888;padding-right: 2px;padding-bottom: 0px;}
.successinfo .iconarea .iconunit {text-align: center;display: block;width: 40px;height: 40px;border-radius: 40px;background-color: #438b58;color: #ffffff;line-height: 40px;font-weight: bolder;font-size: 22px;position: relative;z-index: 9;}
.successinfo .iconarea .iconunit:before{
	content: '\e990';
    font-family: 'icomoon';
}
.successtable table{
	border: 1px solid #ddd;
}
.successinfo table{
	border: 1px solid #ddd;
	margin-bottom: 0px;
}
.successinfo table tr td{
	font-size: 16px;
	background: #fff;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.push{
	width: 100%;
	height: auto;
	margin-top: 90px;
}
.toper{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	padding-top: 15px;
}
.toper .maincon{
	padding: 0px 15px;
	width: 1650px;
	max-width: 100%;
}
.toper.fixed{
	background: #fff;
	box-shadow: 3px 5px 6px rgba(0,0,0,.05);
	padding-top: 0px;
}
.toper-content{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px;
}
.toper-right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 20px;
	background: rgba(255,255,255,.7);
	border-radius: 7px;
	padding: 5px 25px;
}
.toper-content .searchicon {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 70px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #222f30;
    margin-right: 0px;
    background: none;
}
.toper-content .searchicon:hover{
    color: #86d79e;
}
.toper-content .searchicon:before {
    content: '\e99a';
    font-family: 'icomoon';
    font-size: 20px;
    line-height: 22px;
}
.toper-content .searchicon.shows:before {
    content: '\2716';
}
.toper-content .toper-inquiry {
    width: 36px;
    height: 36px;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-image: url(../images/inquiry-icon.svg);
    background-repeat: no-repeat;
    background-size: 55% auto;
    background-color: #222f30;
    background-position: center center;
}
.toper-content .toper-inquiry:hover{
    background-color: #86d79e;
}
.logos img{
	height: 50px;
	width: auto;
	outline: none;
	border: none;
}
.logos img.pic1{
	display: none;
}
.logos img.pic2{
	display: block;
}
.toper.fixed .logos img.pic1{
	display: block;
}
.toper.fixed .logos img.pic2{
	display: none;
}
.sp_nav{width:25px;position:relative;cursor:pointer;height:22px;margin-top:9px;display: none;}
.sp_nav span{display:block;background:#86d79e;width:25px;height:2px;position:absolute;left:0px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.navs{
	width: auto;
	height: 100%;
	position: relative;
	margin-top: 0;
}
.navs a{
	font-size: 16px;
	color: #1a1a1a;
	outline: none;
	border: none;
}
.navs a:first-child{
	margin-left: 0px;
}
.navs a:hover{
	color: #ffc000;
}
.navs a.shows{
	color: #fcc10e;
}
.navs>ul>li{
	width: auto;
	height: 50px;
	line-height: 50px;
	float: left;
	margin-left: 18px;
	position: relative;
	padding: 0px 0px 0px;
}
.navs>ul>li:first-child{
	margin-left: 0px;
}
.navs>ul>li>a{
	color: #000;
    font-weight: bold;
}
.navs>ul>li>span{
    float: right;
    margin-left: 5px;
    color: #000;
    font-size: 14px;
    transition: all 0s;
}
.navs>ul>li>span::before{
	content: '\e973';
	font-family: 'icomoon';
    right: 0;
    top: 0;
}
.navs>ul>li:hover>a{
	color: #438b58;
}
.navs>ul>li:hover>span{
	color: #438b58;
}
.navs ul li ul li{
	width: 100%;
    height: auto;
    padding: 10px 10px;
    border-bottom: 1px solid #d2d7da;
    margin-bottom: 0px;
    position: relative;
    line-height: 25px;
    float: left;
}
.navs ul li ul li span::before{
	content: "\e96d";
	color: #062134;
	top: 50%;
    right: 10px;
    position: absolute;
    transform: translateY(-50%);
    font-family: 'icomoon';
    font-size: 14px;
}
.navs ul li ul li a{
	font-size: 15px;
	line-height: 20px;
    color: #000;
    display: inline-block;
    max-width: calc(100% - 16px);
    transition: all .1s ease-out;
}
.navs ul li ul li:hover>a{
	color: #86d79e;
}
.navs ul li ul li:hover>span::before{
	color: #86d79e;
}
.navs ul li ul li a.shows{
	color: #86d79e;
}
.navs ul li ul li img{
	height: 7px;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 12px;
    top: 50%;
    position: absolute;
    right: 5px;
    transform: translateY(-50%);
}
.navs ul li ul li img.down{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg); 
}
.navs>ul>li>ul{
	position: absolute;
	left: 0px;
	top: 100%;
	background: #fff;
	width: 300px;
	height: auto;
	display: none;
	z-index: 101;
}
.navs ul li ul li ul{
	position: absolute;
	left: 100%;
	top: 0px;
	background: #fff;
	width: 100%;
	height: auto;
	display: none;
}
.top-search-box{
	width: 440px;
	max-width: 100%;
	height: auto;
	position: absolute;
	right: 0px;
	top: 100%;
	padding: 10px;
	background: rgba(255,255,255,.7);
	display: none;
	border-radius: 7px;
}
.top-search-box form{
	width: 100%;
	height: 40px;
	background: none;
	border-radius: 0px;
	overflow: hidden;
	border: none;
	position: relative;
}
.top-search-box form input{
	width: calc(100% - 60px);
	height: 100%;
	border: none;
	background: none;
	padding: 0px 10px;
	color: #000;
	background: rgba(224,251,236,.65);
}
.top-search-box form button{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 60px;
	height: 100%;
	background: #86d79e;
	border: none;
	color: #fff;
}
.top-search-box form button:hover{
    background: #222f30;
    color: #fff;
}
.top-search-box form button:before{
	content: '\e99a';
    font-family: 'icomoon';
    font-size: 18px;
}
.toper.fixed .top-search-box{
	background: #fff;
}

.footer {
    width: 100%;
    height: auto;
    background: rgb(35,31,32);
    padding-top: 50px;
}
.footer p {
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.5;
}
.footer p a {
    line-height: inherit;
}
.footer a {
    color: #fff;
}
.footer a:hover {
    color: #78be96;
}
.footer .foottitle {
    color: #fff;
    font-size: 22px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    display: block;
    font-family: 'Calibri-Bold';
    border-bottom: 1px solid rgba(255,255,255,.2);
    position: relative;
}
.footer .foottitle:before{
	content: '';
	width: 60px;
	height: 3px;
	background: #78be96;
	position: absolute;
	left: 0px;
	bottom: -2px;
}
.footer .foottitle a{
    color: #fff;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.footer .foottitle a:hover{
    color: #78be96;
}
.foot-logo {
    width: auto;
    margin-bottom: 40px;
}
.foot-logo img {
    width: auto;
    height: 60px;
    max-width: 100%;
}
.foot-info {
    width: 100%;
    height: auto;
    padding: 0px 0px 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    column-gap: 20px;
}
.foot-nav{
	width: auto;
}
.foot-nav-list{
	width: auto;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 60px;
}
.foot-contact{
	width: 100%;
	height: auto;
	padding: 30px 30px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 20px;
	margin-bottom: 40px;
}
.foot-social .foottitle{
	border-bottom: none;
	margin-bottom: 15px;
}
.foot-social .foottitle:before{
	content: none;
}
.foot-link-icon{
	margin-top: 10px;
	display: flex;
	column-gap: 10px;
	justify-content: flex-start;
}
.foot-link-icon a{
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 40px;
	background: #78be96;
	color: #fff;
}
.foot-link-icon a:hover{
	background: #fff;
	color: #78be96;
}
.foot-contact-list{
	width: auto;
	max-width: 230px;
}
.foot-contact-list .style1{
	font-size: 18px;
	color: #fff;
	position: relative;
	padding-left: 26px;
	margin-bottom: 15px;
	font-family: 'Calibri-Bold';
}
.foot-contact-list .style1:before{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 3px;
}
.foot-contact-list .style1.foot-contact-tel:before{
	background: url(../images/foot-phone.svg) no-repeat left center/contain;
}
.foot-contact-list .style1.foot-contact-fax:before{
	background: url(../images/foot-fax.svg) no-repeat left center/95%;
}
.foot-contact-list .style1.foot-contact-email:before{
	background: url(../images/foot-email.svg) no-repeat left center/95%;
}
.foot-contact-list .style1.foot-contact-address:before{
	background: url(../images/foot-address.svg) no-repeat left center/contain;
}
.foot-contact-list .style2{
	margin-bottom: 0px;
}
.copyright{
	width: 100%;
	padding-bottom: 20px;
}
.go_top{
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 400px;
	background: #86d79e;
	color: #fff !important;
	position: fixed;
	right: 5px;
	bottom: 220px;
	opacity: 0;
	z-index: 333;
	cursor: pointer;
}
.go_top:before{
	font-family: 'icomoon' !important;
    content: '\e96e';
    font-size: 20px;
}
.go_top:hover{
	color: #fff !important;
	background: #78BE96;
}
.copyright-content{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


.learn-more-btn{
	width: auto;
	height: 46px;
	display: inline-flex;
	align-items: stretch;
	justify-content: flex-start;
	position: relative;
	z-index: 3;
	column-gap: 20px;
	background: none;
    border: none;
    outline: none;
}
.learn-more-btn .btn-text{
	width: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background: #222f30;
	border-radius: 8px;
	border: none;
	box-shadow: none;
	outline: none;
	color: #fff;
	padding: 0px 20px;
}
.learn-more-btn .label_corner{
	width: 18px;
	height: 100%;
    display: block;
    top: 0;
    right: 58px;
    bottom: 0;
    position: absolute;
}
.learn-more-btn .label_corner svg{
	top: 0;
    left: 0;
    position: absolute;
    width: auto;
    height: 100%;
    z-index: 1;
}
.learn-more-btn .label_corner svg path{
    fill: #222f30;
}
.learn-more-btn .label_button{
	width: 18px;
	height: 100%;
    display: block;
    top: 0;
    right: 40px;
    bottom: 0;
    position: absolute;
    transform: scaleY(-1) scaleX(-1);
}
.learn-more-btn .label_button svg{
	top: 0;
    left: 0;
    position: absolute;
    width: auto;
    height: 100%;
    z-index: 1;
}
.learn-more-btn .label_button svg path{
    fill: #86d79e;
}
.learn-more-btn .btn-arrow{
	width: 46px;
	height: 100%;
	background: #86d79e;
	color: #fff;
	border-radius: 8px;
	border: none;
	box-shadow: none;
	outline: none;
	color: #fff;
	position: relative;
}
.learn-more-btn .btn-arrow:before{
	position: absolute;
	top: 12px;
	left: 10px;
	content: '\279C';
    font-size: 20px;
    line-height: 20px;
    transition: all .4s;
}
.learn-more-btn .btn-arrow:after{
	position: absolute;
	top: 12px;
	left: 10px;
	content: '\279C';
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    margin-right: 5px;
    transition: all .4s;
    opacity: 0;
    transform: translateX(-20px);
}
.learn-more-btn.shows .btn-text{
	background: #86d79e;
}
.learn-more-btn.shows .label_corner svg path{
    fill: #86d79e;
}
.learn-more-btn.shows .label_button svg path{
    fill: #222f30;
}
.learn-more-btn.shows .btn-arrow{
	background: #222f30;
}
.learn-more-btn.shows .btn-arrow:after{
    opacity: 1;
    transform: translateX(0px);
}
.learn-more-btn.shows .btn-arrow:before{
	opacity: 0;
    transform: translateX(20px);
}
.learn-more-btn.style2 .btn-text{
	background: #b9eac4;
	color: #222f30;
}
.learn-more-btn.style2 .btn-arrow{
	background: #86d79e;
	color: #222f30;
}
.learn-more-btn.style2 .label_corner svg path{
    fill: #b9eac4;
}
.learn-more-btn.style2 .label_button svg path{
    fill: #86d79e;
}
.learn-more-btn.style2.shows .btn-text{
	background: #86d79e;
}
.learn-more-btn.style2.shows .btn-arrow{
	background: #b9eac4;
}
.learn-more-btn.style2.shows .label_corner svg path{
    fill: #86d79e;
}
.learn-more-btn.style2.shows .label_button svg path{
    fill: #b9eac4;
}
.learn-btn{
	display: inline-block;
	padding: 11px 20px;
	background: #222f30;
	color: #fff;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1.1;
}
.learn-btn:hover{
	background: #86d79e;
	color: #fff;
}
.learn-btn.style2{
	background: #b9eac4;
    color: #222f30;
}
.learn-btn.style2:hover{
	background: #86d79e;
	color: #222f30;
}

.content-box h3{
	margin-bottom: 15px;
	font-size: 22px;
}
.content-box h4{
	margin-bottom: 15px;
	font-size: 18px;
}

.info-title-style1{
	display: inline-block;
	padding: 10px 15px 10px 50px;
	font-size: 17px;
	line-height: 1.3;
	background: #fff;
	border-radius: 8px;
	position: relative;
}
.info-title-style1:before{
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 3px;
	background: #86d79e;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.info-title-style1.style2{
	background: #86d79e;
}
.info-title-style1.style2:before{
	background: #222f30;
}
.maintitle{
	margin-bottom: 30px;
}
.maintitle p{
	margin-top: 15px;
	margin-bottom: 0px;
}
.maintitle .titles span{
	color: #86d79e;
}
.titles{
	font-size: 45px;
	line-height: 1.3;
	color: #000;
	font-family: 'Montserrat-SemiBold';
}
.mainsection1{
	width: 100%;
	height: auto;
	padding: 100px 0px 85px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left bottom;
	background-attachment: fixed;
	background-color: #f7f7f5;
}
.mainsection1-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.mainsection1-info .info-title{
	width: 380px;
	padding-top: 70px;
	border-top: 1px solid #e7e8e1;
	border-radius: 15px;
}
.mainsection1-info .info-title p{
	width: 100%;
}
.mainsection1-info .info-text{
	width: calc(100% - 500px);
	padding-top: 60px;
	border-top: 1px solid #e7e8e1;
	border-radius: 15px;
}
.mainsection1-info .info-text .titles{
	font-size: 30px;
}
.mainsection2{
	width: 100%;
	height: auto;
}
.mainsection2-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.mainsection2-list .list-item{
	width: 25%;
	background: #9beaaf;
	position: relative;
	padding: 40px 30px 15px;
}
.mainsection2-list .list-item:nth-child(2){
	background: #222f30;
}
.mainsection2-list .list-item:nth-child(3){
	background: #b9eac4;
}
.mainsection2-list .list-item:nth-child(4){
	background: #e7e8e1;
}
.mainsection2-list .list-item .list-number{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	position: absolute;
	right: 30px;
	top: 20px;
}
.mainsection2-list .list-item .pic{
	width: 100%;
	height: 80px;
	margin-bottom: 120px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.mainsection2-list .list-item .pic img{
	width: auto;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}
.mainsection2-list .list-item .text{
	width: 100%;
	height: auto;
}
.mainsection2-list .list-item .text h3{
	font-size: 22px;
	margin-bottom: 15px;
	color: #222f30;
}
.mainsection2-list .list-item:nth-child(2) .list-number{
	color: #fff;
}
.mainsection2-list .list-item:nth-child(2) .text h3{
	color: #fff;
}
.mainsection2-list .list-item:nth-child(2) .text p{
	color: #fff;
}
.mainsection3{
	width: 100%;
	height: auto;
	padding: 80px 0px;
	background: #f7f7f5;
}
.mainsection3 .mainsection3-title{
	width: 100%;
	height: auto;
	padding-top: 60px;
    border-top: 1px solid #e7e8e1;
    border-radius: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 40px;
    margin-bottom: 55px;
}
.mainsection3 .mainsection3-title .info-title-style1{
	margin-bottom: 25px;
}
.mainsection3 .mainsection3-title .maintitle{
	margin-bottom: 0px;
}
.mainsection3 .mainsection3-title .title-btn{
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-shrink: 0;
	margin-bottom: 15px;
	border: 1px solid #222f30;
	border-radius: 6px;
}
.mainsection3 .mainsection3-title .title-btn .swiper-button-next,.mainsection3 .mainsection3-title .title-btn .swiper-button-prev{
	position: static;
	transform: none;
	background: none;
	border-radius: 0px;
	width: 50px;
	height: 36px;
}
.mainsection3 .mainsection3-title .title-btn .swiper-button-next:after,.mainsection3 .mainsection3-title .title-btn .swiper-button-prev:after{
	color: #222f30 !important;
	font-weight: bold;
}
.mainsection3 .mainsection3-title .title-btn .swiper-button-prev{
	border-right: 1px solid #222f30;;
}
.mainsection3 .mainsection3-title .title-btn .swiper-button-next:hover:after,.mainsection3 .mainsection3-title .title-btn .swiper-button-prev:hover:after{
	color: #86d79e !important;
}
.mainsection3-list{
	width: 100%;
	height: auto;
}
.mainsection3-list .swiper-slide{
	height: auto;
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.mainsection3-list .swiper-slide .pic{
	width: 40%;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
}
.mainsection3-list .swiper-slide .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.mainsection3-list .swiper-slide:hover .pic img{
	transform: scale(1.1); 
}
.mainsection3-list .swiper-slide .text{
	width: 57%;
	padding: 40px 0px;
}
.mainsection3-list .swiper-slide .text h3{
	font-size: 22px;
	margin-bottom: 25px;
	color: #222f30;
}
.mainsection3-list .swiper-slide .text .style1{
	font-weight: bold;
	position: relative;
	z-index: 3;
	font-size: 17px;
	margin-bottom: 25px;
}
.mainsection3-list .swiper-slide .text .style1:after{
	content: '';
	width: 200px;
	max-width: 100%;
	height: 10px;
	background: #b9eac4;
	position: absolute;
	left: 0px;
	bottom: 2px;
	z-index: -1;
}
.mainsection3-list .swiper-slide .text .learn-more-btn{
	margin-top: 20px;
}
.mainsection4{
	width: 100%;
	height: auto;
	padding: 80px 0px 80px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left bottom;
	background-attachment: fixed;
	background-color: #222f30;
}
.mainsection4-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.mainsection4 .mainsection4-title{
	width: 100%;
	height: auto;
	padding-top: 60px;
    border-top: 1px solid rgba(134,215,158,.3);
    border-radius: 15px;
    margin-bottom: 55px;
}
.mainsection4 .mainsection4-title .info-title-style1{
	margin-bottom: 25px;
}
.mainsection4 .mainsection4-title .maintitle{
	margin-bottom: 0px;
}
.mainsection4 .mainsection4-title .maintitle .titles{
	color: #fff;
}
.mainsection4-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mainsection4-list .list-text{
	width: calc(100% - 350px);
}
.mainsection4-list .list-title{
	width: 260px;
}
.mainsection4-list .list-text .list-content{
	width: 100%;
	display: none;
}
.mainsection4-list .list-text .list-content:first-child{
	display: block;
}
.mainsection4-list .list-text .list-content-box{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mainsection4-list .list-text .list-content-box .pic{
	width: 38%;
	padding-bottom: 31%;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
}
.mainsection4-list .list-text .list-content-box .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.mainsection4-list .list-text .list-content-box:hover .pic img{
	transform: scale(1.1); 
}
.mainsection4-list .list-text .list-content-box .text{
	width: 57%;
}
.mainsection4-list .list-text .list-content-box .text h3{
	font-size: 22px;
	margin-bottom: 30px;
	color: #fff;
}
.mainsection4-list .list-text .list-content-box .text p{
	color: #fff;
}
.mainsection4-list .list-text .list-content-box .text .learn-more-btn{
	margin-top: 25px;
}
.mainsection4-list .list-title .list-item{
	width: 100%;
	height: auto;
	min-height: 90px;
	margin-bottom: 5px;
	background: #b9eac4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 6px 15px;
	cursor: pointer;
}
.mainsection4-list .list-title .list-item.shows{
	background: #f2fffb;
}
.mainsection4-list .list-title .list-item:hover{
	background: #f2fffb;
}
.mainsection4-list .list-title .list-item img{
	width: auto;
	height: 45px;
	max-width: 100%;
	object-fit: contain;
	margin-bottom: 8px;
}
.mainsection4-list .list-title .list-item p{
	line-height: 1.2;
	font-size: 15px;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.mainsection5{
	width: 100%;
	height: auto;
	padding: 80px 0px;
	background: #f7f7f5;
}
.mainsection5 .mainsection5-title{
	width: 100%;
	height: auto;
	padding-top: 60px;
    border-top: 1px solid #e7e8e1;
    border-radius: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 40px;
    margin-bottom: 55px;
}
.mainsection5 .mainsection5-title .info-title-style1{
	margin-bottom: 25px;
}
.mainsection5 .mainsection5-title .maintitle{
	margin-bottom: 0px;
}
.mainsection5 .mainsection5-title .title-btn{
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-shrink: 0;
	margin-bottom: 15px;
	border: 1px solid #222f30;
	border-radius: 6px;
}
.mainsection5 .mainsection5-title .title-btn .swiper-button-next,.mainsection5 .mainsection5-title .title-btn .swiper-button-prev{
	position: static;
	transform: none;
	background: none;
	border-radius: 0px;
	width: 50px;
	height: 36px;
}
.mainsection5 .mainsection5-title .title-btn .swiper-button-next:after,.mainsection5 .mainsection5-title .title-btn .swiper-button-prev:after{
	color: #222f30 !important;
	font-weight: bold;
}
.mainsection5 .mainsection5-title .title-btn .swiper-button-prev{
	border-right: 1px solid #222f30;;
}
.mainsection5 .mainsection5-title .title-btn .swiper-button-next:hover:after,.mainsection5 .mainsection5-title .title-btn .swiper-button-prev:hover:after{
	color: #86d79e !important;
}
.mainsection5-list{
	width: 100%;
	height: auto;
}
.mainsection5-list .swiper-slide{
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 2px;
}
.mainsection5-list .swiper-slide .pic{
	width: 40%;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
}
.mainsection5-list .swiper-slide .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.mainsection5-list .swiper-slide:hover .pic img{
	transform: scale(1.1); 
}
.mainsection5-list .swiper-slide .text{
	width: 53%;
	padding: 60px 0px 60px 120px;
	position: relative;
	border-top: 1px solid #cccccc;
}
.mainsection5-list .swiper-slide .text:before{
	content: '';
	width: 33%;
	max-width: 100%;
	height: 3px;
	background: #222f30;
	position: absolute;
	left: 0px;
	top: -2px;
}
.mainsection5-list .swiper-slide.slide2 .text:before{
	width: 66%;
}
.mainsection5-list .swiper-slide.slide3 .text:before{
	width: 100%;
}
.mainsection5-list .swiper-slide .text .text-number{
	font-size: 22px;
	position: absolute;
	left: 0px;
	top: 60px;
	color: #222f30;
	font-weight: bold;
}
.mainsection5-list .swiper-slide .text h3{
	font-size: 22px;
	margin-bottom: 25px;
	color: #222f30;
}
.mainsection5-list .swiper-slide .text .learn-more-btn{
	margin-top: 20px;
}
.mainsection6{
	width: 100%;
	height: auto;
	padding: 80px 0px;
}
.mainsection6 .mainsection6-title{
	width: 100%;
	height: auto;
	padding-top: 60px;
    border-top: 1px solid #e7e8e1;
    border-radius: 15px;
    margin-bottom: 55px;
}
.mainsection6 .mainsection6-title .maintitle{
	margin-bottom: 0px;
}
.mainsection6-list{
	width: 100%;
	height: auto;
}
.mainsection6-list .swiper-slide{
	height: auto;
	background: #f7f7f5;
	padding: 30px 20px 90px;
	border-radius: 15px;
	position: relative;
}
.mainsection6-list .swiper-slide:hover{
	background: #222f30;
}
.mainsection6-list .swiper-slide .info-title-style1{
	background: rgba(134,215,158,.2);
	margin-bottom: 25px;
}
.mainsection6-list .swiper-slide h3{
	font-size: 18px;
	line-height: 1.3;
	color: #222f30;
}
.mainsection6-list .swiper-slide .style1{
	width: 100%;
	padding: 0px 20px;
	position: absolute;
	left: 0px;
	bottom: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 17px;
	font-weight: bold;
	color: #86d79e;
}
.mainsection6-list .swiper-slide:hover .info-title-style1{
	color: #fff;
}
.mainsection6-list .swiper-slide:hover h3{
	color: #fff;
}
.mainsection6-list .swiper-slide:hover .style1{
	color: #86d79e;
}
.mainsection6-btn{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
}
.mainsection6-btn .title-btn{
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-shrink: 0;
	border: 1px solid #222f30;
	border-radius: 6px;
}
.mainsection6-btn .title-btn .swiper-button-next,.mainsection6-btn .title-btn .swiper-button-prev{
	position: static;
	transform: none;
	background: none;
	border-radius: 0px;
	width: 50px;
	height: 36px;
}
.mainsection6-btn .title-btn .swiper-button-next:after,.mainsection6-btn .title-btn .swiper-button-prev:after{
	color: #222f30 !important;
	font-weight: bold;
}
.mainsection6-btn .title-btn .swiper-button-prev{
	border-right: 1px solid #222f30;;
}
.mainsection6-btn .title-btn .swiper-button-next:hover:after,.mainsection6-btn .title-btn .swiper-button-prev:hover:after{
	color: #86d79e !important;
}
.mainsection7{
	width: 100%;
	height: auto;
	padding: 100px 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
}
.mainsection7:before{
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(34,47,48,.38);
	position: absolute;
	left: 0px;
	top: 0px;
}
.mainsection7 .maincon{
	position: relative;
	z-index: 3;
}
.mainsection7-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 60px;
}
.mainsection7-info .info-btn{
	flex-shrink: 0;
}
.mainsection7-list{
	width: calc(100% - 250px);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mainsection7-list .list-item{
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	border-right: 1px solid #86d79e;
}
.mainsection7-list .list-item:last-child{
	border-right: none;
}
.mainsection7-list .list-item img{
	width: 70px;
	height: 70px;
	object-fit: contain;
	margin-bottom: 20px;
}
.mainsection7-list .list-item p{
	text-align: center;
	font-family: 'Montserrat-SemiBold';
	line-height: 1.3;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #fff;
	padding: 0px 15px;
}



.mainsection8{
	width: 100%;
	height: auto;
	padding: 80px 0px 70px;
}
.mainsection8 .mainsection8-title{
	text-align: center;
	margin-bottom: 45px;
}
.mainsection8-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mainsection8-list .list-item{
	width: calc(25% - 22.5px);
	margin-bottom: 30px;
	background: #fff;
	box-shadow: 0px 0px 6px rgba(0,0,0,.15);
	border-radius: 6px;
	padding: 25px 15px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	transition: all .3s;
}
.mainsection8-list .list-item:hover{
	transform: translateY(-6px);
	background: #e4fdee;
}
.mainsection8-list .list-item img{
	width: 70px;
	height: 70px;
	object-fit: contain;
	margin-bottom: 20px;
}
.mainsection8-list .list-item p{
	text-align: center;
	font-family: 'Montserrat-SemiBold';
	line-height: 1.3;
}
.pagebanner{
	width: 100%;
	height: 600px;
	position: relative;
}
.pagebanner.style2{
	height: 400px;
}
.pagebanner:before{
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
}
.pagebanner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pagebanner .text{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 4;
	transform: translateY(-50%);
}
.pagebanner .pagebanner-content{
	padding-left: 30px;
	border-left: 4px solid #86d79e;
	margin-top: 50px;
}
.pagebanner .pagebanner-title{
	font-size: 43px;
    line-height: 1.3;
	color: #fff;
	text-align: left;
	margin-bottom: 0px;
	font-family: 'Montserrat-SemiBold';
	position: relative;
	margin-bottom: 40px;
}
.pagebanner .style1{
	padding-left: 24px;
	position: relative;
	color: #fff;
	font-size: 17px;
	margin-bottom: 40px;
	display: block;
}
.pagebanner .style1:before{
	content: '';
	display: inline-block;
    width: 15px;
    height: 15px;
    background: #86d79e;
    position: absolute;
    left: 0px;
    top: 3px;
}
.pagebanner p{
	font-size: 18px;
	line-height: 1.3;
	color: #fff;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0px;
}
.crumbnav{
	width: 100%;
	height: auto;
	text-align: left;
	margin-top: 0px;
}
.crumbnav ul{
	width: 100%;
	height: auto;
	margin: auto;
	font-size: 15px;
	color: #fff;
}
.crumbnav ul li{
	font-size: 16px;
	color: #fff;
	display: inline-block;
	margin-right: 5px;
}
.crumbnav ul li a{
	font-size: 16px;
	color: #fff;
	display: inline-block;
}
.crumbnav ul li a:hover{
	color: #86d79e;
}
.crumbnav ul li::before{
	content: "/";
	color: #fff;
	margin-right: 7px
}
.crumbnav ul li:first-child::before{
	content: "";
	margin-right: 0px;
}
.crumbnav-style2 {
    width: 100%;
    height: auto;
    padding: 0px;
    text-align: left;
    padding: 15px 0px;
}
.crumbnav-style2 ul {
    width: 100%;
    height: auto;
    margin: auto;
    font-size: 15px;
    color: #000;
}
.crumbnav-style2 ul li {
    font-size: 16px;
    color: #000;
    display: inline;
    margin-right: 5px;
}
.crumbnav-style2 ul li a {
    font-size: 16px;
    color: #000;
    display: inline;
}
.crumbnav-style2 ul li a:hover {
    color: #86d79e;
}
.crumbnav-style2 ul li::before {
    content: "/";
    color: #000;
    margin-right: 7px
}
.crumbnav-style2 ul li:first-child::before {
    content: "";
    margin-right: 0px;
}
.crumbnav-style2 ul li:first-child {
    padding-left: 22px;
    background: url(../images/icon-home.svg) no-repeat left 1px/16px;
}

.killingpage-content{
	width: 100%;
	height: auto;
}
.killingpage-content h2{
	font-size: 27px;
	line-height: 1.3;
	margin-bottom: 25px;
}
.killingpage-content h3{
	font-size: 18px;
}
.killingpage-content .center{
	text-align: center;
}
.page-title-list-box{
	width: 100%;
	height: auto;
	position: sticky;
	top: 80px;
	overflow: auto;
	background: #E7E8E1;
	z-index: 30;
	margin-bottom: 0px;
}
.page-title-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	column-gap: 10px;
}
.page-title-list .list-item{
	font-size: 16px;
	line-height: 1.3;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 54px;
    cursor: pointer;
    font-weight: bold;
    padding: 0px 10px;
}
.page-title-list .list-item:hover{
    color: #fff;
    background: #86d79e;
}
.page-title-list .list-item.shows{
    color: #fff;
    background: #86d79e;
}
.killingpage-section1{
	width: 100%;
	height: auto;
	padding: 80px 0px;
}
.killingpage-section1-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.killingpage-section1-info .text{
	width: 50%;
}
.killingpage-section1-info .pic{
	width: 42%;
	padding-bottom: 30%;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
}
.killingpage-section1-info .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.killingpage-section1-info .pic:hover img{
	transform: scale(1.1); 
}
.killingpage-section1-info .text .text-btn{
	margin-top: 20px;
}
.killingpage-section2{
	width: 100%;
	height: auto;
	margin-bottom: 80px;
}
.killingpage-section2-info{
	width: 100%;
	height: auto;
	padding: 70px 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 80px;
	background-image: url(../images/arrow3.png);
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: rgb(213,246,221);
	border-radius: 20px;
}
.killingpage-section2-info .text{
	width: auto;
}
.killingpage-section2-info .list{
	width: 400px;
	flex-shrink: 0;
}
.killingpage-section2-info .text p:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px
}
.killingpage-section2-info .list .list-item{
	display: inline-block;
	max-width: 100%;
	padding: 11px 15px 11px 45px;
	background: #222f30;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 30px;
	border-radius: 8px;
	position: relative;
}
.killingpage-section2-info .list .list-item:last-child{
	margin-bottom: 0px;
}
.killingpage-section2-info .list .list-item:nth-child(2){
	margin-left: 30px;
}
.killingpage-section2-info .list .list-item:nth-child(3){
	margin-left: 60px;
}
.killingpage-section2-info .list .list-item:nth-child(4){
	margin-left: 10px;
}
.killingpage-section2-info .list .list-item:before{
	content: '';
	width: 22px;
	height: 22px;
	background-image: url(../images/arrow4.svg);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.killingpage-section3{
	width: 100%;
	height: auto;
	background: #f7f7f5;
	padding: 80px 0px 40px;
}
.killingpage-section3-list{
	width: 100%;
	height: auto;
	margin-top: 20px;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 2.66%;
}
.killingpage-section3-list .list-item{
	width: 23%;
	margin-bottom: 40px;
	padding-bottom: 50px;
	position: relative;
}
.killingpage-section3-list .list-item .pic{
	width: 100%;
	padding-bottom: 68%;
	overflow: hidden;
	position: relative;
	border-top-left-radius: 35px;
	margin-bottom: 20px;
}
.killingpage-section3-list .list-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.killingpage-section3-list .list-item:hover .pic img{
	transform: scale(1.1); 
}
.killingpage-section3-list .list-item .text{
	width: 100%;
}
.killingpage-section3-list .list-item .text h3{
	margin-bottom: 10px;
	line-height: 1.3;
}
.killingpage-section3-list .list-item .text .text-btn{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.killingpage-section4{
	width: 100%;
	height: auto;
	padding: 80px 0px 65px;
}
.killingpage-section4-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.killingpage-section4-info .info-title{
	width: 400px;
}
.killingpage-section4-info .info-text{
	width: calc(100% - 450px);
}
.killingpage-section4-info .info-text .text-list{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.killingpage-section4-info .info-text .text-list .list-item{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	padding-left: 35px;
	position: relative;
}
.killingpage-section4-info .info-text .text-list .list-item:last-child{
	margin-bottom: 15px;
}
.killingpage-section4-info .info-text .text-list .list-item:before{
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(../images/arrow4.svg);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 2px;
}
.killingpage-section4-info .info-text .text-list .list-item p{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.killingpage-section4-info .info-text .text-list .list-item .style1{
	padding-bottom: 5px;
}
.killingpage-section5{
	width: 100%;
	height: auto;
	padding: 80px 0px;
	background-image: url(../images/cas12-genome-editing-service-pic7.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.killingpage-section5-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.killingpage-section5-info .text{
	width: 55%;
}
.killingpage-section5-info .pic{
	width: 36%;
	padding-bottom: 32%;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
}
.killingpage-section5-info .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.killingpage-section5-info .pic:hover img{
	transform: scale(1.1); 
}
.killingpage-section5-info .text h2{
	color: #fff;
}
.killingpage-section5-info .text p{
	color: #fff;
}
.killingpage-section5-info .text .text-list{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.killingpage-section5-info .text .text-list .list-item{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	padding-left: 35px;
	position: relative;
}
.killingpage-section5-info .text .text-list .list-item:last-child{
	margin-bottom: 15px;
}
.killingpage-section5-info .text .text-list .list-item:before{
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(../images/arrow4.svg);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 2px;
}
.killingpage-section5-info .text .text-list .list-item p{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.killingpage-section5-info .text .text-list .list-item .style1{
	padding-bottom: 5px;
}
.killingpage-section6{
	width: 100%;
	height: auto;
	padding: 80px 0px 65px;
}
.faq-section{
	width: 100%;
	height: auto;
	margin-bottom: 80px;
}
.faq-list{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.faq-list .list-item{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.faq-list .list-item:last-child{
	margin-bottom: 0px;
}
.faq-list .list-title{
	width: 100%;
	height: auto;
	background: #f8f8f8;
	padding: 6px 15px 6px 60px;
	min-height: 60px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.faq-list .list-title .style1{
	content: '';
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 15px;
	top: 13px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	background: url(../images/arrow5.svg) no-repeat center center/contain;
}
.faq-list .list-title p{
	padding: 0px;
	margin-bottom: 0px;
	line-height: 1.3;
	font-size: 17px;
	font-family: 'Montserrat-SemiBold';
}
.faq-list .list-title:hover p{
	color: #86d79e;
}
.faq-list .list-title.shows p{
	color: #86d79e;
}
.faq-list .list-title:after{
	content: '+';
	font-size: 28px;
	color: #000;
	font-weight: bold;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-left: 20px;
}
.faq-list .list-title.shows:after{
	content: '-';
}
.faq-list .list-text{
	width: 100%;
	height: auto;
	padding: 20px 15px 5px;
	border: 1px solid #ccc;
	background: #fff;
	position: relative;
	display: none;
	margin-top: 30px;
}
.faq-list .list-text:before,.faq-list .list-text:after{
    bottom: 100%;
    left: 6%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.faq-list .list-text:before{
	border-color: transparent;
    border-bottom-color: #ccc;
    border-width: 17px;
    margin-left: -17px;
}
.faq-list .list-text:after{
	border-color: transparent;
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -16px;
}
.pagecontent{
	width: 100%;
	height: auto;
	padding: 30px 0px 50px;
}
.service-content{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.leftnav{
	width: 340px;
}
.rightcon{
	width: calc(100% - 390px);
}
.pagetitle{
	margin-bottom: 25px;
	padding-bottom: 0px;
	padding-top: 0px;
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px dashed #86d79e;
}
.pagetitle .pagetitle-info{
    padding-bottom: 10px;
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 28px;
    margin-top: 0px;
    text-align: left;
    color: #000;
    position: relative;
    font-family: 'Montserrat-SemiBold';
    width: 100%;
}
.sidenav {
	width: 100%;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 40px;
	border: 1px solid #bdccd4;
}
.side-title {
	display: block;
	color: #86d79e;
	font-size: 24px;
	line-height: 1.2;
	font-family: 'Montserrat-SemiBold';
	text-transform: uppercase;
}
.side-title a {
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
}
.side-head {
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 1.2;
	color: #fff;
	background: #86d79e;
	margin-top: 0px;
	display: block;
	font-family: 'Montserrat-SemiBold';
	padding: 14px 15px;
	position: relative;
}
.side-head:before {
	content: '';
	width: 4px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.side-head a {
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
}
.leftnavli {
	width: 100%;
	height: auto;
	padding: 0px 15px 20px;
}
.leftnavli>ul {
	width: 100%;
	height: auto;
	margin-bottom: 0px !important;
}
.leftnavli ul li a {
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	display: inline-block;
	max-width: calc(100% - 26px);
}
.leftnavli ul li a:hover {
	color: #268ca4;
}
.leftnavli ul {
	margin-top: 0px;
	margin-bottom: 7px;
}
.leftnavli ul li {
	width: 100%;
	height: auto;
	padding: 0px 0px 5px 0px;
	margin-bottom: 10px;
	position: relative;
}
.leftnavli ul li ul li:last-child {
	border-bottom: 0px solid #e2e2e2;
	margin-bottom: 0px;
}
.leftnavli>ul>li:last-child {
	border-bottom: 0px solid #8cc7b5;
	margin-bottom: 0px;
}
.leftnavli ul li span {
	float: right;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 14px;
	height: 14px;
	margin-top: 7px;
	font-size: 18px;
}
.leftnavli ul li span::before {
	content: '\e96d';
	font-family: 'icomoon';
	color: #bdccd4;
	cursor: pointer;
	transition: all .5s;
	font-size: 18px;
}
.leftnavli ul li span.down::before {
	color: #86d79e;
	transform: rotate(90deg);
}
.leftnavli ul li ul {
	display: none;
	padding-left: 10px;
	margin-top: 10px;
}
.leftnavli>ul>li {
	padding: 0px 0px 0;
	margin-bottom: 5px;
	background: #f0f4f6;
}
.leftnavli>ul>li>a {
	padding: 10px 0px 10px 10px;
}
.leftnavli>ul>li>span {
	margin-top: 15px;
	margin-right: 10px;
}
.leftnavli ul li ul li {
	padding: 4px 0px 4px;
	margin-bottom: 0px;
}
.leftnavli>ul>li.shows>a {
	border-left: 3px solid #78be96;
}
.leftnavli>ul>li>ul {
	padding: 8px 10px;
	background: #fafafa;
	margin-top: 0px;
	max-height: 700px;
	overflow: auto;
}
.leftnavli ul li ul::-webkit-scrollbar {
	width: 5px;
	background: #1e1e1e;
}
.leftnavli ul li ul::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 0px #ab7525;
	background: #78be96;
	width: 5px;
	height: 5px;
}
.leftnavli ul li ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px #1e1e1e;
	border-radius: 0px;
	background: #fff;
}
.leftnavli>ul>li>ul>li>a {
	color: #86d79e;
}
.leftnavli>ul>li>ul>li ul {
	margin-top: 5px;
}
.leftnavli>ul>li>ul>li ul li {
	padding: 3px 0px 3px;
}
.leftnavli>ul>li>ul>li ul li a {
	color: #666;
	font-size: 15px;
}
.promise-part {
	width: 100%;
	height: auto;
	border: 1px solid #bdccd4;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 50px;
}
.promise-part:before {
	content: '';
	width: 100%;
	height: 170px;
	background-image: url(../images/cbpromise-bg1.jpg);
	background-image: -webkit-image-set(url(../images/cbpromise-bg1.webp) 1x);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	display: inline-block;
}
.promise-part-content {
	width: 100%;
	height: auto;
	padding: 0px 15px 20px;
}
.promise-part-content .side-title {
	margin-bottom: 10px;
}
.promise-part-content .promise-list {
	margin-top: 20px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.promise-part-content .promise-list p {
	line-height: 1.3;
}
.promise-part-content .promise-list .list-item {
	width: 50%;
	padding: 0px 10px;
}
.promise-part-content>p{
	line-height: 24px;
}
.promise-part-content .promise-list .list-item:first-child {
	border-right: 1px solid #bdccd4;
}
.promise-part-content .promise-list .list-item img {
	display: block;
	margin: 0px auto 10px;
	width: 70px;
	height: 70px;
	object-fit: contain;
}
.promise-part-content .promise-list .list-item span {
	display: block;
	text-align: center;
	font-size: 15px;
	line-height: 1.3;
}
.notice{
	background: url(../images/notice.svg) no-repeat 20px 12px/22px #86d79e;
	padding: 10px 20px 10px 56px !important;
	margin-bottom: 30px !important;
	margin-top: 20px !important;
	color: #fff !important;
	border-radius: 5px;
}
.notice span{
	margin-right: 10px;
}
.forms{
	width: 100%;
}
.forms .form_control {
    width: 100%;
    height: 48px;
    border: 1px solid #d4d4d4;
    padding: 0px 10px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #000;
    box-shadow: none;
    border-radius: 6px;
    outline: none;
}
.forms .form_group{
	margin-bottom: 15px;
}
.forms textarea.form_control{
	height: 80px;
	padding: 10px 10px;
	line-height: 22px;
	display: inherit;
}
.forms .inquiry-quantity{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.forms .inquiry-quantity select.form_control {
    width: 110px;
    font-size: 16px;
}
.forms label{
	margin-bottom: 5px;
	font-size: 16px;
	color: #000;
	margin-left: 0px;
	display: block;
}
.forms .site-btn{
	background: #F9694D;
}
.forms .site-btn:before{
    background: #F93D27;
}
.forms .main-btn:hover{
	color: #fff;
    background: #536C57;
}
.forms .inquiry-quantity{
	width: 100%;
}
.forms .inquiry-quantity input.form_control {
	width: 160px;
	margin-right: 15px;
}
.forms .inquiry-quantity input.form_control:after {
	content: " ";
	position: absolute;
	z-index: 2;
	top: -25px;
	width: 110%;
	height: 50px;
	background-color: #fff;
	transform: rotate(-0.5deg)
}
.forms #otherunit{
	margin-left: 25px;
	background: #F4F4F4;
}
.forms .form_button{
	margin-top: 10px;
	text-align: left;
}
.forms .form_button button{
	border: none;
	outline: none;
	padding: 12px 30px;
}
.forms .learn-more-btn{
	background: none;
	border: none;
	outline: none;
}
.forms .learn-more-btn .btn-text{
	width: 140px;
}
.forms .verification-code{
	position: relative;
}
.forms .verification-code input {
	width: 100%;
}
.forms .verification-code img{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100px;
}
.forms .verification-code i{
	position: absolute;
	right: 120px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
}
.formError .formErrorContent{
	white-space: nowrap;
}
.icon-x:before{
	content: '\2716';
}
.foot-form{
	width: 100%;
	height: auto;
	background-image: url(../images/foot-form-bg.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #f7f7f5;
	padding: 70px 0px;
}
.foot-form-title{
	font-size: 30px;
	text-align: center;
	font-family: 'Montserrat-SemiBold';
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
}
.foot-form-title:after{
	content: '';
	width: 120px;
	max-width: 100%;
	height: 10px;
	background: #b9eac4;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 2px;
	z-index: -1;
}
.foot-form-content{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.foot-form-content .text{
	width: 40%;
	background: #222f30;
	border-top-left-radius: 30px;
	padding: 40px 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.foot-form-content .text .text-info{
	padding-bottom: 40px;
	position: relative;
}
.foot-form-content .text .text-info:after {
	content: '';
	width: 250px;
	max-width: 100%;
	height: 20px;
	background-image: url(../images/arrow6.svg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.foot-form-content .text p{
	color: #fff;
}
.foot-form-content .text .style1{
	font-size: 22px;
	font-family: 'Montserrat-SemiBold';
	margin-bottom: 25px;
}
.foot-form-content .form-box{
	width: 60%;
	background: rgba(134,215,158,.35);
	border-top-right-radius: 30px;
	padding: 40px 40px;
}
.foot-form-content .form-box .forms .form_control{
	background: none;
	border: 1px solid #222f30;
}
.about-section1{
	width: 100%;
	height: auto;
	padding: 80px 0px;
}
.about-section1-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about-section1-info .text{
	width: 54%;
}
.about-section1-info .pic{
	width: 40%;
	padding-bottom: 28%;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
}
.about-section1-info .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.about-section1-info .pic:hover img{
	transform: scale(1.1); 
}
.about-section1-info .text p:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.about-section2{
	width: 100%;
	height: auto;
	padding: 80px 0px;
	background: #f7f7f5;
}
.about-section2-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about-section2-info .text{
	width: 54%;
}
.about-section2-info .pic{
	width: 40%;
	padding-bottom: 28%;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
}
.about-section2-info .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.about-section2-info .pic:hover img{
	transform: scale(1.1); 
}
.about-section2-info .text .text-list{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.about-section2-info .text .text-list .list-item{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	padding: 12px 15px 15px 55px;
	position: relative;
	background: #e7e8e1;
	border-radius: 6px;
}
.about-section2-info .text .text-list .list-item:last-child{
	margin-bottom: 0px;
}
.about-section2-info .text .text-list .list-item:before{
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(../images/arrow4.svg);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	position: absolute;
	left: 15px;
	top: 46%;
	transform: translateY(-50%);
}
.about-section2-info .text .text-list .list-item p{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.about-section3{
	width: 100%;
	height: auto;
	padding: 80px 0px 40px;
}
.about-section3-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.about-section3-list .list-item{
	width: 49%;
	margin-bottom: 40px;
	background-image: url(../images/arrow7.png);
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #f7f7f5;
	border-radius: 20px;
	padding: 40px 40px 25px;
	transition: all .3s;
}
.about-section3-list .list-item:hover{
	transform: translateY(-8px);
	box-shadow: 2px 4px 6px rgba(0,0,0,.15);
}
.about-section3-list .list-item h2{
	font-size: 22px;
	margin-bottom: 20px;
	min-height: 50px;
}
.contact-section1{
	width: 100%;
	height: auto;
	padding: 70px 0px 80px;
}
.contact-section1-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.contact-section1-info .text{
	width: 48%;
}
.contact-section1-info .maps{
	width: 48%;
}
.contact-section1-info .maps iframe{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.contact-section1-info .text .list-item{
	width: 100%;
	padding: 18px 15px 18px 80px;
	position: relative;
	background: #f7f7f5;
	border-radius: 10px;
	margin-bottom: 25px;
}
.contact-section1-info .text .list-item:last-child{
	margin-bottom: 0px;
}
.contact-section1-info .text .list-item:before{
	content: '';
	width: 50px;
	height: 50px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.contact-section1-info .text .list-item:nth-child(1):before{
	background-image: url(../images/icon-phone.svg);
}
.contact-section1-info .text .list-item:nth-child(2):before{
	background-image: url(../images/icon-fax.svg);
}
.contact-section1-info .text .list-item:nth-child(3):before{
	background-image: url(../images/icon-email.svg);
}
.contact-section1-info .text .list-item:nth-child(4):before{
	background-image: url(../images/icon-address.svg);
}
.contact-section1-info .text p{
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #000;
}
.contact-section1-info .text p.style1{
	margin-bottom:3px;
	font-weight: bold;
}
.contact-section1-info .text p a{
	color: #000;
}
.contact-section1-info .text p a:hover{
	color: #86d79e;
}






@media screen and (min-width:2000px){
.maincon,.nomain-content{
	padding: 0px 240px;
}	
}

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


.toper-right{
	padding: 5px 10px;
}
.navs>ul>li{
	margin-left: 12px;
}
.titles{
	font-size: 40px;
}
.maincon,.nomain-content{
	padding: 0px 9%;
}

}

@media screen and (min-width:1580px){

.navs{
	position: static;
}
.navs>ul>li.spread-nav>ul{
	top: calc(100% - 15px);
	left: auto;
	right: 0px;
}
	
}

@media screen and (max-width:1500px) and (min-width:1200px){


.toper-content{
	padding-bottom: 70px;
	padding-top: 0px;
}
.navs{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: auto;
	height: auto;
	background: rgba(255, 255, 255, .7);
	border-radius: 7px;
	padding: 0px 15px;
}
.navs>ul>li.spread-nav>ul{
	top: calc(100% - 3px);
	left: 0px;
	right: auto;
}
.toper.fixed .toper-content{
	padding-top: 10px;
	padding-bottom: 55px;
}
.toper.fixed .navs{
	padding: 0px 0px;
}


	
}


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


.leftnav{
	width: 300px;
}
.rightcon{
	width: calc(100% - 330px);
}
.pagebanner .pagebanner-title{
	font-size: 38px;
}
.mainsection5-list .swiper-slide .text {
    padding: 60px 0px 60px 60px;
    width: 55%;
}
.mainsection4-list .list-text {
    width: calc(100% - 300px);
}
.mainsection2-list .list-item{
	padding: 40px 15px 15px;
}
.titles{
	font-size: 35px;
}
.foot-contact-list {
    width: 50%;
    max-width: 100%;
    margin-bottom: 20px;
}
.foot-social{
	width: 50%;
	margin-bottom: 20px;
}
.foot-contact{
	flex-wrap: wrap;
	column-gap: 0px;
}
.maincon,.nomain-content{
	padding: 0px 5%;
}

}


@media screen and (min-width:1200px){






.navs>ul>li.spread-nav{
	position: static;
}
.navs>ul>li.spread-nav ul li:hover{
	background: none;
}
.navs>ul>li.spread-nav:after{
	content: none;
}
.navs>ul>li.spread-nav>ul{
	width: 1300px;
	max-width: 100%;
	max-height: calc(100vh - 140px);
	overflow-y: auto;
	position: absolute;
	background: #fff;
	padding: 20px 20px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	flex-wrap: wrap;
	align-items: stretch;
}
.navs>ul>li.spread-nav>ul::-webkit-scrollbar {
        width: 5px;     
       background: #1e1e1e;
    }
.navs>ul>li.spread-nav>ul::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 0px #ab7525;
        background: #86d79e;
        width: 5px;     
        height: 5px;
    }
.navs>ul>li.spread-nav>ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px #1e1e1e;
        border-radius: 0px;
        background: #fff;
    } 
    
.navs>ul>li.spread-nav>ul .navbox-level1{
	width: 340px;
}
.navs>ul>li.spread-nav>ul .navbox-level1>li{
	float: none;
	border-bottom: none;
	padding: 9px 10px;
	position: relative;
}
.navs>ul>li.spread-nav>ul .navbox-level1>li>a{
	color: #1973af;
}
.navs>ul>li.spread-nav>ul .navbox-level1>li>span:before {
    color: #bdccd4;
}
.navs>ul>li.spread-nav>ul .navbox-level1>li.act {
    background: #86d79e;
}
.navs>ul>li.spread-nav>ul .navbox-level1>li.act>a {
    color: #fff;
}
.navs>ul>li.spread-nav>ul .navbox-level1>li.act>span:before {
    color: #fff;
}
.navs>ul>li.spread-nav>ul .navbox-level1>li:after{
	content: '';
	width: 2px;
	height: 0px;
	background: #1973af;
	position: absolute;
	right: -2px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s;
}
.navs>ul>li.spread-nav>ul .navbox-level1>li.act:after{
	height: 100%;
}

.navs>ul>li.spread-nav>ul .navbox-level2{
	width: calc(100% - 340px);
	border-left: 1px solid #d2d7da;
	padding-left: 40px;
	display: block;   
}
.navs>ul>li.spread-nav>ul .navbox-level2>li{
	display: none;
	float: none;
	border-bottom: none;
	padding: 0px 0px;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li.shows{
	display: block;
}
.navs>ul>li.spread-nav>ul .navbox-level2 ul{
	display: none;
	position: static;
	box-shadow: none;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	column-gap: 4%;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li{
	width: 48%;
	float: none;
	border-bottom: none;
	padding: 8px 5px;
	margin-bottom: 5px;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li:hover{
	background: #f2f2f2;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li.shows{
	background: #f2f2f2;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>a{
	color: #454545;
	width: calc(100% - 16px);
}
.navs>ul>li.spread-nav>ul .navbox-level2 a:hover{
	color: #1973AF;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 4px;
	top: 15px;
	cursor: pointer;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>span:before{
	position: static;
	transform: none;
	line-height: 12px;
	font-weight: bold;
	font-size: 14px;
	transition: all .2s;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li:hover>span:before{
	color: #062134;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>span.down:before{
	transform: rotate(90deg);
	transition: all .2s;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul{
	padding-top: 5px;
	background: none;
	padding-left: 7px;
	max-height: 350px;
	overflow: auto;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul::-webkit-scrollbar {
        width: 5px;     
       background: #1e1e1e;
    }
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 0px #ab7525;
        background: #86d79e;
        width: 5px;     
        height: 5px;
    }
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px #1e1e1e;
        border-radius: 0px;
        background: #fff;
    } 
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li{
	padding: 0px 0px;
	border-bottom: none;
	float: none;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li:hover{
	background: none;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li>a{
	color: #86d79e;
	font-size: 14px;
	padding: 7px 25px 7px 6px;
	max-width: 100%;
	width: 100%;
	padding-left: 18px;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li>a:before{
	content: '\2022';
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	line-height: 14px;
	left: 4px;
	top: 7px;
    color: #86d79e;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li>a:hover{
	background: #86d79e;
	color: #fff;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li>a:hover:before{
	color: #fff;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li ul{
	padding-left: 10px;
	padding-top: 5px;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li ul li {
    padding: 4px 0px;
    border-bottom: none;
    float: none;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li>span{
	display: none !important;
}
.navs>ul>li.spread-nav>ul .navbox-level2>li>ul>li>ul>li>ul{
	display: none !important;
}

.navs>ul>li.spread-nav2>ul>li>ul{
	display: none !important;
}
.navs>ul>li.spread-nav2>ul>li>span{
	display: none !important;
}

}


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


.mainsection8-list .list-item{
	width: calc(33.33% - 16.66px);
}
.contact-section1-info{
	flex-wrap: wrap;
}
.contact-section1-info .text{
	width: 100%;
	margin-bottom: 50px;
}
.contact-section1-info .maps{
	width: 100%;
	height: 400px;
}
.about-section3-list .list-item{
	padding: 40px 15px 25px;
}
.pagetitle .pagetitle-info{
	font-size: 22px;
}
.service-content{
	flex-direction: column-reverse;
	flex-wrap: wrap;
}
.rightcon {
    width: 100%;
    margin-bottom: 30px;
}
.leftnav {
    width: 100%;
}
.killingpage-section4-info{
	flex-wrap: wrap;
}
.killingpage-section4-info .info-title{
	width: 100%;
}
.killingpage-section4-info .info-text{
	width: 100%;
}
.killingpage-section5-info{
	flex-wrap: wrap;
	justify-content: center;
}
.killingpage-section5-info .text .text-btn {
    margin-top: 5px;
}
.killingpage-section5-info .text{
	width: 100%;
	margin-bottom: 40px;
}
.killingpage-section5-info .pic{
	width: 400px;
	max-width: 100%;
	padding-bottom: 280px;
}
.killingpage-section3-list{
	column-gap: 2%;
}
.killingpage-section3-list .list-item{
	width: 49%;
}
.killingpage-section2-info{
	padding: 50px 20px;
	flex-wrap: wrap;
}
.killingpage-section2-info .text{
	width: 100%;
	margin-bottom: 40px;
}
.killingpage-section2-info .list{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.killingpage-section1-info .text{
	width: 53%;
}
.killingpage-content h2{
	font-size: 22px;
	margin-bottom: 20px;
}
.killingpage-content h3{
	font-size: 18px;
}
.page-title-list-box{
	top: 65px;
}
.page-title-list{
	width: auto;
	column-gap: 15px;
	border-bottom: none;
}
.page-title-list .list-item{
	flex-grow: 1;
	white-space: nowrap;
}
.pagebanner .pagebanner-title{
	font-size: 30px;
}
.mainsection7-info{
	flex-wrap: wrap;
	justify-content: center;
}
.mainsection7-list{
	width: 100%;
	margin-bottom: 30px;
}
.mainsection4-list{
	flex-wrap: wrap;
}
.mainsection4-list .list-text{
	width: 100%;
	margin-bottom: 40px;
}
.mainsection4-list .list-title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.mainsection4-list .list-title .list-item{
	width: 49%;
}
.mainsection3-list .swiper-slide .text{
	padding: 20px 0px;
}
.mainsection3 .mainsection3-title .title-btn{
	margin-bottom: 0px;
}
.mainsection2-list .list-item{
	width: 50%;
}
.mainsection1-info .info-text{
	width: calc(100% - 420px);
}
.titles{
	font-size: 30px;
}
.foot-contact-list{
	width: 100%;
	margin-bottom: 25px;
	max-width: 100%;
}
.foot-social{
	width: 100%;
	margin-bottom: 25px;
}
.foot-contact{
	flex-wrap: wrap;
	padding: 30px 15px 5px;
	margin-bottom: 20px;
}
.copyright{
	padding-bottom: 10px;
}
.foot-nav{
	width: 100%;
	margin-bottom: 20px;
}
.foot-info{
	flex-wrap: wrap;
	padding-bottom: 10px;
}
.toper-content{
	position: static;
	padding: 10px 0px;
}
.logos img{
	height: 45px;
}
.toper-right{
	column-gap: 25px;
	padding: 5px 15px;
}
.sp_nav {
    display: block;
    margin-top: 0px;
}	
.navs {
    width: 100%;
    height: auto;
    position: absolute;
    top: calc(100% - 2px);
    margin-top: 0px;
    right: 0px;
    bottom: auto;
    background: #222f30;
    padding-top: 0px;
    padding-left: 0px;
    z-index: 99;
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    opacity: 0;
    visibility: hidden;
    max-height: calc(100vh - 120px);
    overflow: auto;
}
.navs a{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d8d8d8;
    line-height: 50px;
    line-height: 50px;
    display: block;
    margin-left: 0px;
    z-index: 999;
    padding: 0px 20px;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.navs.visible{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; visibility: visible;}
.navs>ul{
	width: 100%;
	height: auto;
}
.navs ul li a{
	font-size: 15px;
	line-height: 40px;
    color: #fff;
    display: inline-block;
    width: auto;
    text-align: left;
    border-bottom: none;
    padding: 0px 0px;
    font-weight: normal;
}
.navs ul{
	margin-top: 0px;
}
.navs ul li{
	width: 100%;
    height: auto;
    padding: 0px 0px 0px 15px;
    margin-bottom: 0px;
    position: relative;
    margin-left: 0px;
    line-height: 40px;
    border-bottom: 1px solid #344648;
    display: inline-block;
}
.navs ul li:last-child{
    margin-bottom: 0px;
}
.navs>ul>li:last-child{
	border-bottom: 1px solid #344648;
    margin-bottom: 0px;
}
.navs ul li ul{
	display: none;
	padding-left: 10px;
	overflow: hidden;
}
.navs ul li ul li{
	padding: 0px 0px;
}
.navs ul li ul li:last-child{
	border-bottom: none;
}
.navs ul li ul li a{
	line-height: 22px;
	padding: 8px 0px;
	font-weight: normal;
	max-width: calc(100% - 40px);
}
.navs>ul>li>ul{
	position: static;
	width: 100%;
	padding-left: 10px;
	background: none;
}
.navs ul li ul li ul{
	position: static;
}
.navs ul li ul li ul {
    position: static;
    width: 100%;
}
.navs>ul>li:hover{
	padding-bottom: 0px;
}
.navs>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul>li>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul>li>ul>li>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul>li>ul>li>ul>li>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul li span{
	float: right;
	margin-right: 15px;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-top: 7px;
	line-height: 20px;
}
.navs ul li span::before{
	color: #fff;
    content: "+";
    font-weight: bold;
    position: static !important;
    transform: none !important;
    font-size: 18px !important;
}
.navs ul li span.down::before{
	color: #fff;
    content: "-";
    font-weight: bold;
}
.navs>ul>li:hover {
    background: none;
    border-bottom: 1px solid #344648;
}
.navs ul li ul li span::before{
	color: #fff;
	content: "+";
}
.navs ul li ul li span.down::before{
	content: "-";
}
.navs ul li ul li:hover>span::before{
	color: #fff;
}
.navs ul li ul li{
	border-bottom: 1px solid #344648;
}
.navs ul li ul li:hover {
    background: none;
    border-bottom: 1px solid #344648;
}
.navs>ul>li:after{
	content: none;
}
.navs ul li ul li ul{
	background: none;
	padding-left: 10px;
}
.navs ul li ul li span::before{
	top: 18px;
}
.navs a:hover{
	color: #fff;
}
.navs>ul>li:hover>a{
	color: #fff;
}
.navs ul li ul li:hover>a{
	color: #fff;
}

}

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


.mainsection7-list .list-item{
	width: 50%;
	margin-bottom: 30px;
	border: none;
}
.mainsection8-list .list-item{
	width: calc(50% - 12px);
}
.mainsection1-info .info-text .titles{
	font-size: 24px;
}
.about-section2-info{
	flex-wrap: wrap;
	justify-content: center;
}
.about-section2-info .text{
	width: 100%;
	margin-bottom: 40px;
}
.about-section2-info .pic{
	width: 400px;
	max-width: 100%;
	padding-bottom: 280px;
}
.about-section1-info{
	flex-wrap: wrap;
	justify-content: center;
}
.about-section1-info .text{
	width: 100%;
	margin-bottom: 40px;
}
.about-section1-info .pic{
	width: 400px;
	max-width: 100%;
	padding-bottom: 280px;
}
.foot-form-title{
	font-size: 22px;
}
.foot-form-title:after{
	width: 90px;
	height: 8px;
}
.foot-form-content{
	flex-wrap: wrap;
}
.foot-form-content .text .style1{
	font-size: 18px;
}
.foot-form-content .text{
	width: 100%;
	border-radius: 20px 20px 0px 0px;
}
.foot-form-content .form-box{
	width: 100%;
	border-radius: 0px 0px 20px 20px;
}
.killingpage-section1-info{
	flex-wrap: wrap;
	justify-content: center;
}
.killingpage-section1-info .text .text-btn {
    margin-top: 5px;
}
.killingpage-section1-info .text{
	width: 100%;
	margin-bottom: 40px;
}
.killingpage-section1-info .pic{
	width: 400px;
	max-width: 100%;
	padding-bottom: 280px;
}
.toper{
	padding-top: 0px;
}
.pagebanner .pagebanner-content {
    padding-left: 0px;
    border-left: none;
}
.pagebanner .pagebanner-title{
	font-size: 25px;
}
.mainsection7{
	padding: 60px 0px;
}
.mainsection5-list .swiper-slide .text .learn-more-btn{
	margin-top: 0px;
}
.mainsection5-list .swiper-slide .text h3{
	margin-bottom: 10px;
}
.mainsection5-list .swiper-slide .text .style1{
	margin-bottom: 15px;
}
.mainsection5-list .swiper-slide{
	flex-wrap: wrap;
}
.mainsection5-list .swiper-slide .pic{
	width: 100%;
	height: 250px;
	margin-bottom: 35px;
}
.mainsection5-list .swiper-slide .text .text-number{
	top: 30px;
}
.mainsection5-list .swiper-slide .text{
	width: 100%;
	padding: 30px 0px 0px 50px;
}
.mainsection5 .mainsection5-title .title-btn{
	margin-top: 20px;
}
.mainsection5 .mainsection5-title .title-text{
	width: 100%;
}
.mainsection5 .mainsection5-title{
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: 30px;
}
.mainsection3-list .swiper-slide .text .learn-more-btn{
	margin-top: 0px;
}
.mainsection3-list .swiper-slide .text h3{
	margin-bottom: 10px;
}
.mainsection3-list .swiper-slide .text .style1{
	margin-bottom: 15px;
}
.mainsection3-list .swiper-slide{
	flex-wrap: wrap;
}
.mainsection3-list .swiper-slide .pic{
	width: 100%;
	height: 250px;
	margin-bottom: 15px;
}
.mainsection3-list .swiper-slide .text{
	width: 100%;
	padding: 0px 0px;
}
.mainsection3 .mainsection3-title .title-btn{
	margin-top: 20px;
}
.mainsection3 .mainsection3-title .title-text{
	width: 100%;
}
.mainsection3 .mainsection3-title{
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
}
.mainsection1{
	padding: 80px 0px 65px;
}
.mainsection1-info{
	flex-wrap: wrap;
}
.mainsection1-info .info-title{
	width: 100%;
	padding-top: 30px;
}
.mainsection1-info .info-text{
	width: 100%;
	padding-top: 20px;
	border-top: none;
}
.titles{
	font-size: 24px;
}
.maincon,.nomain-content{
	padding: 0px 30px;
}

}

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



.mainsection7-list .list-item{
	width: 100%;
}
.about-section3-list .list-item{
	padding: 30px 15px 15px;
	width: 100%;
}
.foot-form-content .text{
	padding: 30px 15px;
}
.foot-form-content .form-box{
	padding: 30px 15px;
}
.mainsection4-list .list-text .list-content-box .text h3{
	margin-bottom: 15px;
}
.mainsection4-list .list-text .list-content-box .text .learn-more-btn{
	margin-top: 15px;
}
.mainsection4-list .list-text .list-content-box{
	flex-wrap: wrap;
}
.mainsection4-list .list-text .list-content-box .pic{
	width: 100%;
	padding-bottom: 250px;
	margin-top: 30px;
}
.mainsection4-list .list-text .list-content-box .text{
	width: 100%;
}
.mainsection3-list .swiper-slide{
	padding: 30px 15px;
}
.mainsection2-list .list-item .pic{
	margin-bottom: 50px;
}
.mainsection2-list .list-item{
	width: 100%;
}
.foot-logo img{
	height: 40px;
}
.copyright-content{
	flex-direction: column;
}
.foot-nav-list{
	flex-direction: column;
}
.maincon,.nomain-content{
	padding: 0px 15px;
}
}

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



.mainsection8-list .list-item{
	width: 100%;
}
.faq-list .list-title p{
	font-size: 16px;
}
.faq-list .list-title .style1{
	left: 5px;
}
.faq-list .list-title{
	padding: 8px 10px 8px 45px;
}
.killingpage-section3-list .list-item{
	width: 100%;
}
.killingpage-section2-info .list .list-item{
	margin-left: 0px !important;
	width: 100%;
	margin-bottom: 15px;
}
.killingpage-section2-info{
	padding: 50px 15px;
	flex-wrap: wrap;
}
.mainsection4-list .list-title .list-item{
	width: 100%;
}
.toper-content .toper-inquiry{
	display: none;
}
.toper-right {
    column-gap: 12px;
    padding: 5px 10px;
}

}


.btnof_word
{
    outline: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    height: 45px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    background: none;
    padding:15px 25px;
    overflow: hidden;
    border: 2px solid rgba(138, 204, 224,1);
    background:rgba(138, 204, 224,1);
    margin: 40px;
}
.btnof_word>span
{
    color:rgba(255,255,255,1);
    display: block;
    position: relative;
    font-size: 24px;
    margin-top: -10px;
}
.btnof_word:hover>span:nth-child(odd)
{
    -webkit-animation: word_to_up cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;
    -o-animation: word_to_up cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;
    animation: word_to_up cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;
}
.btnof_word:hover>span:nth-child(even)
{
    -webkit-animation: wordtodown cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;
    -o-animation: wordtodown cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;
    animation: wordtodown cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;
}
@-webkit-keyframes word_to_up {
    0%{
        -webkit-transform: translate3d(0,-100px,0);
        -moz-transform: translate3d(0,-100px,0);
        -ms-transform: translate3d(0,-100px,0);
        -o-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0);
    }
    100%{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes word_to_up {
    0%{
        -webkit-transform: translate3d(0,-100px,0);
        -moz-transform: translate3d(0,-100px,0);
        -ms-transform: translate3d(0,-100px,0);
        -o-transform: translate3d(0,-100px,0);
        transform:translate3d(0,-100px,0);
    }
    100%{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@-webkit-keyframes wordtodown{
    0%{
        -webkit-transform: translate3d(0,100px,0);
        -moz-transform: translate3d(0,100px,0);
        -ms-transform: translate3d(0,100px,0);
        -o-transform: translate3d(0,100px,0);
        transform:translate3d(0,100px,0);
    }
    100%{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes wordtodown {
    0%{
        -webkit-transform: translate3d(0,100px,0);
        -moz-transform: translate3d(0,100px,0);
        -ms-transform: translate3d(0,100px,0);
        -o-transform: translate3d(0,100px,0);
        transform:translate3d(0,100px,0);
    }
    100%{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.btnof_word:hover>span:nth-child(2)
{
    animation-delay: 0.01s;
}
.btnof_word:hover>span:nth-child(3)
{
    animation-delay: 0.1s;
}
.btnof_word:hover>span:nth-child(4)
{
    animation-delay: 0.15s;
}
.btnof_word:hover>span:nth-child(5)
{
    animation-delay: 0.2s;
}
.btnof_word:hover>span:nth-child(6)
{
    animation-delay: 0.25s;
}
.btnof_word:hover>span:nth-child(7)
{
    animation-delay: 0.3s;
}
.btnof_word:hover>span:nth-child(8)
{
    animation-delay: 0.35s;
}
.btnof_word:hover>span:nth-child(9)
{
    animation-delay: 0.4s;
}
.btnof_word:hover>span:nth-child(10)
{
    animation-delay: 0.45s;
}
/*self button*/
.btn-saqui
{
    position: relative;
    padding: 5px 12px;
    border: none;
    background:#86d79e;
    color:rgba(255,255,255,1) !important;
    overflow: hidden;
    cursor: pointer;
    display: block;
    white-space: nowrap;
    flex-shrink: 0;
}
.btn-saqui::after
{
    position: absolute;
    background:#222f30;
    color:rgba(255,255,255,1);
    content:attr(data-text);
    padding: 5px 12px;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.3s;
    -webkit-transform: rotatez(45deg);
    -moz-transform: rotatez(45deg);
    -ms-transform: rotatez(45deg);
    -o-transform: rotatez(45deg);
    transform: rotatez(45deg);
    top: 0;
    left: 0;
    opacity: 0;
    transform-origin: left center;
/*    line-height: 20px;*/
}
.btn-saqui:hover::after
{
    -webkit-transform: rotatez(0deg);
    -moz-transform: rotatez(0deg);
    -ms-transform: rotatez(0deg);
    -o-transform: rotatez(0deg);
    transform: rotatez(0deg);
    opacity: 1;
}


.cap-title
{
    position: relative;
    width: 100%;
    text-transform:uppercase;
}
.cap-title::after
{
    position: absolute;
    content: '';
    background:rgba(255,255,255,0.6);
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
}
.cap-mess li
{
    position: relative;
    margin: 0px 0 15px;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1081px) {
    .opentype-btn
    {
        position: relative;
        outline: none;
        border: none;
        padding: 10px;
        background: #86d79e;
        color:rgba(255,255,255,1) !important;
        text-transform: uppercase;
        cursor: pointer;
        z-index:1;
        overflow: hidden;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .opentype-btn:hover{
    	background: #222f30;
    	color: #fff !important;;
    }
    .opentype-btn::after,.opentype-btn::before
    {
        position: absolute;
        content:none;
        background: rgba(26, 80, 118,1);
        width: 100%;
        height: 50%;
        left: 0;
        -webkit-transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
        -moz-transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
        -ms-transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
        -o-transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
        transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
    }
    .opentype-btn::before
    {
        top: 0;
        padding-top: 1.4em;
    }
    .opentype-btn::after
    {
        bottom: 0;
        line-height: 0;
    }
    .opentype-btn:hover::before
    {
        transform: translateY(-200%);
    }
    .opentype-btn:hover::after
    {
        transform: translateY(200%);
        line-height:10;
    }

}

@media screen and (max-width: 1080px) {
    .opentype-btn
    {
        position: relative;
        outline: none;
        border: none;
        padding: 10px;
        background: #86d79e;
        color:rgba(255,255,255,1) !important;
        text-transform: uppercase;
        cursor: pointer;
        z-index:1;
        overflow: hidden;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .opentype-btn:hover{
    	background: #222f30;
    	color: #fff !important;;
    }
}

.opennewtype-btn
{
    position: relative;
    outline: none;
    border: none;
    padding: 10px 20px;
    background: rgba(100,181,160,1);
    color:rgba(255,255,255,1);
    text-transform: uppercase;
    cursor: pointer;
    z-index:1;
    overflow: hidden;
    -webkit-border-radius: 0 20px;
    -moz-border-radius: 0 20px;
    border-radius: 0 20px;
    text-align: center;
    font-family: "arialbd";
}
.opennewtype-btn:hover
{
    color:rgba(255,255,255,1);
}
.opennewtype-btn::after,.opennewtype-btn::before
{
    position: absolute;
    content:attr(data-text);
    background: rgba(231,67,78,1);
    width: 100%;
    height: 50%;
    left: 0;
    -webkit-transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
    -moz-transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
    -ms-transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
    -o-transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
    transition: all cubic-bezier(0.8, 0.2, 0.25, 1.2) 0.4s;
}
.opennewtype-btn::before
{
    top: 0;
    padding-top: 1.4em;
}
.opennewtype-btn::after
{
    bottom: 0;
    line-height: 0;
}
.opennewtype-btn:hover::before
{
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.opennewtype-btn:hover::after
{
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(100%);
    line-height:10;
}
.main-content
{
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 1080px) {
    .twinkle-title
    {

    }
}

@media screen and (min-width: 1081px) {
    .twinkle-title
    {
        font-size: 30px;
    }
}
.twinkle-title
{
    font-style: italic;
    text-align: center;
    margin: 30px;
    -webkit-animation: twinkle-run 2s ease infinite;
    -o-animation: twinkle-run 2s ease infinite;
    animation: twinkle-run 4s ease infinite;
    font-family: "arialbd";
}
@keyframes twinkle-run {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

.main-inquiry-shell
{
    position: relative;
    width: 100%;
    margin-top:40px;
    background: url("../images/main-back-pic.png") no-repeat top;
    padding: 60px 0;
}
.main-inquiry-shell .forms label{
	color: #fff;
}

@media screen and (max-width: 1080px) {
    .main-form-line,.main-form-textline,.main-form-twoline
    {
        flex-direction: column;
    }
}
@media screen and (min-width: 1081px) {
    .main-form-line,.main-form-textline,.main-form-twoline
    {
        flex-direction: row;
    }
}
.main-form-line,.main-form-textline,.main-form-twoline
{
    position: relative;
    display:flex;

    justify-content: space-between;
}
.main-inquiry
{
    position: relative;
    width: 88%;
    max-width: 1320px;
    margin: auto;
}
.main-inquiry>h2
{
    position: relative;
    font-size: 40px;
    font-family: "Segoe-UI-Bold";
    color: rgba(26,100,165,1);
}
.main-inquiry p
{
    font-family: "Segoe UI";
    font-size: 20px;
}

@media screen and (min-width: 1081px) {
    .main-form-line>div,.main-form-textline>div,.main-form-twoline>div
    {
        width: 50%;
    }
    .main-form-line>div:first-child
    {
        margin-right: 20px;
    }
    .main-form-line>div:last-child
    {
       /* margin-left: 20px;*/
    }
    .main-form-twoline>div:first-child
    {
        margin-right: 10px;
    }
    .main-form-twoline>div:last-child
    {
        margin-left: 10px;
    }
/*    .main-form-line>div,.main-form-textline>div,.main-form-twoline>div
    {
        align-items: flex-end;
    }*/
    .main-form-line button
    {
        width: 200px;
    }
}
.main-form-line>div,.main-form-textline>div,.main-form-twoline>div
{
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    justify-content: center;
}

@media screen and (max-width: 1080px) {
    .main-form-line button
    {
        margin: 20px 0;
    }
}
.main-form-line button
{
    height:50px;

    font-size: 16px;
}
.main-form-line button::before
{
    padding-top: 2em;
}
.main-form-textline>div
{
    width: 100%;
}
.main-inquiry>form label{
	color: #fff;
}
.main-inquiry>form input
{
    position: relative;
    border: none;
    padding: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size:16px;
    outline: none;
    margin: 10px 0;
    width: 100%;
    font-family: "arial";
    font-weight: 400;
    background: rgba(255,255,255,1);
}
.main-inquiry>form textarea
{
    font-size: 16px;
    font-family: "arial";
}
.main-inquiry>form input::-webkit-input-placeholder,.main-inquiry>form textarea::-webkit-input-placeholder
{
    color:rgba(163,164,164,1);
    font-size: 16px;
    font-family: "arial";
}
.main-inquiry>form input::-moz-placeholder,.main-inquiry>form textarea::-moz-placeholder
{
    color:rgba(163,164,164,1);
    font-size:16px;
    font-family: "arial";
}
.main-inquiry>form input:-ms-input-placeholder,.main-inquiry>form textarea:-ms-input-placeholder
{
    color:rgba(163,164,164,1);
    font-size: 16px;
    font-family: "arial";
}
.main-inquiry>form>div
{
    position: relative;
    margin: 20px 0;
}
.main-inquiry>form textarea
{
    position: relative;
    border: none;
    padding: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
    margin: 10px 0;
    width: 100%;
    height: 140px;
}
.nomain-banner
{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 400px;
}
.nomain-banner-img
{
    position: relative;
    width: 100%;
    height: 100%;
}
.nomain-banner-img>img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nomain-back
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    background:linear-gradient(rgb(70, 56, 56), rgba(222,222,222,0));*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 1081px) {
    .nomain-back>h2,.nomain-back>h1
    {
        font-size: 48px;
    }
}
@media screen and (max-width: 1080px) {
    .nomain-back>h2,.nomain-back>h1
    {
        font-size: 20px;
        width: 80%;
    }
}
.nomain-back>h2,.nomain-back>h1
{
    font-family: "seguisym";
    color:rgba(255,255,255,1);
    line-height: 140%;
}
@media screen and (max-width: 1080px) {
    .nomain-cnt-rowimg
    {
        flex-direction: column;
    }
    .nomain-back>h2,.nomain-back>h1
    {
        margin-left: 0;
    }
}
@media screen and (min-width: 1081px) {
    .nomain-cnt-rowimg
    {
        flex-direction: row;
    }
    .nomain-cnt-rowimg>div
    {
        width: 30%;
    }
}
.nomain-content-shell
{
    position: relative;
    width: 100%;
    margin: 0px 0px 70px;
}
.nomain-cnt-rowimg
{
    position: relative;
    display: flex;

    justify-content: space-between;
}
.nomain-cnt-rowimg>div
{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nomain-cntmess-img
{
    position: relative;
    width:80px;
    height: 80px;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.nomain-cntmess-img img
{
    width: 60%;
}
.nomain-cnt-rowimg p,.nomain-cnt-rowimg h3
{
    text-align: center;
}
.nomain-cnt-rowimg p
{
    font-family: 'Montserrat-Light';
    font-weight: 300;
}
.nomain-cnt-rowimg h3
{
    font-size: 20px;
    margin-bottom: 10px;
    color:rgba(31,85,164,1);
    font-family: "Segoe-UI-Bold";
}
.nomain-map
{
    position: relative;
    width: 100%;
}
.nomain-map>iframe
{
    width: 100%;
}
.nomain-contact-mess
{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}
.nomain-contact-mess>h3
{
    position: relative;
    font-size: 30px;
    font-family: "arialbd";
    text-transform: uppercase;
}
.nomain-contact-mess>h3::before
{
    position: absolute;
    content:"";
    background:rgba(254,23,112,1);
    width:40%;
    height: 4px;
    top: -5px;
    right: 0;
}
.nomain-contact-mess>.foot-inquiry-title
{
    position: relative;
    font-size: 30px;
    font-family: "arialbd";
    text-transform: uppercase;
}
.nomain-contact-mess>.foot-inquiry-title::before
{
    position: absolute;
    content:"";
    background:rgba(254,23,112,1);
    width:40%;
    height: 4px;
    top: -5px;
    right: 0;
}
.nomain-contact-mess>p
{
    position: relative;
    margin-top: 30px;
}

@media screen and (max-width: 1080px) {
    .row-conent
    {
        flex-direction: column;
    }
    .nomain-messtitle
    {
        width: 100%;
    }
    .nomain-messshell
    {
        width: 100%;
    }
}
@media screen and (min-width: 1081px) {
    .nomain-messtitle
    {
        width: 26%;
    }
    .nomain-messshell
    {
        width: 70%;
    }
}
.row-conent
{
    display: flex;

    justify-content: space-between;
    align-items: flex-start;
}
.nomain-messtitle
{
    position: relative;

    top: -140px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.nomain-messtitle>h3
{
    position: relative;
    background:rgba(254,23,112,1);
    color: rgba(255,255,255,1);
    padding: 30px;
    line-height: 50px;
    font-size: 50px;
    text-align: center;
    font-family: 'Montserrat-Light';
    font-weight: 400;
}
.nomain-messshell
{
    position: relative;
    font-family: 'Montserrat-Light';
    font-weight: 300;
}
.nomain-messshell>h3
{
    font-family: 'Montserrat-SemiBold';
}
.nomain-messshell>p
{
    font-family: 'Montserrat-Light';
    font-weight: 300;
}
.nomain-picmess
{
    position: relative;
    width: 100%;
    display: flex;

    justify-content: space-between;
    margin: 30px 0;
}

@media screen and (max-width: 1080px) {
    .nomain-picmess
    {
        flex-direction: column;
    }
    .nomain-picmess-part
    {
        width: 100%;
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 1081px) {
    .nomain-picmess
    {
        flex-direction: row;
    }
    .nomain-picmess-part
    {
        width: 30%;
        margin-right: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.nomain-picmess>p
{
    font-family: 'Montserrat-Light';
    font-weight: 300;
}

.nomain-picmess-part:last-child
{
    margin: 0;
}
.nomain-picmess-part
{
    position: relative;
}
@media screen and (max-width: 1080px) {
    .nomain-service-nav
    {
        position: relative;
        width: 100%;
    }
}
@media screen and (min-width: 1081px) {
    .nomain-service-nav
    {
        position: relative;
        width: 28%;
    }
    .nomain-service-nav>li>a:hover
    {
        background: rgb(84, 161, 216);
    }
}
.nomain-service-nav>li
{
    position: relative;
    margin: 10px 0;
}
.nomain-service-nav>li>span
{
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 10px;
    right: 5px;
    font-size: 26px;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    color:rgba(255,255,255,1);
}
.nomain-service-nav>li>span:before{
	content: '\e96d';
    font-family: 'icomoon';
}
.nomain-service-nav>li>a
{
    position: relative;
    display: block;
    padding: 10px;
/*    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    color: rgba(255,255,255,1);
    background: rgb(49, 121, 172);
}
.nomain-service-nav a
{
    color: rgba(1,1,1,1);
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    padding: 10px 20px;
    width: 100%;
    display: block;
}
/*.nomain-service-nav a:hover
{
    color:rgba(5,95,155,1);
}*/
.nomain-service-nav>a
{
    position: relative;
    width: 100%;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
/*    background:rgba(205,205,205,1);*/
    font-size: 20px;
    display: block;
    font-family: 'Montserrat-SemiBold';
    margin: 5px 0;
}
.nomain-service-nav a
{
    position: relative;
    border-left: 2px solid transparent;
}
.nomain-service-navcnt
{
    position: relative;
    width: 100%;
/*    margin-bottom: 30px;*/
    display: none;
    background: rgba(244,244,244,1);
}
.nomain-service-navcnt ul
{
    display: none;
}
.nomain-service-navcnt>li a:hover
{
    background: rgb(211, 211, 212);
    border-left: 2px solid rgba(49, 121, 172,1);
}
.nomain-service-navcnt ul>li
{
    padding-left: 20px;
}
.nomain-service-navcnt ul>li>a::before
{
    position: absolute;
    content: '▶';
    left: 0;
    font-size: 20px;
}
.nomain-service-navcnt ul li ul li a::before
{
    content: none;
}
.nomain-service-navcnt li
{
    position: relative;
    width:100%;
}
.nomain-service-navcnt>li
{
    font-family: 'Montserrat-Light';
    font-weight: 300;
    border-left: 2px solid rgb(244,244,244);
    border-bottom: 2px solid rgba(255,255,255,1);
}
.nomain-service-navcnt span
{
    position: absolute;
    right: 10px;
    font-size: 26px;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    top: 12px;
}
.rotate_angle
{
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
@media screen and (max-width: 1080px) {
    .nomain-special-mess
    {
        font-size: 24px;
    }
}
@media screen and (min-width: 1081px) {
    .nomain-special-mess
    {
        font-size: 30px;
    }
}
.nomain-special-mess
{
    position: relative;
    width: 100%;
    text-align: center;
    color:rgba(253,42,135,1);

    margin-top: 90px;
    font-family: 'Montserrat-SemiBold';
}
.bread-navi-shell
{
    position: relative;
    display: flex;
    flex-direction: row;
    width: 88%;
    max-width: 1320px;
    margin:10px auto;
    padding:20px 0;
    /* font-family: "Roboto-Light";*/

}
.bread-navi-shell li>a
{
    color:rgba(62,58,57,1);
    font-family: 'Montserrat-Light';
    font-size: 16px;
    font-weight: 300;
}
.bread-navi-shell li:last-child>a
{
    color:rgba(70,139,197,1);
}

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

    .bread-navi-shell li>a
    {
        font-size: 0.7em;
    }
}
@media screen and (min-width: 1081px) {
/*    .bread-navi
    {
        flex-direction: row;
        align-items: center;
    }*/
}
.bread-navi
{
    position: relative;
    display:flex;
}
.bread-navi::after
{
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.bread-navi>li
{
    font-family: 'Montserrat-Light';
    font-size: 16px;
    font-weight: 300;
    float: left;
}

.nomain-disctype,.nomain-disctype>li
{
    list-style-type: disc;
}

.nomain-references,.nomain-references>li
{
    list-style-type:decimal;
}
.nomain-references>li
{
    margin-left: 20px;
}
@media screen and (max-width:1080px) {
    .nomain-service-picmess
    {
        flex-direction: column;
    }
    .nomain-service-picmess>div
    {
        width:100%;
    }
}
@media screen and (min-width:1081px) {
    .nomain-service-picmess
    {
        flex-direction: row;
    }
    .nomain-service-picmess>div
    {
        width: 42%;
    }
}
.nomain-service-picmess
{
    position: relative;
    width: 100%;
    display: flex;

    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    font-family: 'Montserrat-Light';
    font-weight: 300;
    margin-bottom: 50px;
}
.nomain-service-picmess>div
{
    position: relative;
}
.nomain-service-picmess p
{
    font-family: 'Montserrat-Light';
    font-weight: 300;
}
.nomain-service-picmess h3
{
    position: relative;
    margin-top: 0;
    padding-top: 0;
}
.nomain-cntimg
{
    position: relative;
    margin-top: 15px;
}

.nomain-cntimg>img
{
    position: relative;
    z-index:1;
    clip-path:polygon(0 0, 100% 0%, 100% 92%, 0% 100%);
}
.nomain-cntimg>.nomain-rect
{
    position: absolute;
    top: -15px;
    left: -15px;
    border: 4px solid rgba(70, 139, 193,1);
    width: 90%;
    height: 85%;
    z-index: 0;
}
.nomain-picmess-img
{
    position: relative;
    height: 268px;
    overflow: hidden;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    background:rgba(70,160,193,0.2);
}

@media screen and (max-width: 1080px) {
    .nomain-picmess-data
    {
        position:relative;
        width: 100%;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
}
@media screen and (min-width: 1081px) {
    .nomain-picmess-data
    {
        position: absolute;
        width: 120%;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        -webkit-transform: scale3d(0,0,1);
        -moz-transform: scale3d(0,0,1);
        -ms-transform: scale3d(0,0,1);
        -o-transform: scale3d(0,0,1);
        transform: scale3d(0,0,1);
    }
    .nomain-picmess-part:hover .nomain-picmess-data
    {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        -o-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;

    }
}
.nomain-picmess-data
{

    padding:30px 20px;

    height: 100%;
    z-index:20;
    background:rgba(255,255,255,1);
    border: 4px solid rgba(70, 139, 193,1);

    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;

}
.nomain-picmess-data>a
{
    position: relative;
    width: 100%;
    height: 100%;
}
.nomain-picmess-part
{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nomain-picmess-part>p
{
    font-size: 16px;
    text-align: center;
}
.nomain-picmess-part>img
{
    margin-bottom: 15px;
    max-width: 100%;
}
.nomain-picmess-data h3
{
    color:rgba(70, 139, 193,1);
    text-align: center;
}
.nomain-picmess-data p
{
    position: relative;
    color:rgba(1,1,1,1);
}
.nomain-sptitle
{
    position: relative;
    color:rgba(70, 139, 193,1);
    padding-bottom: 13px;
    margin-bottom: 20px;
    font-size: 24px;
}
.nomain-sptitle::after
{
    position: absolute;
    content: '';
    bottom: 5px;
    left: 0;
    background:rgba(70, 139, 193,1);
    height: 4px;
    width: 10%;
}

.nomain-picmess-part {
    position: relative;
}
.nomain-messshell>h2
{
    font-weight: bold;
    font-family: 'Montserrat-SemiBold';
}
.nomain-messshell>h1
{
    font-weight: bold;
    font-family: 'Montserrat-SemiBold';
}
.nomain-messshell>div>img
{
    width: 60%;
}
.nomain-service-navcnt ul>li
{
    margin-top:0;
}

.nomain-navi-subord
{
    position: relative;
    width: 100%;
    margin: 20px 0 10px 0 !important;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px !important;;
}
.nomain-navi-subord>li
{
	width: 49%;
    margin-bottom: 15px !important;
    list-style: none !important;
}
.nomain-navi-subord>li a
{
	width: 100%;
    height: 100%;
    border-radius: 200px;
    border: 1px solid #86d79e;
    color: #86d79e;
    padding:5px 20px;
    line-height: 1.3;
    min-height: 42px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.nomain-navi-subord>li:hover>a
{
    border: 1px solid #86d79e;
    background: #86d79e;
    color: #fff;
}
.nomain-messshell>h2
{
    margin-top: 0;
    padding-left: 0px;
    color: rgb(49, 121, 172);
    position: relative;
}
.nomain-messshell>h2::before
{
    content: none;
}
.nomain-messshell>h2::after
{
    position: absolute;
    content: '';
    background: rgba(231, 67, 78,1);
    width: 10%;
    height: 2px;
    bottom: -10px;
    left: 0px;
}
.nomain-messshell>h1
{
    margin-top: 0;
    padding-left: 0px;
    color: rgb(49, 121, 172);
    position: relative;
    font-size: 24px;
    margin-bottom: 30px;
}
.nomain-messshell>h1::after
{
    position: absolute;
    content: '';
    background: rgba(231, 67, 78,1);
    width: 10%;
    height: 2px;
    bottom: -10px;
    left: 0px;
}
.nomain-content table th
{
    background:#86d79e;
    color: #fff;
}
.nomain-content table td,.nomain-content table th
{
    position: relative;
    border: 1px solid rgba(221,221,221,1);

}

.nomain-content table tr:nth-of-type(2n+2) td
{
 /*   background:rgba(255,255,255,1);*/
}
.nomain-messshell>h2,.nomain-messshell>p,.nomain-messshell>,.nomain-messshell>h1
{
    width: 100%;
}
.nomain-references-img
{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    width: 100%;
}
.nomain-references-img>img
{
    width: 60%;
}
.nomain-table
{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}

@media screen and (max-width: 1080px) {
    .nomain-messrow
    {
        flex-direction: column;
    }
    .nomain-messrow>div
    {
        position: relative;
        width: 100%;
    }
    .nomain-spcontext>div
    {
        width: 100%;
    }
}
@media screen and (min-width: 1081px) {
    .nomain-messrow
    {
        flex-direction: row;
    }
    .nomain-messrow>div
    {
        position: relative;
        width: 48%;
    }
    .nomain-spcontext>div
    {
        width: 180%;
    }
}
.nomain-messrow
{
    position: relative;
    width: 100%;
    display: flex;

    justify-content: space-between;
}

.nomain-spcontext
{
    position: relative;
    width: 100%;
    margin:80px 0;
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.nomain-spcontext>div
{
    position: absolute;

    background:rgba(17,56,172,1);
    height: 100%;
    z-index: -1;
}
.nomain-spcontext h3
{
    position: relative;
    width: 100%;
    color:rgba(70,170,223,1);
}
.nomain-spcontext .nomain-context-title
{
    position: absolute;
    top: -22px;
    width: 80%;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background:rgba(231,67,78,1);
    color:rgba(255,255,255,1);
    text-align: center;
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    width: 1000px;
}

@media screen and (min-width: 1081px) {
    .nomain-service-picmess>.nomain-service-pic
    {
        width: 30%;
    }
    .nomain-service-picmess>.nomain-service-mess
    {
        position: relative;
        width: 65%;
    }
}

.nomain-disctype>li
{
    margin-left: 20px;
}
.nomain-service-pic>img {
    clip-path: none;
}


.nomain-service-mess>.nomain-sptitle::after
{
    position: absolute;
    content: '';
    top: -5px;
    left: 0;
    background:rgba(231,67,78,1);
    height: 4px;
    width: 10%;
}
.nomain-service-link
{
    position: relative;
    width: 100%;

    margin: 40px 0;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.nomain-service-link>div {
    position: absolute;

    background:rgba(232,232,232,1);
    z-index: -1;
    height: 100%;
}
@media  screen and (max-width: 1080px) {
    .nomain-service-link ul
    {
        flex-direction: column;
    }
    .nomain-service-link>div
    {
        width:100%;
    }
}
@media  screen and (min-width: 1081px) {
    .nomain-service-link ul
    {
        flex-direction: row;
    }
    .nomain-service-link ul>li
    {
        width: 300px;
    }
    .nomain-service-link>div
    {
        width:180%;
    }
}
.nomain-service-link ul
{
    position: relative;
    display: flex;

    justify-content: center;
    margin: 20px 0;
}
.nomain-service-link ul>li
{
    position: relative;

    text-align: center;
    display:flex;
    flex-direction: column;
    align-items:center;
}
.nomain-service-link ul>li img
{
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;

}
.nomain-service-link ul>li:hover>a:nth-child(1)>img
{
    -webkit-transform: scale3d(1.2,1.2,1);
    -moz-transform: scale3d(1.2,1.2,1);
    -ms-transform: scale3d(1.2,1.2,1);
    -o-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);

}
.nomain-service-link ul>li>a:nth-child(1)
{
    position: relative;
    width: 260px;
    height: 260px;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    overflow: hidden;
    background:radial-gradient(rgba(246,249,249,1),rgba(183,184,186,1));
}
.nomain-service-link ul>li>a:nth-child(2)
{
    font-family: 'Montserrat-SemiBold';
    color:rgba(1,1,1,1);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.nomain-service-link ul>li>a:nth-child(2):hover
{
    color:rgba(70, 139, 193,1);
}
.nomain-disctype div>img
{
    max-width: 60%;
}
.nomain-show-img>img
{
    max-width: 60%;
}

.nomain-media-layout
{
    position: relative;
    width: 88%;
    max-width: 1320px;
    margin: auto;
}
.nomain-content-parent
{
    position: relative;
    -webkit-transform: translateY(-180px);
    -moz-transform: translateY(-180px);
    -ms-transform: translateY(-180px);
    -o-transform: translateY(-180px);
    transform: translateY(-180px);
}
.nomain-float-layout
{

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 14px 0;
}
.nomain-float-layout>p
{
    background:rgba(255,255,255,1);
}
.nomain-float-layout>h2
{
    color:rgba(70, 139, 193,1);
    font-size: 24px;
    font-family: 'Montserrat-Light';
}
.nomain-darkbackground
{
    position: relative;
    padding-top: 280px;
    padding-bottom: 20px;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items:center;
}
.nomain-book-layout
{
    position: relative;
    margin: 20px auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background:rgba(255,255,255,1);
    padding:40px;
    box-shadow: 0 10px 40px 0 rgba(0,0,0,0.15);
}
.nomain-darkbackground h3
{
    position: relative;
    font-size: 24px;
    color:rgba(70, 139, 193,1);
}
.nomain-picback-layout
{
    background-image: url("../images/nomain-zebrafish-basic-research-pic1.jpg");
    background-size: 100%;
    padding:80px 20px;
    background-repeat: no-repeat;
}
.nomain-rockimg-layout
{
    position: relative;
    width: 100%;
}

.nomain-rockimg-layout>a
{
    position: relative;
    width: 30%;
    margin: 10px 20px;
    background:rgba(255,255,255,1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 6px 2px 12px 4px rgba(45,45,45,0.3);
    color:rgba(45,45,45,1);
    overflow: hidden;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    display: flex;
    flex-direction: column;
    align-items:center;
}
.nomain-rockimg-layout>a:hover
{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    color:rgba(70, 139, 193,1);
    box-shadow: 1px 2px 12px 4px rgba(45,45,45,0.5);
}
.simply-btn
{
    position: relative;
    padding: 12px 24px;
    border: 1px solid rgba(202,202,202,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:rgba(255,255,255,1);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    cursor: pointer;
}
.nomain-rockimg-layout>a:hover>button
{
    background:rgba(16,16,16,1);
    color:rgba(255,255,255,1);
}
.nomain-rockimg-layout>a:hover>button>span
{
    color:rgba(255,255,255,1);
}
.nomain-rockimg-layout>a>img
{
    width: 100%;
}
.nomain-rockimg-layout>a>p
{
    position: relative;
    padding:20px;
    font-size: 14px;
}
@media screen and (max-width: 1080px) {
    .rowlayout
    {
        flex-direction: column;
    }
}
@media screen and (min-width: 1081px) {
    .rowlayout
    {
        flex-direction: row;

    }
    .nomain-rockimg-layout
    {
        justify-content: center;
    }
}
.rowlayout
{
    position: relative;
    display: flex;
    margin: 16px 0;
}
.float-style
{
    position: relative;
    box-shadow: 1px 2px 12px 4px rgba(45,45,45,0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 20px;
}
.nomain-picback-layout>p
{
    color:rgba(45,45,45,1);
    background:rgba(255,255,255,0.5);
    width: 80%;
    margin: 0 auto 60px;
}
#zebrafish-research
{
 /*   -webkit-transform: translateY(-180px);
    -moz-transform: translateY(-180px);
    -ms-transform: translateY(-180px);
    -o-transform: translateY(-180px);
    transform: translateY(-180px);*/
}
.nomain-dark-layout
{
    position: absolute;
    top: 0;
    width: 180%;
    height: 100%;
    background:rgba(246, 246, 246,1);
}
.nomain-spacebetween
{
    justify-content: space-between;
}
@media screen and (max-width: 1080px) {
    #zebrafish-research .nomain-spacebetween>div
    {
        width: 100%;
    }
}
@media screen and (min-width: 1081px) {
    #zebrafish-research .nomain-spacebetween > div:first-child {
        width: 44%;
    }

    #zebrafish-research .nomain-spacebetween > div:last-child {
        width: 49%;
    }
}
.curve-circletemplete
{
    position: absolute;
    bottom: -8px;
}


.multiwell-mess
{
    position: relative;
    align-items:flex-start;
}
.nomain-hexagon
{
    position: relative;
    padding:0 40px;
    background: url(../images/services.png) no-repeat 0 0;
    width: 280px;
    height: 230px;
    vertical-align: middle;
    text-align: center;
    /*display: table-cell;*/
    font-size: 18px;
    background-position: 0px 0;
    font-weight: bold;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.nomain-hexagon>span
{
    color:rgba(61,61,61,1);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.table-layout
{
    /*   display: table;*/
}
.nomain-fonttitle
{
    color:rgba(17, 134, 108,1);
}
@media screen and (max-width: 1080px) {
    .nomain-fonttitle
    {
        font-size: 24px;
    }
}
@media screen and (min-width: 1081px) {
    .hexagon-part
    {
        padding: 46px 0;
        justify-content: center;
        margin: 0;
    }
    .nomain-fonttitle
    {
        font-size: 36px;

    }
    #small-size>a:nth-child(2),#translucent>a:nth-child(2),#physiology>a:nth-child(2)
    {
        transform: translate3d(-35px, 120px, 10px);
    }
    #small-size>a:nth-child(3),#translucent>a:nth-child(3),#physiology>a:nth-child(3)
    {
        transform: translate3d(-76px, 0px, 0px);
    }
    #fecundity>a:first-child,#similarity>a:first-child
    {
        transform: translate3d(0, 120px, 10px);
    }
    #fecundity>a:nth-child(2),#similarity>a:nth-child(2)
    {
        transform: translate3d(-30px, 0, 10px);
    }
    #fecundity>a:nth-child(3),#similarity>a:nth-child(3)
    {
        transform: translate3d(-76px, 120px, 0px);
    }
    #small-size>a:hover:first-child,#translucent>a:hover:first-child,#small-size>a:first-child:hover>span,#translucent>a:first-child:hover>span
    {
        /*color: rgba(150, 83, 189,1);*/
        color:rgba(255,255,255,1);
    }
    #small-size>a:hover:last-child,#translucent>a:hover:last-child,#small-size>a:hover:last-child>span,#translucent>a:hover:last-child>span
    {
        /*color:rgba(230, 93, 174,1);*/
        color:rgba(255,255,255,1);
    }
    #fecundity>a:hover:first-child,#fecundity>a:hover:first-child>span,#physiology>a:hover:first-child,#physiology>a:hover:first-child>span
    {
        /*color:rgba(36, 189, 155,1);*/
        color:rgba(255,255,255,1);
    }
    #fecundity>a:hover:last-child,#fecundity>a:hover:last-child>span,#physiology>a:hover:last-child,#physiology>a:hover:last-child>span
    {
        color:rgba(255,255,255,1);
    }
    #similarity>a:hover:last-child,#similarity>a:hover:last-child>span,#similarity>a:hover:first-child,#similarity>a:hover:first-child>span
    {
        color:rgba(255,255,255,1);
    }
    .multiwell-mess
    {
        width: 40%;
        transform: translateY(80px);
    }
    .multiwell-mess p
    {
        position: relative;
        padding: 20px 0;
    }
    .multiwell-mess>img
    {
        margin-right: 10px;
    }
    .nomain-hexagon:hover
    {
        background: url(../images/services-hover.png) no-repeat 0 0;
        color:rgba(255,255,255,1);
        background-position: 0px 0;
    }
    .nomain-hexagon:hover span
    {
        color: #fff;
    }
}

#small-size>a:first-child,#translucent>a:first-child,#physiology>a:first-child
{
    position: relative;
    color: rgb(99, 38, 135);
}
#small-size>a:last-child,#translucent>a:last-child,#physiology>a:last-child
{
    position: relative;
    color: rgb(180, 26, 117);
    background-position: 6px -464px;
}
#fecundity>a:first-child,#similarity>a:first-child
{
    position: relative;
    color: rgb(17, 134, 108);
    background-position: 00px -232px;
}
#fecundity>a:last-child,#similarity>a:last-child
{
    position: relative;
    color: rgb(142, 138, 32);
    background-position: 8px -696px;
}
.normal-btn
{
    background: rgba(17, 134, 108,1);
    padding: 10px 20px;
    color:rgba(255,255,255,1);
    border: 1px solid rgba(17, 134, 108,1);
}
.normal-btn:hover
{
    background: rgba(255,255,255,1);
    color:rgba(17, 134, 108,1);
}

@media screen and (min-width: 1081px) {
    .hexagon-part-back
    {
        width: 180%;
    }
    #small-size,#fecundity,#translucent,#similarity,#physiology {
        width: 70%;
        transform: translateY(-14px);
    }
    #fecundity,#similarity
    {
        transform: translateY(-16px);
    }
}
@media screen and (max-width: 1080px) {
    .hexagon-part-back
    {
        width: 100%;
    }
}
.hexagon-part-back
{
    position: absolute;
    height: 100%;
    background:rgba(212,212,212,0.4);
}
main
{
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.pc-content-header
{
    padding: 10px 0;
    border-radius: 6px;
    /*    box-shadow: 1px 8px 10px 4px rgb(240, 236, 236);*/
    background-color: white;
    margin-top: 10px;
}
.pc-content-header h3
{
    position: relative;
    font-size: 24px;
    font-weight: bold;
    padding-left: 26px;
    color: rgb(49, 121, 172);
}
.pc-content-header h3::before
{
    position: absolute;
    content: '\f1e9';
    font-family: FontAwesome;
    left: 0;
    color:rgba(231, 67, 78,1);
}
.pc-content-header h3::after
{
    position: absolute;
    content: '';
    background: rgba(231, 67, 78,1);
    width: 20%;
    height: 2px;
    bottom: -2px;
    left: 26px;
}
.pc-content
{
    position: relative;
    margin: 20px 0;
}
.pc-content-page
{
    position: relative;
    background:rgb(49, 121, 172);
    padding: 10px;

}
.nomain-search
{
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid rgba(212,212,212,1);
    width: 80%;
    display: flex;
    background: rgb(231, 67, 78);
    overflow:hidden;
    margin-top: 60px;
    margin-left: 10px;
}
.nomain-search input
{
    position: relative;
    padding: 8px 10px;
    font-size: 16px;
    width: 94%;
    border: none;
    outline: none;

}
.nomain-search button
{
    border: none;
    background: rgb(231, 67, 78);
    color: rgba(255,255,255,1);
    width: 40px;
    cursor: pointer;
}
.pc-content-page .pagination
{
    position: absolute;
    right: 20px;
}
.pc-result-label
{
    position: absolute;
    left: 20px;
    font-weight: bold;
    color:rgba(255,255,255,1) !important;
}
.pc-content-detail
{
    border: 1px solid rgba(212,212,212,1);
    padding: 15px 15px;
    margin: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pc-content-detail .opentype-btn
{
    display: inline-block;
    text-transform: initial;
    padding: 5px 12px;
}
.pc-content-detail .product-detail-box{
	width: 100%;
	height: auto;
}
.pc-content-detail .product-detail-box table{
	width: 100%;
}
.fa.fa-search:before{
	content: '\e99a';
    font-family: 'icomoon';
}
@media screen and (min-width: 1081px) {
	
	
    .pc-content-detail .opentype-btn::before,.pc-content-detail .opentype-btn::after
    {
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 1080px) {
    .pc-content-detail .opentype-btn::before,.pc-content-detail .opentype-btn::after
    {
        line-height: 40px;
        text-align: center;
        height: auto;
    }
}
.pc-content-detail .opentype-btn:hover::before
{
    -webkit-transform: translateY(-120%);
    -moz-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    -o-transform: translateY(-120%);
    transform: translateY(-120%);
}
.pc-content-detail .opentype-btn:hover::after
{
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
}
.pc-content-detail .opentype-btn:hover
{
    color:rgba(255,255,255,1);
}
.pc-content-detail .top-data
{
    position: relative;
    display: flex;
    width: 100%;
}
.pc-content-detail .top-data .top-data-btn{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 30px;
}
.pc-content-detail .top-data button{
	padding: 4px 20px;
	background: #222f30;
	color: #fff;
	border: none;
	outline: none;
	box-shadow: none;
	border-radius: 5px
}
.pc-content-detail .top-data button:hover{
	background: #1f55a4;
	color: #fff;
}
.pc-Catalog,.pc-name
{
    font-weight: bold;
    color:rgba(49, 121, 172,1);
    font-size: 18px;
    max-width: 400px;
}

@media screen and (min-width: 1081px) {
    .pc-content-detail .top-data
    {

        justify-content: space-between;

        align-items: center;
    }
}

@media screen and (max-width: 1080px) {
    .pc-content-detail .top-data
    {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .pc-name
    {
        margin: 10px 0;
    }
    .pc-content-detail .top-data>a{
    	margin-bottom: 5px;
    }
    .pc-content-detail .top-data .top-data-btn{
    	margin-top: 10px;
    	column-gap: 15px;
    }
}
.mailTable{
    width: 60%;
    border:1px solid rgba(212,212,212,1);
    margin: 10px 0;
}

.mailTable tbody tr {
    /*  display: inline-block;*/
    border: none;
}
.nomain-content .mailTable tr>td:first-child
{
  /*  background:rgba(49, 121, 172,1);*/
    color:rgba(49, 121, 172,1);
    width: 200px;
    border-right: 1px solid rgb(212, 212, 212);
    font-weight: bold;
}
.nomain-content .mailTable tr>td:last-child:hover
{
    background:rgba(243,243,234,1);
}
.nomain-content .mailTable td {
    /* padding: 0; */
    /*    display: block;*/
    border: none;
    border-bottom: 1px solid rgba(221,221,221,1);
    padding: 5px 10px;
    font-size: 14px;
    background: rgb(241,243,249);
    text-align: center;
}
.nomain-content .mailTable th:not(:last-child), .nomain-content .mailTable td:not(:last-child) {
    border-bottom: 1px solid rgba(221,221,221,1);
}
.search-service
{
    position: relative;
}
.search-service::after
{
    position:relative;
    visibility: hidden;
    content: '';
    display:block;
    clear: both;
    height: 0;
}
.search-service>li
{
    position: relative;
    float: left;
    width: 30%;
    margin-right: 10px;
    margin-bottom: 10px;
}
.search-service>li>a
{
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    border-radius: 20px;
    border: 1px solid rgba(212,212,212,1);
    padding: 3px 10px;
    font-size: 14px;
    color:rgba(61,61,61,1);
}
.search-service>li>a::before
{
    content: none;
}
.search-service>li>a:hover
{
    background: rgb(21, 114, 171);
    color: rgba(255,255,255,1);
}
.search-service>li>a:hover::before
{
    color: rgba(255,255,255,1);
}
.pages{
	text-align: center;
	margin: 30px 0px;
}
.pagination li{
	list-style: none !important;
}
.pagination>li>a, .pagination>li>span{
	margin:0px 8px 10px 0px !important;
	color: #666666 !important;
	border: 1px solid #666 !important;
	padding: 4px 14px !important;
	font-size: 15px !important;
	display: inline-block !important;
	cursor: pointer;
}
.pages .pagination{
	margin-top: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-left: 0px !important;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #fff !important;
    background-color: #78BE96 !important;
    border-color: #78BE96 !important;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
	color: #fff !important;
    background-color: #78BE96 !important;
    border-color: #78BE96 !important;
}
.pagination-container .pagination{
	margin-top: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-left: 0px !important;
}

.inquiry-notic{
	background: url(../images/notice.svg) no-repeat 20px 12px/22px #86d79e;
	padding: 10px 20px 10px 56px !important;
	margin-bottom: 30px !important;
	margin-top: 20px !important;
	color: #fff !important;
	border-radius: 5px;
}
.inquiry-notic span{
	margin-right: 10px;
}
.center-layout
{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.breadcrumb {
    padding: 8px 0;
    margin-bottom: 20px;
    list-style: none;
    /*  background-color: #f5f5f5;*/
    border-radius: 4px;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li>a
{
    color:rgba(61,61,61,1);
}
.breadcrumb > li>a:hover
{
    color:rgba(49, 121, 172,1);
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.breadcrumb > .active {
    color: #777;
}
.breadcrumb > li:last-child
{
    color:rgba(49, 121, 172,1);
}
.contact-frame
{
    position: relative;
    display: flex;

}

.virus_headerobj{
	z-index: 222;
    position: relative;
}

@media screen and (max-width: 1080px) {
    .contact-frame
    {
        flex-direction: column;
        align-items: flex-start;
    }
    
}
@media screen and (min-width: 1081px) {
    .contact-frame
    {
        justify-content: space-between;
        width: 60%;
    }
}

.careerList
{
    position: relative;
}
.careerList a
{
    color:#03a6c5;
}
p[name='infoEmail']
{
    display: none;
}

.speakbtn{background: transparent url("../images/creative-logo.png?v=2021") no-repeat scroll 0 0;border: medium none;cursor:pointer;height: 90px;position: fixed;left: 0px;bottom:100px; width: 90px; z-index:10000;background-size: 100%;}
.speakbtn:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); transition:color .5s;}
.pro-detail-name{
	margin: 0;
    padding: 10px 0 10px 0;
    font-family: "lato";
    font-weight: bold;
    font-size: 19px;
}
.push{
	margin-top: 140px;
}
.page-form{
	width: 100%;
	height: auto;
	margin-top: 35px;
	margin-bottom: 35px;
}
.page-form-title{
	margin-bottom: 25px;
    font-family: 'Montserrat-SemiBold';
    color: #000;
	font-weight: bold;
	font-size: 25px;
}
.page-form .main-inquiry{
	width: 100%;
	max-width: 100%
}
.page-form .main-inquiry>form input{
	background: none;
	border: 1px solid #eee;
	padding: 0px 10px;
	height: 48px;
	margin: 0px 0px 10px;
}
.page-form .main-inquiry>form textarea{
	background: none;
	border: 1px solid #eee;
	padding: 10px 10px;
	height: 80px;
	margin: 0px 0px 0px;
}
.page-form .main-inquiry>form .title-box>div{
	width: 100%;
	margin-right: 0px;
}
.page-form .main-inquiry>form label{
	display: block;
	margin-bottom: 5px;
	font-family: 'Montserrat-Light';
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
}
.ullist.list-icon1{
	padding-left: 25px;
}
.ullist.list-icon1>li{
	padding-left: 0px;
	position: relative;
	list-style: none !important;
}
.ullist.list-icon1>li:before{
	content: '';
    position: absolute;
    top: 5px;
    left: -25px;
    width: 18px;
    height: 18px;
    background: url(../images/list-icon1.png) no-repeat 0px center/15px;
}
.nomain-messshell .table-style1 tr th{
	background: #3179ac;
	color: #fff;
	border: none;
}
.nomain-messshell .table-style1 tr td a{
	color: #3179ac;
}
.nomain-messshell .table-style1 tr td a:hover{
	color: #e7434e;
}
.nomain-messshell .inquiry-btn{
	display: inline-block;
	padding: 6px 10px;
	background: #3179ac;
	color: #fff !important;
	border-radius: 4px;
}
.nomain-messshell .inquiry-btn:hover{
	background: #e7434e;
}
.full-page{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.full-page .nomain-messshell{
	width: 100% !important;
}
.full-page .nomain-messshell h1{
	margin-bottom: 40px;
}
.full-page h2{
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 24px;
}
.page-title-list {
	width: 1000px;
	max-width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	column-gap: 0px;
	margin: auto;
	margin-bottom: 40px;
	position: sticky;
	top: 80px;
	z-index: 22;
	background: #eaf3f4;
	border-radius: 200px;
	padding: 5px 5px;
}
.page-title-list .list-item {
	padding: 7px 20px;
	min-height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
	color: #000;
	cursor: pointer;
	flex-grow: 1;
	border-right: none;
	text-align: center;
	border-radius: 200px;
}
.page-title-list .list-item:hover {
	color: #ffff;
}
.page-title-list .list-item.shows {
	color: #fff;
	background: #3179ac;
}
.info-item1{
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	padding-top: 10px;
}
.info-item1 .list-item{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	background: rgb(239,241,244);
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}
.info-item1 .list-item .list-title{
	width: 260px;
	min-height: 100px;
	background: #479AA0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 15px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1);
}
.info-item1 .list-item .list-title p{
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #fff;
	line-height: 24px;
	text-align: center;
}
.info-item1 .list-item .list-text{
	width: calc(100% - 260px);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 20px 20px 5px;
}
.info-item1 .list-item:nth-child(2) .list-title{
	background: #44546A;
}
.info-item1 .list-item:nth-child(3) .list-title{
	background: #2E75B6;
}
.info-item1 .list-item:nth-child(4) .list-title{
	background: #a08147;
}
.info-item2{
	width:100%;
	height: auto;
}
.info-item2>.row{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0px -10px;
}
.info-item2>.row:before{
	content: none;
}
.info-item2>.row:after{
	content: none;
}
.info-item2>.row>div{
    padding: 0px 10px;
	margin-bottom: 25px;
}
.info-item2 .list-item{
	width: 100%;
	height: 100%;
	display: block;
}
.info-item2 .list-item .pic{
	width: 100%;
	padding-bottom: 60%;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.info-item2 .list-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.info-item2 .list-item:hover .pic img{
	transform: scale(1.1); 
}
.info-item2 .list-item .text h3{
	font-size: 17px;
	line-height: 1.3;
	color: #3179ac;
	padding-bottom: 10px;
	margin-bottom: 5px;
	position: relative;
}
.info-item2 .list-item .text h3:after{
	content: '';
	width: 120px;
	height: 2px;
	background: #3179ac;
	position: absolute;
	left: 0px;
	bottom: 0px;
	transition: all .5s;
}
.info-item2 .list-item:hover .text h3:after{
	width: 100%;
	background: #e7434e;
}
.info-item2 .list-item:hover .text h3{
	color: #e7434e;
}
.faq-list{
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px
}
.faq-list .list-item{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.faq-list .list-item:last-child{
	margin-bottom: 0px;
}
.faq-list .list-title{
	width: 100%;
	height: auto;
	background: #f8f8f8;
	padding: 6px 15px 6px 15px;
	min-height: 54px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.faq-list .list-title p{
	padding: 0px;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 1.3;
}
.faq-list .list-title:hover p{
	color: #3179ac;
}
.faq-list .list-title.shows p{
	color: #3179ac;
}
.faq-list .list-title:after{
	content: '+';
	font-size: 24px;
	color: #000;
	font-weight: bold;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-left: 20px;
}
.faq-list .list-title.shows:after{
	content: '-';
}
.faq-list .list-text{
	width: 100%;
	height: auto;
	padding: 20px 15px 5px;
	border: 1px solid #ccc;
	background: #fff;
	position: relative;
	display: none;
	margin-top: 30px;
}
.faq-list .list-text:before,.faq-list .list-text:after{
    bottom: 100%;
    left: 6%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.faq-list .list-text:before{
	border-color: transparent;
    border-bottom-color: #ccc;
    border-width: 17px;
    margin-left: -17px;
}
.faq-list .list-text:after{
	border-color: transparent;
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -16px;
}
.product-screen-box {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 20px;
	padding: 20px 20px;
	background: #E9EAEB;
	margin-top: 45px;
}
.product-screen-search {
	position: relative;
	width: 450px;
	max-width: 50%;
}
.product-screen-search .search-input {
	border-radius: 0;
	height: 42px;
	width: 100%;
	border: none;
	outline: none;
	padding: 5px 50px 5px 10px;
	color: #454545;
	background: #fff;
	transition: all ease 0.6s;
	font-size: 16px;
}
.product-screen-search .search-input::-webkit-input-placeholder {
	color: #999;
	font-size: 16px;
}
.product-screen-search .search-input:-moz-placeholder {
	color: #999;
	font-size: 16px;
}
.product-screen-search .search-input::-moz-placeholder {
	color: #999;
	font-size: 16px;
}
.product-screen-search .search-input::-ms-input-placeholder {
	color: #999;
	font-size: 16px;
}
.product-screen-select{
	width: 400px;
	max-width: 50%;
}
.product-screen-select select {
	border-radius: 0;
	height: 42px;
	width: 100%;
	border: none;
	outline: none;
	padding: 5px 20px 5px 5px;
	color: #454545;
	background: #fff;
	font-size: 16px;
}
.product-screen-search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	background: #3179ac;
	color: #ffffff;
	border: 0;
	z-index: 1;
	cursor: pointer;
	font-size: 18px;
}
.product-screen-search button:hover {
	background: #e7434e;
	color: #ffffff;
	transition: all 0s ease-in-out;
}
.product-list{
	margin-bottom: 50px;
}
.product-list-section .product-list{
	max-height: 528px;
	overflow: auto;
}
.services-container .reference li{
	font-size: 15px;
	line-height: 24px;
	color: #8b8b8b;
}
.product-list-panel .opentype-btn{
	text-transform: inherit;
	padding: 8px 10px;
    font-size: 15px;
}
.product-list-panel .product-card-title{
	font-size: 17px;
}
.product-list-panel .product-card-cat{
	color: #53ca76;
}
.product-list-panel .product-list-search button{
	background: #86d79e;
}
.product-list-panel .product-list-search button:hover{
	background: #222f30;
}
.product-list-panel .prdouct-filters{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 15px;
}
.product-list-panel .prdouct-filters label{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 10px;
	margin-bottom: 7px;
	position: relative;
}
.product-list-panel .prdouct-filters label span{
	position: absolute;
	right: 26px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 20px;
	cursor: pointer;
	color: #86d79e;
}
.product-list-panel .prdouct-filters label span.shows{
	display: block;
}
.product-list-panel .prdouct-filters label span:hover{
	color: #222f30;
}
.product-list-panel .prdouct-filters label span:after{
	content: '\2716';
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
}
.product-list-panel .prdouct-filters select{
	width: auto;
	height: 42px;
	border: none;
	background: #fff;
	border: none;
	padding: 0px 45px 0px 5px;
	outline: none;
	font-size: 16px;
	border-radius: 5px;
}
.product-list-panel .product-card-text p{
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 3px
}
.product-list-pagination .pagination{
	gap: 4px !important;
}
.product-select-condition{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 15px;
}
.product-select-condition .condition-item{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 8px;
	margin-bottom: 6px;
	font-size: 15px;
}
.product-select-condition .condition-item span{
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 10px;
	padding: 5px 10px;
	background: #eefbff;
	border: 1px solid #e6e8ef;
	color: #000;
	border-radius: 5px;
	font-size: 15px;
	cursor: pointer;
	word-break: break-all;
}
.product-select-condition .condition-item span:hover{
	background: #86d79e;
	color: #fff;
}
.product-select-condition .condition-item span:after{
	content: '\2716';
}



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



.page-title-list {
	top: 66px;
}
.page-form .main-inquiry>form textarea{
	height: 120px;
}
.page-form .main-form-line{
	margin: 0px;
	flex-wrap: wrap;
}
.page-form .main-form-line>div{
	width: 100%;
	margin-bottom: 5px;
}
.push{
	margin-top: 66px;
}
	
	
}

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


.info-item2>.row>div{
    width: 50%;
}
.info-item1 .list-item .list-text{
	padding: 20px 15px 5px;
}
.info-item1 .list-item .list-title{
	width: 100%;
}
.info-item1 .list-item .list-text{
	width: 100%;
}
.info-item1 .list-item{
	flex-wrap: wrap;
}
.page-title-list {
	flex-wrap: wrap;
	column-gap: 0px;
	top: 52px;
	border-radius: 5px;
	padding: 10px 10px;
	position: static;
}
.page-title-list .list-item {
	width: 49%;
	margin-bottom: 5px;
	flex-grow: 0;
}
.page-title-list .list-item.shows {
	color: #000;
	background: none;
}
.page-title-list .list-item:hover {
	background: #78be96 !important;
	color: #fff !important;
}


.tablebox table tr th{
	display: none;
}
.tablebox table tr{
    border-bottom: 1px solid #ccc;
    padding: 20px 0px 15px;
    display: block;
    width: 100%;
}
.tablebox table thead{
	display: none;
}
.tablebox table tr:last-child{
	border-bottom: 0px solid #ccc;
}
.tablebox table tr td{
	display: block;
	height: auto;
	width: auto !important;
    text-align: left !important;
    border: 0px solid #ccc;
    padding: 0px 10px 10px !important;
    background: none !important;
}
.tablebox table tr td .table-inquiry{
	display: inline;
}
.tablebox table tr td a{
	display: inline !important;
	    word-break: break-all;
}
.nomain-contact-mess>.foot-inquiry-title{
	font-size: 22px;
} 
    
}

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


.nomain-navi-subord>li
{
	width: 100%;
}
.product-screen-box {
	flex-wrap: wrap;
}
.product-screen-search {
	width: 100%;
	max-width: 100%;
}
.product-screen-select {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}
.push{
	margin-top: 120px;
}
	
}


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



.product-screen-box{
	padding: 15px 10px;
}
.info-item2>.row>div{
    width: 100%;
}
.nomain-navi-subord>li{
	width: 100%;
}
.logo-footer {
    width: 180px;
}
.main-advantage{
	padding: 80px 0 0px;
}
.nomain-contact-mess{
	margin-top: 20px;
}
    
}