@charset "utf-8";

@import 'motion.css';

/* basic css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {display: block;}
html, body {height:100%}
body {font-family:"Microsoft Yahei"; color:#4c4c4c; line-height:1.6;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link { color: #4c4c4c; text-decoration: none; }
a:visited { color: #4c4c4c; text-decoration: none; }
a:hover { color: #4c4c4c; text-decoration: none; }
a:active { color: #4c4c4c; text-decoration: none; }
a:focus { color: #4c4c4c; text-decoration: none; }
select, input, textarea {font-size: 100%;vertical-align: middle ; font-family: "Microsoft Yahei";}
input {margin: 0;padding: 0;}
ol, ul {list-style: none;}
label {cursor: pointer;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;}
button:focus {outline: 1px dotted;}
img {vertical-align: top; border:none;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.clear{ clear:both;}

#skipNav	{ z-index: 600; position: absolute; position: fixed;  top: 0; left: 0; width: 100%; }
#skipNav a { position: absolute;  top: -9999px; display: block; }
#skipNav a span { display: block; padding: 10px 0; border: 3px solid #FFB747; background: #000; color: #fff; text-align: center; }
#skipNav a:hover, #skipNav a:active, #skipNav a:focus { z-index: 600; top: 0; display: inline-block; width: 100%; }

input[type="text"] {box-sizing:border-box; -webkit-appearance:none;}

textarea {}
.hidden { display:none;}
.point {color:#F6AE45}
html, body {height:100%; min-height:100%; }
/* layout*/
header {position:relative; width:100%; min-width:320px }
.visual-area {position:relative;width:100%; height:400px; z-index:-1}
.visual-area {width:100%; text-align:center;}
.visual-area .tit-img {width:100%; text-align:center;}
.visual-area .tit-img p {padding-top:198px; text-align:center; font-size:32px; color:#fff;}
.visual-area .tit-img p img {max-width:100%; vertical-align:top;} 
.visual-area .visual-img {position:absolute; width:100%; height:400px; bottom:0;  overflow:hidden; text-align:center;  z-index:-1}
.visual-area .visual-img img {position:absolute;left:50%; top:0; margin-left:-960px; }
.visual-area .visual-img_m{ display:none;}
.navi {position:absolute; width:100%; height:80px; box-sizing:border-box; border-bottom: 1px solid rgba(255, 255, 255, .3); z-index:50}
h1 {padding:0 50px}


.gnb {position:absolute; top:0; left:40%; width:1200px; margin-left:-387px;z-index:2;overflow:hidden;height:80px;letter-spacing:0}
.gnb ul li {position:relative;float:left; width:130px; text-align:center;}
.gnb .depth1 {position:relative; display:block; color:#fff; font-size:16px; font-family:"Microsoft Yahei"; line-height:78px;}
.gnb ul li ul {display:block;padding:36px 0; background:url(../images/gnb_bg.gif) no-repeat right 36px; min-height:140px; opacity:0;transform:translateY(20px)}
.gnb ul li ul li {float:none; height:33px; width:auto;}
.gnb ul li ul li a {font-size:14px; color:#666; }
.gnb ul li ul li a:hover {color:#F6AE45;}
.gnb .line {position:absolute; display:block; bottom:-2px; height:2px; width:0%; background:#F6AE45; left:76px;}
.navi-bg {position:absolute; display:block;width:100%; height:0px; left: 0; top: 80px; z-index:1; overflow: hidden; }
.navi-bg .white-bg {width:100%;height:100%; background:#fff; }
.navi-bg.open {border-bottom:1px solid rgba(0,0,0,.1)}
.menu-icon {display:none;}
.m-menu {position:fixed; display:none; top:0px; bottom:0; width:100%; height:100%; background:#fff; z-index:92;}
.m-menu-in {position:fixed; top:51px; width:100%; bottom:0;overflow-y:auto; border-top:1px solid #666;-webkit-overflow-scrolling:touch;z-index:95;background:#fff; }
.m-menu ul {border-top:1px solid #d9d9d9}
.m-menu ul li {border-top:1px solid #d9d9d9; text-align:center }
.m-menu ul li a {display:block;width:100%}
.m-menu ul li ul {padding:0; border-top:0}
.m-menu ul li ul li {font-size:14px; color:#4c4c4c; padding:6px 0; background:#f2f2f2;}
.m-menu .depth1 {font-size:16px; color:#333; padding:10px 0; font-family:"Microsoft Yahei";  }
.m-menu .logo {position:fixed; width:61px; height:49px;padding:10px 0 0 15px; z-index:95 }
.m-menu .logo img {max-width:100%}
.m-menu a.close {position:fixed; top:18px; right:10px; width:16px; height:16px; background:#fff; z-index:95; padding:0 5px}
.m-menu a.close img {max-width:100%}
.m-menu .lang {position:fixed; top:20px; right:48px; border-right:1px solid  #ccc; line-height:14px;padding-right:15px; z-index:95}
.m-menu .lang a {display:inline-block;  font-size:14px; color:#666; margin-left:13px; vertical-align:top}
.m-menu .lang a.on {color:#F6AE45; border-bottom:1px solid #F6AE45  }
.m-menu .btn {background:#4d4d4d; padding:5px 15px 20px 15px}
.m-menu .btn a {display:inline-block; border:1px solid #999; font-size:14px; color:#ccc; padding:8px 0; width:48%; text-align:center; margin-left:2.3%; margin-top:15px;}
.m-menu .btn a:nth-child(odd) {margin-left:0}
.language {position:absolute; top:23px; right:50px; letter-spacing:0; width:73px; z-index:90}
.language a.sel-tit {display:block; color:#fff; font-size:12px; background:url(../images/arr_w.png) no-repeat 74% center; height:30px; padding-right:11px; line-height:30px; box-sizing:border-box; }
.language.on a.sel-tit  {color:#666; background:url(../images/f_arr.png) no-repeat 74% center;}
.language-in {position:relative; text-align:center; border:1px solid transparent; box-sizing:border-box}
.language.on .language-in {width:73px; height:90px; background:#fff; border:1px solid #ccc; }
.language.on .language-in ul {display:block;}
.language-in ul {display:none; position:absolute; top:31px; background:#fff; z-index:3; width:100%; box-sizing:border-box; padding-top:2px}
.language-in ul li {font-size:12px; line-height:24px; text-align:left; padding-left:18px}
.language-in ul li a {color:#4c4c4c; display:block}
.language-in ul li a span {padding-right:12px}
.language-in ul li a:hover span {color:#F6AE45 ; background:url(../images/language_bg.png) no-repeat right center;}
.bgw {background:#fff; }
.navi.wh {background:#fff; border-bottom: 1px solid rgba(0, 0, 0, .3); }
.navi.wh .gnb .depth1 {color:#333;}
.navi.wh .language a.sel-tit  {color:#666 !important; background:url(../images/f_arr_on.png) no-repeat 74% center;}
.navi.wh .language.on a.sel-tit {background:url(../images/f_arr.png) no-repeat 74% center;}

#container {position:relative; width:100%; min-width:320px; z-index:1; background:#fff;}
.sub-navi {position:absolute; width:100%; margin:0 auto; border-bottom:1px solid #d9d9d9; text-align:center; height:50px; background:#fff; box-sizing:border-box; z-index:20}
.sub-navi ul {display:table; width:100%; text-align:center; margin:0 auto;}
.sub-navi ul li {position:relative; display:table-cell;}
.sub-navi ul.type1 li {width:25%}
.sub-navi ul.type2 li {width:20%}
.sub-navi ul.type3 li {width:33%}
.sub-navi ul.type3 li:nth-child(2) {width:34%}
.sub-navi ul li a {display:block;font-size:16px; color:#808080; line-height:48px; backface-visibility: hidden; overflow:hidden;}
.sub-navi ul li.on {color:#F6AE45; border-bottom:2px solid #F6AE45; }
.sub-navi ul li.on a {color:#F6AE45;}
.contents {position:relative;margin:0 auto; padding-bottom:60px;}
.contents.type2 {padding-bottom:60px;}
.breadcrumb {position:absolute; right:0px; top:80px; font-size:14px; color:#808080; }
.breadcrumb a , .breadcrumb span {display:inline-block; font-size:14px; color:#808080; letter-spacing:0; padding:0 5px}
.breadcrumb span:last-child {padding-right:0}
.title {font-size:26px; color:#FFFFFF; vertical-align:top; padding:50px 0 40px; line-height:35px;}
.stxt {font-size:36px; line-height:50px; color:#333;}
.topbt {position:absolute; display:block; bottom:50px; right:50px; width:42px; height:42px; z-index:30}
.topbt img {max-width:100%}
footer {position:relative; width:100%; height:100px; background:#F6C862;min-width:320px; z-index:5}
.footer-in {position:relative; font-size:12px; color:#898989; padding-top:20px }
.footer-in:after {clear:both; display:block; content:"";}
.footer-in .f-left {position:relative;float:left; padding-left:120px;}
.footer-in .f-left p {letter-spacing:0; line-height:20px; padding-top: 35px;font-size: 14px;}

.footer-in .f-right {float:right; letter-spacing:0}
.footer-in .f-logo {display:block; position:absolute; left:0; top:28px}
.footer-in .f-logo img {max-width:100%}
.footer-in .f-right:after {clear:both; display:block; content:"";}
.footer-in .f-right ul.terms {float:left; margin-right:0; padding-top:41px}
.footer-in .f-right ul.terms:after {clear:both; display:block; content:"";}
.footer-in .f-right ul.terms li {float:left; padding:0 10px 0 12px; }
.footer-in .f-right ul.terms li a {color:#848484;font-size: 14px;}
.footer-in .f-right ul.terms li:first-child {background:none; padding-left:0}
.footer-in .f-right ul.terms li:last-child {padding-right:0}

.footer-in .f-right span.icon_tel{ position:absolute; top:12px; right:241px; color:#5E5E5E;}
.footer-in .f-right span.icon_tel img{display: inline-block;vertical-align: middle;}
.footer-in .f-right span.icon_tel i{font-size:22px; font-style:normal; padding-left:10px; position: relative;top: 3px;}

.cjWebPolicy {position:relative;}
.cjWebPolicy h2 {position:relative; z-index:1}
.cjWebPolicy h2 a {display:block; padding:0 10px 0 12px; font-size:13px; line-height:28px; color:#888; background:url(../images/f_arr.png) no-repeat 91% center;border:1px solid #d7d6d6; box-sizing:border-box; }
.cjWebPolicy .companyGroup {display:none;position:absolute; bottom:100%; background:#fff; z-index:5; width:100%; border:1px solid #ccc; border-bottom:0; box-sizing:border-box; padding:16px 11px 6px 12px}
.cjWebPolicy .companyGroup li {font-size:13px; line-height:20px; border-top:1px solid #e6e6e6; padding-top:6px; margin-top:6px}
.cjWebPolicy .companyGroup li:first-child {border-top:0; padding-top:0; margin-top:0}
.cjWebPolicy .companyGroup li ul li {border-top:0; padding-left:9px; padding-top:0; margin-top:0}
.cjWebPolicy .companyGroup li ul li a {color:#808080;}/* 2016.07.06 수정 */
.cjWebPolicy .companyGroup li ul li a:hover {text-decoration:underline}
.cjWebPolicy .companyGroup li .title {color:#4c4c4c}
.cjWebPolicy h2 a.on {background:url(../images/f_arr_on.png) no-repeat 91% center #fff; border:1px solid #ccc; border-top:1px solid transparent}
.family-in.on a.sel-tit {background:url(../images/f_arr_on.png) no-repeat 91% center #fff; border:1px solid #ccc; border-top:1px solid transparent}
.family-in.on .family-site {display:block;}
.bratt {display:none;}
.bratt02 {display:none;}
.bratts {display:none;}


.floating {display:none; position:fixed; bottom:160px; right:0;  z-index:50}
.floating a {position:absolute; width:68px; height:68px;}
.floating a.off {display:block; top:76px; right:11px}
.floating a img {max-width:100%}
/*.floating .floating-view{visibility:hidden}*/
.floating a.btr {opacity:0; top:76px; right:11px}
.floating a.bty {opacity:0; top:76px; right:11px}
.floating a.btb {opacity:0; top:76px; right:11px}
.floating a.btx {opacity:0; top:76px; right:11px}
.floating.on a.off {display:none} 
.floating.on .floating-view{visibility:visible;} 
.floating.on a.btr {opacity:1; top:-14px; right:11px}
.floating.on a.bty {opacity:1; top:15px; right:80px}
.floating.on a.btb {opacity:1; top:86px; right:101px}
.floating.on a.btx {opacity:1; top:76px; right:11px}
section {width:100%; }
.section-in {margin:0 auto; width: 95%;}

.table-wrap {position:relative; border-top:2px solid #333; border-bottom:1px solid #999;}
.table-wrap table {width:100%; font-size:15px; color:#4c4c4c; border-collapse:collapse; text-align:center }
.table-wrap table th {font-family:Arial; }
.table-wrap table thead th {border-left:1px solid #d9d9d9; padding:19px 0 20px 0}
.table-wrap table thead th:first-child {border-left:0; }
.table-wrap table tbody th {border-top:1px solid #d9d9d9; padding:19px 0 18px 0 }
.table-wrap table td {border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9; padding:19px 0 18px 0}
.table-wrap table tr.bg th, .table-wrap table tr.bg td {background:#f7f7f7}
.unit {display:inline-block; font-size:13px; color:#666; vertical-align:middle; margin-left:10px}

.bt-area {position:relative; width:100%; text-align:center; margin-top:50px}
.btw {display:inline-block; min-width:131px; height:40px; box-sizing:border-box; font-size:14px; color:#333; line-height:40px; border:1px solid #333;text-align:center }
.bt-area a:last-child {margin-left:5px;}

.board-wrap {position:relative;}
.search {position:absolute; top:0; right:0; height:40px; border:1px solid #ccc; background:#f2f2f2;  }
.search input {display:inline-block; width:289px; height:40px; font-size:16px; color:#808080;  padding-left:15px; vertical-align:top; border:0}/* 2016.07.06 수정 */
.search button {display:inline-block; width:38px; height:40px; text-indent:-9999px; background:url(../images/search_bt.gif) no-repeat center top #fff;border:none; border-left:1px solid #ccc; box-sizing:border-box }
.total {font-size:15px; color:#666; padding:21px 0 16px}
.total strong {color:#F09207; font-family:Arial;padding: 0 7px; font-size: 18px;}
.total span {display:inline-block; padding-left:11px; margin-left:11px; background:url(../images/bul01.gif) no-repeat 0 10px;}
.board-list {width:100%; border-top:1px solid #444; border-bottom:1px solid #888}
.board {position:relative; width:100%; border-top:1px dashed #9E9E9E;}
.board:first-child {border-top:0}
.board-tit a {position:relative; display:block; width:100%; height:76px; padding:20px 0 15px 20px; box-sizing:border-box; }
.board-tit .tit-area {position:relative; width:100%; height:90px; padding:23px 0 21px 0; box-sizing:border-box;}
.board-tit .num {display:inline-block; width:8%;font-size:36px; color:#808080; letter-spacing:0; line-height:1.2; vertical-align:middle; text-align:center}
.board-tit .txt {display:inline-block; max-width:69%; font-size:18px; color:#444; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; vertical-align:middle; }
.board-tit .file {display:inline-block; width:14px; height:16px; margin-left:10px; vertical-align:top; margin-top:13px}
.board-tit .file img {max-width:100%;}
.board-tit .date {display:inline-block;position:absolute; width:15%; font-size:15px; color:#808080; text-align:right; right:2%; top:50%; margin-top:-13px; letter-spacing:0}
.board-tit .hit {display:inline-block; background:url(../images/hit.png) no-repeat 0 6px; padding-left:20px}
.board-tit .block {display:block; font-size:13px; color:#666; letter-spacing:0; margin-top:4px}
.board-view {background:#f7f7f7; padding:50px 108px; border-top:1px solid #d9d9d9;}
.board-view .board-cont {text-align:center;  letter-spacing:0}
.board-view .board-cont img {max-width:100%}
.board-view .board-cont div {text-align:left; margin-top:50px; line-height:32px; letter-spacing:0}
.board-view .down-file {width:100%; border-top:1px solid #d9d9d9; margin-top:30px; padding-top:12px; text-align:right}
.board-view .down-file a {display:inline-block; font-size:15px; color:#F6AE45; border-bottom:1px solid #F6AE45}
.board-view .down-file span {display:inline-block; vertical-align:middle;  width:14px; height:16px; background:url(../images/file.png) no-repeat 0 0px; margin-left:9px }
.board.on .board-tit a {background:url(../images/plus_on.png) no-repeat 99% center}
.board-list + .bt-area {margin-top:30px}
a.btw.list span {display:inline-block; padding-left:27px; background:url(../images/list_icon.gif) no-repeat 0;}
a.bt-prev {position:absolute; left:0; padding-left:28px; height:31px; font-size:15px; color:#808080; background:url(../images/arr_prev.gif) no-repeat 0; line-height:31px;}
a.bt-next {position:absolute; right:0; padding-right:26px; height:31px; font-size:15px; color:#808080; background:url(../images/arr_next.gif) no-repeat right 0; line-height:31px;}
a.bt-prev:hover {color:#4c4c4c;background:url(../images/arr_prev_on.gif) no-repeat 0;}
a.bt-next:hover {color:#4c4c4c;background:url(../images/arr_next_on.gif) no-repeat right 0; }
.paging {margin-top:40px; text-align:center;}
.paging a {display:inline-block; width:28px; height:28px; line-height:28px; font-size:14px;  color:#666; text-align:center; vertical-align:middle; margin-left:4px; background:#f0f0f0;}
.paging a.on {color:#666; background:#fff; font-weight:bold;}
.paging a.on:hover {color:#1a1a1a; background:#fff; font-weight:bold;}
.paging a:hover {background:#F6AE45; color:#fff;}
.paging a.prev {width:17px; height:11px; margin-right:17px; margin-left:0; background:url(../images/p_prev.png) no-repeat; text-indent:-9999px; vertical-align:middle}
.paging a.next {width:17px; height:11px; background:url(../images/p_next.png) no-repeat; text-indent:-9999px; vertical-align:middle; margin-left:21px}
.paging a.prev:hover {background:url(../images/p_prev_on.png) no-repeat; }
.paging a.next:hover {background:url(../images/p_next_on.png) no-repeat; }
.paging .dot {display:inline-block; width:8px; height:2px; background:url(../images/p_dot.gif) no-repeat;vertical-align:middle; margin:0 10px}
.paging a.prev img, .paging a.next img {max-width:100%}
.morebt {margin-top:25px; font-size:24px; text-align:center }
.morebt a {display:inline-block; color:#808080; background:url(../images/more_p.png) no-repeat 0 center; padding-left:40px;}

/*news*/
.news {padding: 20px 0;}
.new-list li{ width:32%; margin-right:2%; float:left; margin-bottom:40px;}
.new-list li:nth-child(3n+3){ margin-right:0;}
.new-list li figure{ display:block; line-height:normal; overflow:hidden;}
.new-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:430ms;}
.new-list li:hover img{opacity:0.8;-moz-opacity:0.8; filter:alpha(opacity=80); _-moz-opacity:0.8; }
.new-list li figcaption{ display:block; padding:22px 16px 18px; overflow:hidden; background:#fff; position:relative; transition:340ms; height:117px;}
.new-list li figcaption time{ line-height:normal; color:#7e7e7e; font-size:14px; transition:300ms;}
.new-list li figcaption h3{ color:#1b1b1b; font-size:18px; font-weight:normal; line-height:normal; margin-top:6px; transition:300ms;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new-list li figcaption p{ color:#6c6c6c; height:64px; overflow:hidden; font-size:14px; line-height:2; margin-top:16px; transition:300ms;}
.new-list li figcaption span{ display:block; width:102px; height:30px; line-height:30px; background:#fff; color:#F6AE45; font-size:14px; margin-top:12px; position:relative; bottom:-30px; opacity:0; text-align:center; transition:300ms;}
.new-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list li:hover figcaption{ margin-top:-56px; background:#F6AE45; height:173px;}
.new-list li:hover figcaption time{ color:#fff;}
.new-list li:hover figcaption h3{ color:#fff;}
.new-list li:hover figcaption p{ color:#fff;}
.new-list li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;}

.container1 {
    width: 1000px;
	margin:auto;
}
.subNewsTitle h1,.subNewsTitle h2,.subNewsTitle h3,.subNewsTitle h4,.subNewsTitle h5,.subNewsTitle h6{font-size: 18px;padding-top: 100px;margin-top: -65px;margin-bottom: 5px;color: #333;}
.subNewsTitle h3:first-child{font-size: 25px; font-weight: 400;color: #333; margin-top: 0px; margin-bottom:20px; padding: 10px 0px 20px;border-bottom: 1px solid #D4D4D4; text-align: center;}
.article h3{font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px;}


.article p{font-size: 16px; color: #666; /*margin-bottom: 13px;*/ line-height: 1.8;text-align: justify;/*text-indent: 2em;*/}
.article p span {/*color:#ed7d31; font-weight:bold;*/}

.otherNews { position: relative; border-top: 1px solid #D4D4D4; }
.links22 { padding: 28px 0 0 0px; }
.links22 a { display: block; line-height: 2; font-size: 14px; color: #666;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.links22 a:hover { color: #F6AE45; }

/*我们的优势*/
.section-in .spiritList{ margin-left: -1%; color: #676767; display:table;}
.section-in .spiritList dd{ float: left; display: block; width: 32.33%; margin-left: 1%; margin-bottom:30px;}
.section-in .spiritList article{ border: 1px solid #eaeaea; padding: 38px 30px; height: 147px;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.section-in .spiritList article h3{ font-weight: normal; font-size: 22px; margin-bottom: 15px; color: #E78A24;}
.section-in .spiritList article p{ font-size:15px;}
.section-in .spiritList article:hover{ border: 1px solid #E78A24;}

/*客户案例*/
.case-box{ padding-top:20px;}
.cases{ margin-bottom:10px;}
.cases li{ width:32.2%; margin-right:1.7%; float:left; margin-bottom:40px;}
.cases li:nth-child(3n+3){ margin-right:0;}
.cases li figure{ display:block; overflow:hidden; line-height:normal;}
.cases li figure img{ display:block; width:100%; height:auto; line-height:0; transition:450ms;}
.cases li figcaption{ display:block; width:100%; height:70px; color:#6c6c6c; font-size:16px; background:#fff; margin-top:3px; position:relative; overflow:hidden;background-color: #f1f1f1;}
.cases li figcaption span{ display:block; line-height:70px; text-align:center; position:relative; z-index:5; transition:350ms;}
.cases li figcaption:before{ content:""; width:100%; height:100%; background:#ED9007; position:absolute; left:0; top:100%; transition:340ms;}
.cases li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.cases li:hover figcaption:before{ top:0;}
.cases li:hover figcaption span{ color:#fff;}

/*人才招聘*/
section.mainBox .joinList {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
	padding: 65px 0 40px 0;
	background-color: #F2F2F2;
}
section.mainBox .joinList li {
	width: 1200px;
	margin: 0 auto 30px;
}
section.mainBox .joinList li div {
	width: 100%;
	display: table;
	padding: 15px 25px;
	background-color: #fff;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
section.mainBox .joinList li div i {
	float: left;
	margin-top: 5px;
	font-size: 15px;
	font-weight: bold;
	font-style:normal;
	vertical-align: middle;
}
section.mainBox .joinList li div font {
	float: right;
	margin-top: 5px;
	vertical-align: middle;
}
section.mainBox .joinList li div font small {
	display: inline-block;
	width: 170px; 
	font-size: 13px;
	color: #666666;
}
section.mainBox .joinList li div span {
	float: right;
	display: inline-block;
	width: 29px;
	height: 29px;
	background: url(../images/rc1.jpg) no-repeat center center;
}
section.mainBox .joinList li article {
	display: none;
	width: 100%;
	padding: 20px 0;
}
section.mainBox .joinList li article h4 {
	font-size: 14px;
	color: #444;
	font-weight: bold;
	margin-bottom: 20px;
}
section.mainBox .joinList li article p {
	font-size: 13px;
	color: #666666;
	margin-bottom: 5px;
	line-height: 1.8;
}
section.mainBox .joinList li article section {
	text-indent: 1.5em;
}
section.mainBox .joinList li article button {
	width: 208px;
	height: 50px;
	background-color: #666666;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 50px;
	border: none;
}
section.mainBox .joinList li.active div, section.mainBox .joinList li div:hover {
	background-color: #F6AE45;
}
section.mainBox .joinList li.active div i, section.mainBox .joinList li.active div small, section.mainBox .joinList li div:hover i, section.mainBox .joinList li div:hover small {
	color: #fff;
}
section.mainBox .joinList li.active div span, section.mainBox .joinList li div:hover span {
	background: url(../images/rc2.jpg) no-repeat center center;
}

.certificate.type4{ height:388px; width:100%; padding:40px 0;}
.certificate.type4 .text-area {
   float: right;
    width: 600px;
}
.certificate.type4 .text-area p{ text-align:justify; font-size:16px; line-height:32px; padding-bottom:15px;}
.certificate .img {
width:600px;
float: left;
}

.cooperate-box{ position:relative;}
.cooper-list li{ width:15.6666%; float:left; margin-right:1.2%; margin-bottom:26px; perspective:250px;}
.cooper-list li:nth-child(6n+6){ margin-right:0;}
.cooper-list li figure{ overflow:hidden; transition:0.4s ease; border:1px solid #e1e1e1;}
.cooper-list li figure img{ display:block; width:100%; height:auto; line-height:1; transform-origin:left center 0;}
.cooper-list li figcaption{ display:block; text-align:center; line-height:24px; margin-top:10px; color:#666666; font-size:14px; transition:0.4s ease;}
.cooper-list li:hover figure{ box-shadow:0 0 5px 1px rgba(0,0,0,0.2); transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
.cooper-list li:hover figcaption{ color:#f6ae45;}

/* layer popup */
.popup {position:absolute; box-sizing:border-box;min-width:320px;max-width:470px;padding:30px 30px 20px 30px;border:1px solid #F6AE45;}
.popup header {box-sizing:border-box;}
.popup .ptitle {zoom:1;}
.popup .ptitle:after {content:'';display:block;visibility:hidden;clear:both;}
.popup .ptitle h1 {float:left;padding:0;font-size:24px; margin-bottom:22px}
.popup .ptitle {width:100%;border-bottom:1px solid #d9d9d9;}
.popup a.boxclose{position:absolute; top:30px;right:30px;display: inline-block; margin-top:10px;color:#4b4b4b;font-size:24px;line-height: 0px;padding: 11px 3px;}
.popup a.boxclose:before {content:"×";}

.popup input[type="text"] {padding:0 10px; height:34px; background:#f7f7f7; border:1px solid #d9d9d9}
.pbtw {display:inline-block; min-width:76px; height:34px; margin-left:1%; background:#F6AE45; font-size:15px; color:#fff !important; line-height:33px;text-align:center;}

.address-input {margin-top:10px;padding:0 0 0 30px;}
.address-input input {width:68%;}
.address-input .addin {margin-top:10px;}
.address-input .addin * {vertical-align:middle;}

.address-list {margin:50px 0 20px 0;}
.table-wrap.row table th,.table-wrap.row table td {border-left:none;}
.table-wrap.row table td {text-align:left;}
.table-wrap.row .ac {text-align:center;}

.email-cont {padding:10px 0 0 0;text-align:center;word-spacing:nowrap;word-break:keep-all;}
.full-popup {position:fixed; width:100%;min-height:100%; height:100%; min-width:320px; letter-spacing:0; z-index:100; top:0; left:0}
.full-popup .popcont {position:relative; height:100%}
.popcont:after {content:'';display:block;visibility:hidden;clear:both;}
.popcont .img-area {position:relative; float:left; width:50%; background:#262626; text-align:center;height:100%;}
.popcont .img-area .img div {height:100%; display:block; vertical-align:middle}
.popcont .img-area .img {position:absolute;display:block; top:0; left:0; bottom:0; width:100%; height:100%; background:#262626; }
.popcont .img-area .img img.landscape {width: auto; height: 100%;}
.popcont .img-area .img img.portrait {width: 100%;  height: auto; ; position: absolute; left:0px; top:50%;}
.popcont .img-area .bts {position:absolute; width:100%; bottom:24px; text-align:center; margin:0 auto; z-index:20}
.popcont .img-area .bts a {display:inline-block; width:12px; height:12px; background:#fff; opacity:.5; color:transparent; font-size:0; border-radius:50%; margin-left:5px}
.popcont .img-area .bts a:first-child {margin-left:0}
.popcont .img-area .bts a.on {opacity:1}
.popcont .txt-area {position:relative; float:left; width:50%; background:#333; color:#fff;  height:100%; box-sizing:border-box; }
.popcont .txt-area .location {color:#ccc; font-size:14px; margin-bottom:3px; padding-top:5.5%}
.popcont h1 { width:65%; font-size:36px; font-family:Arial; padding-left:0; vertical-align:top; line-height:1.2}
.popcont .sub-txt {font-size:24px; vertical-align:top; margin-top:30px; line-height:1.2; display:none}
.popcont .tit-area {position:relative; padding-bottom:55px; margin-bottom:40px}
.popcont .tit-area span {position:absolute; bottom:0; display:inline-block; width:70px; height:2px; background:#F6AE45;}
.award {position:absolute; top:73px; right:15px; width:33%; background:url(../images/award_icon.png) no-repeat center top; padding-top:66px }
.award span {display:block; text-align:center; font-size:12px; color:#dca454; line-height:1.2  }
.scroll-area {position:absolute; overflow-y:scroll; top:0; bottom:0; right:0; left:30px;}
.scroll-area .scroll-in {padding-bottom:13px}
.scroll-area p {color:#e5e5e5; line-height:26px; padding-right:3%; font-size:15px}
.scroll-area dl {border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); font-size:15px; line-height:32px; padding:15px 0; margin:25px 0 35px 0}
.scroll-area dl:after {content:'';display:block;visibility:hidden;clear:both;}
.scroll-area dl dt {float:left; width:155px; clear:both; padding-left:17px; color:#ccc; font-family:Arial; box-sizing:border-box}
.scroll-area dl dd {float:left; width:65%}
.scroll-area dl dd span {display:inline-block; margin:0 20px}
.scroll-area .bt {margin-top:24px}
.scroll-area .bt a {display:inline-block; background:url(../images/pop_txt_bg.png) no-repeat left center; font-size:15px; padding-left:11px; margin-left:10px; color:#dca454;}
.scroll-area .bt a:first-child {padding-left:0; margin-left:0; background:none}
.scroll-area h2 {color:#ccc; font-size:18px; font-family:Arial; }
.photo-area {margin-top:20px}
.photo-area ul:after {content:'';display:block;visibility:hidden;clear:both;}
.photo-area ul li {float:left; width:28%; margin-left:2%}
.photo-area ul li:first-child {margin-left:0}
.photo-area ul li a {display:block;}
.photo-area ul li a img {width:100%; height:120px}
.photo-area ul li a .txt {display:block;font-size:15px; color:#ccc; margin-top:5px}
.full-popup .close {position:absolute; top:33px; right:33px; z-index:30}
.popcont .img-area .arr a {display:block; position:absolute; top:50%; margin-top:-32px; width:65px; height:65px; text-indent:-9999px; color:transparent; z-index:20}
.popcont .img-area .arr .prev {left:0; background:url(../images/pop_arrl.png) no-repeat 0 0 ;  }
.popcont .img-area .arr .prev:hover { background:url(../images/pop_arrl_on.png) no-repeat 0 0 ;}
.popcont .img-area .arr .next {right:0; background:url(../images/pop_arrr.png) no-repeat 0 0 ;  }
.popcont .img-area .arr .next:hover { background:url(../images/pop_arrr_on.png) no-repeat 0 0 ;}

/*企业概况*/
.w960 {
    width: 1000px;
    margin: 0px auto;
}
.bgf9 {
    background-color: #F5F3F3;
}
.wrap_main {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0;
}
.onePorfile{ padding: 50px 0px;height: 205px;}
.aboutT1{ font: 30px/1.8 "Microsoft Yahei"; color: #666666; text-align: center;}
.aboutT2{ font: 42px/1.5 "Microsoft Yahei"; color: #cccccc; text-align: center;}
.onePorfile .bot{ width: 162px; margin: 20px auto; height: 1px; background-color: #cccccc; display: block;}
.onePorfile-list li{ float: left; display: block; width: 33.33%; text-align: center; color: #999; margin-bottom: 30px;}
.onePorfile-list .year{ font: 50px/1.4 "Microsoft Yahei"; color: #666666; }
.twoPorfile{ background-color: #fff;}
.twoPorfile-con { padding: 60px 0px; margin: 0px auto; position: relative;}
.pageC { color: #666; font-size: 14px; }
.pageC p{line-height:26px; font-size:15px; text-align:justify; text-indent:2em; padding-bottom:10px;}
.pageC a:link, .pageC a:visited { color: #333333; }
.pageC a:active, .pageC a:hover { color: #C62923; }
.pageC img { max-width: 100%; }
.twoPorfile-con .yico { width: 47px; height: 47px; background: url(../images/y_bg2.png) no-repeat; position: absolute; left: 50%; top: -24px; margin-left: -23px; }
.twoPorfile-con .yico i { background: url(../images/y_ico1.png) no-repeat; width: 16px; height: 9px; display: block; margin: 20px auto; }
.thressPorfile{ margin-bottom:30px; background-size: cover; background-repeat: no-repeat; background-position: center center; height:590px;} 

/*总裁致辞*/
.line{ width:40px; height:2px; background-color:#e78a24;}
.about .le {
float: left;
width: 410px;
height: 490px;
border: 5px solid #F6AE45;
position: relative;
}
.about .le img {
position: absolute;
top: 23px;
left:25px;
}
.about .ri {
width: 650px;
float: right;
height: 500px;
padding-right: 15px;
overflow: auto;
}
.about .ri .p {
line-height: 24px;
color: #fff;
margin-bottom: 20px;
font-size:15px;
text-align:justify;
}
.about .ri .p2 {
text-indent:2em;
line-height: 24px;
color: #fff;
font-size:14px;
text-align:left;
}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.scrollbar::-webkit-scrollbar{
    width: 8px;
    height: 16px;
    background-color:rgba(0,0,0,0);
}
/*定义滚动条的轨道，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fea84d;
}

/*团队介绍*/
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}
.clearfix:after {
    clear: both;
}
.title2{ line-height:1; padding-bottom:20px; border-bottom:2px solid #707070; margin-bottom:32px; font-size:24px; font-weight:normal; color:#6E6D6D;}
.title2 small {
    display: inline-block;
    color: #666666;
    font-size: 14px;
    margin-left: 8px;
}
.inner { width:1200px; margin: 0px auto;}
.viemore a{ display:inline-block; padding-left:20px; color:#333333; position:relative;}
.viemore a:before{ content:""; width:11px; height:11px; position:absolute; left:0; top:50%; margin-top:-5px; transition:0.43s; background:url(../images/add.png) center no-repeat;} 
.viemore a:hover{ opacity:0.8; filter:alpha(opacity=80);}
.viemore a:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.creative{ padding-bottom:32px; border-bottom:1px solid #cccccc;}
.creative-info{ padding:20px 0 30px;}
.creative-info h3{ display:inline-block; float:left; color:#707070; font-size:24px; font-weight:normal; line-height:1;}
.creative-info small{ display:inline-block; float:left; line-height:1; color:#666; margin-left:8px; margin-top:3px;}
.creative-list li{ width:22.3333%; float:left; margin-right:3.5556%; margin-bottom:20px; position:relative; perspective:400px; overflow:hidden;}
.creative-list li:nth-child(4n){ margin-right:0;}
.creative-list li figure{ display:block; line-height:1; overflow:hidden;}
.creative-list li figure img{ display:block; width:100%; height:auto; line-height:0; transform:scale(1.045); -webkit-transform:scale(1.045); -moz-transform:scale(1.045); transition:0.66s;}
.createfix{ width:100%; height:100%; position:absolute; left:0; top:0;}
.createfix mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(233,160,54,0.7); background:#aa8541\9; filter:alpha(opacity=60); transform:rotateY(45deg); -webkit-transform:rotateY(45deg); -moz-transform:rotateY(45deg); transition:0.6s; opacity:0; visibility:hidden; transform-origin:left center 0;}
.createb{ width:90%; left:5%; bottom:-100%; position:absolute; opacity:0; visibility:hidden; transition:0.55s 0s;}
.createb span{ display:block; line-height:1; color:#ffffff; font-size:20px; margin-bottom:6px;}
.createb p{ color:#ffffff; font-size:13px; height:38px; line-height:1.4;margin-bottom: 70px}
.createb p small{ display:inline-block; padding-left:5px; position:relative; margin-left:5px;}
.createb p small:before{ content:""; width:1px; height:15px; background:#fff; position:absolute; left:0; top:50%; margin-top:-7px;}
.createb b{ display:inline-block; font-weight:normal; padding-left:20px; color:#fff; position:relative;}
.createb b:before{ content:""; width:11px; height:11px; position:absolute; left:0; top:50%; margin-top:-5px; transition:0.43s; background:url(../images/add2.png) center no-repeat;} 
.createb b:hover{ opacity:0.8; filter:alpha(opacity=80);}
.createb b:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.creative-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.creative-list li:hover .createfix mark{ transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); opacity:1; visibility:visible;}
.creative-list li:hover .createb{ bottom:32px; opacity:1; visibility:visible;}
.ourteam{ margin-top:24px; padding-bottom:100px;}
.teams{ background:#f9f9f9; padding:85px 0 50px; text-align:center;}
.teams h3{ text-align:center; margin-bottom:48px; color:#333333; font-size:30px; font-weight:normal;}
.teams h3 small{ display:inline-block; color:#666666; font-size:18px;  text-transform:uppercase; margin-left:10px;}
.doyenfix .desititle{ margin-bottom:0;}
.doyenfix .desititle {color:#F5AC3C; font-size:22px;}
.doyenfix img{ max-width:100%; margin-bottom:16px;}
.teamfx{ padding:0 30px;}
.teamfx p{ color:#666666; font-size:14px; text-align:center; line-height:2;}
.teamimg img{ width:100%; height:auto;}
.teamed{ height:auto;}
.doyen{ position:absolute; left:87%; width:530px; margin-left: -87%; top:155px;}
.teamwr{ float:right; background:#ffffff; position:relative; z-index:10; width:50%;right:0; height:100%;}
.doyentext{ padding:40px; padding-top:20px; padding-left:0;width:560px; height:470px; overflow:auto;}
.doyen-info{ padding:14px 0 20px;}
.doyen-info p{ color:#666666; font-size:18px; padding-bottom:10px; text-align:justify;}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.scrollbar::-webkit-scrollbar{
    width: 8px;
    height: 16px;
    background-color:rgba(0,0,0,0);
}
/*定义滚动条的轨道，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fea84d;
}
.doyen-info2{ padding:14px 0 0; border-top:1px solid #626262;}
.doyen-info2 p{ color:#666666; font-size:15px; padding-bottom:10px; text-align:justify;}
.doyen-info2 p span{color:#F5AC3C; font-size:18px; font-weight:700;}

.techfull {height:420px; color:#fff;  margin-top:20px; margin-bottom:40px;}
.techfull h4 {font-size:22px; color:#fff;  margin:0 0 15px 0}
.techfull ul li {line-height:32px; font-size:16px;}

.techfull2 {height:420px; color:#fff;  margin-top:20px; margin-bottom:40px;}
.techfull2 h4 {font-size:22px; color:#fff;  margin:0 0 15px 0}
.techfull2 ul { display:table;}
.techfull2 ul li {line-height:32px; font-size:16px;width: 50%;float: left;}

.techfull p {font-size:15px; line-height:26px; color:#ccc; margin-top:16px; }
.techfull.quality ul li {line-height:26px; margin-bottom:22px}
.techfull.quality ul li strong {display:block; font-weight:normal; }
.techfull.quality ul li span {display:block; margin-left:10px; font-size:15px}
.techfull.quality ul li:last-child {margin-bottom:0}
.act-list {position:relative; padding-bottom:60px; margin-top:25px}
.act-list:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.act-list dl {position:relative; float:left; width:290px; box-sizing:border-box; margin-left:13px; padding-top:18%}
.act-list dl:first-child {margin-left:0}
.act-list dl dt a{color:#F39718; font-size:18px;}
.act-list dl dd {font-size:15px; line-height:26px; margin-top:7px; text-align:justify;}
.act-list dl .img {position:absolute; top:0; left:0; line-height:0; text-indent:0; margin-left:0; margin-top:0}
.act-list dl .img:hover img{opacity:0.8;-moz-opacity:0.8; filter:alpha(opacity=80); _-moz-opacity:0.8;}
.act-list dl .img img {max-width:100%}
.section-in h4 {padding-top:65px}

.act-list2 {position:relative; padding-bottom:60px; margin-top:25px}
.act-list2:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.act-list2 dl {position:relative; float:left; width:31.3%; box-sizing:border-box; margin-left:3%; padding-top:18%}
.act-list2 dl:first-child {margin-left:0}
.act-list2 dl dt {color:#F39718; height:60px; font-size:18px;}
.act-list2 dl dd {font-size:15px; line-height:26px; margin-top:7px; text-align:justify;}
.act-list2 dl .img {position:absolute; top:0; left:0; line-height:0; text-indent:0; margin-left:0; margin-top:0}
.act-list2 dl .img:hover img{opacity:0.8;-moz-opacity:0.8; filter:alpha(opacity=80); _-moz-opacity:0.8;}
.act-list2 dl .img img {max-width:100%}

/*历届塾生*/
.col-md-5 {
    width: 43%;
    float:left;
    padding-right: 45px;
    padding-left: 30px;
}

.pic-l-text-r .thumbnail:hover {
    border: 1px solid #F6AE45;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 30px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
	background:url(../images/bg01.jpg) no-repeat;
	position:relative;
}
.thumbnail .dzz h2{ position:absolute; right:80px; top:10px; font-size:24px; color:#333;}
.pic-l-text-r .thumbnail {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    border-radius:5px;
    width: 100%;
	height: 265px;
}
.pic-l-text-r .thumbnail img {
    width: 152px;
    height: 178px;
    float: left;
    margin: 72px 10px 0 3px;
}
.thumbnail .caption {
    padding: 72px 10px 0 10px;
    color: #333;
}
.pic-l-text-r .caption .tit {
    font-size: 20px;
    height: 25px;
	padding-bottom:10px;
}
.more-star li {
    margin: 10px 0;
	font-size:14px;
}
/*吉永塾*/
.culture-box{ position:relative;}
.culture-box:before{ content:""; width:100%; height:98px; background:#fff; position:absolute; left:0; bottom:0;}
.values{ width:50%; float:left; position:relative;}
.value-info{ position:relative; overflow:hidden;}
.value-info img{ display:block; width:100%; height:auto; line-height:0; transition:0.98s; -webkit-transition:0.98s; -moz-transition:0.98s;}
.value-text{ position:absolute; left:50px; top:22.3%; max-width:490px;}
.value-text b{ display:block; width:33px; height:37px; margin-bottom:17px; position:relative;}
.value-text b img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.value-info:hover >img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.value-text strong{ display:block; line-height:1; color:#333333; font-size:18px; margin-bottom:18px;}
.value-text span{ display:block; color:#333333; font-size:16px; line-height:2;}
.values1 .value-info .value-text{ top:76px;}


@media all and (max-width:1440px) {
.gnb ul li {
    position: relative;
    float: left;
    width: 113px;
    text-align: center;
}	
	}

@media all and (min-width:1280px) {
.sub-navi ul {max-width:1200px;}
.contents {max-width:1200px;}
header {max-width:1920px; margin:0 auto}
#container {max-width:1920px; margin:0 auto}
footer {max-width:1920px;margin:0 auto}
.footer-in {max-width:1200px;  margin:0 auto}
.footer-in .family {right:0px; top:25px; }
.section-in {max-width:1200px;}
.topbt {position:fixed;}
.main .topbt {position:absolute !important}
.posa {position:absolute;}
.footer-in .f-left p span.ex1 {margin-left:0; padding-left:0; background:none}
}

@media all and (max-width:1279px) {
.gnb {margin-left:-20%; width:64%}
.gnb ul li {width:14% }
.breadcrumb {right:50px}
.sub-navi {padding:0 50px;}
footer {height:139px}
.footer-in {padding:40px 100px 0}
.footer-in .f-logo {left:50px; top:52px}
.footer-in .f-left {float:none; padding-left:84px; margin-top:2px}
.footer-in .f-left p br {display:none}
.footer-in .f-right {float:none; padding-left:84px;}
.footer-in .f-left p span.post {padding-left:0;}
.footer-in .family {right:50px; top:55px}
.footer-in .f-right ul.terms {padding-top:0}
.bratt02 {display:block;}
.table-wrap {margin:0 50px}
.board-wrap  {padding:0 50px}
.search {right:50px}
.board-tit a {padding:14px 0 13px 20px}
.board-tit .tit-area {padding:10px 0 10px 0}
.board-tit .date {left:10%; top:60px; text-align:left}
.board-view {padding:50px;}
.board-view .board-cont {width:100%}
.board-view .board-cont img {width:100%}
.gnb ul li ul li {font-size:13px; height:40px; line-height:1}
.gnb ul li ul li a {font-size:14px; line-height:1}
.act-list dl{
    float: none;
    width: 100%;
    padding-left: 38%;
    padding-top: 0;
    margin-top: 60px;
    margin-left: 0;
    height: 190px;
}
.act-list dl .img{
    position: absolute;
    width: 34.2%;
    height: 100%;
    top: 5px;
}

.act-list2 dl{
    float: none;
    width: 100%;
    padding-left: 38%;
    padding-top: 0;
    margin-top: 60px;
    margin-left: 0;
    height: 190px;
}
.act-list2 dl .img{
    position: absolute;
    width: 34.2%;
    height: 100%;
    top: 5px;
}

}
@media all and (max-width:1200px) {
.col-md-5 {
    width: 42%;
    float:left;
    padding-right: 45px;
    padding-left: 30px;
}
}
@media all and (max-width:1039px) {
.col-md-5 {
    width: 91%;
    float:left;
    padding-right: 45px;
    padding-left: 30px;
}
}
@media all and (min-width:768px) and (max-width:1279px) {
.footer-in .f-left p .bratt02 {display:block !important}
.footer-in .f-left p span.ex1, .footer-in .f-left p span.ex3 {margin-left:0; padding-left:0; background:none}
section.mainBox .joinList li div i {
    float: left;
    margin-top: 7px;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    vertical-align: middle;
}
section.mainBox .joinList li div font small {
    display: inline-block;
    width: 170px;
    font-size: 13px;
    color: #666666;
}
section.mainBox .joinList li {
    width: 1000px;
    margin: 0 auto 30px;
}
.thumbnail .dzz h2{ right:14px;}

}
@media all and (max-width:1027px) {
.full-popup {height:auto}
.full-popup .popcont {height:auto; position:fixed; top:0px; left:0; width:100%; bottom:0;overflow-y:auto; background:#333}
.popcont .img-area {float:none; width:100%; height:70%}
.popcont .img-area .img-wrap {position:relative; height:100%}
.popcont .img-area .img {display:block;}
.popcont .img-area .img div {vertical-align:middle}
.popcont h1 {line-height:50px}
.popcont .txt-area {position:relative; float:none; width:100%; padding:40px 50px 30px; }
.award {top:0; right:0; width:20%}
.scroll-area {position:relative; overflow-y:visible; left:0 }
.scroll-area .scroll-in {padding-bottom:0}
.scroll-area p {padding-right:0}
.popcont .txt-area .location {padding-top:0}
.container1 {
    width: 900px;
	margin:auto;
}
.creative-list li {
    width: 23%;
    margin-right: 24px;
}
.creative-list li:nth-child(4n) {
    margin-right: 0;
}
}
@media all and (max-width:1024px) {
	.title {
    font-size: 24px;
    padding: 74px 15px 40px 40px;
}
.doyen {
    position: relative;
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 0;
    padding: 40px 0 40px;
    text-align: center;
}
.doyenfix img {
    max-width: 100%;
    margin-bottom: 16px;
}
.teamwr {
    width: 100%;
    float: none;
}
.case-box{ padding:60px 0 78px;}
.certificate.type4 {
    height: 388px;
    width: 97%;
    padding: 40px 0;
    margin: auto;
}
.certificate.type4 .text-area {
    float: right;
    width: 510px;
}
.certificate.type4 .text-area p {
    text-align: justify;
    text-indent: 2em;
    font-size: 14px;
    line-height: 28px;
}
.certificate .img {
    width: 478px;
    float: left;
}
.certificate .img img{ width:97%;}
section {
    width: 100%;
    margin: auto;
}
.ceo-cont{ height:auto !important;}
.creative-info {
    padding: 20px 20px 30px;
}
.creative-list li {
    width: 20%;
    margin-right: 22px;
}

.inner {
    width: 90%;
}

.culture-box{ margin-top:100px;}
.values{ margin-top:-40px;}
.culture-box:before{ height:54px;}
.value-text{ left:30px;}

.spiritList article {
    padding: 30px 5% !important;
}

.w960 {
    width: 90%;
}
.onePorfile{ padding: 20px 0px;}
.aboutT1{ font-size: 26px;}
.oaboutT2{ font-size: 36px;}
.onePorfile-list .year{ font-size: 54px;}
.onePorfile-list li{ width:31.33%;}

.wrap_main{ width:1000px;}
.about .le{ width:346px; border:none;}
.about .le img {
    position: absolute;
    top: 23px;
    left: 20px;
}
.about .ri{ width:570px;}

.footer-in .f-right span.icon_tel{ right:50px;}

.roll .roll-in .roll-in-txt ul li{width: 26%;}
.roll .roll-in.r4 .roll-in-txt img{ width:78%;}
	}
@media screen and (max-width:861px){
.values{ width:100%; margin-top:0;}
.culture-box{ padding:50px 0;}
.culture-box:before{ display:none;}
.value-info{ margin-bottom:30px;}
.values1 .value-info{ margin-bottom:0;}

.spiritList { margin-left:0 !important; }
.spiritList dd { float: none !important; margin: 0px 0px 20px 0 !important; width: auto !important; }
.section-in .spiritList article h3{ font-size:18px !important;}
.section-in .spiritList article p{ font-size:14px;}
.spiritList article { height: auto !important; }
}
@media all and (min-width:768px) and (max-width:845px) {
.footer-in .f-left .tel {display:block;padding-left:0;}
.cooper-list li {
    width: 23%;
    margin-right: 2.66666%;
}
.cooper-list li:nth-child(4n) {
    margin-right: 0;
}
.cooper-list li:nth-child(2n) {
  margin-right: 1.2%;
}
}
@media all and (max-width:768px) {
.language{ display:none;}
.menu-icon {
    display: block;
    position: absolute;
    right: 15px;
    top: 19px;
    width: 17px;
    height: 14px;
    background: url(../images/menu_icon.png) no-repeat;
    color: transparent;
    font-size: 0;
    text-indent: -9999px;
    background-size: 17px 14px;
}
.container1 {
    width: 740px;
    margin: auto;
}
section.mainBox .joinList li div i {
    float: left;
    margin-top:5px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    vertical-align: middle;
}
section.mainBox .joinList li div font small {
    display: inline-block;
    width: 131px;
    font-size: 12px;
    color: #666666;
}
section.mainBox .joinList li {
    width: 785px;
    margin: 0 auto 30px;
}
.title {
    font-size: 24px;
    padding: 74px 15px 40px 15px;
}
.creative-list li {
    width: 49%;
    margin-right: 2%;
}
.creative-list li:nth-child(2n) {
    margin-right: 0;
}
.cases li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 40px;
}
.cases li:nth-child(3n) {
    margin-right: 4%;
}
.cases li:nth-child(2n) {
    margin-right: 0;
}
.certificate.type4 .text-area {
    float: none;
    width: 100%;
}
.certificate .img {
    width: 100%;
    float: left;
}
.certificate .img img {
    width: 100%;
	padding-bottom:20px;
}
.inner {
    width: 100%;
}
.wrap_main{ width:750px;}
.about .ri{ width:330px;}

.footer-in .f-right span.icon_tel{ display:none;}
.gnb{ display:none;}
	}
@media all and (max-width:767px) {
#container{ padding-top:0;}
.contents.type2 {padding-bottom: 0;}
.navi {height:53px;}
h1 {padding:0 15px}
.language {display:none}
h1 a {width:61px; height:49px; background:url(../images/logo.png) no-repeat 0 10px;  background-size:61px 34px}
.navi.wh h1 a {background:url(../images/logo_w.png) no-repeat 0 10px; background-size:61px 34px}
.visual-area {height:160px; }
.visual-area .tit-img p {display:table-cell; height:132px; vertical-align:middle; padding:53px 15px 0 15px;font-size: 24px;}
.visual-area .tit-img {display:none;}
.visual-area .tit-img img {line-height:0; font-size:0; width:100%}
.visual-area .visual-img { display:none;}
.visual-area .visual-img_m{ display:block;}
.visual-area .visual-img_m img{width: 100%;height: auto;}
.sub-navi {height:38px; padding:0 15px}
.sub-navi ul li a {font-size:13px; line-height:36px}
.breadcrumb {display:none}
/*h2 {font-size:25px;padding-top:100px}*/
.title {font-size:22px;padding:0 15px 20px 15px;}
.title2{ font-size:20px;}
.creative-info h3{font-size:20px;}
.gnb {display:none;}
.menu-icon {display:block; position:absolute; right:15px; top:19px; width:17px; height:14px; background:url(../images/menu_icon.png) no-repeat; color:transparent; font-size:0; text-indent:-9999px;  background-size:17px 14px}
.wh .menu-icon {background:url(../images/menu_icon_b.png) no-repeat;background-size:17px 14px}
.menu-icon img {max-width:100%}
footer {height:100px}
.footer-in {padding:15px 0 0; font-size:12px; width:100%;}
.footer-in .f-logo { display:none;}
.footer-in .f-left {padding-left:0px;  margin-top:0; }
.footer-in .f-left .tel {display:block; padding-left:0; }
.footer-in .f-left a {color:#848484}
.footer-in .f-left p:first-child {padding-left:0; line-height:16px}
.footer-in .f-left p:last-child {text-align:center; color:#999; border-top:1px solid #ccc; font-size:9px; line-height:15px; margin-top:12px; padding-top:12px}
.footer-in .f-right {padding:0 15px; box-sizing:border-box;}
.footer-in .f-right ul.terms {float:none; width:100%; margin-right:0; padding-top:0; margin-bottom:15px;}
.footer-in .f-right ul.terms li {width:16%; text-align:left; padding:0; background-size:1px 10px}
.footer-in .family {top:40px; width:96%; left:15px; right:auto; height:35px; padding-left:0; box-sizing:border-box}
.footer-in .family a.sel-tit {line-height:33px; padding:0 10px; background:url(../images/f_arr_m.png) no-repeat 98% center; background-size:9px 5px; } 
.footer-in .family-in.on a.sel-tit {background:url(../images/f_arr_m_on.png) no-repeat 98% center #fff; background-size:9px 5px; }
.footer-in .f-left p span {background-size:1px 10px;}
.footer-in .f-left p .bratt {display:block !important;}
.footer-in .f-left p span.ex1, .footer-in .f-left p span.ex2, .footer-in .f-left p span.ex4 {margin-left:0; padding-left:0; background:none}
.footer-in .f-left p br {display:block;}
.cjWebPolicy h2 a { background:url(../images/f_arr.png) no-repeat 98% center;}
.cjWebPolicy h2 a.on { background:url(../images/f_arr_on.png) no-repeat 98% center #fff}
.bratt {display:block;}
.bratt02 {display:none;}
.topbt {display:none}
.floating {display:block;}
.icon_tel{ display:none;}

.unit  {font-size:10px}
.board-wrap  {padding:0 15px}
.table-wrap {margin:0 15px}
.search {position:relative; right:0px; margin-bottom:25px}
.search input {width:90%; font-size:14px}
.search button {position:absolute; right:0}
.total {display:none}
.board-tit .num {display:none}
.board-tit .txt {font-size:15px; line-height:26px; max-width:100%; color:#333; text-overflow : ellipsis; overflow:hidden; white-space: nowrap;}
.board-tit .category {width:25px; height:14px; font-size:10px; line-height:14px; margin:0; }
.board-tit a {padding:18px 10px 18px 10px; background:none; min-height:80px; height:auto}
.board-tit .tit-area {padding:17px 0 18px 0; background:none; min-height:80px; height:auto}
.board-tit a:hover {background:none;}
.board-tit .date {position:relative; display:block; left:0; top:0; width:auto; line-height:1; margin-top:3px; font-size:13px}
.board-tit .file {position:absolute; bottom:0; top:50%; margin-top:-8px; right:11px}
.board-view {padding:25px 15px;}
.board-view .board-cont div {margin-top:3%; font-size:14px; line-height:23px}
.board-view .down-file {border-top:0; text-align:center; padding-top:0}
.board-view .down-file a {font-size:12px}
.btw {min-width:100px; height:30px; font-size:12px; line-height:30px;}
a.btw.list span {padding-left:20px; background-size:10px 10px}
a.bt-prev {font-size:14px; top:3px; padding-left:22px; height:24px;  line-height:24px; background-size:13px 24px}
a.bt-next {font-size:14px; top:3px; padding-right:22px; height:24px; line-height:24px; background-size:13px 24px}
a.bt-prev:hover {background-size:13px 24px}
a.bt-next:hover {background-size:13px 24px}
.table-wrap table {font-size:14px}
.table-wrap table tbody th, .table-wrap table thead th {padding:8px 0 7px 0}
.table-wrap table td, .table-wrap table th {padding:8px 0 7px 0}
.stxt {font-size:23px; line-height:32px;}
.paging {margin-top:20px}
.paging a.prev {width:14px; margin-right:0px; background-size:14px 11px}
.paging a.next {width:14px; margin-left:5px; background-size:14px 11px}
.paging a.prev:hover {background-size:14px 11px}
.paging a.next:hover {background-size:14px 11px}
.paging .dot {margin:0 5px}
.paging a {width:24px; height:24px; line-height:24px}
.morebt {margin-top:25px; font-size:14px; }
.morebt a {padding-left:22px; background-size:13px 13px}
.popcont .img-area .img {display:block }
.popcont .img-area {height:50%; }
.popcont .img-area .img div {display:block ; }
.popcont .txt-area {padding:40px 15px 30px; }
.photo-area ul li a img {height:80px}

.scroll-area p {font-size:16px; line-height:26px}
.scroll-area .bt a {font-size:12px}
.scroll-area dl {font-size:12px; line-height:26px; margin:25px 0 23px 0}
.scroll-area dl dt {width:110px; padding-left:0}
.scroll-area h2 {font-size:20px;}
.photo-area ul li a .txt {font-size:12px}
.scroll-area .scroll-in {padding-bottom:0}
.scroll-area p {padding-right:0}
.scroll-area .bt {margin-top:14px}
.award {top:0; right:20px; background:url(../images/award_icon.png) no-repeat right center; background-size:35px 30px}
.award span {display:none}
.popcont .sub-txt {font-size:16px; margin-top:20px}
.popcont h1 {width:80%; font-size:30px; line-height:37px}
.popcont .txt-area .location {font-size:13px}
.photo-area {margin-top:14px}
.popcont .img-area .arr a {width:40px; height:40px; margin-top:-20px}
.popcont .img-area .arr .prev {background:url(../images/pop_arrl.png) no-repeat 0 0 ; background-size:40px 40px }
.popcont .img-area .arr .prev:hover { background:url(../images/pop_arrl_on.png) no-repeat 0 0 ; background-size:40px 40px }
.popcont .img-area .arr .next {background:url(../images/pop_arrr.png) no-repeat 0 0 ; background-size:40px 40px  }
.popcont .img-area .arr .next:hover { background:url(../images/pop_arrr_on.png) no-repeat 0 0 ; background-size:40px 40px }
.container1 {
    width: 92%;
	padding:0;
}
.subNewsTitle h3:first-child{ font-size:20px;}
.article p {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    line-height: 1.8;
    text-align: justify;
    text-indent: 2em;
}
.cont_img img{ width:100%;}
.contents{ padding-bottom:30px;padding-top: 70px;}
.mainBox{ width:90%; margin:auto;}
section.mainBox .joinList {
    width: 100%;
    position: relative;
    display: table;
    padding: 25px 0 0 0;
    background-color: #F2F2F2;
	left:0;
	margin-left:0;
}
section.mainBox .joinList li div {
    width: 100%;
    display: table;
    padding: 15px 5px;
    background-color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
section.mainBox .joinList li {
    width: 100%;
    margin: 0 auto 30px;
}
section.mainBox .joinList li div i {
    font-size: 15px;
}
section.mainBox .joinList li article {
    display: none;
    width: 93%;
    padding: 20px 15px;
    text-align: justify;
}
section.mainBox .joinList li article section{ text-indent:0; }
.doyen {
    position: relative;
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 0;
    padding: 20px 0 20px;
    text-align: center;
}
.doyen-info p{padding: 0 25px; font-size:16px;}
.doyen-info2 p{ font-size:14px;}
.teamwr {
    width: 100%;
    float: none;
}
.doyentext {
    padding: 32px 5% 10px;
    width: 100%;
    box-sizing: border-box;
}
.case-box {
    padding: 35px 0 45px;
}
.cases li {
    width: 100%;
    margin-right: 0;
}
.certificate.type4{width:90%; margin:auto; height:auto;padding: 20px 0;}
.certificate.type4 .text-area{ float:none; width:100%; padding-bottom:10px;}
.certificate.type4 .text-area p {
    text-align: justify;
    text-indent: 2em;
    font-size: 15px;
    line-height: 28px;
}
.certificate .img{ width:100%;padding-bottom:15px;}
.certificate .img img{ width:100%;}

.cooperate-box {
    padding: 30px 0 10px;
	width:90%;
}
.cooper-list li {
    width: 48%;
    margin-right: 4%;
}
.cooper-list li:nth-child(2n+2) {
    margin-right: 0;
}
.act-list dl{
    padding-left:1px;
	padding-right:1px;
    padding-top: 245px;
    margin-top: 35px;
    height: auto;
	width:100%
}

.act-list dl .img{
    width: 100%;
    top: 0;
    text-align: center;
}

.act-list2 dl{
    padding-left:0;
	padding-right:0;
    padding-top: 215px;
    margin-top: 35px;
    height: auto;
	width:100%
}
.act-list2 dl .img{
    width: 100%;
    top: 0;
    text-align: center;
}
.act-list2 dl dt{ height:auto; font-size:18px;}
.act-list2 dl dd{ font-size:14px;}

.techfull h4 {
    font-size: 18px;
    margin: 0 0 5px 0;
	padding-top: 13px;
	padding-left: 6px;
}
.techfull ul li {
    font-size: 14px;
    line-height: 24px;
}
.techfull2 ul li{ width:100%;}
.ceo-cont{ height:auto !important;}

.about .le {
	display:none;
}
.about .ri {
    float: none;
    width: 50%;
    padding-left: 15px;
}
.about .ri .p{ font-size:14px;}
.new-list li figcaption{padding: 22px 0px 18px;}
}
@media all and (max-width:500px) {
.sub-navi {height:60px; }
.sub-navi ul li {vertical-align:middle; height:58px;}
.sub-navi ul li a {line-height:1.4;}
.creative-info {
    padding-bottom: 20px;
}

.culture-box{ padding:30px 0; margin-top:0;} 
.values1 .value-info .value-text {
    top: 50px;
}
.value-text{ left:20px;}
.value-text b{ width:30px; height:36px; margin-bottom:6px;}
.value-text strong{ font-size:16px; margin-bottom:8px;}
.value-text span{ font-size:14px; line-height:1.8;}

.aboutT1{ font-size: 22px;}
.aboutT2{ font-size: 23px;}
.onePorfile-list .year{ font-size: 30px;}
.onePorfile-list .c{ font-size:14px;}
.pageC p{ font-size:14px;}
}

@media all and (max-width:400px) {
	.popup {padding:15px 15px 10px 15px;}
	.popup .ptitle h1 {font-size:16px;}
	.popup .ptitle a.boxclose {padding-top:0px;font-size:15px;}
	.popup {font-size:14px;}
	.table-wrap.row {font-size:14px;}
	.address-list {margin:25px 0 10px 0;}
	.address-input {padding-left:0;}
	.table-wrap {margin:0 0px;}
	.scroll-area dl dd {width:60%}
}

@media all and (max-width:680px) {
.footer-in .family {width:95%;}
}
@media all and (max-width:600px) {
.footer-in .family {width:94%;}
}
@media all and (max-width:520px) {
.footer-in .family {width:93.5%;}
.visual-area .tit-img img {width:100%}
}
@media all and (max-width:430px) {
.m-menu .btn a {width:47%}
.col-md-5 {
    width: 97%;
    float:left;
    padding-right: 0;
    padding-left: 0;
}
.thumbnail .dzz{ display:none;}

}
@media all and (max-width:415px) {
	.act-list dl{padding-left: 21px;
    padding-right: 21px;}}
@media all and (max-width:400px) {
.footer-in .family {width:93%;}
.m-menu .btn a {width:100%; margin-left:0}
.footer-in .f-right ul.terms li a {
    font-size: 12px;
}
.about .ri {
    float: none;
    width: 45%;
    padding-left: 15px;
}
.act-list dl{padding-left: 1px;
    padding-right: 1px;}
}
@media (max-width: 360px){
section.mainBox .joinList li div i {
    font-size: 13px;
}

.about .ri{ width:43%;}
.roll .roll-in.r4 .roll-in-txt li{ width:96px !important;}
}