@charset "UTF-8";

/* ****************** LAYOUT ********************** */

body, table, th, td, button, select, input, textarea {
	font-family:"Microsoft Yahei","Arial";
	font-size:14px;
	line-height: 1.1;
	color:#666;
}
html,body,a,p,span,ul,img{  font-family:"Microsoft Yahei","Arial"; color:#666;}

body { background-color:#fff; }
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }
img {max-width:100%;}

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }


.area{ max-width:1200px; float: right; margin-right: 350px;} 
.area-box{ max-width:1600px; margin:0px auto; }
/*
::selection {
    background: #222;   
    color: #fff;
}
::-moz-selection {
    background: #222;    
    color: #fff;
}
*/
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
.visible-xs {display:none !important;}

/* ****************** HEADER ********************** */
#header{
	position:fixed; height:85px; top:0; left:0; width:100%; z-index:999;background-color: rgba(0,0,0,0.0);
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out; 
}
#headerInnerWrap{
	position:relative; top:0px; left:0px; width:100%; height:85px; z-index:9999; background-color:#fff;
	-webkit-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	transition:background-color 0.5s
}
#headerInner{
	position:relative; height:100%; margin:0px auto; padding:0 100px;  
}
#header .logo{position:relative; z-index:100; max-width:255px; float:left; padding:15px 0; }	
#header .logo a{display:block; }
#header .logo img{display:block; vertical-align:top;}
#header .logo .m-logo{display:none;}

/* -------- Header-------- */
.header-util-box{position:absolute; top:0; height: 100%; border-left:0px solid rgba(255,255,255,0.5);  right:30px; z-index:100;}
.header-util-box .qq {float:left;display: flex;align-items: center;height: 100%;}
.header-lang {position:relative; float:left; height: 100%; z-index:100; padding-left:25px; padding-right: 25px; }
.header-lang .lang-open-btn { overflow:hidden; position:relative; width: 25px; padding-top: 30px; display:block; height:100%;}
.header-lang .lang-open-btn .arrow{position:absolute; top:0px; right:0px;}
.header-lang .lang-open-btn .arrow i{font-size:16px;}
.header-lang > ul {display:none; position:absolute; top:28px; left:-1px; z-index:10; width:100%; background-color:#f2f2f2; border:1px solid #f2f2f2}
.header-lang > ul > li > a{display:block; padding:0 10px; font-size:12px; line-height: 30px; color:#222; font-weight:700}
.header-lang > ul > li > a:hover{background-color:rgba(255,255,255,0.2); }
.header-lang.open .lang-open-btn .arrow i{transform:rotate(180deg); margin-top:-3px;}
.header_ser { width: 25px; position: relative; height: 100%;float: right;}
.sousuoend {
    color: #fff;
    font-size: 24px;
	line-height: 24px;
}
.cuohao {
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: none;
}
.cuohaoa {
    color: #333;
}
.search {
    position:fixed;
    top: 85px;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 302;
    display: none;
    background-color:#255EB5;
}
#cdk::-webkit-input-placeholder {
color:#fff;
}    /* 使用webkit内核的浏览器 */
#cdk::-moz-placeholder {
color:#fff;
}                  /* Firefox版本4-18 */
#cdk::-moz-placeholder {
color:#fff;
}                  /* Firefox版本19+ */
#cdk::-ms-input-placeholder {
color:#fff;
}           /* IE浏览器 */
.search .pcbb {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
}

.search .pcsearch {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.search .pcsearch h5 {
    font-size: 28px;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
}
.search .pcsearch .sebox {
    width: 1196px;
    max-width: 100%;
    position: relative;
}
.search .pcsearch .sebox input {
    float: left;
    height: 70px;
    background: none;
    outline: 0;
    border: none;
    padding-left: 30px;
    margin-right: 17px;
    color: #fff;
    font-size: 18px;
}

.search .pcsearch .sebox input#cdk::-webkit-input-placeholder {
        color: rgba(255,255,255,0.5);
      }
.search .pcsearch .sebox input#cdk#::-moz-input-placeholder {
        color: rgba(255,255,255,0.5);
      }
.search .pcsearch .sebox input#cdk::-ms-input-placeholder {
        color: rgba(255,255,255,0.5);
      }

.search .pcsearch .sebox input#subSearch {font-weight: bold;    max-width: 170px;    float: right;}
.cuohao {
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: none;
}
.cuohaoa {
    color: #333;
}
.active .cuohao, .nav_top:hover .cuohao,.insidenav .cuohao {
    color: #333;
}
.search .pcsearch .sebox span {
    display: inline-block;
    width: 79px;
    height: 79px;
    text-align: center;
    line-height: 79px;
    cursor: pointer;
}
.eng {
    display:none;
    background: #fff;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
    width:100px;
    color: #000000;
    padding:10px 15px;
    position: absolute;
    top: 100%;
    right: -12px;
    z-index: 96;
    }
.eng:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    border-bottom-color: #fff;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}


.eng a {    line-height:35px;font-size: 16px; display: block; width: 100%; text-align: center;}	
.eng a:hover {color:#333;}

.sitemap-line-btn{position:absolute; top:0px; right:100px; width:25px; height:85px; z-index:1111;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.sitemap-line-btn.active {right:50px;}
.sitemap-line-btn.sitemap-close-btn{position:absolute;}
.sitemap-line-btn .line{
	display:block; position:relative; z-index:1; width:26px; height:3px; background-color:#222; margin: 3px 0; float: right;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.sitemap-line-btn .line.line2 {width:15px;}
.sitemap-line-btn:hover .line.line2 {transition: all .3s ease; width: 25px;}
.sitemap-line-btn.active span{border-radius:3px;}
.sitemap-line-btn.active span:nth-child(1) {
	     top: 18px;
	     width: 20px;
	     -webkit-transform: rotate(-43deg);
	     -moz-transform: rotate(-43deg);
	     -o-transform: rotate(-43deg);
	     -ms-transform: rotate(-43deg);
	     transform: rotate(-45deg);
}

.sitemap-line-btn.active span:nth-child(2) {
  opacity: 0;
}
.sitemap-line-btn.active span:nth-child(3) {
    bottom: 0;
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    -o-transform: rotate(43deg);
    transform: rotate(45deg);
    width: 20px;
}
/*
.sitemap-line-btn.active span:nth-child(1) {
	 -webkit-transform: translateY(10px) rotate(45deg);
	  -ms-transform: translateY(10px) rotate(45deg);
	  -o-transform: translateY(10px) rotate(45deg);
	  transform: translateY(10px) rotate(45deg);
}
*/
/*
.sitemap-line-btn.active span:nth-child(3) {
	 -webkit-transform: translateY(-7px) rotate(-45deg);
	  -ms-transform: translateY(-7px) rotate(-45deg);
	  -o-transform: translateY(-7px) rotate(-45deg);
	  transform: translateY(-7px) rotate(-45deg);
}
*/



/* -------- Header-------- */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9997;}	/* gnb overlay BG */
#gnb{position:absolute; text-align:center; top:0; left:0px; width:100%; z-index:99;border-bottom: 1px solid #ECECEC;}
#gnb > ul{}
#gnb > ul > li,#gnb .li{float:left; word-break:keep-all;}
#gnb > ul > li > a,#gnb .li > a{
	position:relative; z-index:100; display:block; height:85px; line-height:85px; padding:0 30px; text-align:center; color:#222; font-size:18px; font-weight:normal; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;
}
#gnb > ul > li > a .kr{font-weight:400;}
#gnb > ul > li > a:hover, 
#gnb > ul > li.on > a,#gnb > ul > li.active > a{color:#ed1c24;}

/* GNB */
#gnbBg{
	position:absolute; left:0; top:85px; width:100%; height:0; background:#f5f5f5; z-index:98;
	-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;-ms-transition:height 0.3s;transition:height 0.3s;
}
#gnbBg.open{height:250px; border-top:1px solid #e5e5e5; }

#gnb.total-menu > ul > li .gnb-2dep{
	visibility:hidden;opacity:0;filter:Alpha(opacity=0);
	position:absolute; 
	left:0;
	top:85px; 
	z-index:99;
	width:100%; 
	padding:40px 0;
	text-align:left; 
	-webkit-transition:all 0s 0s;-moz-transition:all 0s 0s;-o-transition:all 0s 0s;-ms-transition:all 0s 0s;transition:all 0s 0s;
}
#gnb.total-menu > ul > li .gnb-2dep.show{
	visibility:visible; 
	opacity:1.0;filter:Alpha(opacity=100); 
	-webkit-transition:all 0.3s 0.1s;
	-moz-transition:all 0.3s 0.1s;
	-o-transition:all 0.3s 0.1s;
	-ms-transition:all 0.3s 0.1s;
	transition:all 0.3s 0.1s
}
.gnb-2dep-menu-list{float:right; width:45%; padding-top:8px}
.gnb-2dep-menu-list li{
	float:left; position:relative; width:50%; padding-right:30px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
 }
.gnb2 .gnb-2dep-menu-list li{width:50%; padding-left:20px; text-align:center;}
.gnb-2dep-menu-list li a{display:table; position:relative; width:100%; height:49px; color:#888; border-bottom:1px solid #e5e5e5;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.gnb-2dep-menu-list li a:before{position:absolute; bottom:0px; left:0; width:0; height:1px; background-color:#255EB5; content:""; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnb-2dep-menu-list li a span{display:table-cell; color: inherit;vertical-align:middle; padding:0 13px; font-size:15px;}
.gnb-2dep-menu-list li a .gnb-icon{position:absolute; top:50%; right:13px; font-size:18px;-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.gnb-2dep-menu-list li a:hover{color:#255EB5;  }
.gnb-2dep-menu-list li a:hover:before{width:100%;}
.gnb-2dep-menu-list li a:hover .gnb-icon svg path{fill:#255EB5;}

.gnb-2dep-menu-txt{float:right; padding-left:5%; width:45%;  }
.gnb-2dep-menu-txt .gnb-2dep-menu-info{display: flex;align-items:center;float: left;width:50%; height:170px; background-color:#fff;}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl{padding:0 30px;}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dt{color:#333; font-size:32px; margin-bottom:14px; font-weight:600}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dt .kr{font-size:30px; font-weight:600;}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dd{color:#aaa; font-size:13px; line-height:1.53; letter-spacing:-0.25px;}
.gnb-2dep-menu-txt .gnb-2dep-menu-img{float: left;width:100%; height:150px; vertical-align:middle; background-size:cover !important;}

.area1 {
    max-width: 1200px;
    float: left;
    margin-left: 350px;
	width: 100%;
}

/* -------- Header-------- */
.index-wrapper #headerInnerWrap{position:relative; background-color:transparent;}
.index-wrapper #headerInnerWrap .mn-bar {position:absolute;top:85px;left:0;width:100%;height:0px;background:rgba(255, 255, 255, 0);z-index:4000;transition:all .3s ease}

.index-wrapper #gnb > ul > li > a,.index-wrapper #gnb .li > a{color:#fff;}
.index-wrapper .sitemap-line-btn{position:absolute;}
.index-wrapper .sitemap-line-btn .line{background-color:#fff;}
.index-wrapper .sitemap-line-btn.active .line{background-color:#333;}
.index-wrapper .header-lang .lang-open-btn{color:#fff;}
.index-wrapper .language-select.open{background-color:#000}
.index-wrapper .language-select > ul{background-color:#000}
.index-wrapper .language-select > ul li a{color:#fff;}
.index-wrapper .language-select > ul > li > a:hover{background-color:rgba(255,255,255,0.0); }
.sousuoa {
    width: 25px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

/* -------- Headerhover  -------- */
#header.over  #headerInnerWrap,
.fp-viewing-1 #header,
.fp-viewing-2 #header,
.fp-viewing-3 #header,
.fp-viewing-4 #header,
.fp-viewing-5 #header{/* background-color:rgba(37, 94, 110, 0.5); */background-color: #255EB5;}

#header.over #gnb > ul > li > a,.fp-viewing-1 #header #gnb > ul > li > a,.fp-viewing-2 #header #gnb > ul > li > a,.fp-viewing-3 #header #gnb > ul > li > a,.fp-viewing-4 #header #gnb > ul > li > a,.fp-viewing-5 #header #gnb > ul > li > a{color:#ECECEC}
#header #gnb > ul > li.active > a,#header.over #gnb > ul > li:hover > a,
#header.over #gnb > ul > li > a:hover,#header #gnb .li:hover a{color:#FFF}
#header #gnb > ul > li.active > a:after,#header.over #gnb > ul > li:hover > a:after,
#header.over #gnb > ul > li > a:hover:after 
{width: 36px;content:""; position: absolute; bottom: 0; left: 50%;-ms-transform: translateX(-50%); 
    -o-transform: translateXXX(-50%); 
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
     transform: translateX(-50%);
height: 3px;
background: #FFF;
opacity: 1;}
#header.over + .sitemap-line-btn .line{background-color:#222;}
/*#header.over .header-lang {border:1px solid #eee;}*/
#header.over .header-lang .lang-open-btn{color:#222;}
#header.over .partners-select{background-color:#000; border-color:#000;}
#header.over .partners-select .lang-open-btn{color:#fff}
#header.over .logo .m-logo,
.fp-viewing-1 #header .logo .m-logo,
.fp-viewing-2 #header .logo .m-logo,
.fp-viewing-3 #header .logo .m-logo,
.fp-viewing-4 #header .logo .m-logo,
.fp-viewing-5 #header .logo .m-logo {    display: block;}
#header.over .logo .pc-logo,
.fp-viewing-1 #header .logo .pc-logo,
.fp-viewing-2 #header .logo .pc-logo,
.fp-viewing-3 #header .logo .pc-logo,
.fp-viewing-4 #header .logo .pc-logo,
.fp-viewing-5 #header .logo .pc-logo{display:none;}

.index-wrapper #header.over .sitemap-line-btn .line,
.fp-viewing-1 .index-wrapper #header .sitemap-line-btn .line,
.fp-viewing-2 .index-wrapper #header .sitemap-line-btn .line,
.fp-viewing-3 .index-wrapper #header .sitemap-line-btn .line,
.fp-viewing-4 .index-wrapper #header .sitemap-line-btn .line,
.fp-viewing-5 .index-wrapper #header .sitemap-line-btn .line {background:#255EB5;}
#header.over .header-lang svg path,
.fp-viewing-1 .header-lang svg path,
.fp-viewing-2 .header-lang svg path,
.fp-viewing-3 .header-lang svg path,
.fp-viewing-4 .header-lang svg path,
.fp-viewing-5 .header-lang svg path {fill:#CFCFCF;stroke:#CFCFCF;}
#header.over .sousuoend svg path,
.fp-viewing-1 .sousuoend svg path,
.fp-viewing-2 .sousuoend svg path,
.fp-viewing-3 .sousuoend svg path,
.fp-viewing-4 .sousuoend svg path,
.fp-viewing-5 .sousuoend svg path,
#header.over .cuohao svg path,
.fp-viewing-1 .cuohao svg path,
.fp-viewing-2 .cuohao svg path,
.fp-viewing-3 .cuohao svg path,
.fp-viewing-4 .cuohao svg path,
.fp-viewing-5 .cuohao svg path {fill:#CFCFCF;}
#header.over .qq svg path,
.fp-viewing-1 .qq svg path,
.fp-viewing-2 .qq svg path,
.fp-viewing-3 .qq svg path,
.fp-viewing-4 .qq svg path,
.fp-viewing-5 .qq svg path {fill:#CFCFCF;stroke:#CFCFCF;}


/* -------- Header :: Sub -------- */
#header.sub-hidden{
	-ms-transform: translateY(-101px); 
    -o-transform: translateY(-101px); 
    -moz-transform: translateY(-101px);
    -webkit-transform: translateY(-101px); 
     transform: translateY(-101px);
}
#header.sub-hidden.up{/* top:0px; */
	-ms-transform: translateY(0); 
    -o-transform: translateY(0); 
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0); 
     transform: translateY(0);
	
}

/* -------- Header :: GNB(Mobile) -------- */ 
.nav-open-btn{display:none;}
#gnbM{display:none}

/* ****************** FOOTER ********************** */
#footerTop{padding:40px 0;  border-bottom:1px solid #e5e5e5;}
.right_nav {position:fixed; overflow: hidden; bottom:-10px; right:10px; display:block;width: 64px;opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s; z-index:99;}
.to-top-btn{
	width: 64px;
height: 64px;
text-align:center; line-height:60px; color:#fff;
}
.right_nav ul li:nth-child(2) .to-top-btn svg:nth-child(2) {width:24px; height: 24px;}
.to-top-btn svg path {fill:#666;}
.right_nav.fixed{bottom:15px; opacity:1.0;filter:Alpha(opacity=100);}
.right_nav ul li {padding-bottom:10px;}
.qqborder {text-align:center;}
.to-top-btn span {position:relative; width: 56px; height: 56px; line-height: 56px; display: block;border-radius: 50%; background: #FFFFFF;
border: 2px solid #E0E0E0;}
.right_nav ul li:first-child .to-top-btn span {line-height:52px;}
.to-top-btn .btn-circle {position: absolute;left: -71px;top:-10px; z-index: 9;}
.to-top-btn .btn-circle circle {
    fill: transparent;
    stroke: #255EB5;
    stroke-width: 2;
    stroke-dasharray: 170;
    stroke-dashoffset: 170;
    overflow: visible;
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}
.to-top-btn:hover .btn-circle circle {
    stroke-dasharray: 170;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}
.to-top-btn:hover svg path {fill:#255EB5;}


.foot_top {background:#255EB5; padding: 28px 100px;}
.foot_top .left {
font-size: 20px;
line-height: 40px;
color: #FFFFFF;}
.footup,.footdown {padding:0 100px;}
.footup .container,.footdown .container { position:relative; z-index: 9;}
.footdown {  padding-top:30px; padding-bottom: 30px; color:#999999; border-top: 1px solid #ECECEC; }
.footdown a { color:#999999;}
.footdown a:hover { color:#255EB5;}
.footmore { margin: 0 16px;}

.foot_l{ float:left; width:78%; border-right:0px solid #ECECEC; padding-bottom: 80px;}
.foot_r { float:right; width:22%; padding-left: 50px; padding-top: 35px; padding-bottom:30px;border-left: 1px solid #ECECEC;}

@media (max-width:1440px) and (min-width:1366px) {
	.foot_l{ float:left; width:65%; border-right:0px solid #ECECEC; padding-bottom: 80px;}
	.foot_r { float:right; width:35%; padding-left: 50px; padding-top: 35px;border-left: 1px solid #ECECEC;}
	.area {
	    max-width: 1200px;
	    float: right;
	    margin-right: 210px;
	}
}

.foot_l ul { margin-left:-10px; margin-right:-10px; margin-top: 65px;}
.foot_l ul li { float:left; width:14.28%; padding:0 10px;}

.foot_l ul li h2 { padding-bottom:8px; background: url("../images/footx.png") no-repeat bottom left; margin-bottom: 20px;}
.foot_l ul li h2 a{ font-size:18px; color:#333333; font-weight:bold; margin-top:0; margin-bottom: 8px;}
.foot_l ul li a { display:block; font-size:16px; color:#999999; line-height:21px; margin:10px 0;}
.foot_l ul li a:hover {  color:#255EB5;}
.footshare {border-bottom:1px solid #ECECEC; padding:40px 0 40px 0;}
.footlogo {float:left; max-width: 115px;}

.link .dropdown { max-width: 285px; padding-top: 60px;}
.link .dropdown button {width: 234px; max-width: 100%; font-size: 16px; color: #999999; text-align: left; padding: 0 20px; height: 45px;background: #FFFFFF;border: 1px solid #707070;border-radius: 30px 30px 30px 4px; position: relative;}
.link .dropdown button i {position:absolute; right: 20px; top: 50%; margin-top: -10px;line-height: 12px;}
.link_eject {width:100%; float: left;}
.link_eject ul {margin-left:-10px; margin-right: -10px;}
.link_eject ul li {float:left; width: 33.33%; padding: 5px 10px;}


.address {}
.address p {font-size:16px; color: #333; overflow:hidden; line-height: 28px; margin: 14px 0;}
.address p span {font-size:inherit; color: inherit;display: inline-block; float: left;}
.address p strong {font-size:inherit;  font-weight: 500;display: inline-block; float: left; max-width: 80%;}
.footimg { padding-top:20px;}
.footimg ul {margin-left:-12px; margin-right: -12px;}
.footimg ul li { max-width: 50%; width: 134px; float: left; padding: 0 12px; text-align: center;}
.footimg p { font-size: 15px; padding-top: 5PX;}
.footimg p img {margin-bottom:5px;}


.footsharers {
    float: right;
}
.newlxr04 {
}
.newlxr04 ul {margin:0; padding: 0;}
.newlxr04 ul li {
    position: relative;
    float: left;
    margin-left: 12px;
    z-index: 9;
}
.newlxr04 ul li span.mfico {
   width: 40px; height: 40px;
    padding: 5px;
	line-height: 26px;
    border-radius: 50%;
	border:1px solid #fff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.newlxr04 ul li:hover span.mfico {background: #fff;}
.newlxr04 ul li:hover span.mfico svg path {fill:#255EB5;}
.lximg {
    background: #FFFFFF;
    position: absolute;
    width: 110px;
    height: 110px;
    right: -26px;
    bottom: 133%;
    display: none;
}.lximg span {
    padding: 5px;
    display: block;
}
.lximg img {
    max-width: 100%;
}
.lximg:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 10px solid #fff;
    bottom: -18px;
    left: 55px;
}
.lximgmo {
    display: none;
}



/* ****************** SUB LAYOUT ********************** */
#headerSubMenu{position:relative; width:100%;height:50px; z-index:12; }
#headerSubMenu .side-menu-inner{width:100%; height:48px; background-color: #f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; z-index:11; 

	}
#headerSubMenu .cm-top-menu{padding:0 40px;}
#headerSubMenu .location-to-home-btn{float:left; width:38px; height:100%; }
#headerSubMenu .location-to-home-btn i{color:#222; font-size:18px; line-height:48px;}
#headerSubMenu .menu-location{position:relative; float:left; min-width:180px;}
#headerSubMenu .menu-location:before{position:absolute; top:15px; bottom:15px; left:0; width:1px; background-color:#e5e5e5; content:"";}
#headerSubMenu .menu-location > .cur-location{position:relative; display:block; height:48px; padding:0 35px 0 15px; text-align:left}
#headerSubMenu .menu-location > .cur-location span{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:48px; color:#222; font-weight:700; font-size:13px;}
#headerSubMenu .menu-location > .cur-location .arrow{position:absolute; top:50%; right:10px; width:20px; height:20px;margin-top:-8px; font-size:20px;}
#headerSubMenu .menu-location > .cur-location .arrow i{font-size:18px; color:#000}
#headerSubMenu .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-10px;}
#headerSubMenu .menu-location .location-menu-con{display:none; position:absolute; top:48px; left:-1px; width:calc(100% - 1px); border:1px solid #e5e5e5; border-top:0; background-color:#f5f5f5; z-index:11; }
#headerSubMenu .menu-location .location-menu-con li a{position:relative; display:block; padding:10px 15px; font-size:13px; word-break:keep-all; line-height:1.5; font-weight:400; color:#222;}
#headerSubMenu .menu-location .location-menu-con li a .gnb-icon{position:absolute; top:10px; right:15px;}
#headerSubMenu .menu-location .location-menu-con li.on{position:relative;}
#headerSubMenu .menu-location .location-menu-con li.on a{color:#ed1c24; font-weight:700 }

/*  SUB LAYOUT */
#visual{position:relative; overflow:hidden; width:100%; height:600px; /* min-height:350px; */ margin-top:150px;}
#visual .visual-img-con{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	height:100%;
	background-size:cover !important;
	-webkit-transition:transform 1500ms  cubic-bezier(0, 0.41, 0.58, 1) ;
	-moz-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;
	-o-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;
	-ms-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;
    transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;	
}
#visual .visual-txt-con{position:relative; z-index:1; text-align:center; display:table; width:100%; height:calc(100% - 80px); letter-spacing:-0.5px; color:#fff; }
#visual .visual-txt-container{position:relative; width:100%; }
#visual .visual-tit,
#visual .visual-sub-txt,
#visual .location,
#visual .visual-business-txt{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(30px); 
    -o-transform: translateY(30px); 
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px); 
     transform: translateY(30px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
#visual .visual-tit{
	font-weight:700; 
	font-size:50px; 
	line-height:1.2;
}
#visual .visual-sub-txt + .visual-tit{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}
#visual .visual-sub-txt{
	display:inline-block;
	margin-bottom:10px;
	font-size:13px; 
	font-weight:700; 
	padding-bottom:7px;
	letter-spacing:0.5px;
	border-bottom:1px solid #fff;
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
#visual .visual-business-txt{
	display:inline-block;
	margin-top:15px;
	font-size:15px; 
	font-weight:400; 
	letter-spacing:-0.5px;
	line-height:1.5;
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
#visual .location{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}


#visual.active .visual-tit,
#visual.active .visual-sub-txt,
#visual.active .location,
#visual.active .visual-business-txt{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0px); 
    -o-transform: translateY(0px); 
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
}


/*  SUB LAYOUT*/
#content{padding:100px 0}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#ed1c24; color:#fff;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

/* ****************** right menu ********************** */
#sitemapContent{	
	position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; opacity:0;filter:Alpha(opacity=0); visibility:hidden; z-index:-1;
	-webkit-transition:all 0.3s  0.5s;-moz-transition:all 0.3s  0.5s;-o-transition:all 0.3s  0.5s;-ms-transition:all 0.3s  0.5s; transition:all 0.3s  0.5s;
}
#sitemapContent.open{
	opacity:1.0;filter:Alpha(opacity=100); visibility:visible; z-index:99999; background-color:#fff;
	-webkit-transition:all 0.3s  0s;-moz-transition:all 0.3s 0s;-o-transition:all 0.3s 0s;-ms-transition:all 0.3s 0s;transition:all 0.3s 0s;
}
#sitemapInnerCon{position:absolute; top:0; left:0; bottom:0; right:100px; }
#sitemapContent .sitemap-bg-box{position:absolute; top:0px; left:0px; width:75%; height:100%;}
#sitemapContent .visual-intro-item{float:left; position:relative; width:16.65%; height:100%;}
#sitemapContent .visual-intro-item:first-child{width:16.67%;}
#sitemapContent .visual-intro-item:before{
	position:absolute;  left:0; width:1px; height:100%; content:""; background-color:#ddd; z-index:1; 
}
#sitemapContent .visual-intro-item:nth-child(odd):before{bottom:0;}
#sitemapContent .visual-intro-item:nth-child(even):before{top:0;}
#sitemapContent.open .visual-intro-item:first-child:before{display:none}
#sitemapContent .visual-intro-item:after{	
	content:""; position:absolute; width:100%; height:100%; right:0; top:0px; background: #333; 
	-webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s 
}
#sitemapContent.open .visual-intro-item:before{height:100%;}
#sitemapContent.open .visual-intro-item:after {width:0;}
#sitemapContent.open .visual-intro-item {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1); transform-origin:right top; transition-property: transform;
}
#sitemapContent.close{opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
#sitemapContent.close .visual-intro-item:before{height:0;}
#sitemapContent.close .visual-intro-item:after {width:100%;}

.sitemap-wrapper{height:100%; }
.sitemap-wrapper > ul{overflow:hidden; position:relative; float: left;z-index:1; height:100%; width: 75%;}
.sitemap-wrapper .site_right {float:left; width: 25%; padding-left: 50px; height: 100%; display: flex;align-items: center;}

.sitemap-wrapper > ul > li{overflow:hidden; float:left; width:16.65%;height:100%;}
.sitemap-wrapper > ul > li:first-child{ width:16.67%}
.sitemap-wrapper > ul > li > h2{	overflow:hidden; color:#333; font-size:18px;  margin:77px 15% 40px; font-weight:bold; }
.sitemap-wrapper > ul > li .sitemap-2dep a{
	overflow:hidden; position:relative; display:block;  padding:20px 15%; color:#777; font-size:15px; letter-spacing:-0.15px; font-weight:400; line-height:1.2em;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.sitemap-wrapper > ul > li .sitemap-2dep a:after{
	position:absolute; top:0; left:0; width:0; content:""; height:100%; background:#255EB5;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.sitemap-wrapper > ul > li .sitemap-2dep a span{position:relative; z-index:1; color: inherit;font-size:inherit;}
.sitemap-wrapper > ul > li .sitemap-2dep a .gnb-icon{display:none;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#fff; }
.sitemap-wrapper > ul > li .sitemap-2dep a:hover:after{width:100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
/*  active */
.sitemap-wrapper > ul > li > h2 > span,
.sitemap-wrapper > ul > li .sitemap-2dep a span{
	display:block; opacity:0;filter:Alpha(opacity=50);
	-webkit-transform:translateX(-5%);
	transform:translateX(-50%);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; 
}
.sitemap-wrapper.menu-open > ul > li > h2 > span,
.sitemap-wrapper.menu-open > ul > li .sitemap-2dep a span{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04); 
}
@media all and ( max-width: 1120px ){
	#sitemapInnerCon{right:60px;}
	.sitemap-wrapper > ul > li > h2{margin:83px 15px 20px; font-size:16px;}
	.sitemap-wrapper > ul > li .sitemap-2dep a{padding:15px 5px 15px 15px; font-size:13px; line-height:1em}
}
@media all and ( max-width: 800px ){
	/* modal layer content */
	.footer-modal-content h1{height:46px; line-height:46px; font-size:18px; text-align:left; padding:0 15px}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
	.sitemap-wrapper{padding:15px}
}