@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@charset "utf-8";
.line { border-bottom:1px solid #E2E2E2; margin-top:30px;margin-bottom:30px;}
.f_clear {margin-top:30px; margin-bottom:30px;}
.img_ww img{margin:0 auto; width:1000px;}

#content_text { clear:both; padding-top:0px; line-height:1.5;}
/*각페이지별타이틀아이콘*/
#content_text H2 { color:#464646; padding-top:0px; padding-right:0px; padding-bottom:5px; padding-left:15px; font-size:20px; font-weight:bold; margin-top:30px; margin-right:0px; margin-bottom:20px; margin-left:0px; background-image:url(../img/sub/bullet_BB.jpg); background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:4px; background-color:transparent; }

#content_text H3 {color:#333; padding-top:0px; padding-right:0px; padding-bottom:3px; padding-left:20px; font-size:18px; line-height:1.5; font-weight:bold; margin-top:20px; margin-right:0px; margin-bottom:5px; margin-left:0px; background-image:url(../img/sub/bullet_S.jpg); background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:11px; background-color:transparent;}

#content_text H4 { color:#333; padding-top:0px; padding-right:0px; padding-bottom:3px; padding-left:20px; font-size:18px; line-height:1.5; font-weight:bold; margin-top:20px; margin-right:0px; margin-bottom:5px; margin-left:0px; background-image:url(../img/sub/bullet_Ss.png); background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:12px; background-color:transparent;}

#content_text H5 { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:19px; font-size:18px; line-height:1.5; margin-top:0px; margin-right:0px; margin-bottom:3px; margin-left:0px; background-image:url(../img/sub/bullet_S.png);  background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:7px; background-color:transparent;}

#content_text .con_01 { clear:both; margin:0 0 30px 5px; overflow:hidden; padding:0; position:relative; width:698px;}



.c_r_img { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; float:right;}
.c_l_img { padding-top:0px; padding-right:0px; padding-bottom:20px; padding-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; float:left;}

.c_r_text { text-align:justify; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:20px; float:right;}
.c_l_text { text-align:justify; padding-top:0px; padding-right:20px; padding-bottom:0px; padding-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; float:left;}

@media all and (max-width:640px){
/*#content_text img {width:100%}*/
}

/* intr01 */
.introBox{background:#fff;width:100%;text-align:center;}
.introBox2{background:#fff;width:100%;}
.introCtn{max-width:1200px; width:95%; margin:0 auto; position:relative}
.introCtn > .tit2Box{text-align:left;padding-left:500px;position:absolute;z-index:3}
.introPd02{padding:60px 0 20px}
.intro_limg {width:100%;text-align:left;position:relative;}
.introCtn p.intro2{width:100%}
h2.intro{color:#111; font-size:42px;padding-top:8px; letter-spacing:-3px;line-height:1.3 }
.introCtn p.intro2{width:100%;font-size:19px;line-height:1.5;color:#333;font-weight:300; margin-top:0; padding:20px 0 50px;word-break: break-all; font-weight:400}

.intro01{width:100%; padding:20px; text-align:center;}
.intro01_box{max-width:1200px; width:95%; margin:0 auto; text-align: center; }
.intro01_box:after{content:""; display: block; clear: both;}
.intro01_img{ width: 43.75%; float: left;}
.intro01_img img{ width: 100%; }
.intro01_txt{float: left;width:56.25%;line-height:1.5; margin-top:-30px; text-align:left;word-break: break-all; font-weight:400; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding-left:60px;}

.intro01_txt01{font-family: 'Noto Sans KR';font-size:32px;line-height:1.5;color:#333; margin-top:30px; letter-spacing:-3px; font-weight:400}
.intro01_txt01 span{color:#013dd9;font-size:30px;line-height:1.5; letter-spacing:-3px; }
.intro01_txt02{font-size:25px;line-height:1.5;color:#2f2f2f; margin-top:20px; font-weight:600;}
.intro01_txt03{font-size:18px; margin-top:20px;line-height:1.5; }
.intro01_txt04{font-size:18px; margin-top:20px;line-height:1.5; color:#333 }

/* ingtro02 */
.intro02{width:100%; padding:20px; text-align:center;}
.intro02 img {width:100%;}
  


/* intro03 */
.intr03 {max-width:1200px; padding: 0 10px; }
.map_wrap {max-width:1200px;height:350px;margin:0px auto;background:#fff;border:1px solid #d9d1cb; clear:both; }
.map_wrap_addr {max-width:1200px;height:auto; padding: 20px; margin-bottom:20px; background:#8ec111; clear:both; text-align: center; color: #fff; font-size: 22px; line-height: 30px; word-break: keep-all;}
.map_wrap_addr span{display: inline;}
.map_wrap_addr a{ color: #fff;}
.map_wrap_info .inner{max-width:1200px;margin:0 auto; padding:0;}
.map_info > li{float:left;width:50%; padding-left:30px; margin-bottom:30px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.map_info > li:first-child{padding-left:0;}
.map_info > li > div{position:relative;border:1px solid #dcdcdc;height:350px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-repeat:no-repeat;background-position:right 0;padding:30px;background-origin:content-box;}
.map_info > li:nth-child(1) > div{background-image:url(../img/page/ch01.png);}
.map_info > li:nth-child(2) > div{background-image:url(../img/page/ch02.png);}
.map_info > li:nth-child(3) > div{background-image:url(../img/page/ch03.png);}
.map_info > li > div > div{position:absolute;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0 30px;top:30px;padding-right:20px;left:0;}
.map_info > li > div > div h3{font-size:32px;line-height:30px;font-weight:400;margin-bottom:30px;}
.map_info > li > div > div > strong{display:block;font-size:16px;line-height:28px; font-weight:500; color:#0075d2; margin-bottom: 10px;}
.map_info > li > div > div ul li{font-size:16px;line-height:28px; font-weight:400;}
.map_info > li > div > div ul li span{ display:block;}
.map_info_list02 > li{position:relative;padding-left:45px; margin-bottom: 5px;}
.map_info_list02 > li span{position:absolute;left:0;display: inline-block; padding: 0 5px; color: #fff;}
.map_info_list02 > li span.blue{ background-color: #0075d2;}
.map_info_list02 > li span.red{ background-color: #f0193b;}
.map_info_list02 > li span.green{ background-color: #00a98d;}

.map_info_list01 > li{position:relative;padding-left:16px;}
.map_info_list01 > li span{position:absolute;left:0;}


/*수질분석*/
.prod_box {position:relative; margin:0 auto; overflow:hidden; padding:15px 30px 15px 30px; border:1px solid #ddd; box-sizing:border-box; background:#F3F3F3;box-sizing:border-box; margin-bottom:20px;text-align:center;}

.prod_txt {font-size:18px; color:#252525;display:inline-block;}

.water_box{position:relative;width:100%; margin:0 auto; border-top:2px solid #666666;text-align:center;}

.circle_tit{float:left;width:100%;font-size:20px;font-weight:600;margin-bottom:0px; margin-top:30px; color:#1F83C1;}
.circle_tit::before{content:"ㆍ"}




.space_wrap{position:relative;height:auto;z-index:1;overflow:hidden;padding:30px 30px 30px 30px;background:#d1d1d1;}

.dw-downwr{
	position:relative;width:100%; margin:30px auto;display:inline-block;}
.catal-btn{
	font-size:16px;
	display:inline-block;
	min-width:160px;	
	font-weight:700;
	border-radius:3px;
	padding:15px;
	margin-right:5px;
	vertical-align:middle;
	text-align:center;
	background:#fff;
}
.catal-btn2{
	font-size:16px;
	display:inline-block;
	min-width:160px;	
	font-weight:700;
	border-radius:3px;
	padding:15px;
	margin-right:5px;
	vertical-align:middle;
	text-align:center;
	background:#fff;
}


.catal-btn{
	border:1px solid #b7b7b7 !important;
	color:#252525;
}


.catal-icon{
	position:relative;
}
.catal-icon:After{
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	background:url(/img/sub/dw-icon01.png);
	background-size:100%;
	margin-left:15px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.catal-icon2{
	position:relative;
}
.catal-icon2:After{
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	background:url(/img/sub/dw-icon02.png);
	background-size:100%;
	margin-left:15px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.catal-btn:hover{
	border:1px solid #1F82C1 !important;
	color:#1F82C1 !important;
}
.catal-icon:hover:after{
	background:url(/img/sub/dw-icon01ov.png);
	background-size:100%;
}
.catal-icon2:hover:after{
	background:url(/img/sub/dw-icon02ov.png);
	background-size:100%;
}

.catal-btn2{
	border:1px solid #b7b7b7 !important;
	color:#252525;
}
.catal-btn2:hover{
	border:1px solid #1F82C1 !important;
	color:#1F82C1 !important;
}

/* 브랜드 */
#xbrand_page .xbrand_top {background: url(../img/page/subpage_story_main.jpg) no-repeat center center; width: 100%; height:640px; position: relative;}
#xbrand_page .xbrand_top a {position: absolute; top:480px; width:198px; height:53px; font-size:16px; color:#fff; background:#26733c; text-align: center;line-height: 53px; border-radius: 26px; left:160px; }
#xbrand_page .xbrand_list {padding-top: 50px;}
#xbrand_page .xbrand_list ul {overflow: hidden;}
#xbrand_page .xbrand_list ul li {float: left;width:25%; background:#edf5e2; min-height:380px; text-align: center; padding: 52px 0 0; overflow: hidden;}
#xbrand_page .xbrand_list ul li.odd {background:#f9f9f9;}
#xbrand_page .xbrand_list ul li h3 {padding: 24px 0 18px; color:#333; font-size:20px; text-align:center}
#xbrand_page .xbrand_list ul li p {font-size:14px; color:#666; line-height: 24px; padding-bottom: 20px;}
#xbrand_page .xbrand_list ul li a {height:36px; width:144px; text-align: left; line-height: 34px; border:1px solid #a6a6a5; background: url(../img/page/more.png) no-repeat 90% 50%; display: block; margin:0 auto; padding-left:14px; color:#333; font-size:14px;}

/**/
#page_title_img { float:left; width:100%; height:auto; margin-bottom:20px; text-align:center; color:#ffffff; font-size:20px; font-weight:300; line-height:30px;}
.con_wrap_re.bg {background:#f4f4f4;}

.con_wrap_re{margin-bottom:20px;padding:45px 40px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px #e5e5e5 solid; height:280px; /*float:left;*/}
.con_wrap_re li {float:left;}
.con_wrap_re li.movie {float:right;}
.con_wrap_re li.txt {float:left;}


/*인포박스*/
.info_box01 {max-width:1200px;  border:1px solid #ddd; box-sizing:border-box; background:#FBFBFB; margin-top:20px;text-align:center; height:235px;}

.info_box01 li {float:left; width:33.2%; border-left:1px solid #ddd; height:235px;}
.info_box01 li:first-child{ border-left:none;}
.info_box01 li dt {font-size:17px; color:#333; padding-top:30px; }
.info_box01 li dd {font-size:28px; color:#333; font-weight:bold; line-height:1.5}
.info_box01 li p { position:relative; margin:0 auto; width:70%;color:#396; border-top:1px dashed #ddd; margin-top:20px; font-size:24px; font-weight:bold;text-align:center;}
.info_box01 li p.b01 {color:#00B0A6; font-size:30px; font-weight:bold;  padding:20px 20px;}

.info_box01 li p.b02 {color:#FF8400; font-size:30px; font-weight:bold; padding:20px 20px; line-height:1.1 /*padding-top:15px; padding:10px 60px*/}
.info_box01 li p.b02 span{color:#5B5B5B; font-size:16px; font-weight:normal; display:inline-block;}

.info_box01 li p.b03 {color:#FF8400; font-size:30px; font-weight:bold; padding:20px 20px; padding-top:15px; padding:10px 20px}

.info_box01 li p.b03 button {font-size: 18px; display: block; width: 140px; padding: 13px 30px; color: #fff; /*border: 1px solid #FF8400;*/ background-color: #3178D4; margin: 0 auto; cursor: pointer; margin-top:10px;}

/* 표,테이블 */
.tbSty01{border-top:1px solid #094a8d}
.tbSty01 table{border:1px solid #e2e2e2}
.tbSty01 tr{border-bottom:1px solid #e2e2e2}
.tbSty01 th{padding:10px;background:#f9f9f9;border:1px solid #e2e2e2;font-size:16px;color:#333;text-align:center;line-height:1.5}
.tbSty01 td{padding:10px;border:1px solid #e2e2e2;font-size:16px;color:#333;text-align:center;line-height:1.5}
.tbSty01 .bg_blue{background:#094a8d;}
.tbSty01 .bg_pink{background:#ffc4dd;}
.mt40.caution{color:#C00;}

.guideTxt{margin:0 0 20px 0;}
.guideTxt li{font-size:16px;color:#555;background:url('../img/common/ico_dot2.png') no-repeat 0 10px;padding:0 0 5px 10px;line-height:1.5}
.guideTxt_no_dot li{font-size:16px;color:#555; padding:0 0 5px 0;line-height:1.5; background:none;}
.guideTxt .no_dot{ background:none;}

.guideTxt span{ color:#C00;}




@media screen and (max-width: 1200px){
	
	/*intro02*/
	.view_wrap_info{ display: none;}
	.sample { left: 0; max-width:1200px; height: auto;}
	.sample .slider ul li {max-width:1200px;}
	
	#xbrand_page .xbrand_top a {left:120px; }
	
}
@media screen and (max-width: 1100px){
	
	/* intro03 */
	.map_wrap_addr span{display: block;}
	.map_info > li{width:100%; padding-left:0; margin-bottom:20px;}
	.map_info > li > div{height:auto;}
	.map_info > li > div > div{position:static;padding:0;padding-top:20px;}
	
	
	
	
}
@media all and (max-width: 1024px){
	/*intro01*/
	.introCtn > .tit2Box{width:100%;text-align:left;position:relative;z-index:3;padding-left:0}
	
	.intro_img {text-align:center}
    .intro_limg {text-align:center}
	.intro_imgs img{width:100%}
	
	.intro01{padding:10px 0 20px;}
	.intro01_img{ text-align: center; width: 100%;}
	.intro01_txt{ padding-bottom:60px; width: 100%; margin-top:0; padding-left:0px; padding-top:20px;}
	
	/*intro03*/
	.map_info > li > div > div ul li span{ display: inline;}
	
	
	.prod_box {padding-top:0px; padding-bottom:10px;}
	.prod_txt {font-size:16px;}
	
	.space_wrap{ display:none}
	

	.catal-btn{
		position:relative;
		margin:0 auto;
		width:95%;
		font-size:16px;
		display:inline-block;
		float:left;
		min-width:160px;	
		font-weight:700;
		border-radius:3px;
		padding:15px;
		margin-bottom:5px;
		vertical-align:middle;
		text-align:center;
		background:#fff;
}

/*#page_title_img img{width:100%; height:auto}*/


#xbrand_page .xbrand_top {background: url(../img/page/subpage_story_main.jpg) no-repeat top left 13%; background-size:100%; height:370px; position: relative;}

#xbrand_page .xbrand_top a {left:80px; top:280px;}

#xbrand_page .xbrand_list {padding-top: 0px;}
#xbrand_page .xbrand_list ul li {float: left;width:49.5%; margin-right:0.5%; margin-bottom:2px;}


.con_wrap_re{margin-bottom:20px;padding:45px 40px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px #e5e5e5 solid; height:560px; /*float:left;*/}
.con_wrap_re li {float:left;}
.con_wrap_re li.movie {float:right; width:80%;}
.con_wrap_re li.movie img{ text-align:center;}
.con_wrap_re li.txt {float:left;}
.con_wrap_re li.txt img{ text-align:center;}

}
@media screen and (max-width: 812px){	
.con_wrap_re{height:600px;}
.con_wrap_re li.movie img{ text-align:center; width:128%; margin-left:-148px; margin-bottom:10px;}
}
@media screen and (max-width: 768px){	
.con_wrap_re{height:600px;}
.con_wrap_re li.movie img{ text-align:center; width:128%; margin-left:-140px; margin-bottom:10px;}
}

@media screen and (max-width: 740px){
	.history_left .img_history {display:none;}
	
	
	/*intro03*/
	.map_wrap_addr{ font-size: 16px; }
	
	.img_ww img{width:100%;}
	.intro01_txt{ font-size:15px;letter-spacing:-1px; padding-left:0px;} 
	
	/*수질분석*/
		


.catal-btn{
	width:85%;
	font-size:16px;
	display:inline-block;
	float:left;
	min-width:160px;	
	font-weight:700;
	border-radius:3px;
	padding:15px;
	margin-bottom:5px;
	vertical-align:middle;
	text-align:center;
	background:#fff;
	margin-right:2%;
}


/*인포박스*/
.info_box01 {width:100%; height:705px;}

.info_box01 li {float:left; width:100%;height:235px;border-top:1px solid #ddd;border-left:none}

.info_box01 li:first-child{ border-top:none;}
.info_box01 li p { position:relative; margin:0 auto; width:70%;color:#396; border-top:1px dashed #ddd; margin-top:20px; font-size:24px; font-weight:bold;text-align:center;}


	
	}
	
@media screen and (max-width: 667px){	
.con_wrap_re{height:580px;}
.con_wrap_re li.movie img{ text-align:center; width:128%; margin-left:-120px; margin-bottom:10px;}
}
	
@media all and (max-width: 640px){	
	/*intro01*/
	h2.intro{text-align:center;font-size:24px;letter-spacing:-0.5px}
	.intro_img  > img {width:100%}
	.introCtn p.intro2{font-size:15px;letter-spacing:-1px;}
	
	.intro01_txt{ font-size:15px;letter-spacing:-1px; padding-left:0px;}
	
	.intro01_txt01 {font-size:26px; line-height:1.3}
	.intro01_txt01 span{font-size:26px; line-height:1.3}
	.intro01_txt03{font-size:15px;}
	.intro01_txt04{font-size:15px;}

	
	./*intro02*/
	.map_wrap_addr span{display: inline;}
	.map_info > li > div > div > strong{font-size:15px;}
	.map_info > li > div > div ul li{font-size:15px;}
	.map_info > li > div > div ul li span{ display:block;}
	
	/*수질분석*/
		


.catal-btn{
	width:37%;
	font-size:13px;
	display:inline-block;
	float:left;
	min-width:160px;	
	font-weight:700;
	border-radius:3px;
	padding:10px 5px 10px 5px;
	margin-bottom:5px;
	vertical-align:middle;
	text-align:center;
	background:#fff;
	margin-right:1%;}
	
	.catal-btn2{
	width:95%;
	font-size:13px;
	display:inline-block;
	float:left;
	min-width:160px;	
	font-weight:700;
	border-radius:3px;
	padding:10px 5px 10px 5px;
	margin-bottom:5px;
	vertical-align:middle;
	text-align:center;
	background:#fff;
	margin-right:1%;}
	
	
	#xbrand_page .xbrand_top {background: url(../img/page/subpage_story_main.jpg) no-repeat top left 13%; background-size:100%; height:200px; position: relative;}

#xbrand_page .xbrand_top a {left:80px; top:130px;}

.con_wrap_re{height:500px;}
.con_wrap_re li.movie img{ text-align:center; width:145%; margin-left:62px;}
	

}

@media all and (max-width: 568px){	

#xbrand_page .xbrand_top a {left:90px;}

.con_wrap_re{height:500px;}
.con_wrap_re li.movie img{ text-align:center; width:125%; margin-left:-88px; margin-top:-28px;}

}

@media all and (max-width: 414px){	

#xbrand_page .xbrand_top a {left:90px;}

.con_wrap_re{height:400px;}
.con_wrap_re li.movie img{ text-align:center; width:145%; margin-left:-88px; margin-top:-28px;}

}


@media all and (max-width: 375px){	

#xbrand_page .xbrand_top a {left:80px;}

.con_wrap_re li.movie img{ text-align:center; width:150%;margin-left:-83px; margin-top:-28px;}

}


@media all and (max-width: 320px){	


.con_wrap_re{height:320px;}
.con_wrap_re li.movie img{ text-align:center; width:150%;margin-left:-65px; margin-top:-28px;}
.con_wrap_re li.txt img{ text-align:center; width:100%; margin-left:-15px;}
}


/***/
.Quality{letter-spacing:-1px}
.Quality .line{position:relative}
.Quality .line .inner{padding:60px 0 40px; border-bottom:1px solid #ddd}
.Quality .line:nth-child(1) .inner{border-top:0px solid #ddd}
.Quality .line .imgArea{position:absolute; width:608px}
.Quality .line .imgArea img{width:auto; height:100%;}
.Quality .line:nth-child(1) .imgArea{bottom:0; right:0}
.Quality .line:nth-child(2) .imgArea{bottom:0; left:0}
.Quality .line:nth-child(3) .imgArea{bottom:0; right:0}
.Quality .line .txtArea{position:relative; padding-left:100px; width:672px; z-index:1; word-break:keep-all; height:380px;}
.Quality .line:nth-child(1) .txtArea{background:url('../img/page/prod03_con01.png') no-repeat left top}
.Quality .line:nth-child(2) .txtArea{background:url('../img/page/prod03_con02.png') no-repeat 608px top; padding-left:708px; width:100%}
.Quality .line:nth-child(3) .txtArea{background:url('../img/page/prod03_con03.png') no-repeat left top}
.Quality .line .txtArea .tit1{font-family:'Noto Sans KR', sans-serif; font-size:34px; font-weight:500; line-height:74px; color:#222; letter-spacing:-2px}
.Quality .line .txtArea .tit2{margin-top:18px; font-weight:700; font-size:24px; line-height:36px; color:#54a922}
.Quality .line .txtArea .tit2 span{display:block}
.Quality .line .txtArea .txt1{margin-top:10px; font-size:18px; line-height:32px; color:#555; background:url(../img/page/dot01.jpg) no-repeat; padding-left:15px; background-position-y:14px;}
.Quality .line .txtArea .txt1 span{display:block}
.Quality .line .txtArea .txt2{margin-top:-5px; font-size:16px; line-height:28px; color:#999}
.Quality .line .businessArea{position:relative; padding-left:100px; width:670px; margin-top:45px; z-index:1}
.Quality .line:nth-child(2) .businessArea{padding-left:708px; width:100%}
.Quality .line .businessArea .type{width:260px; font-weight:700; font-size:24px; color:#222}
.Quality .line .businessArea .type:after{content:''; display:block; clear:both}

.Quality .line .businessArea .listD{margin-top:17px}
.Quality .line .businessArea .listD:after{content:''; display:block; clear:both}
.Quality .line .businessArea .listD .list{position:relative; float:left; width:285px; top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.Quality .line .businessArea .listD .list:after{content:''; display:block; clear:both}
.Quality .line .businessArea .listD .list .img{float:left; padding-right:12px; width:82px}
.Quality .line .businessArea .listD .list .txt{float:left; width:203px; font-size:18px; line-height:70px; color:#555; letter-spacing:-1.5px}
.Quality .line.active .businessArea .listD .list:nth-child(1){top:0; opacity:1; transition-delay:0.4s}
.Quality .line.active .businessArea .listD .list:nth-child(2){top:0; opacity:1; transition-delay:0.6s}


@media screen and (max-width:981px) {
	.Quality{margin-top:0}
	.Quality .line .inner{padding:30px 0 20px}
	.Quality .line:nth-child(3) .inner{padding-bottom:40px}
	.Quality .line .imgArea{min-width:auto; width:320px}
	.Quality .line .imgArea img{width:320px}
	.Quality .line:nth-child(1) .imgArea{right:-6%; bottom:0}
	.Quality .line:nth-child(2) .imgArea{left:auto; right:-6%; bottom:15px}
	.Quality .line:nth-child(3) .imgArea{right:-6%; bottom:-5px}
	.Quality .line .txtArea{width:100%; padding-right:100px; padding-left:0; word-break:keep-all; height:320px;}
	.Quality .line:nth-child(1) .txtArea{background:none}
	.Quality .line:nth-child(2) .txtArea{background:none; padding-left:0}
	.Quality .line:nth-child(3) .txtArea{background:none}
	.Quality .line .txtArea .tit1{font-size:26px; line-height:1}
	.Quality .line .txtArea .tit2{margin-top:18px; font-size:17px; line-height:24px;}
	.Quality .line .txtArea .txt1{margin-top:10px; font-size:15px; line-height:22px;background-position-y:8px;}
    .Quality .line .txtArea .txt1 br{display:none;}
	.Quality .line .txtArea .txt1 span{display:inline}
	.Quality .line .txtArea .txt2{margin-top:18px; margin-bottom:15px; font-size:13px; line-height:18px}
	.Quality .line .businessArea{padding-left:0; margin-top:35px}
	.Quality .line:nth-child(2) .businessArea{padding-left:0; width:100%}
	.Quality .line .businessArea .type{width:480px; font-size:17px}

	.Quality .line .businessArea .listD{margin-top:20px}
	.Quality .line .businessArea .listD .list{width:240px}
	.Quality .line .businessArea .listD .list:nth-child(1){top:0; opacity:1}
	.Quality .line .businessArea .listD .list:nth-child(2){top:0; opacity:1}
	.Quality .line .businessArea .listD .list .img{padding-right:0; width:70px}
	.Quality .line .businessArea .listD .list .img img{width:100%}
	.Quality .line .businessArea .listD .list .txt{padding-left:20px; width:170px; font-size:14px; line-height:70px}
}


@media screen and (max-width:758px) {
.topDiv .imgArea .img2{top:-98px}
	.midDiv .addrDiv{padding:19px 0 25px; background:none; border-bottom:0;}
	.Quality .line .txtArea{width:100%; padding-right:0; height:350px;}
	.Quality .line .businessArea{width:100%}
	.Quality .line .businessArea .type{width:100%; max-width:300px}
	.Quality .line .businessArea .listD .list{width:100%}
	.Quality .line .businessArea .listD .list:nth-child(n+2){margin-top:12px}
}