#sf {width:100%; height:300px; text-align:center; color:#fff; font-size:20px; font-weight:300; line-height:35px;}
#sf p {text-align:center; color:#fff; font-size:45px; font-family : raleway_eb; padding:100px 0 15px 0;}
#sf .tab {width:1200px; margin:65px auto;}
#sf .tab li {float:left; height:50px; background-color:#1b60d0; text-align:center; line-height:50px; color:#fff; font-size:15px; font-weight:700; border-right:1px solid #1857bc; cursor: pointer; }
#sf .tab li:hover {color:#1b60d0; background-color:#fff;}
#sf .tab .on {color:#1b60d0; background-color:#fff;}
.sf_01 {width:100%; height:300px; background:url('/sub/img/sf_01.jpg')center no-repeat; background-size:cover;}
.sf_02 {width:100%; height:300px; background:url('/sub/img/sf_02.jpg')center no-repeat; background-size:cover;}
.sf_03 {width:100%; height:300px; background:url('/sub/img/sf_03.jpg')center no-repeat; background-size:cover;}
.sf_04 {width:100%; height:300px; background:url('/sub/img/sf_04.jpg')center no-repeat; background-size:cover;}


#sub {width:100%; overflow:hidden; background-color:#f3f3f3;}
#sub .area {width:1200px; margin:0 auto; background-color:#fff; padding:60px 50px;}
#sub .sub_title {color:#111; font-size:30px; font-weight:700; height:70px; margin-bottom:50px; background:url('/sub/img/sub_title_bg.jpg') center bottom no-repeat; text-align:center;}
#sub .sub_text {font-size:16px; color:#888; line-height:30px; font-weight:500; white-space:normal; word-break:keep-all;}
#sub .sub_text .big {font-size:25px; color:#000; line-height:35px; font-weight:300; letter-spacing:-2px; padding-bottom:50px;}
#sub .sub_text .small {color:#000; font-size:20px;}
#sub .sub_text .ceo {color:#000; font-size:20px; width:100%; padding-top:30px; text-align:right;}
#sub .sub_text .ceo b {font-weight:900;}

#sub .tab_02 {width:100%; height:50px; background-color:#fafafa; border-top:1px solid #ddd; border-bottom:2px solid #222; border-left:2px solid #ddd; margin-bottom:50px;}
#sub .tab_02 li {float:left; cursor: pointer;  height:47px; border-right:1px solid #ddd; text-align:center; color:#888; font-weight:700; font-size:15px; line-height:50px;}
#sub .tab_02 li:hover {background-color:#222; color:#fff;}
#sub .tab_02 .on {background-color:#222; color:#fff;}

#sub .history {}
#sub .history .sec {border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:40px; overflow:hidden;}
#sub .history h2 {color:#000; font-size:25px; font-weight:900; padding-bottom:10px;}
#sub .history .con {float:left; width:50%; overflow:hidden;}
#sub .history .img {float:left; width:50%; overflow:hidden;}
#sub .history .con ul {padding-bottom:30px; overflow:hidden;}
#sub .history .con li {padding-bottom:5px; overflow:hidden;}
#sub .history .mon {float:left; width:40px; font-size:15px; font-weight:900; color:#1b60d0;}
#sub .history .text {float:left; width:calc(100% - 40px); text-align:left; font-size:15px; color:#777; font-weight:700;}

#sub .history_new {width:100%; overflow:hidden; background:url('/sub/img/history_bg.jpg')center repeat;}
#sub .history_new .left {width:100%; overflow:hidden; padding-bottom:20px;}
#sub .history_new .left .con {float:left; width:560px;}
#sub .history_new .left .year {text-align:right; color:#000; font-size:26px; line-height:26px; padding-right:40px; font-weight:900; background:url('/sub/img/dot_year.png')right top no-repeat; padding-bottom:20px;}
#sub .history_new .left .month {}
#sub .history_new .left .month ul {padding:5px 0; overflow:hidden;}
#sub .history_new .left .month .no {float:right; width:58px; line-height:22px; font-size:16px; font-weight:900; color:#1b60d0; background:url('/sub/img/dot_month.png')right top no-repeat;}
#sub .history_new .left .month .text {float:right; width:calc(100% - 73px); padding-right:15px; text-align:right; font-weight:700; font-size:15px; color:#777; line-height:22px;}

#sub .history_new .right {width:100%; overflow:hidden; padding-bottom:20px;}
#sub .history_new .right .con {float:right; width:558px;}
#sub .history_new .right .year {text-align:left; color:#000; font-size:26px; line-height:26px; padding-left:40px; font-weight:900; background:url('/sub/img/dot_year.png')left top no-repeat; padding-bottom:20px;}
#sub .history_new .right .month {}
#sub .history_new .right .month ul {padding:5px 0; overflow:hidden;}
#sub .history_new .right .month .no {float:left; width:48px; padding-left:40px; line-height:22px; font-size:16px; font-weight:900; color:#1b60d0; background:url('/sub/img/dot_month.png')left top no-repeat;}
#sub .history_new .right .month .text {float:left; width:calc(100% - 73px); padding-left:25px; text-align:left; font-weight:700; font-size:15px; color:#777; line-height:22px;}


#sub .location {width:100%; overflow:hidden; padding-bottom:30px;}
#sub .location .sec {float:left; font-size:15px; color:#777; font-weight:700; margin-right:50px; overflow:hidden;}
#sub .location .img {float:left; width:50px; height:50px; margin-right:5px;}
#sub .location .text {float:left; width:calc(100% - 55px);}
#sub .location p {color:#1b60d0; font-weight:900;}

#sub .product {}
#sub .product .contents {}
#sub .product .top {width:100%; overflow:hidden; padding-bottom:30px;}
#sub .product .mid {width:100%; overflow:hidden; padding-bottom:30px;}
#sub .product .mid li {float:left; width:48%; margin-right:2%; margin-bottom:2%; height:150px; overflow:hidden; border:1px solid #ddd;}
#sub .product .mid .img {float:left; width:200px; height:150px;}
#sub .product .mid .t {float:left;width:calc(100% - 200px); line-height:22px; padding:25px; height:150px; font-size:15px; color:#777;}
#sub .product .mid .t p {color:#000; font-weight:900; font-size:18px; padding-bottom:15px;}
#sub .product .bottom {width:100%; overflow:hidden;}

#sub .as {}
#sub .as ul {padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ddd; overflow:hidden;}
#sub .as .img {float:left; width:400px; overflow:hidden;}
#sub .as .text {float:left; width:calc(100% - 450px); margin-left:50px; text-align:left; font-size:15px; line-height:25px; white-space:normal; word-break:keep-all;}
#sub .as .text p {color:#000; font-size:20px; padding-bottom:20px; font-weight:900;}
#sub .as .btn {float:left; overflow:hidden; margin-right:10px; margin-bottom:10px;cursor: pointer; width:250px; height:40px; border:1px solid #ddd; text-align:center; color:#999; font-size:13px; font-weight:700; line-height:40px;}
#sub .as .btn:hover {background-color:#1b60d0; color:#fff; border:1px solid #1b60d0;}

#sub .op {}
#sub .op ul {padding-bottom:40px; margin-bottom:40px; overflow:hidden;}
#sub .op .img {float:left; overflow:hidden;}
#sub .op .text {float:left; padding:0 30px; text-align:left; font-size:15px; line-height:25px; white-space:normal; word-break:keep-all;}
#sub .op .text p {color:#000; font-size:20px; padding-bottom:20px; font-weight:900;}
#sub .op .btn {float:left; overflow:hidden; margin-right:10px; margin-bottom:10px;cursor: pointer; width:250px; height:40px; border:1px solid #ddd; text-align:center; color:#999; font-size:13px; font-weight:700; line-height:40px;}
#sub .op .btn:hover {background-color:#1b60d0; color:#fff; border:1px solid #1b60d0;}
#sub .op table {width:100%; border-top:2px solid #1b60d0;}
#sub .op th {width:100px; padding:10px 0; border-bottom:1px solid #ddd; background-color:#fafafa; color:#111; font-size:14px; text-align:center; font-weight:700;}
#sub .op td {padding:10px 15px; border-bottom:1px solid #ddd; color:#777; font-size:14px; text-align:left; font-weight:500;}

#sub .pop {display:none; width:100%; height:100%; background:url('/sub/img/pop_bg.png')repeat; position:fixed; top:0; left:0; z-index:10000000000000000000000;}
#sub .pop .close {position:fixed; top:50px; right:50px; width:40px; height:40px; z-index:100000000000000000000000000000000000000; cursor: pointer;}
#sub .pop_area {width:1000px; padding:60px 50px; margin:0 auto; background-color:#fff; height:100%; }
#sub .pop_area .title {font-size:22px; color:#000; font-weight:900; padding-bottom:40px;}

#sub .portfolio {width:1080px; height:690px;  margin:0 auto; overflow:hidden; background:url('/sub/img/map_bg_new.jpg')center no-repeat;}
#sub .portfolio .list {float:left; width:230px;  padding-top:30px; border-bottom:1px solid #ddd;}
#sub .portfolio .list div {width:100%; height:50px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;   background-color:#f5f5f5; line-height:50px; text-align:center; color:#555; font-size:15px; font-weight:700; cursor: pointer;}
#sub .portfolio .list div:hover {background-color:#1a60d0; color:#fff; border:1px solid #1a60d0;}
#sub .portfolio .map {float:left; width:480px; height:670px; }
#sub .portfolio .map .dot {position:absolute; width:30px; height:42px; background:url('/sub/img/port_dot_off.png')center no-repeat; cursor: pointer;}
#sub .portfolio .map .dot:hover {background:url('/sub/img/port_dot_on.png')center no-repeat; }
#sub .portfolio .map .lo_00 {margin-top:400px; margin-left:275px;}
#sub .portfolio .map .lo_000 {margin-top:390px; margin-left:255px;}
#sub .portfolio .map .lo_01 {margin-top:475px; margin-left:390px;}
#sub .portfolio .map .lo_02 {margin-top:365px; margin-left:410px;}
#sub .portfolio .map .lo_03 {margin-top:490px; margin-left:285px;}
#sub .portfolio .map .lo_04 {margin-top:590px; margin-left:350px;}
#sub .portfolio .map .lo_05 {margin-top:480px; margin-left:305px;}
#sub .portfolio .map .lo_06 {margin-top:395px; margin-left:335px;}
#sub .portfolio .map .lo_07 {margin-top:520px; margin-left:480px;}
#sub .portfolio .map .lo_08 {margin-top:555px; margin-left:435px;}
#sub .portfolio .map .lo_09 {margin-top:545px; margin-left:410px;}
#sub .portfolio .map .lo_10 {margin-top:460px; margin-left:250px;}

/*
#sub .portfolio .map .map_01 {display:none; width:810px; height:620px; background:url('/sub/img/map_01.png')center no-repeat;}
#sub .portfolio .map .map_02 {display:none; width:810px; height:620px; background:url('/sub/img/map_02.png')center no-repeat;}
#sub .portfolio .map .map_03 {display:none; width:810px; height:620px; background:url('/sub/img/map_03.png')center no-repeat;}
#sub .portfolio .map .map_04 {display:none; width:810px; height:620px; background:url('/sub/img/map_04.png')center no-repeat;}
#sub .portfolio .map .map_05 {display:none; width:810px; height:620px; background:url('/sub/img/map_05.png')center no-repeat;}
#sub .portfolio .map .map_06 {display:none; width:810px; height:620px; background:url('/sub/img/map_06.png')center no-repeat;}
#sub .portfolio .map .map_07 {display:none; width:810px; height:620px; background:url('/sub/img/map_07.png')center no-repeat;}
#sub .portfolio .map .map_08 {display:none; width:810px; height:620px; background:url('/sub/img/map_08.png')center no-repeat;}
#sub .portfolio .map .map_09 {display:none; width:810px; height:620px; background:url('/sub/img/map_09.png')center no-repeat;}
#sub .portfolio .map .map_10 {display:none; width:810px; height:620px; background:url('/sub/img/map_10.png')center no-repeat;}
*/
#sub .portfolio .detail {float:right; width:330px;}
#sub .portfolio .box {width:250px; overflow:hidden; border:1px solid #ddd; margin-left:80px;  text-align:center;}
#sub .portfolio .box .img {width:100%; height:170px; background-color:#ddd;}
#sub .portfolio .box .tt {width:100%; padding:15px; overflow:hidden; color:#777; font-size:15px; line-height:22px; white-space:normal; word-break:keep-all; }
#sub .portfolio .box .tt .title {color:#1a60d0; font-size:14px; background:url('/sub/img/map_title_bg.jpg')center bottom no-repeat; margin-bottom:15px; padding-bottom:15px; line-height:25px;}
#sub .portfolio .box .tt span {font-size:20px; color:#000;}
#sub .portfolio .info_00 {display:block; margin-top:110px;}
#sub .portfolio .info_000 {display:none; margin-top:110px;}
#sub .portfolio .info_01 {display:none; margin-top:110px;}
#sub .portfolio .info_02 {display:none; margin-top:110px;}
#sub .portfolio .info_03 {display:none; margin-top:110px;}
#sub .portfolio .info_04 {display:none; margin-top:110px;}
#sub .portfolio .info_05 {display:none; margin-top:110px;}
#sub .portfolio .info_06 {display:none; margin-top:110px;}
#sub .portfolio .info_07 {display:none; margin-top:110px;}
#sub .portfolio .info_08 {display:none; margin-top:110px;}
#sub .portfolio .info_09 {display:none; margin-top:110px;}
#sub .portfolio .info_10 {display:none; margin-top:110px;}