/* ========== */
/* = INNER-BANNER = */
/* ========== */
@media (max-width:768px){
	.inner-banner { padding: 1rem 0;}
	
	.inner-banner .title {
		margin: 0.4rem 0 0.666666rem;
		font-size:0.453333rem; 
	}
	
	.inner-banner .des {
		font-size: 0.266666rem;
	}

}

/* ========== */
/* = BREADRUMB = */
/* ========== */
@media (max-width:768px){
	.breadrumb { display: none;}
}



/* ========== */
/* = INNER-PAGE-TITLE = */
/* ========== */
.inner-page-title {
	text-align: center;
	color: #aaa;
	text-transform: uppercase;
}

.inner-page-title .title {
	margin-bottom: 3px;
	font-size: 20px;
	color: #202020;
}

/* ========== */
/* = ABOUT.HTML = */
/* ========== */
.about-what-foot,
.about-team-foot { text-align: center;}

.about-what-foot>p,
.about-team-foot>p { 
	float: none;
	margin-bottom: 20px;
}

@media (max-width:768px) {
	.about-who { padding: 1rem 0;}
	.about-who-body { padding-top: 1rem;}
	.about-who-body .img {
		float: none;
		width: 90%;
		margin: 0 auto 1rem;
	}
	#jjfa_div .about-who-body .con { margin-left: 0;}
	.about-who-body .des { margin-bottom: 1rem;}
	.about-who-body .title { 
		margin-bottom: 0.55rem;
		font-size: 16px;
	}
	.about-who-body .button { 
		display: block;
		margin: 0 auto;
	}
	
	.about-what { padding: 1rem 0;}
	.about-what-body { padding: 1rem 0 .5rem;}
	.about-what-list {
		margin-left: -15px;
		margin-right: -15px;
	}
	.about-what-list li { padding: 0 15px 30px;}
	
	.about-team,
	.about-chose { padding: 1rem 0;}
}


@media (max-width:640px) {
	.about-what-list li {
		width: 33.33%;
	}
	
	.about-what-item p {
		overflow: hidden;
		height: 72px;
	}
}

@media (max-width:400px) {
	.about-what-list li {
		width: 50%;
	}
}

/* ========== */
/* = CASE.HTML = */
/* ========== */
@media (max-width:768px) {
	.case {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.case-body { padding: .6rem 0;}
	
	.case-list li { 
		padding: .4rem 0;
		width: 50%;
	}
}

@media (max-width:600px) {
	.case-list li { width: 100%;}
}

@media (max-width:400px) {

	.page i { display: none;}

}

/* ========== */
/* = CASE_SHOW.HTML = */
/* ========== */

@media (max-width:768px) {
	.case-show {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.case-show-l { 
		margin-right: 0;
		margin-bottom: .5rem;
	}
	
	.case-show-r {
		position: static;
		width: 100%;
	}
	
	.case-ohters-list li { width: 25%;}

	#jjfa_div .case-show-r .title .name { font-size: 0.4rem;}
	.case-show-r .des {
		padding: 0.4rem 0;
		margin: 0.4rem 0;
	}
}

@media (max-width:450px) {
	.case-ohters-list li { width: 50%;}
}

/* ========== */
/* = NEWS.HTML = */
/* ========== */
#jjfa_div .news-item .con { padding-right: 35px;}
#jjfa_div .news-item:hover .con {
	transform: translateX(0);
}
.news-item:hover .day::before { width: 35px;}

@media (max-width:768px) {
	.news {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.news-item .date { width: 65px;}
	.news-item .day { 
		margin-bottom: 0;
		font-size: 14px;
	}
	.news-item .day::before { display: none;}
	.news-item .more { 
		width: 16px;
		height: 14px;
		border-radius: 0;;
	}
	.news-item:hover .more {
		background: url(../images/news_more.png) no-repeat center;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.news-item .img { width: 30%;}
	#jjfa_div .news-item .con {
		padding: 0 10px 0 0;
		margin-left: 65px;
		margin-right: 30%;
	}
	#jjfa_div .news-item .con .name {
		margin-bottom: 5px;
		font-size: 15px;
	}
}


@media (max-width:400px){
	.news-item .date {
		display: none;
	}
	.news-item .mb-date {
		display: block;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.news-item .mb-date .more {
		float: right;
		margin-top: 0;
	}
	.news-item .img { width: 37%;}
	#jjfa_div .news-item .con {
		margin-left: 0;
		margin-right: 37%;
	}
}


/* ========== */
/* = ADVANTAGE.HTML = */
/* ========== */
@media (max-width:768px){
	.advantage-title .title {
		font-size: 18px;
	}

}
#jjfa_div .advantage-why-item { opacity: 1;}
#jjfa_div .advantage-why-item .icon {
	/*background: #2a9eff;*/
}
#jjfa_div .advantage-why-item .name { font-size: 15px;}
#jjfa_div .advantage-why-item .con-in { padding: 0 15px;}
#jjfa_div .advantage-why-item .con p { margin-top: 10px;}

.advantage-flow-body {
	padding: 0 15px;
}
.advantage-flow-list { 
	float: none;
	margin-bottom: 50px;
}
.advantage-flow-list li:nth-child(10) { display: none;}
.advantage-flow-item-1 {
	width: 16%;
}
.advantage-flow-item-2 {
	padding: 0 5px;
	width: 5%;
}
.advantage-flow-apply {
	position: static;
	width: 100%;
}


.advantage-win-item img {
	float: none;
	height: 32px;
	margin-bottom: 15px;
}
.advantage-win-item .num { text-align: center;}
#jjfa_div .advantage-win-item .con { margin-left: 0;}
.advantage-win-item p { height: 72px;}


.advantage-serve-list {
	margin-left: -10px;
	margin-right: -10px;
}
.advantage-serve-list li { padding: 0 10px;}
.advantage-serve-item { padding: 0;}
#jjfa_div .advantage-serve-item .icon { max-width: 80%;}

@media (max-width:768px) {
	#jjfa_div .advantage-why { padding: 1rem 0;}
	#jjfa_div .advantage-why-body { padding: 1.8rem 0;}
	#jjfa_div .advantage-why-item { height: auto;}
	#jjfa_div .advantage-why-item .con { display: none;}
	
	
	.advantage-flow { padding: 1rem 0;}
	.advantage-flow-body { margin-top: 1rem;}
	.advantage-flow-list { margin-bottom: .5rem;}
	.advantage-flow-apply { padding: 20px;}
	.advantage-flow-apply .p1 { font-size: 14px;}
	.advantage-flow-apply .p1 span { font-size: 16px;}
	
	
	.advantage-technique { padding: 1rem 0;}
	.advantage-technique-l,
	.advantage-technique-r {
		float: none;
		width: 100%;
	}
	.advantage-technique-r { margin-left: 0; margin-top: 1rem;}
	#jjfa_div .advantage-technique-r .con { padding: 20px 0;}
	
	.advantage-win,
	.advantage-win-body { padding: 1rem 0;}

	#jjfa_div .advantage-serve-item .name {
		margin: 10px 0 0;
		font-size: 16px;
	}
	.advantage-serve-item .des { display: none;}
}

@media (max-width:640px) {
	#jjfa_div .advantage-why-list li {
		margin: .3rem 0;
		width: 50%;
	}
	
	.advantage-flow-list li { 
		margin-bottom: 20px;
		height: auto;
	}
	.advantage-flow-list li:nth-child(10) { display: block;}
	.advantage-flow-item-1 {
		padding: 20px 0;
		width: 40%;
	}
	#jjfa_div .advantage-flow-item-1 .name {
		margin: 10px 0;
		font-size: 15px;
	}
	.advantage-flow-item-1 p { display: none;}
	.advantage-flow-item-2 { width: 10%;}
	.advantage-flow-apply { display: none;}
	.mb-advantage-flow-apply { display: block;}
	
	.advantage-win-list li { width: 33.333%;}
	.advantage-win-list li:last-child { border-right: 1px solid #616262;}
	
	.advantage-serve { padding: 1rem 0;}
	.advantage-serve-body { padding-top: .7rem;}
	.advantage-serve-list li { 
		width: 33.33%;
		padding: .3rem 10px;
	}
}

@media (max-width:460px) {
	.advantage-win-list li { width: 50%;}
}

/* ========== */
/* = CONTACT.HTML = */
/* ========== */
.contact {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media (max-width:640px){
	.contact-item {
		float: none;
		padding: .35rem 10px;
		width: 100%;
		text-align: left;
		overflow: hidden;
	}

	#jjfa_div .contact-item .icon {
		float: left;
		width: 1.466666rem;
	}

	#jjfa_div .contact-item .con {
		margin-left: 1.733333rem;
		margin-top: 0;
		padding: 3% 0 0;
		background: none;
	}

	#jjfa_div .contact-item .con p {
		display: block;
	}
	
	.contact-item p>label { float: none; display: block;}
	.contact-item p>span { display: inline-block; margin-left: 0;}
	.contact-item .p1>span { margin-left: 0;}

	.map { display: none; }
}

@media (max-width:370px){
	#jjfa_div .contact-item .con { padding: 0;}
}

/* ========== */
/* = SERVE.HTML = */
/* ========== */
.serve-inform.odd,
.serve-inform.even,
.serve-img.odd,
.serve-img.even {
	float: none;
	width: 100%;
}
.serve-inform.even,
.serve-inform.odd {
	padding: 0 10px;
}
.serve-img { margin-bottom: 50px;}
.serve-experience .serve-img,
.serve-data .serve-img { margin-left: 0;}


@media (max-width:768px){
	.serve-inform .ico { height: 30px;}
	.serve-inform .title {
		margin: 15px 0 10px;
		font-size: 16px;
	}
	#jjfa_div .serve-inform .con { padding: .3rem 0;}
	.serve-img { margin-bottom: .6rem;}
	
	.serve-custom,
	.serve-experience,
	.serve-response,
	.serve-data {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

@media (max-width:400px){
	.serve-inform { text-align: center;}
	.serve-inform .ico { margin: 0 auto;}
	#jjfa_div .serve-inform .con { text-align: left;}
}