.main{ background: url(../images/main_bg.jpg) repeat-y; background-size: auto auto; }
.banner img{ width: 100%; }
.part1{  padding-top: 30px; padding-bottom: 60px;  }

/* Case Style, Shu Yue */
.case-list .title {
	margin: 15px 0 0 0; border: 1px solid #0c4462; padding: 3px;
}
.case-list .title span {
	position: relative; display: block; border: 1px solid #055574; padding: 20px 25px; font-size: 32px; color: #004093; line-height: 1.5em; background: url('../images/section-title-bg.png') no-repeat;
}
.case-list .title span:after {
	position: absolute; right: 35px; top: 50%; transform: translateY(-50%); content: ''; width: 69px; height: 68px; background: url('../images/section-title-arrow-down.png') no-repeat; 
}
.case-list .title.active span:after {
	background: url('../images/section-title-arrow-up.png') no-repeat; 
}
.case-list .article.hidden {
	height: 0; overflow: hidden; /*transition: 3s;*/
}
.case-list .article.hidden:before,
.case-list .article.hidden:after {
	display: none;
}
.case-list .article {
	height: auto; position: relative; margin: 32px 10px 12px 15px; background: rgba(7, 33, 69, .1); padding: 30px 40px; font-size: 16px; line-height: 1.5em; /*transition: 3s;*/
}
.case-list .article h3 {
	margin-bottom: 30px; font-size: 32px; color: #edfbff; text-align: center;
}
.case-list .article h4 {
	margin: 30px 0 20px; font-size: 22px; color: #8ee8ff;
}
.case-list .article p {
	text-indent: 2em; margin-bottom: 15px; font-size: 16px; color: white; line-height: 1.5em;
}
.case-list .article:before {
	z-index: 1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -15px;
    top: -15px;
    border: 1px solid rgba(20,136,213,0.66);
}
.case-list .article:after {
	z-index: 1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 10px;
    top: 10px;
    border: 1px solid rgba(20,136,213,0.66);
}
.case-list .article .img-text {
	display: flex;
	align-items: center;
	padding: 25px 0;
	margin-top: -15px;
}
.case-list .article .img-text.img-right {
	flex-direction: row-reverse;
}
.case-list .article .img {
	flex: none;
	position: relative;
	width: 337px;
	height: 318px;
}
.case-list .article .img span {
	position: absolute;
	width: 295px;
	height: 295px;
	overflow: hidden;
	border-radius: 50%;
}
.case-list .article .img label {
	position: absolute;
    bottom: -40px;
    color: white;
    font-size: 0.9em;
    line-height: 1.2em;
    width: 100%;
    text-align: center;
}
.case-list .article .img span img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.case-list .article .img-text.img-left .img {
	margin: 15px 30px 15px 0;
	background: url('../images/img-bg-arrow-right.png') no-repeat;
}
.case-list .article .img-text.img-left .img span {
	left: 12px;
	top: 12px;
}
.case-list .article .img-text.img-right .img {
	margin: 15px 0 15px 30px;
	background: url('../images/img-bg-arrow-left.png') no-repeat;
}
.case-list .article .img-text.img-right .img span {
	right: 12px;
	top: 12px;
}
.case-list .back {
	position: relative; margin-top: 20px; text-align: right;
}
.case-list .back a {
	position: fixed; right: 30px; bottom: 145px;
}
@media (max-width: 767px) {
	.case-list .title span { padding: 10px 60px 10px 20px; font-size: 16px; line-height: 1.25em;}
	.case-list .title span:after { right: 20px; width: 38px; height: 39px; background: url('../images/m/section-title-arrow-down.png') no-repeat; background-size: 38px 39px;}
	.case-list .title.active span:after { background: url('../images/m/section-title-arrow-up.png') no-repeat; background-size: 38px 39px;}
	.case-list .article {margin: 16px 5px 6px 7px; padding: 15px 20px}
	.case-list .article:before { left: -5px; top: -5px;}
	.case-list .article:after { left: 5px; top: 5px; }
	.case-list .article h3 { font-size: 16px; }
	.case-list .article h4 { font-size: 14px; }
	.case-list .article p { font-size: 12px; }
	.case-list .article .img-text { display: block; padding: 10px 0;}
	.case-list .article .img {
		width: 118px;
		height: 111px;
	}
	.case-list .article .img span {
		position: absolute;
		width: 103px;
		height: 103px;
		overflow: hidden;
		border-radius: 50%;
	}
	.case-list .article .img label {
	    bottom: -25px;
	    color: white;
	    font-size: 0.6em;
	    line-height: 1.2em;
	    width: 100%;
	    text-align: center;
	}
	.case-list .article .img-text .img span {
		top: 4px !important;
	}
	.case-list .article .img-text .img span img { width: 100%; }
	.case-list .article .img-text.img-left .img span {
		left: 4px;
	}
	.case-list .article .img-text.img-left .img {
		float: left;
		margin: 15px 30px 30px 0;
		background: url('../images/m/img-bg-arrow-left.png') no-repeat;
		background-size: 118px 111px;
	}
	.case-list .article .img-text.img-right .img span {
		right: 4px;
	}
	.case-list .article .img-text.img-right .img {
		float: right;
		margin: 15px 0 15px 30px;
		background: url('../images/m/img-bg-arrow-right.png') no-repeat;
		background-size: 118px 111px;
	}
	.case-list .back a {
		position: static;
		display: inline-block;
		width: 35px;
	}
	.case-list .back a img {
		width: 100%;
	}
}
/* Case Style END */



@media (min-width: 800px){
	.mb{ display: none !important; }
}
@media only screen and (max-width: 1024px){
	.part-title{ font-size: 24px; }
	.intro p{ font-size: 14px; }
	.intro p.bold{ font-size: 16px; }
	.info p{ font-size: 14px; margin-bottom: 8px; }
	.info{ padding: 30px 25px 20px; margin-top: 20px; }
	.main{ background: url(../images/m/main_bg.jpg) repeat-y; background-size: 100% auto;  }
	.part1{ background: url(../images/m/part1_bg.jpg) no-repeat center top; background-size: 100% auto; }
	.part2{ background: url(../images/m/part2_bg.jpg) no-repeat center top; background-size: 100% auto;  }
	.form-box:before{ display: none; }
	.form-box:after{ display: none; }
	.form-box{ background: none; padding: 0; margin-top: 20px; }
/*	.question:nth-child(1) .question-info,.question:nth-child(3) .question-info{ margin-top: 2px; background: rgba(6,26,56,0.5); border: 1px solid rgba(20,136,213,0.66); padding: 0 0 0 10px; width: calc(100% - 61px); }
	.question:nth-child(1) .question-info input{ background: none !important; border: 0 !important; margin-bottom: 0 !important;  }
*/	.question-no{ margin-right: 15px; width: 46px; height: 46px; font-size: 18px; line-height: 46px; }
	.check-box div{ width: 50%; margin-bottom: 0px; font-size: 14px;}
	.check-box{ margin-top: 15px; }
	/*#EnterpriseIndustrya{ background: none; border: 0; margin-bottom: 0;  }*/
	.question:nth-child(1) label,.question:nth-child(3) label{ display: none; }
	.question:nth-child(1) label.mb{ display: block; position: absolute; z-index: 9; left: 10px; top: 0; font-size: 14px; }
	.question-info>input{ margin: 0; width: 100% !important; }
	.check-box span{ width: 28px; margin-bottom: 10px; }
	.question-info{ padding: 2px 0; }
	#EnterpriseIndustrya{ width: 100% !important; margin: 0; }
	.question:nth-child(3) label.mb{ display: block; position: absolute; z-index: 9; left: 10px; top: 0;font-size: 14px; }
	#EnterpriseIndustryqt{ margin-left: 0; margin-top: 15px; }
	.question-info label{ line-height: 40px; }
	.item-qt label{ line-height: 30px; }
	.check-box .item-qt{ width: 80%; }
	.check-box .item-qt input{ margin-top: 0; }
	.contact-box div{ width: 100% !important; margin-bottom: 15px;background: rgba(6,26,56,0.5); border: 1px solid rgba(20,136,213,0.66); padding: 0 0 0 10px; }
	.contact-box div input{ border: 0; background: none; }
	.contact-box div{ font-size: 14px; }
	.submit{ margin: 0 auto 30px; }
	.address-box .province{ margin-right: 0; width: 100%; }
	.address-box .city{ width: 100%; }
}


@media (max-width: 380px){

}