@media (min-width: 1000px) { 
    #header .gnb .nav { width: 80%; } 
    .topArea { width: 80%; }
    .container { max-width: 80%; } 
}
.scrollToTop { bottom: 0px; background-color: rgba(255, 255, 255, 0); } 
.scrollToTop:hover { bottom: 5px; }
 


.wide { max-width: 100%; }
.wide ul li, 
.wide #leftoff, 
.wide #lefton { float: left; width: 33%; }





#header .gnb { background-color: #040a2b; transition: all 1s; border-bottom: 1px solid rgba(255, 255, 255, 0.3); box-shadow: rgba(113, 113, 113, 0.3) 3px 3px 6px; }
#header .gnb.on { border-bottom: 1px solid rgba(255, 255, 255, 0.3); box-shadow: rgba(113, 113, 113, 0.3) 3px 3px 6px; }



 
.topArea .nt_quick p {width: 160px;color: #d6d7dc;border: 1px solid rgba(221, 221, 221, 0.5);line-height: 28px; letter-spacing: .01em;}
.topArea .nt_quick p .caret { margin-left: -5px; }
.topArea .nt_quick ul {width: 160px;}



#header .gnb.on .topArea { width: 100%; top: 100vh; background: #040a2b; max-width: 100%; padding: 5px 10%; }
#header .gnb.on .topArea .nt_quick ul { top: auto; bottom: 30.5px; }
 

.logoArea .logo .logo_off { opacity: 0; }
.logoArea .logo .logo_on {opacity: 1;transform: translate(0px, 0px);}
#header .gnb.on .logoArea .logo a .logo_off { opacity: 1;}
#header .gnb.on .logoArea .logo .logo_on { opacity: 0; }


.gk_pd100 { margin: 0 auto; padding: 100px 0; }
.gk_img { overflow: hidden; }
.gk_img img { max-width: 100%; max-height: 80vh; }



.language { display: none; }
.nt_login { display: none; }
.nt_quick { display: block; }
#header .gnb .nav .menuArea { }

.gk_tit { padding: 50px 0; }
.gk_tit > h2 { font-size: 2.5em; font-weight: 300; color: #2f94df; margin-bottom: 15px; }
.gk_tit > h3 { border-top: 1px solid #333; border-bottom: 1px solid #333; line-height: 1.25em; display: inline-block; letter-spacing: -.07em; }

.lang_en .gk_tit > h2 { font-weight: 100; }
.lang_en .gk_tit > h3 { font-weight: 100; }

.lang_zh .gk_tit > h2 { font-family: 'Microsoft Yahei','Ú°软äºýÙ','ÔÏ青ýÙ体','Hiragino Sans GB',STHeitiSC,SimHei,Helvetica,sans-serif; letter-spacing: -0.025em; }



.gk_center_tit_page { padding: 55px 0 20px; text-align: center; position: relative; color: #111; border: 0px solid #f00; } 
.gk_center_tit_page:before { content: ''; position: absolute; top: 0px; left: 50%; width: 2px; height: 50px; background-color: #111; } 
.gk_center_tit_page h2 { font-weight: 100; font-size: 2.0em; color: #111; }
.gk_center_tit_page strong { font-size: 1.750em; font-weight: 100; color: #bbb; }

.sec01 { text-align: left; }
.sec01 strong { font-size: 1.750em; font-weight: 100; color: #bbb; }
.sec01 p { margin-top: 20px; text-align: left; }


.gk_tit_top:before,
.gk_tit_page:before { box-shadow: rgba(0, 0, 0, .25) 3px 3px 3px; }

#n_footer { background-color: #040a2b; padding-bottom: 50px; }
#n_footer .sec01 { background-color: rgba(4, 10, 43, 0); }
#n_footer .sec02 .sec02_01 .ns_address ul li { color: #bfbfbf; }




@media screen and (max-width: 768px) { 
    #header .gnb.on .topArea { padding: 5px 0px 0; }
    #header .gnb.on .topArea .dropdown { right: 65px; }
    #header .gnb.on .topArea .nt_quick { margin-right: 40px; }
    .gk_tit {padding: 20px 0;}
    .gk_tit > h2 {font-size: 2em;}
    .gk_tit > h3 {font-size: 1.25em;}
    .lang_en .gk_tit > h2 { font-size: 1.75em; }
    .lang_en .gk_tit > h3 { font-size: 1.5em; }
    .lang_zh .gk_tit > h2 { font-size: 1.75em; }
    .lang_zh .gk_tit > h3 { font-size: 1.45em; }
    .scrollToTop { right: 0px; }
}

.gk_tit_page {padding: 30px 0;text-align: left;position: relative;color: #333;border: 0px solid #f00;} 
.gk_tit_page:before {content: '';position: absolute;top: 0px;left: 0px;width: 50px;height: 3px;background-color: #85dde5;} 
.gk_tit_page h1 { color: #85dde5; font-size: 8em; font-weight: 100; letter-spacing: -.05em; margin-left: -.07em; }
.gk_tit_page h2 { font-weight: 100; font-size: 2.0em; color: #333; } 
.gk_tit_page p { padding: 10px 0; line-height: 110%; font-size: 0.875em; font-weight: 100; color: #666; }
.gk_tit_top {padding: 30px 0 0;text-align: left;position: relative;color: #333;border: 0px solid #f00;} 
.gk_tit_top:before {content: '';position: absolute;top: 0px;left: 0px;width: 50px;height: 3px;background-color: #2f94e1;} 
.gk_tit_top h1 {  }
.gk_tit_top h2 { font-weight: 100; font-size: 2.0em; color: #2f94e1; width: 80%; }
.gk_tit_top p { padding: 10px 0; line-height: 110%; font-size: 0.875em; font-weight: 100; color: #666; }

@media screen and (max-width: 768px) { 
    .gk_tit_page h1 { font-size: 4em; padding-right: 20%; word-break: break-word; }
}

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, 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, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { letter-spacing: -.07em; }
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, 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, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    text-shadow: rgba(0, 0, 0, .25) 3px 3px 3px;
}



.de01 .carousel-inner .item { height: 500px; }
.de01 .carousel-inner .item:before { background: none; }
.de01 .carousel-caption .box { background: url(/default/img/_des/de07/de07_img01.png) no-repeat center top; }
.de01 .carousel-caption .box_en { background: url(/default/img/_des/de07/popo_en_png.png) no-repeat center top; background-size: contain; }
.de01 .carousel-caption .box_cn { background: url(/default/img/_des/de07/popo_cn_png.png) no-repeat center top; background-size: contain; }



@media (min-width: 769px) {
}
@media screen and (max-width: 768px) {
.de01 .carousel-inner .item { height: 400px; }
.de01 .carousel-caption { padding: 0; }
.de01 .carousel-caption .box_en { background-size: cover; }
.de01 .carousel-caption .box_cn { background-size: cover; }
}


.ms02 { padding: 100px 0; }
@media (min-width: 769px) {
    .ms02 { padding-top: 150px; }
}

.ms07 { background-repeat: no-repeat; background-attachment: inherit; }
.ms07:before { background: rgba(255, 255, 255, 0); }
.de07 img { max-height: 60vh; }


.de08 { padding: 0px 0; overflow: hidden; border: 0px solid #f00; } 
.de08 .con_left { text-align: left; border: 0px solid #f00; } 
.de08 .con_right { text-align: left; border: 0px solid #f00; } 
.de08 .con { overflow: hidden; margin: 20px 0; } 
.de08 .con div { width: 100%; float: right; } 
.de08 .con div h4 { transition: all 0.4s; margin: 10px 0; font-size: 1.250em; color: #fff; background-color: #85dde5; line-height: 2em; text-align: center; display: inline-block; padding: 0 20px; }
.de08 .con:hover div h4 { background-color: #333; }
.de08 .con div:hover h4 {  } 
.de08 .con div p { text-align: left; font-size: 1.0em; color: #666; }




.ms10:before { background: #5b95c9; }





.ms13 { position: relative; background-image: url(/default/img/_des/de01/de01_img02.jpg); background-size: cover; } 
.ms13:before { position: absolute; content: ''; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; z-index: 2; } 
.ms13 > .container, .ms13 > .container-fulid { position: relative; z-index: 3; }
.de13 .con div { padding-left: 20px; padding-right: 40px; }
.de13 .con .glyphicon { color: #fff; background-color: #bce8eb; }
@media (min-width: 769px) {}
@media (max-width: 768px) {
    .ms13 { background-attachment: fixed; }
    .de13 .con .glyphicon { width: 100%; max-width: 100%; line-height: 40px; }
    .de13 .con div { width: 100%; padding: 10px 0; }
}

 
.de15 .box { position: relative; overflow: hidden; cursor: pointer; background: url(/default/img/_des/de01/de01_img02.jpg) no-repeat top left; background-size: cover;}
.de15 .box .description {width: 50%;margin: 0 auto;padding: 15px;position: absolute;z-index: 2;opacity: 1;}
.de15 .box .description h3 { font-size: 1.5em; color: #fff; font-weight: 700; } 
.de15 .box .description p {font-size: 0.875em;color: #fff;padding: 10px 0;/* width: 50%; */}
.de15 .box .imgArea {box-sizing: border-box;position: relative;text-align: center;padding: 0;}
.de15 .box .imgArea span.overlay {-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;position: absolute;bottom: 0px;left: 0px;z-index: 1;background-color: #000;width: 100%;height: 100%;opacity: 0.2;} 
.de15 .box:hover .imgArea span.overlay { width: 50%; opacity: 0.2; }
.de15 .box .imgArea img {transition: all 0.4s;transform: scale(1.0);max-height: 50vh;max-width: 100%;}

@media (max-width: 768px) {
 .de15 .box .description { width: 100%; }
}




.de16 .box { cursor: pointer; }
.de16 .box .description { text-align: left; padding-bottom: 10%; bottom: auto; opacity: 1; }
.de16 .box .description p { padding-top: 10px; }
.de16 .box .description span { display: none; }
.de16 .box .imgArea span.overlay { background-color: #bce8eb; opacity: 0.4; }
@media (min-width: 769px) {
    .de16 .box .description p { font-size: 1em; }
}
@media (max-width: 768px) {
    .de16 .box .description h3 { font-size: 1.25em; }
}





.de18 .box .textArea i img { width: 40px; }
.de18 ul li { width: 33%; height: 100%; }

@media screen and (max-width: 1200px) { 
.de18 ul { height: 200px; } 
.de18 ul li { width: 33%; height: 100%; }
 }
@media screen and (max-width: 768px) { 
.de18 ul { height: 50vh; } 
.de18 ul li { height: 33%; width: 100%; } 
}




.ms19 > .container-fulid { position: relative; z-index: 3; }
.ms19:before { background: #2f94e1; } 
.de19 .section p { font-weight: 400; }
.de19 .section a { max-width: fit-content; padding: 0 20px; margin: 10px auto; background-color: #fff; color: #2f94e1; font-weight: 500; }
.gk_19 h3 {color: #fff;font-size: 8em;line-height: .825em; font-weight: 600;}
.gk_19 h4 { color: #fff; font-size: 8em; font-weight: 100; letter-spacing: -.05em; margin-left: -.07em; line-height: .725em; margin-bottom: 150px; margin-top: -.05em; text-shadow: rgb(146, 146, 146) 3px 3px 3px; }


@media (min-width: 769px) {
    .de19 .section p { font-size: 1.1em; }
    .de19 .section a { font-size: 1.125em; }
}
@media (max-width: 768px) {
    .de19 .section p { padding: 10px 0; }
    .gk_19 h3 {font-size: 7em;text-align: right;padding-left: 30%;word-break: break-all;}
    .gk_19 h4 { font-size: 7em; text-align: right; letter-spacing: -.05em; margin-bottom: 100px; }
}

.de20 dl { text-align: center; }
.de20 a { max-width: fit-content; padding: 0 20px; margin: 10px auto; color: #2f94e1; border: 1px solid #2f94e1; font-size: 1.25em; width: 100%; height: 40px; line-height: 40px; display: inline-block; }
.de20 .slogan_gk { font-size: 2.5em; font-weight: 100; color: #2f94e1; line-height: 1.125; }
@media (min-width: 769px) {
}
@media (max-width: 768px) {
    .de20 .slogan_gk { font-size: 2em; }
}


.ms21 { padding: 50px 0; }
.ms21 > .container, 
.ms21 > .container-fulid { padding-top: 50px; }
.de21 .box { cursor: pointer; max-height: 50vh; margin-bottom: 20px; border-top: 1px dotted rgba(170, 170, 170, 0.25); }
.de21 .box .txtArea h3 { transition: all .4s; font-weight: 600; color: #2e94df; padding-top: 30px; }
.de21 .box .txtArea p { font-weight: 500; font-size: 1.5em; color: #111; line-height: 1.25em; }
.de21 .box .txtArea span { line-height: 1.25em; display: block; font-weight: 100; font-size: 1.125em; color: #666; }
.de21 .box .txtArea em { line-height: 1.25em; padding: 20px 0; font-style: inherit; }
.de21 .box:hover .txtArea h3 { padding: 30px 0 10px 5px; letter-spacing: .1em; }
.de21 .box .txtArea p:hover { color: #aaa; }
.de21 .box .txtArea span:hover { color: #aaa; }
.de21 .box .txtArea em:hover { color: #ccc; }


 
.de21_en .box .txtArea p {font-weight: 300; line-height: 1.125em; padding: 0px 0px 10px;color: #111; }
.de21_en .box .txtArea span { font-weight: 100; }
.de21_en .box .txtArea em { font-weight: 100; }




@media (min-width: 769px) {
    .de21 .box .txtArea { width: 35%; } 
    .de21 .box .imgArea { width: 60%; }
    .de21_en .box .txtArea { width: 45%; } 
    .de21_en .box .imgArea { width: 50%; }
}
.de21 .box.left .txtArea { float: right; }
.de21 .box.left .imgArea { float: left; }

@media (max-width: 768px) { 
.de21_en .box { max-height: 60vh; }
.lang_zh .box { max-height: 60vh; }
}


.lang_zh { font-family: 'Microsoft Yahei','Ú°软äºýÙ','ÔÏ青ýÙ体','Hiragino Sans GB',STHeitiSC,SimHei,Helvetica,sans-serif; letter-spacing: -0.025em; }