@charset "utf-8";
.site_map_b{margin-top:100px; clear:both;}
.img_wrap{text-align:center;}
.img_wrap img{max-width:100%;}

.sub-wrap { padding-top:60px;;}
/*버튼*/
.tabs{margin-bottom:30px;  border-bottom:1px solid #d1d1d1; position:relative;border-bottom:1px solid #ccc;*zoom:1; padding:0 0 33px 0}
.tabs li{float:left;margin-bottom:-1px; margin-right:-1px;}
.tabs a{float:left;position:relative;border:1px solid #dfdfdf;border-bottom-color:#d1d1d1;background:#f4f4f4;color:#8c8c8c;text-decoration:none; padding:6px 20px;}
.tabs .active{border:1px solid #d1d1d1; border-top:3px solid #02457d; border-bottom:1px solid #fff; padding:6px 20px; color:#3c3b3b; background:#fff; margin-top:-1px;}
.tabs a:hover{color:#02457d;}
.tabs_contents > div{display:none;}
.tabs_contents .active{display:block;}

.btn{color:#fff; text-align:center; padding:0 45px; border:none; height:45px; line-height:43px; background:#333333; font-size:17px; display:inline-block; box-sizing:border-box;border-radius:23px}
.btn_gray{background:#636363;}
.btn_line{border:1px solid #3943a7; background:#fff; color:#3943a7;}

.tabs2{background:#f5f5f5; overflow:hidden; border-bottom:1px solid #3943a7}
.tabs2 li{float:left; width:25%; box-sizing:border-box; border-right:1px solid #fff;  background:#e4e4e4;}
/*.tabs2 li:last-child{border-right:none;}*/
.tabs2 li.active{background:#3943a7;}
.tabs2 li a{color:#363636; text-align:center; display:block; width:100%; padding:5% 0; font-size:20px;}
.tabs2 li.active a{color:#fff;}

/*box*/
.section{margin-bottom:8%;}
.inner_section{margin-bottom:4%;}
.section p{font-size:20px; color:#767676; line-height:1.5;}
.border_box1{background:url(/resources/img/sub/bg1.gif) repeat; padding:1.5%}
.border_box1 .wrap{background:#fff; padding:3.5%;}
#path+.border_box1{margin-top:3%;}

/*리스트*/
.list_dot li{color:#767676; font-size:18px; padding-left:18px; line-height:1.2; margin-bottom:25px;}
.list_dot li:before{content:''; display:inline-block; width:4px; height:4px; background:#3943a7; border-radius:100em; margin-right:14px; margin-left:-18px; vertical-align:5px;}
.list_dot li:last-child{margin-bottom:0;}
.list_img{overflow:hidden; margin-left:-2%;}
.list_img li{float:left; margin-left:2%; width:31.3%; box-sizing:border-box;}
.list_img li img{max-width:100%;}
.list_num li{padding-left:25px;}
.list_num li i{font-style:normal; width:25px; display:inline-block; margin-left:-25px;}

/*텍스트*/
.tit1{color:#252525; font-size:28px;}
.tit1:after{content:''; display:block; width:17px; height:4px; background:#3943a7; margin-top:1%; margin-bottom:2.5%}
.sub_tit1{text-align:center; color:#252525; font-size:28px; line-height:40px; margin:6% 0 5%;}
.sub_tit1 .small{color:#707070; font-size:20px; margin-top:2%;}
.point{color:#3943a7;}

/*테이블*/
.table1{border-top:2px solid #505050;}
.table1 th{color:#242424; font-size:15px; font-weight:400; border-bottom:1px solid #d4d4d4}
.table1 th[scope=col]{border-bottom:1px solid #505050; text-align:center;}
.table1 th[scope=row]{background:#f9f9f9; color:#666;}
.table1 td{text-align:center; color:#666; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4}

.table1 th,
.table1 td{padding:8.5px;}
@media screen and (max-width:1000px){
	.btn{height:40px; line-height:40px; font-size:16px; padding:0 15px;}
	.site_map_b{display:none;}
	#footer{margin-top:40px;}
	
	.tabs2 li a{font-size:14px;}
	
	/*box*/
	.section p{font-size:14px;}
	
	/*리스트*/
	.list_dot li{font-size:14px; margin-bottom:10px; padding-left:9px;}
	.list_dot li:before{margin-right:5px; margin-left:-9px; vertical-align:3px;}
	.list_num li{padding-left:15px;}
	.list_num li i{width:15px; margin-left:-15px;}
	
	
	/*텍스트*/
	.tit1{font-size:18px;}
	.sub_tit1{font-size:18px; line-height:1.2}
	.sub_tit1 .small{font-size:14px}

}
@media screen and (max-width:640px){
	/*리스트*/
	.list_img{margin:0;}
	.list_img li{margin-left:0; margin-bottom:2%; float:none; width:100%;}
}



.overview-top-txt>p{font-size:30px;color:#333; font-weight:300;line-height:40px;margin-top:75px;}
.overview-top-txt>p span { display:block;font-size:18px;line-height:35px;padding:30px 0 80px;}
.overview-top-txt ul { margin-bottom:140px;}
.overview-top-txt li { display:inline-block;width:24.5%;font-size:20px;color:#666666;border-left:1px solid #ddd;padding-left:4%;box-sizing:border-box}
.overview-top-txt li:first-child  { padding-left:0;border-left:0}
/*.overview-top-txt li p { display:inline-block;font-size:90px;color:#0c4da2}*/
.overview-top-txt li p { display:inline-block;font-size:70px;color:#0c4da2}
.overview-top-txt li span { color:#000;font-size:40px;}


.overview-top-con {background:url(../img/sub/company-img-bg.jpg) no-repeat center bottom;height:640px; }
.overview-top-con .box { width:714px;height:644px;padding:20px 40px 0 40px;color:#fff;background:url(../img/sub/box-bg.png) no-repeat 0 0;box-sizing:border-box}
.overview-top-con .box h3 { font-weight:bold;font-size:34px;margin-bottom:15px;display:block;}
.overview-top-con .box dt { clear:both;float:left;width:175px;font-size:16px;line-height:30px;font-weight:bold;padding-left:14px;background:url(../img/sub/w-jum.jpg) no-repeat left 13px}
.overview-top-con .box dd { float:left;font-size:16px;line-height:30px;;color:rgba(255,255,255,.6);font-weight:300;}
.overview-top-con .box dt.w100 { width:100%;}
.overview-top-con .box dd.w100 { padding-left:14px;}

.overview-top-con01 { background:#f3f3f3;padding:85px 0;}
.overview-top-con01 h3 { font-weight:bold;font-size:34px;margin-bottom:35px;display:block;color:#0d0d0d}
.overview-top-con01 a { float:right;padding:0 40px 0 30px;;height:45px;line-height:45px;text-align:center;color:#fff;font-weight:bold;font-size:16px;background:#0c4da2 url(../img/sub/w-arr.png) no-repeat 90% center;display:inline-block;margin-top:-100px;}
.overview-top-con01 li { background:#fff;float:left;width:32.6%;margin-right:1%;height:110px;text-align:center;margin-bottom:10px;color:#333333;font-size:14px;line-height:20px;font-weight:400;padding:0 10px;box-sizing:border-box}
.overview-top-con01 li:nth-child(3n)     { margin-right:0;}
.overview-top-con01 li  p   { font-size:19px;color:#0c4da2;font-weight:bold;display:block;margin:15px 0 15px;}

.clr { clear:both}


.overview-top-con02 {padding:85px 0;}
.overview-top-con02 h3 { font-weight:bold;font-size:34px;margin-bottom:35px;display:block;color:#0d0d0d}
.overview-top-con02 a { float:right;padding:0 40px 0 30px;;height:45px;line-height:45px;text-align:center;color:#fff;font-weight:bold;font-size:16px;background:#0c4da2 url(/resources/img/sub/w-arr.png) no-repeat 90% center;display:inline-block;margin-top:-100px;}
.overview-top-con02 .box { border-top:2px solid #171717;border-bottom:1px solid #ddd;padding:50px;}
.overview-top-con02 .box li {display:inline-block;;width:36.3333%;font-size:17px;color:#333333;line-height:35px;font-weight:400;letter-spacing:-1px;vertical-align:top;}
.overview-top-con02 .box li:nth-of-type(3n){ width:23.33333%;}

@media screen and (max-width:1330px){
.overview-top-con02 .box li {width:48%; }
.overview-top-con02 .box li:nth-of-type(3n) {width:48%; }

}

@media screen and (max-width:1140px){
.overview-top-txt li p { font-size:60px}

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



.overview-top-txt>p{font-size:18px;color:#333; font-weight:300;line-height:23px;margin-top:25px;}
.overview-top-txt>p span { display:block;font-size:12px;line-height:20px;padding:20px 0 30px;}

.overview-top-txt ul { margin-bottom:40px;}
.overview-top-txt li { display:inline-block;width:48%;padding:10px 0;font-size:12px;color:#666666;;padding-left:5%;box-sizing:border-box}
.overview-top-txt li:nth-child(2n + 1)   { padding-left:0;border-left:0}
.overview-top-txt li p { display:inline-block;font-size:20px;color:#0c4da2;font-weight:bold;}
.overview-top-txt li span { color:#000;font-size:14px;}



.overview-top-con {background:url(../img/sub/company-img-bg-m.jpg) no-repeat center bottom;background-size:cover;padding-bottom:20px;height:auto;;}
.overview-top-con .box { ;width:100%;height:auto;padding:20px 20px 50px 20px;color:#fff;background:url(../img/sub/box-bg.png) no-repeat 0 0;box-sizing:border-box;background-size:cover}
.overview-top-con .box h3 { font-weight:bold;font-size:20px;margin-bottom:15px;display:block;}
.overview-top-con .box dt { clear:both;float:none;width:100%;font-size:14px;line-height:20px;font-weight:bold;padding-left:14px;background:url(../img/sub/w-jum.jpg) no-repeat left center}
.overview-top-con .box dd { float:none;font-size:14px;line-height:20px;;color:rgba(255,255,255,.6);font-weight:300;margin-bottom:15px;padding-left:14px}

.overview-top-con01 { background:#f3f3f3;padding:30px 0;}
.overview-top-con01 h3 { font-weight:bold;font-size:20px;margin-bottom:15px;display:block;color:#0d0d0d}
.overview-top-con01 a { float:none;padding:0 20px 0 10px;;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:bold;font-size:12px;background:#0c4da2 url(../img/sub/w-arr.png) no-repeat 90% center;background-size:6px auto;display:inline-block;margin-top:0;margin-bottom:30px;}
.overview-top-con01 li { background:#fff;float:left;width:100%;margin-right:0%;height:90px;text-align:center;margin-bottom:10px;color:#333333;font-size:12px;line-height:18px;font-weight:400;}
.overview-top-con01 li:nth-child(3n)     { margin-right:0;}
.overview-top-con01 li  p   { font-size:12px;color:#0c4da2;font-weight:bold;display:block;margin:10px 0 10px;}


.clr { clear:both}


.overview-top-con02 {padding:30px 0;}
.overview-top-con02 h3 { font-weight:bold;font-size:20px;margin-bottom:15px;display:block;color:#0d0d0d}
.overview-top-con02 a { float:none;padding:0 20px 0 10px;;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:bold;font-size:12px;background:#0c4da2 url(/resources/img/sub/w-arr.png) no-repeat 90% center;background-size:6px auto;display:inline-block;margin-top:0;margin-bottom:30px;}
.overview-top-con02 .box { border-top:2px solid #171717;border-bottom:1px solid #ddd;padding:20px;}
.overview-top-con02 .box li { float:left;width:100%;font-size:12px;color:#333333;line-height:25px;font-weight:400;letter-spacing:-1px}
.overview-top-con02 .box li:nth-of-type(3n){ width:100%;}

}





.ceo-top-con {background:url(/resources/img/sub/ceo-img-bg.jpg) no-repeat center bottom;height:533px;margin-top:80px; margin-bottom:130px;}
.ceo-top-con .box { width:615px;height:378px;padding:60px 0 0 70px;color:#fff;background:url(/resources/img/sub/box-bg.png) no-repeat 0 0;box-sizing:border-box;font-size:45px;line-height:60px;font-weight:300;}
.ceo-top-con .box b { font-weight:500;}
.ceo-top-con .box .line { width:110px;height:1px;background:#fff;margin:50px 0 40px;;}
.ceo-top-con .box  span { font-size:24px;}

.ceo-top-con01  { margin-bottom:90px;}
.ceo-top-con01 ul li{width:47%;display:inline-block;vertical-align:top; color:#333;font-size:18px;line-height:35px;font-weight:300;letter-spacing :-1px}
.ceo-top-con01 ul li:first-child  { margin-right:4%;}
.ceo-top-con01 ul li p { font-size:30px;line-height:45px;}
.ceo-top-con01 ul li .line { width:80px;height:1px;background:#2c2c2c;margin:80px 0 45px;}

@media screen and (max-width:1000px){
.ceo-top-con {margin-top:25px;margin-bottom:40px;background:url(/resources/img/sub/ceo-img-bg-m.jpg) no-repeat center top;background-size:contain;padding-bottom:20px;height:auto;;padding-top:80%}
.ceo-top-con .box { width:100%;height:auto;padding:20px 20px 50px 20px;color:#fff;background:url(/resources/img/sub/box-bg.png) no-repeat 0 0;box-sizing:border-box;background-size:cover;font-size:20px;line-height:25px;}
.ceo-top-con .box .line  { width:30%;margin:30px 0;}
.ceo-top-con .box  span { font-size:14px;}
.ceo-top-con01  { margin-bottom:40px;}
.ceo-top-con01 ul li{width:100%;display:block;vertical-align:top; color:#333;font-size:12px;line-height:20px;font-weight:300;letter-spacing :0px}
.ceo-top-con01 ul li:first-child  { margin-right:0%;}
.ceo-top-con01 ul li p { font-size:18px;line-height:23px;}
.ceo-top-con01 ul li .line { width:80px;height:1px;background:#2c2c2c;margin:30px 0 35px;}
}

.history  { margin-top:80px;position:relative;}
.history-tab  { position:absolute;z-index:9999999}
.history-tab a{display:inline-block;height:75px;line-height:60px;text-align:center;font-size:22px;color:#000;font-weight:400;width:245px;position:relative;}
.history-tab a:before { content:'';position:absolute;width:100%;height:60px;background:#ebebeb;z-index:-1;left:0}
.history-tab a.active{color:#ffffff;background:url(../img/sub/tab-arr.jpg) no-repeat center bottom}
.history-tab a.active:before { background:#0c4da2;}

.history .box  { position:relative;margin-bottom:100px;padding-bottom:50px;}
.history .box .txt{position:absolute;margin-top:140px; color:#141414;font-size:20px;line-height:30px;font-weight:300;}
.history .box .txt b { margin-bottom:30px;display:block;font-size:40px;}
.history ul:before { content:'';width:1px;height:100%;background:#ddd;margin-left:42%;position:absolute;left:0}
.history ul {color:#333;font-size:20px;line-height:40px;font-weight:300;padding-left:42%;}
.history ul li {}
.history ul span { display:block;margin-left:-7px;background:url(../img/sub/history-icon.png) no-repeat 0 14px;padding-left:45px;}
.history ul span em { font-style:normal;width:38px;display:inline-block;}
.history ul  p  { padding-left:45px;color:#222222;font-size:38px;font-weight:bold;margin-bottom:30px;display:block;padding-top:65px;}
.history ul img { position:absolute;right:67%;margin-top:-8%;;}
.history ul img.right-img { margin-left:22%;}
.history ul img.right-img01 { margin-left:14%;}

.history ul li:first-child  p { padding-top:115px;}




@media screen and (max-width:1310px){
.history ul img { position:relative;left:0;margin-top:10px;margin-left:3%;width:auto;}
.history ul img.right-img { margin-left:3%;width:40%;}
.history ul img.right-img01 { margin-left:3%;}
.history ul img.top{ margin-top:10px;}
.history-tab a { width:200px;}
.history ul  p  { padding-top:50px;}

.history-top { margin-top:50px;}
}
@media screen and (max-width:1000px){

.history  { margin-top:25px;position:relative;}
.history-tab  { position:relative;z-index:0}
.history-tab a{display:inline-block;height:40px;line-height:40px;text-align:center;font-size:14px;color:#000;font-weight:400;width:47%;position:relative;}
.history-tab a:before { content:'';position:absolute;width:100%;height:40px;background:#ebebeb;z-index:-1;left:0}
.history-tab a.active { color:#fff;background:none;}
.history-tab a.active:before { background:#0c4da2;}

.history .box  { position:relative;margin-bottom:0px;padding-bottom:20px;}
.history .box .txt{position:relative;margin-top:30px; color:#141414;font-size:18px;line-height:25px;font-weight:300;margin-bottom:40px;}
.history .box .txt b { margin-bottom:10px;display:block;}
.history ul:before { content:'';width:1px;height:100%;background:#ddd;margin-left:0;position:absolute;left:0}
.history ul {color:#333;font-size:14px;line-height:20px;font-weight:300;padding-left:0;}
.history ul li {}
.history ul span { display:block;margin-left:-3px;background:url(../img/sub/history-icon.png) no-repeat 0 14px;background-size:6px ;padding-left:15px;margin-bottom:10px;}
.history ul span em { font-style:normal;width:100%;display:block;}
.history ul  p  { padding-left:15px;color:#222222;font-size:20px;font-weight:bold;margin-bottom:15px;display:block;padding-top:26px;}
.history-top { margin-top:26px;}
.history ul img { position:relative;left:0;margin-top:10px;margin-left:3%;width:80%;}
.history ul img.right-img { margin-left:3%;width:40%;}
.history ul img.right-img01 { margin-left:3%;}
.history ul img.top{ margin-top:10px;}
.history ul img.top01{ margin-top:10px;}

}


.organization img { display:block;margin:80px auto;}
.organization h3,
.organization ul { display:none;}
.organization .box { max-width:1255px;margin:0 auto;padding:35px;background:#ebebeb;color:#666666;font-size:18px;text-align:center;}
.organization .box span { margin-right:20px;}
.organization .box  em { font-size:7px;font-style:normal;display:inline-block;vertical-align:3px;}

@media screen and (max-width:1000px){
.organization img { margin:25px 0;}
.organization .box { text-align:left;font-size:14px;padding:20px;}

}

.map iframe { height:620px;width:100%;border:1px solid #ddd;margin-top:80px;}
.map .add { padding:35px;border-bottom:1px solid #ddd;text-align:center;font-size:20px;color:#333;font-weight:400;}
.map .add span { margin-left:10px;}
.map h3 { display:block;margin-top:80px;margin-bottom:20px;font-weight:bold;font-size:30px;color:#333333;}
.map-con { border-top:2px solid #000;}
.map-con  li:nth-child(2n + 1)  { border-left:1px solid #ddd}
.map-con  li { padding:45px;min-height:250px;box-sizing:border-box;color:#333333;font-size:17px;line-height:25px;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:50%;box-sizing:border-box;letter-spacing:-1px}
.map-con  li h4 { font-size:26px;color:#333333;display:block;margin-bottom:22px;font-weight:500;}
.map-con  li:nth-child(1) {background:url(/resources/img/sub/map-icon01.png) no-repeat 95% 90% }
.map-con  li:nth-child(2) {background:url(/resources/img/sub/map-icon02.png) no-repeat 95% 90% }
.map-con  li:nth-child(3) {background:url(/resources/img/sub/map-icon03.png) no-repeat 95% 90% }
.map-con  li:nth-child(4) {background:url(/resources/img/sub/map-icon04.png) no-repeat 95% 90% }
.map-tel { width:33.3333%;float:left}
.map-tel .head {float:left;border-top:2px solid #000;background:#f1f1f1;font-weight:500; }
.map-tel dt.head  { width:40%;}
.map-tel dd.head  { width:60%;}
.map-tel dt  { width:40%;float:left;height:60px;line-height:60px;background:#fcfcfc;color:#000;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;text-align:center;font-size:18px;}
.map-tel dd  { width:60%;float:left;height:60px;line-height:60px;background:#fff;color:#000;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;text-align:center;font-size:18px;}
.map-tel.line-right dd {border-right:0; }

.map .active {display : block;}
.map .hidden {visibility:hidden;}
.map .none {display:none;}

.map-tab  {display:table;width:100%; margin-top:-2px;text-align: center;}
.map-tab a { display:table-cell;width:25%;background:#fff;height:78px;line-height:78px;text-align:center;font-size:22px;color:#141414;font-weight:500;;border:1px solid #ddd;border-right:0;box-sizing:border-box}
.map-tab a:last-child  { border-right:1px solid #ddd}
.map-tab a.active {border: 3px solid #0c4da2; color: #0c4da2;}

@media screen and (max-width:1344px){
.map-con  li { font-size:14px;}

}


@media screen and (max-width:1124px){
.map-con { border-top:2px solid #000;border-left:1px solid #ddd}
.map-con  li:nth-child(2n + 1)  { border-left:0}
.map-con  li  { width:100%;border-right:1px solid #fff;border-bottom:1px solid #ddd}
}
@media screen and (max-width:1000px){
.map iframe { height:250px;margin-top:25px;}
.map .add { padding:15px;font-size:14px}
.map .add span { margin-left:0px;display:block;}
.map h3 { display:block;margin-top:25px;margin-bottom:20px;font-weight:bold;font-size:14px;color:#333333;}
.map-con { border-top:2px solid #000;border-left:1px solid #ddd}
.map-con  li:nth-child(2n + 1)  { border-left:0}
.map-con  li { padding:20px;min-height:auto;font-size:14px;line-height:20px;float:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:100%;letter-spacing:0px}
.map-con  li h4 { font-size:16px;margin-bottom:15px}
.map-con  li:nth-child(1) {;background:url(/resources/img/sub/map-icon01.png) no-repeat 95% 90%;background-size:50px }
.map-con  li:nth-child(2) {;background:url(/resources/img/sub/map-icon02.png) no-repeat 95% 90%;background-size:50px }
.map-con  li:nth-child(3) {;background:url(/resources/img/sub/map-icon03.png) no-repeat 95% 90%;background-size:50px }
.map-con  li:nth-child(4) {;background:url(/resources/img/sub/map-icon04.png) no-repeat 95% 90%;background-size:50px }
.map-tel { width:100%;float:left}
.map-tel .head {float:left;border-top:2px solid #000;background:#f1f1f1;font-weight:500; }
.map-tel dt.head  { width:40%;}
.map-tel dd.head  { width:60%;}
.map-tel dt  { width:40%;float:left;height:40px;line-height:40px;background:#fcfcfc;color:#000;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;text-align:center;font-size:14px;}
.map-tel dd  { width:60%;float:left;height:40px;line-height:40px;background:#fff;color:#000;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;text-align:center;font-size:14px;}
.map-tel.line-right dd {border-right:0; }
.m-none .head { display:none;}


}

.bbs-list { margin-top:15px;}
.bbs-list .top-page  { position:relative;margin-bottom:20px;}
.bbs-list .top-page p { height:45px;line-height:45px;font-size:18px;color:#333333}
.bbs-list .top-page .search-box { position:absolute;right:0;width:520px;top:0}
.bbs-list .top-page .search-box select { height:45px;line-height:45px;border:1px solid #dddddd;border-radius:23px;padding:0 20px;font-size:17px;}
.bbs-list .top-page .search-box input[type=text] { height:45px;line-height:45px;border:1px solid #dddddd;border-radius:23px;padding:0 20px;font-size:17px;}
.bbs-list .top-page .search-box input[type=button] { height:45px;line-height:45px;border:1px solid #333333;border-radius:23px;padding:0 20px;font-size:17px;background:#333;color:#fff;cursor:pointer}
.bbs-list .list { border-top:3px solid #333333}
.bbs-list .list ul { display:table;width:100%;}
.bbs-list .list ul li{ display:table-cell;border-bottom:1px solid #ddd;padding:30px 0;text-align:center;font-size:20px;color:#999999;font-weight:300;}
.bbs-list .list ul li:nth-child(1)     { width:10%;}
.bbs-list .list ul li:nth-child(2)     { width:70%;text-align:left;}
.bbs-list .list ul li:nth-child(2) a { font-size:20px;color:#333333;font-weight:300;}
.bbs-list .list ul li:nth-child(3)     { width:10%;}
.bbs-list .list ul li:nth-child(4)     { width:10%;}

@media screen and (max-width:1000px){
.bbs-list .top-page .search-box  { position:relative;width:100%;}
.bbs-list .top-page p { display:none;}
.bbs-list .list ul li:nth-child(1),
.bbs-list .list ul li:nth-child(4) { display:none;}
.bbs-list .list ul li{padding:15px 0;font-size:14px}
.bbs-list .list ul li:nth-child(2) a { font-size:14px;}


.bbs-list .top-page .search-box select { height:35px;line-height:35px;border-radius:16px;padding:0 10px;font-size:14px;}
.bbs-list .top-page .search-box input[type=text] { height:35px;line-height:35px;border-radius:16px;padding:0 10px;font-size:14px;}
.bbs-list .top-page .search-box input[type=button] { height:35px;line-height:35px;border-radius:16px;padding:0 10px;font-size:14px}

}

.bbs-view { margin-top:80px;border-top:3px solid #333333}
.bbs-view  .top{ padding:35px;border-bottom:1px solid #ddd ;position:relative;}
.bbs-view p {color:#333;font-size:20px;width:70%;}
.bbs-view  .top .day { ; position:absolute;right:20px;top:35px}
.bbs-view  .top span {color:#999;font-size:17px;margin-right:20px;}
.bbs-view  .con { padding:35px;font-size:18px;line-height:35px;min-height:620px;box-sizing:border-box;position:relative;padding-bottom:120px;border-bottom:1px solid #ddd}
.bbs-view  .con .file-box { display:block;position:absolute;bottom:40px;left:35px;width:100%;background:url(/resources/img/sub/flie-icon.png) no-repeat 0 center;padding-left:28px;}
.bbs-view  .con .file-box span { color:#999}

.b-list  { margin-bottom:40px;}
.b-list li {border-bottom:1px solid #ddd;padding:35px;color:#333;font-size:20px;}
.b-list li span { vertical-align:middle;width:90px;text-align:center;display:inline-block;position:relative;}
.b-list li span:after { content:'';width:1px;height:15px;background:#ddd;position:absolute;right:0;top:50%;transform:translateY(-50%) }
.b-list li a { vertical-align:middle;margin-left:20px;}


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


.bbs-view { margin-top:20px;border-top:3px solid #333333}
.bbs-view  .top{ padding:20px 15px;border-bottom:1px solid #ddd ;position:relative;}
.bbs-view p {color:#333;font-size:18px;width:100%;}
.bbs-view  .top .day { ; position:relative;right:0;top:0}
.bbs-view  .top span {color:#999;font-size:14px;margin-right:10px;}
.bbs-view  .con { padding:20px;font-size:14px;line-height:20px;min-height:auto;box-sizing:border-box;position:relative;padding-bottom:20px;border-bottom:1px solid #ddd}
.bbs-view  .con .file-box { display:block;position:relative;margin-top:20px;bottom:0px;left:0px;width:100%;background:url(/resources/img/sub/flie-icon.png) no-repeat 0 center;background-size:10px auto;padding-left:15px;}
.bbs-view  .con .file-box span { color:#999}

.b-list  { margin-bottom:20px;}
.b-list li {border-bottom:1px solid #ddd;padding:20px;color:#333;font-size:14px;}
.b-list li span { vertical-align:middle;width:40px;text-align:center;display:inline-block;position:relative;}
.b-list li span:after { content:'';width:1px;height:15px;background:#ddd;position:absolute;right:0;top:50%;transform:translateY(-50%) }
.b-list li a { vertical-align:middle;margin-left:20px;}

}



.center { text-align:center;}




.w-box { background:#fff;padding:0 80px;}

.ethics-top-txt {background:url(../img/sub/administration-img01.jpg) no-repeat 0 0;background-size:40% auto ;padding-left:45%; }

.ethics-top-txt>p{font-size:30px;color:#333; font-weight:300;line-height:40px;margin-top:75px;}
.ethics-top-txt>p span { display:block;font-size:18px;line-height:28px;padding:30px 0 0;}


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

.ethics-top-txt {background:url(../img/sub/administration-img01.jpg) no-repeat 0 0;background-size:100% 250px ;padding-left:0%; padding-top:280px;margin-top:25px;}

.ethics-top-txt>p{font-size:20px;color:#333; font-weight:300;line-height:25px;margin-top:0;}
.ethics-top-txt>p span { display:block;font-size:14px;line-height:20px;padding:30px 0 0;}
}
.ethics-con01 {background:url(/resources/img/sub/ethics-bg.jpg) no-repeat center top;; }
.ethics-con01 .center_wrap { position:relative}
.ethics-con01 h3 { color:#fff;padding:90px 80px;font-size:48px;}
.ethics-con01 .file01-bt { background:url(/resources/img/sub/flie-icon01.png) no-repeat 90% center;position:absolute;right:0;top:90px;border:1px solid #fff;height:50px;line-height:50px;font-size:18px;color:#fff;padding:0 65px 0 30px;}

.ethics-tab {padding-top:70px;display:table;width:100%;margin-bottom:40px; }
.ethics-tab a{display:table-cell;width:auto;color:#bababa;font-size:21px;font-weight:bold;border-bottom:4px solid #bababa;padding-bottom:15px;position:relative;}
.ethics-tab a:after { content:'';width:20px;background:#fff;position:absolute;right:0;bottom:-4px;height:100%;}
.ethics-tab a.active { color:#151515;border-bottom:4px solid #151515;}

.ethics-con01  { color:#333333;font-size:18px;line-height:35px;}
.ethics-con01 h4 { color:#151515;font-size:30px;font-weight:bold;margin-bottom:50px;}

.g-box { background:#f4f4f4;padding:70px 80px;color:#333333;font-size:18px;line-height:35px;margin-top:100px;}
.g-box .tit{ font-size:30px;font-weight:bold;color:#151515;margin-bottom:30px;}


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

.ethics-tab {padding-top:30px;;margin-bottom:40px; display:block}
.ethics-tab a{display:block;width:100%;font-size:14px;font-weight:bold;border-bottom:1px solid #bababa;padding:6px 0px;position:relative;}
.ethics-tab a:after { display:none;;}
.ethics-tab a.active { border-bottom:1px solid #151515;}

.w-box { background:#fff;padding:0 20px;}
.ethics-top-txt>p{font-size:18px;color:#333; font-weight:300;line-height:23px;margin-top:25px;}
.ethics-top-txt>p span { display:block;font-size:12px;line-height:20px;padding:20px 0 30px;}

.ethics-con01 {background:url(/resources/img/sub/ethics-bg.jpg) no-repeat center top;background-size:auto 250px; }
.ethics-con01 .center_wrap { position:relative}
.ethics-con01 h3 { color:#fff;padding:30px 0 10px;font-size:20px;}
.ethics-con01 .file01-bt { background:url(/resources/img/sub/flie-icon01.png) no-repeat 90% center;background-size:10px auto;position:relative;;right:0;top:0px;border:1px solid #fff;height:40px;line-height:40px;font-size:12px;color:#fff;padding:0 40px 0 10px;display:inline-block;margin-bottom:25px;}


.ethics-con01  { font-size:14px;line-height:20px;}
.ethics-con01 h4 { font-size:18px;font-weight:bold;margin-bottom:20px;}

.g-box { background:#f4f4f4;padding:20px;color:#333333;font-size:14px;line-height:25px;margin-top:25px;}
.g-box .tit{ font-size:18px;font-weight:bold;color:#151515;margin-bottom:20px;}
}


.quality-top-txt p{font-size:30px;color:#333; font-weight:300;line-height:40px;margin-top:75px;}
.quality-top-txt p span { display:block;font-size:18px;line-height:35px;padding:30px 0 50px;}




.quality-con01 {background:#f7f7f7 url(../img/sub/quality-bg.png) no-repeat center 0;margin-bottom:130px;padding-bottom:130px;padding-top:140px;}
.quality-con01  img { display:inline-block;margin-right:5%;vertical-align:middle;}
.quality-con01 dl { display:inline-block;color:#fff;margin-left:40px;width:67%;;vertical-align:top;}
.quality-con01 dl dt {background:url(../img/sub/w-jum.png) no-repeat 0 center; float:left;width:23%;padding:6px 0 6px 13px;font-size:18px;line-height:26px;font-weight:300;box-sizing:border-box}
.quality-con01 dl dd { float:left;width:77%;padding:6px 0;font-size:18px;line-height:26px;font-weight:300;}
.quality-con01 .w-box { margin-top:90px;padding-top:80px;text-align:center;padding-bottom:120px;}
.quality-con01 .w-box p { font-weight:bold;color:#151515;font-size:40px;padding:20px 0 75px;}
.quality-con01  h3,
.quality-con01  ul { display:none;}

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

.quality-con01 .box { width:28%;}

}
@media screen and (max-width:1360px){
.quality-con01 dl dt { width:18%;}
.quality-con01 dl dd { width:82%;}
.quality-con01 .box .line { width:80%;}

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

.quality-top-txt>p{font-size:18px;color:#333; font-weight:300;line-height:23px;margin-top:25px;}


.quality-con01 {background:#f7f7f7 url(../img/sub/quality-bg.png) no-repeat center 0;background-size:cover;margin-top:20px; margin-bottom:50px;padding-bottom:50px;margin-bottom:0px;padding-top:25px;}
.quality-con01 .box { display:inline-block;vertical-align:top;width:100%;height:auto;padding:30px;color:#fff;background:url(../img/sub/box-bg.png) no-repeat 0 0;background-size:cover;box-sizing:border-box;font-size:14px;line-height:20px;font-weight:300;;}
.quality-con01 .box .line { width:80%;margin:15px 0;;}
.quality-con01 .box  b { font-size:20px;}
.quality-con01 dl { display:block;color:#fff;margin-left:0px;width:100%;margin-top:20px;vertical-align:top;}
.quality-con01 dl dt {display:inline-block;background:url(../img/sub/w-jum.png) no-repeat 0 center; float:none;width:30%;padding:6px 0 6px 13px;font-size:12px;line-height:20px;font-weight:300;box-sizing:border-box;vertical-align:top;}
.quality-con01 dl dd { float:none;display:inline-block;width:65%;padding:6px 0;font-size:12px;line-height:20px;font-weight:300;letter-spacing:0;vertical-align:top;}
.quality-con01 .w-box { margin-top:30px;padding-top:30px;text-align:center;padding-bottom:30px;}
.quality-con01 .w-box img.logo00 { width:40%;;}
.quality-con01 .w-box p { font-weight:bold;color:#151515;font-size:20px;padding:10px 0 20px;}




}

.safety-top-txt>p{font-size:30px;color:#333; font-weight:300;line-height:40px;margin-top:75px;}



.safety-con01 {background:url(../img/sub/administration-img03.jpg) no-repeat 0 0;background-size:30% auto ;padding-left:35%; font-size:18px;line-height:25px;margin-top:75px;}

.safety-con01 p{font-size:30px;color:#333; font-weight:300;line-height:40px;;letter-spacing :-1px;margin-bottom:40px;}
.safety-con01 span { font-size:24px;color:#131313;font-weight:300;}



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

.safety-con01 {background:url(../img/sub/administration-img03.jpg) no-repeat 0 0;background-size:100% 250px ;padding-left:0%; padding-top:280px;margin-top:25px;font-size:14px;line-height:20px}

.safety-con01 p{font-size:20px;color:#333; font-weight:300;line-height:25px;margin-top:0;}
.safety-con01 span { font-size:20px;color:#131313;font-weight:300;}
}

.green-top-txt>p{font-size:30px;color:#333; font-weight:300;line-height:40px;margin-top:75px;}
.green-top-txt>p span { display:block;font-size:18px;line-height:25px;padding:30px 0 55px;}


.green-con01 {background:#f7f7f7 url(../img/sub/green-bg02.jpg) no-repeat center 0;background-size:cover;margin-bottom:130px;padding-bottom:130px;padding-top:140px;}
.green-con01  img { display:inline-block;margin-right:5%;vertical-align:middle;}
.green-con01 dl { display:inline-block;color:#fff;margin-left:40px;width:67%;;vertical-align:top;}
.green-con01 dl dt {background:url(../img/sub/w-jum.png) no-repeat 0 center; float:left;width:23%;padding:6px 0 6px 13px;font-size:18px;line-height:26px;font-weight:300;box-sizing:border-box}
.green-con01 dl dd { float:left;width:77%;padding:6px 0;font-size:18px;line-height:26px;font-weight:300;}

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


.quality-top-txt>p{font-size:18px;color:#333; font-weight:300;line-height:23px;margin-top:25px;}
.green-top-txt>p span { display:block;font-size:14px;line-height:20px;padding:30px 0 55px;}


.green-con01 {background:#f7f7f7 url(../img/sub/quality-bg.png) no-repeat center bottom;background-size:cover;margin-top:-100px; margin-bottom:50px;padding-bottom:50px;margin-bottom:0px;padding-top:140px;;}
.green-con01 .box { display:inline-block;vertical-align:top;width:100%;height:auto;padding:30px;color:#fff;background:url(../img/sub/box-bg.png) no-repeat 0 0;background-size:cover;box-sizing:border-box;font-size:14px;line-height:20px;font-weight:300;;}
.green-con01 .box .line { width:80%;margin:15px 0;;}
.green-con01 .box  b { font-size:20px;}
.green-con01 dl { display:block;color:#fff;margin-left:0px;width:100%;margin-top:20px;vertical-align:top;}
.green-con01 dl dt {display:inline-block;background:url(../img/sub/w-jum.png) no-repeat 0 center; float:none;width:30%;padding:6px 0 6px 13px;font-size:12px;line-height:20px;font-weight:300;box-sizing:border-box;vertical-align:top;}
.green-con01 dl dd { float:none;display:inline-block;width:65%;padding:6px 0;font-size:12px;line-height:20px;font-weight:300;letter-spacing:0;vertical-align:top;}
.green-con01 .w-box { margin-top:30px;padding-top:30px;text-align:center;padding-bottom:30px;}
.green-con01 .w-box img.logo00 { width:40%;;}
.green-con01 .w-box p { font-weight:bold;color:#151515;font-size:20px;padding:10px 0 20px;}



}

.search-box-right { float:right;width:350px;border-bottom:1px solid #000;margin-top:-100px;}
.search-box-right  input[type=text] { border:0;width:80%;font-size:18px;color:#333333;padding-left:10px;box-sizing:border-box;height:50px;line-height:50px;}
.search-box-right  input[type=button]  {width:18%; background:#fff url(/resources/img/sub/search-icon.jpg) no-repeat right center;cursor:pointer;border:0;height:50px;}
@media screen and (max-width:1000px){

.search-box-right { float:right;width:200px;border-bottom:1px solid #000;margin-top:-50px;}
.search-box-right  input[type=text] { border:0;width:80%;font-size:12px;color:#333333;padding-left:10px;box-sizing:border-box;height:30px;line-height:30px;}
.search-box-right  input[type=button]  {width:18%; background:#fff url(/resources/img/sub/search-icon.jpg) no-repeat right center;cursor:pointer;border:0;height:30px;}

}
.business-tab  {display:table;width:100%; margin-top:-2px;}
.business-tab a { display:table-cell;width:25%;background:#fff;height:78px;line-height:78px;text-align:center;font-size:22px;color:#141414;font-weight:500;;border:1px solid #ddd;border-right:0;box-sizing:border-box}
.business-tab a:last-child  { border-right:1px solid #ddd}
.business-tab a.active { border:3px solid #0c4da2;color:#0c4da2}
@media screen and (max-width:1000px){

.business-tab  {display:table;width:100%; margin-top:-2px;}
.business-tab a { display:table-cell;width:25%;background:#fff;height:50px;line-height:20px;text-align:center;font-size:14px;color:#141414;font-weight:500;;border:1px solid #ddd;border-right:0;box-sizing:border-box}
.business-tab a:last-child  { border-right:1px solid #ddd}
.business-tab a.active { border:3px solid #0c4da2;color:#0c4da2}

}
.business-list { margin-top:90px;}
.business-list a { display:inline-block;width:22.3%;vertical-align:top;margin-bottom:70px;margin-right:2%;}
.business-list a:nth-child(4n)  { margin-right:0;}   
.business-list a img { max-width:100%;width:100%;height:450px;}
.business-list a p {margin-top:15px; height:50px;font-size:19px;line-height:25px; white-space: normal;  text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden}

.more {display:block; width:165px;margin:0 auto ;border-top:5px solid #000;padding-top:12px;color:#333333;font-size:19px;text-align:center;}

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


.business-list { margin-top:20px;}
.business-list a { display:inline-block;width:48.3%;vertical-align:top;margin-bottom:30px;margin-right:2%;}
.business-list a:nth-child(2n)  { margin-right:0;}   
.business-list a img { max-width:100%;width:100%;height:200px;}
.business-list a p {margin-top:10px; height:40px;font-size:14px;line-height:20px; white-space: normal;  text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden}
.more {display:block; width:140px;margin:0 auto ;border-top:3px solid #000;padding-top:10px;color:#333333;font-size:14px;text-align:center;}


}




.business-pop {display:none;background-color:rgba(0,0,0,.7);position:fixed;width:100%; height:100%;top:0;left:0;z-index:99999999999999999999}
.business-pop .con { width:1500px;position:absolute;top:50%;transform:translateY(-50%) ;background:#fff;padding:90px 85px;box-sizing:border-box;;overflow-y:auto}
.business-pop .con>img{display:inline-block;vertical-align:top;width:55%;}
.business-pop .con .txt { width:40%;margin-left:4%;display:inline-block;vertical-align:top;}
.business-pop .con .txt p {font-size:32px;line-height:40px;font-weight:500; min-height:106px;vertical-align:middle;}
.business-pop .con .txt .line { height:1px;width:50px;background:#000;}
.business-pop .con .txt dl { display:block;margin-top:30px;min-height:241px}
.business-pop .con .txt dl dt { float:left;width:15%;font-size:18px;color:#717171;line-height:25px;padding:10px 0;}
.business-pop .con .txt dl dd { float:left;width:85%;font-size:18px;color:#000;line-height:25px;padding:10px 0;}
.business-pop .con .bt-box { position:relative;;display:block;width:100%;margin-top:50px;}
.business-pop .con .bt-box a.pre-bt,
.business-pop .con .bt-box a.next-bt{width:80px;height:80px;float:left;border:1px solid #ddd;text-align:center;line-height:80px;margin-left:-1px;background:#fff; }
.business-pop .con .bt-box .close {float:right}
.business-pop .con .txt-service { margin-top:40px;width:100%;height:200px;padding:35px;background:#f7f7f7;overflow-y:auto;box-sizing:border-box;color:#131313;font-size:18px;line-height:30px;font-weight:300;}
.business-pop .con .txt-service p { font-weight:bold;font-size:22px;margin-bottom:15px;}


@media screen and (max-width:1515px){
.business-pop .con { width:92%;position:absolute;top:50%;transform:translateY(-50%) ;background:#fff;padding:90px 85px;box-sizing:border-box;;}
.business-pop .con .bt-box { position:relative;bottom:0px;display:block;width:100%;}
.business-pop .con>img{display:inline-block;vertical-align:top;width:45%;}
.business-pop .con .txt { width:50%;margin-left:4%;display:inline-block;vertical-align:top;}
.business-pop .con .txt dl dt  { width:20%;}
.business-pop .con .txt dl dd  { width:80%;}
}


@media screen and (max-width:1000px){
.business-pop .con .txt-service { height:auto;padding:15px;font-size:14px;line-height:20px;}
.business-pop .con .txt-service p  { font-size:18px;margin-bottom:6px;}
.business-pop .con .txt dl  {min-height:auto }
.business-pop .con .bt-box  { position:absolute!important;top:20px;margin-top:0;width:auto!important;}
.business-pop .con { padding-top:80px!important;}

.business-pop {display:none;background-color:rgba(0,0,0,.7);position:fixed;width:100%; height:100%;top:0;left:0;z-index:99999999999999999999}
.business-pop .con { width:92%;position:absolute;top:2%;transform:translateY(0%) ;background:#fff;padding:20px 20px;box-sizing:border-box;overflow-y:scroll;height:96%;}
.business-pop .con>img{display:block;vertical-align:top;width:100%;}
.business-pop .con .txt { width:100%;margin-left:0%;display:inline-block;vertical-align:top;}
.business-pop .con .txt p {font-size:18px;line-height:25px;font-weight:500; padding:15px 0 15px; min-height:auto}
.business-pop .con .txt .line { height:1px;width:50px;background:#000;}
.business-pop .con .txt dl { display:block;margin-top:15px;}
.business-pop .con .txt dl dt { float:left;width:20%;font-size:14px;color:#717171;line-height:20px;padding:10px 0;}
.business-pop .con .txt dl dd { float:left;width:75%;font-size:14px;color:#000;line-height:20px;padding:10px 0;}
.business-pop .con .bt-box { position:relative;bottom:0px;display:block;width:100%;}
.business-pop .con .bt-box a.pre-bt,
.business-pop .con .bt-box a.next-bt{width:40px;height:40px;float:none;border:1px solid #ddd;text-align:center;line-height:35px;margin-left:-1px;background:#fff; display:inline-block;margin-top:-1px;}
.business-pop .con .bt-box a.pre-bt img,
.business-pop .con .bt-box a.next-bt img{height:20px;;}
.business-pop .con .bt-box .close {float:none; display:inline-block;margin-top:0px;;}
.business-pop .con .bt-box .close img { height:42px;}


}


.parcelout-list { margin-top:90px;}
.parcelout-list a { display:inline-block;width:23.3%;vertical-align:top;margin-bottom:70px;margin-right:2%;position:relative;}
.parcelout-list a:nth-child(4n)  { margin-right:0;}   
.parcelout-list a img { max-width:100%;width:100%;height:260px;}
.parcelout-list a .round-top {width:78px;height:78px; position:absolute;right:20px;top:20px;border-radius:50%;color:#fff;font-size:18px;text-align:center;padding-top:30px;box-sizing:border-box;line-height:20px;}
.parcelout-list a .round-top.blue { background:#0c4da2;padding-top:21px;}
.parcelout-list a .round-top.green { background:#0c99a2;}
.parcelout-list a .round-top.gray { background:#85898e;}
.parcelout-list a .con { border:1px solid #ddd;border-top:0;padding:25px 30px;}
.parcelout-list a .con  p { font-size:24px;line-height:28px;height:56px;color:#000000;margin-bottom:13px;white-space: normal;  text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden}
.parcelout-list a .con span { display:block;font-size:16px;color:#333333;line-height:23px;margin-bottom:15px;height:46px;}
.parcelout-list a .con .tel { font-size:16px;}
.parcelout-list a .con .tel b {font-size:18px; }

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


.parcelout-list { margin-top:20px;}
.parcelout-list a {width:48.3%;margin-bottom:30px;}
.parcelout-list a:nth-child(2n)  { margin-right:0;}   
.parcelout-list a img { max-width:100%;width:100%;height:200px;}
.parcelout-list a .round-top {width:50px;height:50px;right:10px;top:10px;font-size:12px;padding-top:18px;line-height:15px;}
.parcelout-list a .round-top.blue { padding-top:11px;}
.parcelout-list a .con { border:1px solid #ddd;border-top:0;padding:15px 15px;}
.parcelout-list a .con  p { font-size:18px;line-height:25px;height:50px;color:#000000;margin-bottom:10px;white-space: normal;  text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden}
.parcelout-list a .con span { display:block;font-size:14px;color:#333333;line-height:20px;margin-bottom:10px;height:60px;}
.parcelout-list a .con .tel { font-size:12px;}
.parcelout-list a .con .tel b {font-size:14px; display:block;}
}


.bbs-view01 { margin-top:80px;border-top:3px solid #333333}
.bbs-view01  .top{ padding:35px;border-bottom:1px solid #ddd ;position:relative;}
.bbs-view01  .top p {color:#131313;font-size:32px;width:70%;font-weight:500;}
.bbs-view01  .top span { display:block;font-size:20px;color:#333333}
.bbs-view01  .top a.home { background:url(/resources/img/sub/home-icon.png) no-repeat 90% center;position:absolute;right:40px;top:40px;border:1px solid #ddd;height:58px;line-height:58px;font-size:20px;color:#141414;padding:0 80px 0 40px;}
.bbs-view01  .con { font-size:18px;line-height:35px;box-sizing:border-box;position:relative;;width:1200px;margin:15px auto;padding-bottom:50px;}
.bbs-view01  .con p{ font-size:26px;color:#000;margin-bottom:10px;font-weight:500;margin-top:65px;}
.bbs-view01  .con .box { border:1px solid #ddd;margin-top:30px;padding:40px 60px;}
.bbs-view01  .con .box dl { display:block;}
.bbs-view01  .con .box dt { float:left;width:15%;color:#717171;font-size:18px;padding:2px 0;}
.bbs-view01  .con .box dd { float:left;width:85%;;font-size:18px;padding:2px 0}

.bbs-view01 .center { border-top:1px solid #ddd;padding-top:50px;}

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

.bbs-view01  .con { font-size:18px;line-height:35px;box-sizing:border-box;position:relative;;width:100%;margin:15px auto;padding-bottom:50px;}

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

.bbs-view01 { margin-top:20px;border-top:3px solid #333333}
.bbs-view01  .top{ padding:20px 15px;border-bottom:1px solid #ddd ;position:relative;}
.bbs-view01  .top p {color:#131313;font-size:18px;width:100%;font-weight:500;}
.bbs-view01  .top span { display:block;font-size:14px;color:#333333}
.bbs-view01  .top a.home { background:url(/resources/img/sub/home-icon.png) no-repeat 90% center;background-size:15px auto;position:relative;right:0;top:0;border:1px solid #ddd;height:35px;line-height:35px;font-size:15px;color:#141414;padding:0 40px 0 20px;display:inline-block;margin-top:15px;}
.bbs-view01  .con { font-size:14px;line-height:20px;box-sizing:border-box;position:relative;;width:100%;margin:15px auto;padding-bottom:20px;}
.bbs-view01  .con p{ font-size:12px;color:#000;margin-bottom:10px;font-weight:500;margin-top:30px;}
.bbs-view01  .con .box { border:1px solid #ddd;margin-top:20px;padding:20px 20px;}
.bbs-view01  .con .box dl { display:block;}
.bbs-view01  .con .box dt { float:left;width:20%;color:#717171;font-size:14px;padding:2px 0;}
.bbs-view01  .con .box dd { float:left;width:80%;;font-size:14px;padding:2px 0}

.bbs-view01 .center { border-top:1px solid #ddd;padding-top:20px;}


}
.ci-down { float:right;margin-top:-100px;}
.ci-down  a { display:inline-block;width:200px;height:45px;line-height:45px;text-align:center;font-size:17px;color:#333333;background:#dddddd;}
.ci-down  a.blue { color:#fff;background:#0c4da2;}


.ci-box {padding-bottom:150px;}
.ci-box li {height:540px; float:left;width:46%;vertical-align:top;color:#1a1a1a;font-size:18px;line-height:28px;margin-top:80px}
.ci-box li:nth-child(2n)   { margin-left:4%;}
.ci-box li p  {font-size:36px;color:#333333;margin-bottom:20px; margin-top:40px;}
.ci-box li  span { display:block;font-size:25px;padding:80px 0 15px;}

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


.ci-down {display:none;}
.ci-box li {height:auto; float:none;width:100%;vertical-align:top;color:#1a1a1a;font-size:14px;line-height:20px;margin-top:30px}
.ci-box li:nth-child(2n)   { margin-left:0%;}
.ci-box li p  {font-size:20px;color:#333333;margin-bottom:10px; }
.ci-box li  img { margin-top:20px;margin-bottom:40px;}
.ci-box li  span { display:block;font-size:16px;padding:40px 0 10px;}
}
.awards-box { margin-top:80px;}
.awards-box li {text-align:center; vertical-align:top;width:18%;margin-right:2%;display:inline-block;border:1px solid #ddd;margin-bottom:35px;padding:25px ;box-sizing:border-box}
.awards-box li:nth-child(5n)    { margin-right:0;}
.awards-box li p { font-size:17px;color:#141414;line-height:22px;height:66px;margin-bottom:15px;margin-top:30px;letter-spacing:-1px}
.awards-box li span { font-size:16px;color:#999999;line-height:20px;height:40px;display:block;}

@media screen and (max-width:1200px){
.awards-box li  { width:23%;}
.awards-box li:nth-child(5n)    { margin-right:2%;}
.awards-box li:nth-child(4n)    { margin-right:0;}
}
img.mobile { display:none;}

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

img.mobile { display:block;}
img.pc { display:none;}

.awards-box { margin-top:20px;}
.awards-box li {text-align:center; vertical-align:top;width:48.3%;margin-right:2%;display:inline-block;border:0;border-top:1px solid #ddd;margin-bottom:20px;padding:20px 0 0 ;box-sizing:border-box}
.awards-box li:nth-child(5n)    { margin-right:2%;}
.awards-box li:nth-child(2n)    { margin-right:0;}
.awards-box li p { font-size:14px;color:#141414;line-height:18px;height:auto;margin-bottom:15px;margin-top:15px;letter-spacing:0}
.awards-box li span { font-size:12px;color:#999999;line-height:16px;height:auto;display:block;}
}
.customer-txt{font-size:30px;color:#333; font-weight:300;line-height:40px;margin-top:75px;letter-spacing:-1px}
.customer-txt span { display:block;font-size:18px;line-height:28px;margin-top:25px;font-weight:300;}

.customer-list a{border:3px solid #fff;display:inline-block;margin-top:100px; width:30%;margin-right:4%;vertical-align:top;box-sizing:border-box}
.customer-list a:nth-child(3n) { margin-right:0;}
.customer-list a img {height:240px;max-width:100% ;width:100%;}
.customer-list a .con {  border:1px solid #ddd;border-top:0;padding:50px;background:#f3f3f3;font-size:18px;line-height:27px;}
.customer-list a .con  p { font-size:28px;color:#333333;margin-bottom:18px;}
.customer-list a .go-bt {  border:1px solid #ddd;border-top:0;padding:20px 50px;background:#fff;font-size:18px;line-height:27px;}

.customer-list a:hover {border:3px solid #0c4da2}
.customer-list a:hover .con { background:#fff;}
.customer-list a:hover .go-bt  { background:#0c4da2;color:#fff;border:1px solid #0c4da2 ;border-top:0}


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

.customer-list a .con  { height:227px;box-sizing:border-box}
}
.customer-box { border:1px solid #ddd;margin-top:55px;padding:60px;font-size:18px;line-height:35px;color:#333333;margin-bottom:60px;}
.customer-box p { font-size:20px;font-weight:500;}



.btn-1 { width:260px;display:inline-block;height:60px;line-height:60px;text-align:center;color:#fff;font-size:18px;background:#0c4da2;}
.btn-2 { width:260px;display:inline-block;height:60px;line-height:60px;text-align:center;color:#fff;font-size:18px;background:#666;}

.customer-write { border-top:3px solid #333;margin-top:30px;margin-bottom:60px;}
.customer-write li { float:left;padding:14px 20px;border-bottom:1px solid #ddd;width:84%;box-sizing:border-box;;font-size:17px;color:#333333}
.customer-write li.tit { width:16%;background:#f8f8f8;padding-left:30px;line-height:72px;font-size:20px;padding:0 30px;}
.customer-write li input { height:44px;line-height:44px;width:30%;}
.customer-write li select { height:44px;line-height:44px;width:30%}
.customer-write li.w20 { width:16%;}
.customer-write li.w30 { width:34%;}
.customer-write textarea { height:320px;}
.customer-write .h320 { height:354px;}



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

.customer-txt{font-size:18px;color:#333; font-weight:300;line-height:23px;margin-top:25px;}
.customer-txt span { display:block;font-size:14px;line-height:20px;margin-top:15px;font-weight:400;}

.customer-list a{border:3px solid #fff;display:inline-block;margin-top:20px; width:48%;margin-right:2%;vertical-align:top;box-sizing:border-box}
.customer-list a:nth-child(3n) { margin-right:2%;}
.customer-list a:nth-child(2n) { margin-right:0%;}
.customer-list a img {height:100px;max-width:100% ;width:100%;}
.customer-list a .con {  border:1px solid #ddd;border-top:0;padding:15px;background:#f3f3f3;font-size:14px;line-height:20px;height:130px;}
.customer-list a .con  p { font-size:16px;color:#333333;margin-bottom:10px;font-weight:bold;}
.customer-list a .go-bt {  border:1px solid #ddd;border-top:0;padding:10px 10px;background:#fff;font-size:12px;line-height:20px;}

.customer-list a:hover {border:3px solid #0c4da2}
.customer-list a:hover .con { background:#fff;}
.customer-list a:hover .go-bt  { background:#0c4da2;color:#fff;border:1px solid #0c4da2 ;border-top:0}


.customer-box { border:1px solid #ddd;margin-top:20px;padding:15px;font-size:14px;line-height:25px;color:#333333;margin-bottom:20px;}
.customer-box p { font-size:16px;font-weight:500;margin-bottom:10px;}


.btn-1 { width:48%;display:inline-block;height:40px;line-height:35px;text-align:center;color:#fff;font-size:13px;background:#0c4da2;}
.btn-2 { width:48%;display:inline-block;height:40px;line-height:35px;text-align:center;color:#fff;font-size:13px;background:#666;}



.customer-write { border-top:3px solid #333;margin-top:20px;margin-bottom:20px;}
.customer-write li { float:none;padding:10px 0;border-bottom:1px solid #ddd;width:100%;box-sizing:border-box;;font-size:14px;color:#333333}
.customer-write li.tit { width:100%;background:#f8f8f8;padding-left:10px;line-height:50px;font-size:14px;padding:0 10px;}
.customer-write li input { height:35px;line-height:35px;width:30%;}
.customer-write li select { height:35px;line-height:35px;width:30%}
.customer-write li.w20 { width:100%;}
.customer-write li.w30 { width:100%;}
.customer-write textarea { height:150px;}
.customer-write .h320 { height:auto;}


}

.map-box-root{max-width:100%}
.if-map-box{position: relative;    width: 100%;    height: 0;    padding-bottom: 40.25%;}
.if-map-box iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.privacy .box{font-size:18px;color:#333333; line-height:35px;font-weight:300;;background:#f4f4f4;padding:40px 50px;margin-top:80px;}
.privacy  {font-size:18px;color:#333333; line-height:35px;font-weight:300}
.privacy p { color:#333;font-size:30px;display:block;padding:60px 0 30px;}
.privacy span { display:block;font-size:22px;font-weight:300;padding:40px 0 10px;}
.privacy .box img{display:inline-block;vertical-align:middle;margin-right:40px; }
.privacy .box .txt { display:inline-block;vertical-align:middle;width:70%;}


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


.privacy .box .txt { display:inline-block;vertical-align:middle;width:60%;}
}

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

.privacy .box{font-size:14px;color:#333333; line-height:20px;font-weight:300;;background:#f4f4f4;padding:20px 20px;margin-top:40px;}
.privacy  {font-size:14px;color:#333333; line-height:20px;font-weight:300}
.privacy p { color:#333;font-size:20px;display:block;padding:40px 0 20px;}
.privacy span { display:block;font-size:16px;font-weight:300;padding:20px 0 10px;}
.privacy .box img{display:block;vertical-align:middle;margin:0 auto 15px;}
.privacy .box .txt { display:inline-block;vertical-align:middle;width:100%;}

}



.business-info { margin-top:80px;border-top:2px solid #000;max-width:1410px;}
.business-info li { border-bottom:1px solid #ddd;padding:60px 0;display:table;width:100%;}
.business-info li .left-menu { display:table-cell;width:33%;vertical-align:top;box-sizing:border-box;padding:0 0 0 50px;}
.business-info li .left-menu p { font-weight:bold;font-size:36px;color:#333333;margin-bottom:25px;}
.business-info li .left-menu  a { display:block;width:100%;height:50px;line-height:50px;padding-left:20px;font-size:18px;color:#333;background:#f7f7f7 url(/resources/img/sub/business-arr-off.png) no-repeat 96% center;margin-bottom:3px;box-sizing:border-box}
.business-info li .left-menu  a:hover {color:#fff;background:#0c4da2 url(/resources/img/sub/business-arr-on.png) no-repeat 96% center }
.business-info li .img-box { display:table-cell;width:67%;}



@media screen and (max-width:1280px){
.business-info li .left-menu { display:table-cell;width:33%}
.business-info li .img-box { display:table-cell;width:67%;}
}


@media screen and (max-width:1000px){
.business-info  { margin-top:40px;}
.business-info li  { padding:20px;box-sizing:border-box}
.business-info li .left-menu { display:block;width:100%;vertical-align:top;box-sizing:border-box;padding:0 0 10px 0;}
.business-info li .left-menu p { font-weight:bold;font-size:22px;color:#333333;margin-bottom:15px;}
.business-info li .left-menu  a { display:block;width:100%;height:35px;line-height:35px;padding-left:10px;font-size:14px;color:#333;background:#f7f7f7 url(/resources/img/sub/business-arr-off.png) no-repeat 96% center;margin-bottom:3px;box-sizing:border-box}
.business-info li .left-menu  a:hover {color:#fff;background:#0c4da2 url(/resources/img/sub/business-arr-on.png) no-repeat 96% center }
.business-info li .img-box { display:block;width:100%;}


}



.e-business ul:after { content:'';display:block;clear:both}
.e-business li { float:left;width:33.333333%;box-sizing:border-box;border:3px solid #fff;position:relative;font-weight:300;}
.e-business li.w25 { width:25%;}
.e-business li.w23 { width:22.2%;}
.e-business li.w66 { width:66.66666%;}
.e-business li img { width:100%;}
.e-business li p { display:block;position:absolute;bottom:0;background-color:rgba(0,0,0,.8);width:100%;height:40px;line-height:40px;font-size:16px;color:#fff;padding-left:25px;box-sizing:border-box}
.mt45 { margin-top:45px;}
.mb40 { margin-bottom:40px;}
@media screen and (max-width:1000px){
.e-business li ,
.e-business li.w66{ width:100%;}
.e-business li.w25{ width:50%;}
.e-business li.w23 { width:50%;}
.e-business li p  { font-size:11px;padding-left:8px;letter-spacing:0.5px}
.mt45 { margin-top:20px;}
.mb40 { margin-bottom:20px;}
}

.e-business0403>ul { display: table;width: 100%;margin-top: 45px;}
.e-business0403>ul>li{display: table-cell;width: 60%; vertical-align: top;}
.e-business0403>ul>li.blue-box { background: #0c4da2;width: 40%;box-sizing:border-box;border-right:10px solid #fff;color:#fff;padding:60px 5% 20px;font-size: 18px;line-height: 23px;font-weight: 300;box-sizing:border-box;}
.e-business0403>ul>li.blue-box p { font-weight: bold;font-size: 30px;line-height: 40px;}
.e-business0403>ul>li.blue-box p:after { content:'';display: block;width:40px;height: 1px;background: #86a6d1;margin-top:25px ;}
.e-business0403>ul>li.blue-box span { display: block;margin-top: 30px;font-weight: bold;font-size: 21px;margin-bottom: 5px;}

.e-business0403>ul>li.photo-box>img { width: 100%;margin-bottom: 10px;}
.e-business0403>ul>li.photo-box ul { display: table;width: 100%;}
.e-business0403>ul>li.photo-box ul li { display: table-cell;width: 25%;border-right:10px solid #fff;box-sizing:border-box;}
.e-business0403>ul>li.photo-box ul li:last-child { border-right: 0;}
.e-business0403>ul>li.photo-box ul li .cont-box { height:40px ;line-height: 40px;text-align: center;background: #0c4da2;color: #fff;}
.e-business0403>ul>li.photo-box ul li img { height: 145px;width: 100%;}


@media screen and (max-width:1000px){
.e-business0403>ul  { margin-top: 20px;}

.e-business0403>ul>li{display: block;width: 100%; }
.e-business0403>ul>li.blue-box { width: 100%;font-size: 14px;line-height: 18px;border-right:0;border-bottom:10px solid #fff;padding: 20px 4%;}
.e-business0403>ul>li.blue-box p  { font-size: 18px;line-height: 25px;}
.e-business0403>ul>li.blue-box span  { font-size: 16px;}
.e-business0403>ul>li.blue-box p:after { margin-top: 15px;}
.e-business0403>ul>li.photo-box ul li { display: block;width: 50%;float:left;margin-bottom: 10px;}
.e-business0403>ul>li.photo-box ul li:nth-child(2n)    { border-right: 0;}
.e-business0403>ul>li.photo-box ul li img { height: 120px;width: 100%;}
.e-business0403>ul>li.photo-box ul li .cont-box  { height: 30px;line-height: 30px;font-size: 13px;}
}