@charset "utf-8";
*{margin:0; padding:0; box-sizing:border-box;}
html{width:100%; height:100%}
body{position:relative; font-family:"Microsoft YaHei","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体"; font-size:16px;  color:#333;  height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; -webkit-overflow-scrolling: touch;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0;}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}

a{text-decoration:none; color:#333;}
a:hover, a:focus, a:active{text-decoration:none; color: #1a3c34}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
/*::-webkit-input-placeholder {color:#888; font-size:16px;}
:-moz-placeholder {color:#888; font-size:16px;}
::-moz-placeholder {color:#888; font-size:16px;}
:-ms-input-placeholder {color:#888; }
:placeholder-shown {color:#888; }*/

/* marg */
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mb0{margin-bottom:0px !important;}

/*gongyong*/

.inner{position:relative; margin:0 auto; width:1200px;}
.inner:after{content:""; display:block; clear:both;}
.innerWide{position:relative; margin:0 auto;}
.innerWide:after{content:""; display:block; clear:both;}
.blind{position:absolute; top:-1000px; text-indent:-9999px; font-size:0 !important;}
.clear:after{display:block; content:""; clear:both;}
.abbr{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.floatL{float:left}
.floatR{float:right}
.taL{text-align:left !important;}
.taR{text-align:right !important;}
.taC{text-align:center !important;}
.onlyWeb{display:block;}
.onlyMob{display:none;}

#wrap{position:relative; width:100%;}
#wrap.main{position:relative; width:100%; height:100%;}
#content{position:relative; overflow:hidden}

header{position:fixed; top:0; z-index:9999; width:100%; height:90px;}
header h1{position:absolute; left:50px; top:0; z-index:1; width:120px; height:90px; background:url("../images/logo_wht.png") no-repeat 0 22px; background-size:100%;}

header h1.lvse{position:absolute; left:50px; top:0; z-index:1; width:150px; height:90px; background:url("../images/lvse_logo.png") no-repeat 0 22px; background-size:100%;}



header nav{display:flex; justify-content:center; padding:0 50px;}
header nav .oneDep{position:relative; z-index:1;}
header nav .oneDep > a{position:relative; display:block; padding:36px 35px; font-size:16px; color:#fff;}
header nav .oneDep > a:hover{text-decoration:none; color:#1a3c34}
header nav .oneDep .twoDep{display:none; padding-top:40px;}
header nav .oneDep .twoDep > a{ display:block; padding:9px 0; font-size:14px; line-height:1; color:#555;  text-align:center; letter-spacing:0px;}
header nav .oneDep .twoDep > a.active{color:#1a3c34;font-weight:700; }

header nav .oneDep:hover:before{content:''; display:block; position:absolute; top:87px; left:50%; transform:translateX(-50%); width:calc(100% - 80px); width:-webkit-calc(100% - 80px); height:3px; background:#1a3c34; }
header:before{display:block; opacity:0; content:""; position:absolute; top:90px; left:0; z-index:1; width:100%; height:1px; background:#ddd; transition:all 0.3s ease-out;}
header:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:0px; background:#fff; transition:all 0.3s ease-out;}
header .topUtils{position:absolute; top:0; right:50px; z-index:1;}
header .topUtils:after{display:block; content:""; clear:both;}
header .topUtils .utils{float:left}
header .topUtils .utils:after{display:block; content:""; clear:both;}
header .topUtils .utils > a{position:relative; float:left; padding:38px 16px; font-size:15px; color:rgba(255,255,255,0.6);}
header .topUtils .utils > a:after{content:''; display:block; position:absolute; top:40px; right:0; width:1px; height:11px; background:rgba(255, 255, 255, 0.2)}
header .topUtils .utils > a:last-child:after{display:none}

header .gnbOnAir{position:absolute; top:130px; right:50px; z-index:1; display:none}
header.color h1{background:url("../images/logo_color.png") no-repeat 0 22px; background-size:100%;}
header.color nav .oneDep a{color:#222;}
header.color .topUtils .utils > a{color:rgba(34, 34, 34, 0.8);}
header.color .topUtils .utils > a:after{background:#c3c3c3}

header.bgType{background:#fff;}
header.hover:before{opacity:1;}
header.hover:after{height:360px;}
header.hover{border-bottom:1px solid #ddd;}
header.hover nav .oneDep.on > a:after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#1a3c34}
header.hover nav .oneDep .twoDep > a.on{  color:#1a3c34}
header.on{background:#fff; border-bottom:1px solid #ddd}
header.on h1{background:url("../images/logo_color.png") no-repeat 0 22px;  background-size:100%;}
header.on h1.lvse{background:url("../images/lvse_logo.png") no-repeat 0 22px;  background-size:100%;}
header.on nav .oneDep a{color:#555;}
header.on nav .oneDep .twoDep > a.on{font-weight:700;}
header.on .topUtils .utils > a{color:rgba(34, 34, 34, 0.8);}
header.on .topUtils .utils > a:after{background:#c3c3c3}
header .allMenuBtn{display:none}

.left-menu .uk-nav-parent-icon>.uk-parent>a::after{
    transform:rotate(180deg);
-ms-transform:rotate(180deg);     /* IE 9 */
-moz-transform:rotate(180deg);    /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);  /* Opera */
}
.left-menu .uk-nav-parent-icon>.uk-parent.uk-open>a::after{
    transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);  /* Opera */
}
.uk-offcanvas-bar.left-menu {background: #1a3c34;
	/*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
background: -moz-linear-gradient(top, #052275 0%, #0091d4 100%);
    background: -webkit-linear-gradient(left, #052275 0%,#0091d4 100%);
    background: -o-linear-gradient(left, #052275 0%,#0091d4 100%);
    background: -ms-linear-gradient(left, #052275 0%,#0091d4 100%);
    background: linear-gradient(to right, #052275 0%,#0091d4 100%);*/

}
.uk-offcanvas-bar.left-menu hr{background: rgba(255,255,255,0.03);}
.uk-offcanvas-bar.left-menu .en a, .uk-offcanvas-bar.left-menu .bq, .uk-offcanvas-bar.left-menu .design a{color:rgba(255,255,255,0.4); }
.uk-offcanvas-bar.left-menu .bq,.uk-offcanvas-bar.left-menu .design a{font-size: 12px; line-height: 16px;}
.m_nav .uk-offcanvas-bar.left-menu .uk-nav>li>a{color:rgba(255,255,255,0.9); line-height:24px;}
.m_nav .uk-offcanvas-bar.left-menu .uk-nav-sub>li>a{color:rgba(255,255,255,0.6); line-height:24px;}
.m_nav .uk-offcanvas-bar.left-menu ul.uk-nav-sub {
    padding: 5px 0 15px 5px;
}
.lang.yy a{display: block;color:rgba(255,255,255,0.6); font-size:14px; padding:8px 0;}
.lang.yy img{width: 16px; vertical-align: middle; margin-top: -4px;}




header .topUtils .language{position:relative; float:left; margin:28px 0 0 10px;}
header .topUtils .language > a{display:block; padding:10px 20px; font-size:14px; color:#fff;  border:1px solid rgba(255,255,255,0.4); border-radius:32px;}
header .topUtils .language > a span{padding-right:24px;}
header .topUtils .language .slideLang{display:none; position:absolute; top:0; left:0; padding:10px 20px; width:100%; border:1px solid #ddd; border-radius:15px; background:#fff;}
header .topUtils .language .slideLang a{display:block; padding-top:10px; font-size:14px; color:#222; letter-spacing:0}
header .topUtils .language .slideLang a:nth-child(1){padding-top:0; padding-right:24px;}
header .topUtils .language .slideLang a:hover{color:#afc511;}

header.color .topUtils .language > a{color:rgba(34, 34, 34, 0.8); border:1px solid rgba(0,0,0,0.4);}
header.color .topUtils .language > a span{padding-right:24px;}



footer{position:relative; background:#1a3c34; color:rgba(255,255,255,0.8)}
footer a:hover{color: #1a3c34; text-decoration: underline;}
footer h5{font-weight:bold; margin-top:0; margin-bottom:10px;}
footer .add{font-size:14px;}
footer .daohang{margin-top:10px;}
footer .daohang span{margin:0 9px; font-size:12px; color:#ccc;}
footer .daohang a{color:#666; font-size:14px;}
footer .daohang a:hover{color:#1a3c34;}
footer .daohang .uk-subnav-divider>::before {height: 1.0em;}
footer .daohang .uk-subnav>*>:first-child{color:#666;}
footer .daohang .uk-subnav>*>:first-child:hover{color:#1a3c34;}
footer .daohang .uk-subnav-divider>::before{margin-right:10px;}
footer .daohang .uk-subnav-divider{margin-left: -21px;}
footer .daohang .uk-subnav>*{padding-left: 10px;}



/*.footer .ewm img{width:90%;}*/
footer .uk-nav>li>a{color:rgba(255,255,255,0.8) }
footer .uk-nav>li>a:hover{color: #fff}
footer .uk-active .f-bt{color: #ccc;font-size: 16px;text-decoration:none; line-height:18px; padding-top: 0; padding-bottom:20px;}
footer .link .uk-dropdown{padding:20px;}

footer .fengxiang{margin-bottom:20px; margin-right: 5px;}
footer .fengxiang{font-size: 16px; line-height: 30px;}
.uk-modal-dialog.fx{width:250px; border-radius: 4px;}
footer .ewm{float:right;  max-width:90px; font-size: 14px; color: #999; text-align: center;}
footer .ewm h6{color: #999; margin:5px 0 0 0;}
.foot-logo img{width:150px;}


footer .tel h2{color:rgba(255,255,255,0.8); margin-top:5px;}
footer .kefu{position:relative; height: 60px; margin-top:5px;}
footer .kefu a{position:absolute; right: 0; line-height:40px; height:50px; width:145px; text-align: center; display: block;  padding:5px 15px; border-radius: 50px; background:#c7ba9a; color: #1a3c34}
footer .kefu a:hover{background:#fff;}
footer .kefu span{float: left; margin-right:5px; font-size: 40px; line-height:40px;}


.foot-nav a{display: block;color:rgba(255,255,255,0.8); line-height:26px;}
.foot-nav a:hover{color: #fff;}
.foot-nav h5{margin-bottom:15px;color: #fff;}

.banquan{padding: 30px 0; margin-top:30px; line-height:20px;font-size: 14px;  border-top:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.6)}
.banquan a{ color:rgba(255,255,255,0.6)}.banquan a:hover{ color: #fff}
.banquan span{float: right;}

.biaodan .uk-input, .biaodan .uk-select, .biaodan .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background:#fff;
    color: #333;
    border:1px solid #d3d4d4; border-radius:0px;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
}

.biaodan .uk-textarea {height: 85px;}
.biaodan .uk-button-default{color: #999;
    border: 1px solid #ddd;}
.biaodan .uk-button-default:hover{color: #333;border: 1px solid #333;}


/*banner*/
.banner{position:relative;}
.banner .by{z-index:2; top: 30%}
.banner .bg{position:absolute;z-index:1; top:0; width:100%; height:100%; background:rgba(0,0,0, 0.15);}
.banner h1{font-size:66px; line-height:1.3;}
.banner h4{font-size:30px; line-height:1.2; margin-top:20px;}
.banner h1 span{font-weight:bold;}


.se1{color: #1a3c34}

.uk-button.gengduo{ border: 0; padding: 0 20px; line-height:40px; background:#1a3c34; color: #fff;}
.uk-button.gengduo:hover{background:#277c66; color:#fff;}


/*ggbanner*/
.ggbanner{position:relative;padding-top:385px; height:1100px; }



/*  */
.subVisual{position:relative; padding-top:285px; height:800px; text-align:center; background-position:center 0;  transition:background-size 1s ease}
.subVisual.com{background:url('../images/banner/guanyu.jpg') no-repeat}
.subVisual.xinwen{background:url('../images/banner/xinwen.jpg') no-repeat}
.subVisual.lx{background:url('../images/banner/lianxi.jpg') no-repeat}
.subVisual.sh{background:url('../images/banner/shehuizeren.jpg') no-repeat}
.subVisual.cp{background:url('../images/banner/chanpin.jpg') no-repeat}
.subVisual.tz{background:url('../images/banner/touziren.jpg') no-repeat}
.subVisual.ls{background:url('../images/banner/banner33.jpg') no-repeat}
.subVisual.csr3{background:url('../images/subVisual_csr3.jpg') no-repeat}
.subVisual.csr4{background:url('../images/subVisual_csr4.jpg') no-repeat}
.subVisual.csr5{background:url('../images/subVisual_csr5.jpg') no-repeat}
.subVisual.inv{background:url('../images/subVisual_inv.jpg') no-repeat}
.subVisual.uti{background:url('../images/subVisual_uti.jpg') no-repeat}
.subVisual h3{position:relative; top:100px; opacity:0; transition:top 0.7s ease, opacity 0.7s ease}
.subVisual .headText{position:relative; top:100px; margin-top:20px; font-weight:300; font-size:46px; color:#fff; opacity:0; transition:top 0.7s ease, opacity 0.7s ease; transition-delay:0.15s}
.subVisual h3{font-weight:500; text-transform: uppercase; font-size:54px; line-height:70px; color:#fff; letter-spacing:-0.8px; text-align:center}

.subCon{position:relative; padding:0 0 140px; background:#fff}
.subCon.pb0{padding-bottom:0 !important}
.subCon:before{content:''; display:block; background:#fff}
.subCon .indicatorD{position:absolute; width:100%; z-index:2}
.subCon .indicatorD .locationD{position:absolute; top:0; left:50px}
.subCon .indicatorD .locationD:after{content:''; display:block; clear:both}
.subCon .indicatorD .locationD span{float:left; position:relative; padding-right:21px; margin-right:14px; font-weight:300; font-size:16px; color:#555}
.subCon .indicatorD .locationD span:after{content:''; display:block; position:absolute; top:2px; right:0;  width:7px; height:11px; background:url('../images/indicatorD_location_arrow.png') no-repeat center center}
.subCon .indicatorD .locationD span.active{padding-right:0; margin-right:0; font-weight:700; padding-right:18px; font-size:16px; color:#222}
.subCon .indicatorD .locationD span.active:after{display:none}
.subCon .indicatorD .locationD .depthD{position:relative; float:left}
.subCon .indicatorD .locationD .depthD > a{font-weight:700; padding-right:18px; font-size:16px; color:#222; background:url('../images/indicatorD_location_open.png') no-repeat right center}
.subCon .indicatorD .locationD .depthD > a.on{background:url('../images/indicatorD_location_close.png') no-repeat right center}
.subCon .indicatorD .locationD .depthD .twoD{display:none; position:absolute; top:30px; left:50%; transform:translateX(-50%); width:160px; padding:18px 10px; background:#fff; border:1px solid #d3d4d4}
.subCon .indicatorD .locationD .depthD .twoD a{display:block; margin-top:8px; font-size:16px; line-height:24px; color:#555; text-align:center}
.subCon .indicatorD .locationD .depthD .twoD a:first-child{margin-top:0}
.subCon .indicatorD .locationD .depthD .twoD a:hover{ font-weight:500; color:#1a3c34}
.subCon .indicatorD .utillD{position:absolute; top:0; right:50px}
.subCon .indicatorD .utillD:after{content:''; display:block; clear:both}
.subCon .indicatorD .utillD .shareD{position:relative; float:left}
.subCon .indicatorD .utillD .shareD .share{display:inline-block; padding-left:28px; font-family:'Metropolis-SemiBold'; font-size:13px; line-height:22px; color:#222; background:url('../images/indicatorD_utillD_share.png') no-repeat left center; letter-spacing:0}
.subCon .indicatorD .utillD .shareD .share:hover{color:#1a3c34}
.subCon .indicatorD .utillD .shareD .twoD{display:none; position:absolute; top:35px; left:-10px; padding:30px 35px; background:#fff; border:1px solid #d3d4d4}
.subCon .indicatorD .utillD .shareD .twoD a{display:block; margin-top:10px}
.subCon .indicatorD .utillD .shareD .twoD a:first-child{margin-top:0}
.subCon .indicatorD .utillD .print{display:none; float:left; margin-left:30px; padding-left:32px;  font-weight:600; font-size:13px; line-height:22px; color:#222; background:url('../images/indicatorD_utillD_print.png') no-repeat left center; letter-spacing:0}
.subCon .indicatorD .utillD .print:hover{color:#1a3c34}
#wrap.type1 .headD{margin-bottom:70px}
#wrap.type1 .headD h3{color:#222; word-break:keep-all;} 
#wrap.type1 .headD .headText{margin-top:30px; font-weight:300; font-size:18px; color:#555; text-align:center}
#wrap.type1 .subCon{padding:230px 0 140px}
#wrap.type1 .subCon .indicatorD{top:120px}
#wrap.type1 .subCon .headD h3#pageTitlArea{width:1200px; margin:0 auto; word-break:keep-all;} 
#wrap.type2 h3{top:0; opacity:1}
#wrap.type2 .subCon:before{position:absolute; top:-100px; left:0; right:0; margin:0 auto; width:calc(100% - 180px); width:-webkit-calc(100% - 180px); height:200px; transition:top 0.6s ease}
#wrap.type2 .subCon .indicatorD{top:-40px; transition:top 0.6s ease}
#wrap.type2 .subCon .indicatorD .locationD{left:150px}
#wrap.type2 .subCon .indicatorD .utillD{right:150px}
#wrap.type2 .subVisual{background-size:100%;}
#wrap.type2 .subVisual .headText{top:0; opacity:1}
#wrap.type2 .subCon.on:before{top:-200px}
#wrap.type2 .subCon.on .indicatorD{top:-140px}

.subCon .contentD{position:relative}
.topTitDiv{margin-top:-5px; text-align:center}
.topTitDiv.taL{text-align:left}
.topTitDiv .tit{font-family:'Metropolis-Thin','Noto Sans KR'; font-weight:100; font-size:60px; line-height:82px; color:#222}
.topTitDiv .tit2{font-weight:300; font-size:35px; line-height:45px; color:#222}
.topTitDiv .tit2 span{display:block}
.topTitDiv .txt{margin-top:35px; font-weight:300; font-size:18px; line-height:30px; color:#555}
.sortTabArea{position:relative;}
.sortTabArea .sortTab{display:flex; justify-content:center; align-items:center}
.sortTabArea .sortTab:after{content:''; display:block; clear:both}
.sortTabArea .sortTab a{position:relative; padding:0 8px 5px 8px; margin-right:34px; font-weight:300; font-size:20px; color:#222; transition:background-repeat 0.4s ease}
.sortTabArea .sortTab a:before{content:''; display:block; position:absolute; bottom:0; left:0; width:0; height:10px; background:#dceb78; transition:width 0.4s ease}
.sortTabArea .sortTab a:last-child{margin-right:0}
.sortTabArea .sortTab a.on{font-weight:900}
.sortTabArea .sortTab a.on:before{width:100%}
.sortTabArea .sortTab a:hover:before{content:''; display:block; width:100%}
.sortTabArea .sortTab a span{position:relative}
.sortTabArea .link{position:absolute; top:0; right:0; padding-right:18px; font-weight:900; font-size:16px; color:#222; background:url('../images/right_arrow_icon.png') no-repeat right center; transition:color 0.4s ease, background 0.4s ease}
.sortTabArea .link:hover{color:#1a3c34; background:url('../images/right_arrow_icon_on.png') no-repeat right center}
.searchArea{margin:60px 0 80px; padding:52px 0 66px; background:#f5f5f5}
.searchArea:first-child{margin-top:0}
.searchArea .inputD{position:relative; margin:0 auto; width:430px}
.searchArea .inputD input{padding:14px 30px 10px 0; width:100%; height:46px; font-size:18px; color:#555; background:none; border:none; border-bottom:3px solid #222}
.searchArea .inputD input::-webkit-input-placeholder {color:#555}
.searchArea .inputD input:-moz-placeholder {color:#555}
.searchArea .inputD input::-moz-placeholder {color:#555}
.searchArea .inputD input:-ms-input-placeholder {color:#555}
.searchArea .inputD input:placeholder-shown {color:#555}
.searchArea .inputD .btn{position:absolute; top:11px; right:0}

.sectionTit{position:relative; margin:0 auto; font-weight:700; font-size:35px; color:#222; text-align:center}
.sectionTit.wht{color:#fff}
.sectionTxt{position:relative; margin-top:25px; font-weight:300; font-size:18px; line-height:30px; color:#555; text-align:center}
.sectionTxt span{display:block}
.subTitD{position:relative}
.subTitD:after{content:''; display:block; clear:both}
.subTitD .title{padding-bottom:20px; font-weight:900; font-size:30px; color:#222}
.subTitD .title2{padding-bottom:20px; font-weight:700; font-size:24px; color:#222}
.subTitD .rightSelectD{position:absolute; top:-20px; right:0; margin:0}
.subTitD .title + .btnA{position:absolute; top:-5px; right:0}
.subTitD .title2 + .btnA{position:absolute; top:-8px; right:0}
.subTitD .title + .listMore{position:absolute; top:5px; right:0}
.subTitD .subTxt{font-weight:300; font-size:18px; color:#555; line-height:30px; text-align:left;}/* 2019-11-15 추가 */
.infoTxt{padding-bottom:20px; font-weight:300; font-size:16px; color:#666; text-align:right}
.showCon{display:none}
.showCon:first-child{display:block}
.noDataDiv{padding:320px 20px 0; width:100%; height:570px; font-weight:300; font-size:24px; color:#555; background:url('../images/noDataDiv_icon.png') no-repeat center 170px #fff; border:1px solid #d3d4d4; text-align:center}

.btnArea{margin-top:60px; text-align:center;}
.btnArea .viewBtn{display:inline-block; margin:0 2px; width:180px; height:60px; font-weight:700; font-size:18px; line-height:58px; color:#222; border:1px solid #222; border-radius:50px; transition:color 0.3s ease, background 0.3s ease, border 0.3s ease}
.btnArea .viewBtn:hover{color:#fff; background:#1a3c34; border:1px solid #1a3c34}
.btnArea .moreBtn{display:inline-block; margin:0 2px; width:60px; height:60px; background:url('../images/moreBtn.png') no-repeat; transition:background 0.3s ease}
.btnArea .moreBtn:hover{background:url('../images/moreBtn_hover.png') no-repeat}
.btnArea .listBtn{display:inline-block; margin:0 2px; width:180px; height:60px; font-weight:700; font-size:18px; line-height:60px; color:#fff; background:#222; border-radius:50px; text-align:center; transition:background 0.3s ease}
.btnArea .listBtn:hover{background:#1a3c34}
.btnA{display:inline-block; padding:0 25px; height:40px; font-weight:700; font-size:14px; border-radius:50px}
.btnA span{display:block}
.btnA.download{line-height:38px; color:#555; background:#fff; border:1px solid rgba(34, 34, 34, 0.2); transition:color 0.3s ease, background 0.3s ease, border 0.3s ease}
.btnA.download span{padding-right:28px; background:url('../images/btnA_download.png') no-repeat right 1px center; transition:background 0.3s ease}
.btnA.download:hover{color:#fff; background:#bfd715; border:1px solid #bfd715}
.btnA.download:hover span{background:url('../images/btnA_download_on.png') no-repeat right 1px center}
.btnA.download.autoH{height:auto; padding:10px 25px 8px; line-height:20px; text-align:left;}
/* 2019-11-15 추가 */
.btnA.textType{border:1px solid rgba(34, 34, 34, 0.2); background:#fff; transition:color 0.3s ease, background 0.3s ease, border 0.3s ease}
.btnA.textType span{padding:11px 0; font-family:'Noto Sans KR';}
.btnA.textType:hover{border:1px solid #bfd715; color:#fff; background:#bfd715;}
/* // 2019-11-15 추가 */
.listMore{display:block; width:20px; height:20px; background:url('../images/listMore_icon.png') no-repeat}
.topBtn{position:absolute; bottom:50px; right:50px; padding-top:32px; width:60px; height:60px; font-weight:700; font-size:14px; color:#222; background:url('../images/topBtn.gif') no-repeat center 16px #fff; border:1px solid #222; border-radius:100%; text-align:center; transition:border 0.3s ease, color 0.3s ease, background 0.3s ease; z-index:5}
.topBtn:hover{color:#fff; background:url('../images/topBtn_hover.gif') no-repeat center 16px #bfd715; border:1px solid #bfd715}
#wrap.main .topBtn{display:none}
input:focus{outline:0}

.rightSelectD{margin:60px auto 20px; text-align:right}
.rightSelectD .selectD{position:relative; display:inline-block; text-align:left}
.rightSelectD .selectD > a{display:block; padding:0 45px 0 20px; width:150px; height:50px; font-weight:300; font-size:18px; line-height:48px; background:url('../images/rightSelectD_open.png') no-repeat right 20px top 50% #fff; border:1px solid #ddd}
.rightSelectD .selectD.on > a{background:url('../images/rightSelectD_close.png') no-repeat right 20px top 50% #fff; border:1px solid #ddd}
.rightSelectD .selectD .twoD{display:none; position:absolute; top:50px; left:0; padding:10px 0; width:100%; max-height:188px; background:#fff; border:1px solid #ddd; border-top:none; z-index:1}
.rightSelectD .selectD .twoD a{display:block; padding:15px 45px 9px 20px; font-weight:300; font-size:18px}
.rightSelectD .selectD .twoD a:first-child{margin-top:0;}
.rightSelectD .selectD .twoD.scroll{height:188px; overflow-y:auto}
.rightSelectD.type2{margin:0 auto 60px; padding-bottom:30px; border-bottom:1px solid #ddd; text-align:center}
.rightSelectD.type2 .selectD{width:220px}
.rightSelectD.type2 .selectD > a{display:block; padding:0 0 0 53px; width:auto; height:24px; font-weight:900; font-size:24px; line-height:1; color:#222; background:url('../images/rightSelectD_type2_open.png') no-repeat right 53px top 50%; border:none}
.rightSelectD.type2 .selectD.on > a{background:url('../images/rightSelectD_type2_close.png') no-repeat right 53px top 50%;}
.rightSelectD.type2 .selectD .twoD{top:40px; padding:20px 0; text-align:left; border-top:1px solid #ddd}
.rightSelectD.type2 .selectD .twoD a{padding:0 0 0 53px; font-size:20px; line-height:36px; color:#555}
.rightSelectD.type2 .selectD .twoD a:hover{font-weight:700; color:#1a3c34}




/*  */
#fp-nav.right{right:38px}
#fp-nav ul li, .fp-slidesNav ul li{margin:18px 12px}
#fp-nav ul li a span, .fp-slidesNav ul li a span{display:block; position:relative; top:auto; left:auto; margin:0; opacity:0.4}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{opacity:1}
#fp-nav ul li:last-child{display:none;}
section.vision .fp-tableCell{vertical-align:top;}
.onAir{display:block; position:fixed; bottom:0; right:0; transition:all 0.4s ease-out;}
.onAir .stepDiv{position:relative; width:310px; height:174px;}
.onAir .stepDiv:before{content:'';  position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(191, 215, 21, 0.7); opacity:0; transition:all 0.4s ease; z-index:1}
.onAir .stepDiv:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main_onAir_play.png") no-repeat center center rgba(0,0,0,0.4);}
.onAir .stepDiv .txt{position:absolute; top:27px; z-index:1; width:100%; font-size:18px; color:#fff; font-weight:700; text-align:center;}
.onAir .stepDiv .timer{display:flex; justify-content:center; position:absolute; bottom:30px; z-index:1; width:100%; color:#1a3c34; text-align:center; transition:all 0.4s ease}
.onAir .stepDiv .timer span:nth-child(2){padding-left:0px;}
.onAir .stepDiv .timer span:nth-child(2):before{display:inline-block; content:":";}
.onAir .stepDiv .timer span:nth-child(3){padding-left:0px;}
.onAir .stepDiv .timer span:nth-child(3):before{display:inline-block; content:":";}
.onAir .stepDiv .img{position:relative; height:174px; overflow:hidden;}
.onAir .stepDiv .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.onAir .iconDiv{display:none; margin-right:14px; width:85px; height:85px; background:url("../images/main_fixed_onAir.png") no-repeat 0 0; border-radius:100%; box-shadow:20px 20px 30px 0 rgba(0, 0, 0, 0.1)}
.onAir:hover .stepDiv:before{opacity:1; }
.onAir:hover .stepDiv .timer{color:#fff}

.bar{position:fixed; bottom:0; left:0; width:100%; height:7px; background:rgba(0, 0, 0, 0.2); z-index:1; display:none}
.bar span{position:absolute; top:0; left:0; width:0; height:7px; background:rgba(192, 215, 21, 0.8);}
@keyframes aniMouse {0%{top:8px;}50%{top:14px;}100%{top:8px;}}
/*.fullpageArea section:nth-child(2){background:url("../images/section2_bg.gif") repeat-y right 0;}*/
section.vision{overflow:hidden;}
.visionAreaBg{position:absolute; top:0; right:-100%; width:610px; height:100%; background:#f2f4f3;}
.visionArea{position:relative; z-index:2; margin:345px 0 0 /*240px*/0;}
.visionArea .txtArea{display:inline-block; position:relative; left:-100%; z-index:2; transition:all 1.2s ease; transition-delay:0.4s}
.visionArea .txtArea.on{left:240px}
.visionArea .title{font-size:24px; line-height:1; color:#1a3c34;letter-spacing:0.5px; }
.visionArea .title span{display:block}
.visionArea .mTxt{position:absolute; top:40px; left:0; width:760px; font-size:70px; color:#222; font-weight:700; transition:top 0.6s cubic-bezier(.11,.24,.26,1), width 0.6s cubic-bezier(.11,.24,.26,1), font-size 0.6s cubic-bezier(.11,.24,.26,1), color 0.6s cubic-bezier(.11,.24,.26,1); letter-spacing:0}
.visionArea .mTxt.active{top:-65px; left:-10px; width:1060px; font-size:140px; color:#eee;}
.visionArea .txt{padding-top:165px; font-size:20px; color:#555; font-weight:400; line-height:30px;}
.visionArea .btnMore{display:inline-block; margin-top:100px; padding-bottom:1px; font-size:20px; color:#222;  border-bottom:2px solid #222; transition:all 0.2s ease-out; letter-spacing:-2px}
.visionArea .btnMore:hover{color:#1a3c34; border-bottom:2px solid #1a3c34}
.visionArea .swipeArea{position:absolute; top:0px; left:0;}
.visionArea .swipeArea .swiper-button-prev span,.visionArea .swipeArea .swiper-button-next span{font-size: 66px; color: #fff; line-height:100px;}
.visionArea .swipeArea .swiper-button-prev{display:none; text-align: center; margin-top:0; top:120px; left:50px; z-index:3; width:100px; height:100px; background:url("../images/main_vision_leftBtnn.png") no-repeat center rgba(0, 0, 0, 0.5); border-radius:100%}
.visionArea .swipeArea .swiper-button-next{display:none; text-align: center; margin-top:0; top:120px; left:1300px; z-index:3; width:100px; height:100px; background:url("../images/main_vision_rightBtnn.png") no-repeat center rgba(0, 0, 0, 0.5); border-radius:100%}
.visionArea .swipeArea .swiper-button-next:hover{background:url("../images/main_vision_rightBtnn.png") no-repeat center #1a3c34;}
.visionArea .swipeArea .swiper-button-prev:hover{background:url("../images/main_vision_leftBtnn.png") no-repeat center  #1a3c34;}
.visionArea .swipeArea .swiper-button-prev:focus, .visionArea .swipeArea .swiper-button-next:focus{outline:none;}
.visionArea .swipeArea .swiper-container{padding:0 300px 0 770px; right:0; transition:all 1.2s ease; transition-delay:0.8s}
.visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{top:auto; bottom:0; left:240px; width:calc(100vw - 770px); height:6px;}
.visionArea .swipeArea .swiper-pagination-progressbar{height:6px; background:rgba(0,0,0,0.2);}
.visionArea .swipeArea .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#1a3c34;}
.swiper-button-prev.swiper-button-disabled{background:url("../images/main_vision_leftBtn.png") no-repeat center rgba(0, 0, 0, 0.15)}
.swiper-button-next.swiper-button-disabled{background:url("../images/main_vision_rightBtn.png") no-repeat center rgba(0, 0, 0, 0.15)}
.visionArea .swipeArea .swiper-slide{display:block; left:1500px; width:500px !important; height:375px;}
.visionArea .swipeArea .swiper-slide .imgBox{position:relative; width:100%; height:100%; overflow:hidden;}
.visionArea .swipeArea .swiper-slide .imgBox img{transform:translate(-50%, -50%); height:100%; position:absolute; top:50%; left:50%}
.visionArea .swipeArea .swiper-slide .imgBox:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/main_vision_roll_bg.png') no-repeat center; background-size:cover; z-index:1}
.visionArea .swipeArea .swiper-slide .hover{display:block; position:absolute; top:230px; left:0; z-index:1; padding:40px; width:430px; background:none; transition:all 0.3s ease-out; z-index:2}
.visionArea .swipeArea .swiper-slide .hover .type{ font-weight:500; font-size:16px; color:#1a3c34; opacity:0; transition:all 0.3s ease-out;}
.visionArea .swipeArea .swiper-slide .hover .tit{position:relative; margin-top:0; font-size:25px; color:#fff; font-weight:700; line-height:32px; transition:all 0.3s ease-out;}
.visionArea .swipeArea .swiper-slide .hover .txt1{opacity:0; position:relative; top:40px; padding-top:0; font-size:18px; line-height:26px; color:rgba(34, 34, 34, 0.7);font-weight:400; padding-bottom:52px; background:url("../images/main_ir_arrowIcon2.png") no-repeat 0 bottom; transition:all 0.3s ease-out;}
.visionArea .swipeArea .swiper-slide .hover.on{top:195px; box-shadow:10px 10px 30px 0px rgba(0,0,0,0.1); background:#fff;}
.visionArea .swipeArea .swiper-slide .hover.on .type{opacity:1}
.visionArea .swipeArea .swiper-slide .hover.on .tit{margin-top:20px; margin-top:0; color:#222;}
.visionArea .swipeArea .swiper-slide .hover.on .txt1{opacity:1; top:22px;}
/*.visionArea .swipeArea .swipe-container{padding-left:300px;}*/
.cultureArea{}
.cultureArea .txtArea{position:relative; z-index:3; padding-top:200px; width:100%; text-align:center;}
.cultureArea .txtArea .tit{font-size:60px; color:#fff; font-weight:700; letter-spacing:0;}
.cultureArea .txtArea .txt{padding-top:25px; font-size:24px; color:#fff; line-height:1.2; font-weight:300;}
.cultureArea .videoArea{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.cultureArea .videoArea .quarter{display:flex; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}
.cultureArea .videoArea .slideCont{position:relative; z-index:1; width:100%; height:100%;}
.cultureArea .videoArea .slideCont .fp-slidesContainer{position:relative;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(1){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/home/guanyu.jpg") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(2){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/home/touziren.jpg") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(3){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/home/shehuizeren.jpg") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(4){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/home/lianxi.jpg") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-controlArrow{display:none;}
.cultureArea .videoArea .quarter .list{position:relative; padding-top:550px; width:25%; height:100%; border-left:1px solid rgba(255,255,255,0.2);}
.cultureArea .videoArea .quarter .list:nth-child(1){border-left:0; }
.cultureArea .videoArea .quarter .list:hover{cursor: pointer}
/*.cultureArea .videoArea .quarter .list:nth-child(1) > .tb span a{color: #fff;}*/
.cultureArea .videoArea .quarter .list:nth-child(1) > .tb{display:block; position:relative; z-index:1; padding-top:110px; background:url("../images/home/main_culture_icon1.png") no-repeat center 0;}
.cultureArea .videoArea .quarter .list:nth-child(2) > .tb{display:block; position:relative; z-index:1; padding-top:110px; background:url("../images/home/main_culture_icon2.png") no-repeat center 10px;}
.cultureArea .videoArea .quarter .list:nth-child(3) > .tb{display:block; position:relative; z-index:1; padding-top:110px; background:url("../images/home/main_culture_icon3.png") no-repeat center 10px;}
.cultureArea .videoArea .quarter .list:nth-child(4) > .tb{display:block; position:relative; z-index:1; padding-top:110px; background:url("../images/home/main_culture_icon4.png") no-repeat center 10px;}
.cultureArea .videoArea .quarter .list .mainTxt{text-align:center; font-size:30px; color:#fff; letter-spacing:0;}
.cultureArea .videoArea .quarter .list .hideObj{display:none; position:relative; text-align:center; opacity:1;}
.cultureArea .videoArea .quarter .list .hideObj .subTxt{padding-top:20px; color:#fff; color:rgba(255,255,255,0.6); line-height:22px;}
.cultureArea .videoArea .quarter .list .hideObj .squreBox{margin-top:30px; padding:0 30px;}
.cultureArea .videoArea .quarter .list .hideObj .squreBox a{display:block; margin:5px auto 0 auto; width:200px; height:40px; line-height:40px; color:#fff; border:1px solid rgba(255,255,255,0.4);}
.cultureArea .videoArea .quarter .list .hideObj .squreBox a:hover{border:1px solid rgba(255,255,255,0.8); background: rgba(255,255,255,0.2)}
.cultureArea .videoArea .quarter .list .hideObj .squreBox span:first-child{margin-top:0;}
.cultureArea .videoArea .quarter .list:after{display:block; opacity:0; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.cultureArea .videoArea .quarter .list.on:after{opacity:1;}
.cultureArea .videoArea:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.cultureArea .videoArea video{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.mainSection5{background:url("../images/home/jingying.jpg") no-repeat right 0; background-size:cover;}
.irArea{position:relative; padding-top:180px; width:100%; height:100%;}
.irArea .tit{font-size:60px; color:#fff; font-weight:700; text-align:center; letter-spacing:0;}
.irArea .txt{padding-top:35px; font-size:18px; color:#fff;font-weight:300; text-align:center;}
.irArea .stockArea{margin:60px auto 60px; width:1200px; overflow:hidden;}
.irArea .stockArea .sectL{float:left; overflow:hidden;}
.irArea .stockArea .sectR{float:left; margin-left:28px; overflow:hidden;}
.irArea .stockArea .company{display:block; position:relative; float:left; padding:48px 45px 0 45px; width:380px; height:450px; overflow:hidden;}
.irArea .stockArea .company img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#wrap .irArea .stockArea .company h3{position:relative; z-index:1; margin-bottom:0; font-size:22px; color:#fff; font-weight:700; text-align:left; line-height:1;}
.irArea .stockArea .company .txt1{position:relative; z-index:1; padding-top:18px; font-size:16px; color:#fff; font-weight:300; line-height:22px;}/* 2019-09-17 수정*/
.irArea .stockArea .stockInfo{float:left; margin-left:32px; padding:48px 40px 0 40px; width:380px; height:450px; background:#fff;}
#wrap .irArea .stockArea .stockInfo h3{padding-left:6px; margin-bottom:0; font-size:22px; color:#222; font-weight:700; text-align:left; line-height:1;}
.irArea .stockArea .stockInfo .stockNum span{font-size: 16px; color: #666}
.irArea .stockArea .stockInfo .stockNum{padding-top:30px; font-size:50px; color:#333; font-weight:300;}
.irArea .stockArea .stockInfo .btnView{display:inline-block; margin-top:25px; padding:10px 25px; font-size:15px; color:#333;  font-weight:500; border:1px solid #ddd; border-radius:50px; transition:all 0.3s ease-out;}
.irArea .stockArea .stockInfo .btnView span{font-size: 24px; margin-left:8px; vertical-align: middle; margin-top:-2px;}
.irArea .stockArea .stockInfo .btnView:hover{color:#fff; border:1px solid #1a3c34; background:#1a3c34;}
.irArea .stockArea .stockInfo .info{margin-top:70px; padding-top:30px; border-top:1px solid #d3d4d4;}
.irArea .stockArea .stockInfo .info .list{padding-top:18px; overflow:hidden;}
.irArea .stockArea .stockInfo .info .list:nth-child(1){padding-top:0;}
.irArea .stockArea .stockInfo .info .list p{float:left; color:#333;}
.irArea .stockArea .stockInfo .info .list span{display:block; float:right; font-size:17px; color:#222;}
.irArea .stockArea .stockInfo .info .list span.up{color:#f11a1a;}
.irArea .stockArea .stockInfo .info .list span.down{color:#00959c;}
.irArea .stockArea .announce{display:block; position:relative; padding:40px; width:380px; height:210px; overflow:hidden; background:#fff;}
#wrap .irArea .stockArea .announce h3{margin-bottom:0; font-size:20px; color:#222; font-weight:700; text-align:left; line-height:1;}
.irArea .stockArea .announce .rollBtn{position:absolute; top:40px; right:30px;}
.irArea .stockArea .announce .rollBtn a{display:inline-block; padding:0 15px; width:10px; height:16px;}
.irArea .stockArea .announce .rollBtn a:nth-child(1){background:url("../images/ir_ir_icon1.png") no-repeat center 0;}
.irArea .stockArea .announce .rollBtn a:nth-child(2){background:url("../images/ir_ir_icon2.png") no-repeat center 0;}
.irArea .stockArea .announce .rollCont{position:relative; width:100%; height:100%;}
.irArea .stockArea .announce .rollCont .roll{display:none; position:absolute; top:0; left:0; width:100%;}
.irArea .stockArea .announce .rollCont .roll:first-child{display:block;}
.irArea .stockArea .announce .rollCont .roll:hover .txt1 span{text-decoration:underline; /*background:url('../images/underline_bg1x5.gif') repeat-x left bottom 2px;*/}
.irArea .stockArea .announce .txt1{padding:35px 0 0; font-weight:300; font-size:18px; line-height:26px; color:#222;}
.irArea .stockArea .announce .date{padding-top:20px; color:#888; font-weight:300;}
.irArea .stockArea .report{display:block; position:relative; padding:40px; margin-top:30px; width:380px; height:210px; overflow:hidden; border:2px solid #fff; transition:all 0.3s ease-out;}
#wrap .irArea .stockArea .report h3{margin-bottom:0; font-size:20px; color:#fff; font-weight:700; text-align:left; line-height:1;}

.irArea .stockArea .report .txt1{padding:18px 0 60px; font-size:16px; color:#fff; font-weight:300; line-height:22px; background:url("../images/main_ir_arrowIcon3.png") no-repeat 0 bottom;}

.irArea .stockArea .report .img{position:absolute; bottom:-160px; right:35px; box-shadow:1px 10px 10px 10px rgba(0,0,0,0.1);}
.irArea .stockArea .report.active{border:2px solid #1a3c34; background:#1a3c34;}
.newsnsArea{position:relative; padding:150px 0 100px; width:100%; }
.newsnsArea .tab{position:relative; margin:auto; width:1200px;}
.newsnsArea .tab .tabBtn{display:inline-block; padding:0 22px; font-size:40px; color:rgba(34,34,34,0.3); letter-spacing:0;}
.newsnsArea .tab .tabBtn.on{color:#1a3c34;}
.newsnsArea .tab .tabBtn.on span{background:url('../images/underline_bg1x10.gif') repeat-x left bottom 4px;}
.newsnsArea .tab .moreBtn{position:absolute; top:20px; right:0; display:inline-block; padding-bottom:2px; font-size:20px; color:#1a3c34; border-bottom:2px solid #1a3c34; transition:all 0.2s ease-out; letter-spacing:-2px}
.newsnsArea .tab .moreBtn:hover{color:#000; border-bottom:2px solid #1a3c34;}
.newsnsArea .contArea{margin:50px auto 0; width:1200px;}
.newsnsArea .contArea .cont{display:none;}
.newsnsArea .contArea .cont.on{display:block;}
.newsnsArea .contArea .newsArea .list{display:block; position:relative; height:138px; border-bottom:1px solid #d3d4d4;transition:all 0.2s ease-out;}
.newsnsArea .contArea .newsArea .list:after{display:block; content:""; clear:both;}
.newsnsArea .contArea .newsArea .list .txtArea{position:relative; float:left; padding:40px 260px 40px 45px; width:100%;}
.newsnsArea .contArea .newsArea .list .txtArea .gubun{font-size:16px; color:#1a3c34; font-weight:500;}
.newsnsArea .contArea .newsArea .list .txtArea .subject{padding-top:13px; font-size:22px; color:#222; font-weight:700; line-height:27px;}
.newsnsArea .contArea .newsArea .list .txtArea .txt{display:none; position:relative; padding-top:22px; font-size:16px; color:#555; font-weight:300; line-height:24px;}
.newsnsArea .contArea .newsArea .list .txtArea .date{position:absolute; top:50%; right:45px; transform:translate(0, -50%); font-size:16px; color:#888; font-weight:300;}
.newsnsArea .contArea .newsArea .list .img{display:none; position:relative;   padding: 30px; float:right; width:500px; height:100%; opacity:0; top:-1px}
.newsnsArea .contArea .newsArea .list .img .block{position:relative; width:100%; height:100%; overflow:hidden;}
.newsnsArea .contArea .newsArea .list .img img{position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); height:100%;}
.newsnsArea .contArea .newsArea .list.active{z-index:1; height:300px; background:#fff;}
.newsnsArea .contArea .newsArea .list.active .txtArea{padding:45px 70px 45px 45px; width:calc(100% - 520px); height:100%;}
.newsnsArea .contArea .newsArea .list.noImg.active .txtArea{padding:45px 240px 45px 45px; width:100%;}
.newsnsArea .contArea .newsArea .list.active .txtArea .txt{display:block;}
.newsnsArea .contArea .newsArea .list.active .txtArea .date{top:auto; right:auto; bottom:45px; left:45px; padding-top:40px; transform:translate(0, 0);}
.newsnsArea .contArea .newsArea .list.active .img{display:block;}
.newsnsArea .contArea .newsArea .list:nth-child(1){border-top:1px solid #d3d4d4;}
.newsnsArea .contArea .newsArea .list:nth-child(1) .img{opacity:1;}


.newsnsArea .contArea .mediaDiv{position:relative; width:830px; height:520px;}
.newsnsArea .contArea .mediaDiv .floatInfoArea{position:absolute; top:65px; left:670px; z-index:1; padding:60px 70px; width:530px; height:390px; overflow:hidden; box-shadow:0px 20px 50px -10px rgba(0,0,0,0.2); background:#fff;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .txtSlide{display:none; position:absolute; top:60px; left:70px; width:390px;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .txtSlide:nth-child(1){display:block;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .gubun{font-size:18px; color:#1a3c34; font-weight:700;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .title{padding-top:20px; font-size:30px; color:#222; font-weight:900; line-height:38px;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .txt{padding-top:25px; font-size:16px; color:#555; font-weight:300; line-height:25px; word-break:keep-all}
/*.newsnsArea .contArea .mediaDiv .floatInfoArea .more{position:absolute; bottom:60px; left:70px; padding-bottom:5px; font-weight:700; font-size:16px; color:#222; border-bottom:2px solid #222}*/
.newsnsArea .contArea .mediaDiv .floatInfoArea .date{padding-top:40px; font-size:16px; color:#888; font-weight:300;}

/*ggbanner*/
.ggbanner h1{margin-bottom: 10px;}
.cont{position: relative;}
.weizi{position:absolute; top:-110px; z-index: 1; height:110px; background: #fff; width:-webkit-calc(100% - 180px); left: 0; right: 0; margin:0 auto;}
.weizi .pd{padding:40px;}
.weizi .uk-dropdown{min-width:160px; padding:10px 20px;background: #fff;color: #666;border:1px solid #eee;box-shadow: 0 2px 2px rgba(0,0,0,.2);}
.weizi .uk-subnav>*>:first-child{color: #666;}
.weizi .uk-subnav>.uk-active>a{font-weight: bold; color: #1a3c34}
.weizi .uk-dropdown-nav>li>a{color: #666; padding: 5px 0;}
.weizi .uk-dropdown-nav>li.uk-active>a, .weizi .uk-dropdown-nav>li>a:focus, .weizi .uk-dropdown-nav>li>a:hover{color: #1a3c34}

.weizi.gg{position:absolute; top:0px; z-index: 1; height:40px; line-height:40px; background: #fff; width:-webkit-calc(100% - 0px); left: 0; right: 0; margin:0 auto;}
.weizi.gg .pd{padding:0px 50px;}
.ggcont{padding-top:100px;}


.se1{color: #1a3c34}
.bg{background: #fff}.bg1{background: #f5f5f5}.bg2{background: #eaecec}

.cont{font-size: 16px; line-height:26px;}
.title h1, .title h2{color: #1a3c34}
.title h4{color: #666}

/*guanyu*/

.zhuzhang{position: relative;width: 75%;}
.zhuzhang .tp{width:85%;}
.zhuzhang .txt{position: absolute;width:30%; height: 50%; right: 0; bottom:0; padding:60px 60px 120px 60px; background:#fff;}
.zhuzhang.yj{float: right;}
.zhuzhang.yj .tp{float: right;}
.zhuzhang .txt.yjt{right:initial; left:0;}

.zhuangli{background: #f5f5f5; padding:60px 0px;}
.zhuangli .bj{background: #fff;padding:30px;}
.zhuangli .shuju ul{border-top: 1px solid #ddd;}
.zhuangli .shuju ul li{border-bottom: 1px solid #ddd; padding:20px 0;}
.zhuangli .shuju ul li h1{color: #1a3c34;font-size:50px; line-height:1;}
.zhuangli .shuju ul li h1 span{font-size: 24px;}
.zhuangli .zl{padding: 0 30px;}
.zhuangli .zl li img{border: 1px solid #ddd; margin-bottom: 10px;}
.zhuangli .zl li h6{color: #999}


/*.nianfen li{font-weight: bold; color: #1a3c34}*/
.nianfen a{color: #666}
.nianfen .uk-active a:hover{color: #1a3c34}
.nianfen .uk-active a{font-weight: bold; color: #1a3c34; border-bottom: 2px solid #1a3c34}
.rongyu{background:#fff;}



.licheng{position: relative;}
.licheng .tf{padding-bottom: 70px;}


.m-slide{ position: relative;}
.m-slide .bottom-shadow{ position: absolute;  bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden;
    border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec }
.m-slide .img { position: relative; z-index: 4 }
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block;}
.m-slide .img li { display: none;}
.m-slide .img .first { display: block }

.m-slide .tab li {width: 50%; padding-bottom: 70px;}
.m-slide .tab .first { border-top: 0 }
.m-slide .tab a { display: block; position: relative;}
.m-slide .tab a .title {font-weight: bold; color: #666 }
.m-slide .tab a .des { left: 18px; top: 26px; height: 16px; line-height: 16px; color: #999 }
.m-slide .tab .first a {}
.m-slide .tab a h1{font-weight: bold;}
.m-slide .tab a h4{color: #888; margin-top:10px; line-height:1.6;}
.m-slide .tab .on a h1,.m-slide .tab .on a h4{color: #1a3c34}

.m-slide .tab .on a span { color: #41a1f2 }


.m-lc{padding:20px;}
.m-lc .gs{font-size:14px; line-height:22px; color:#1a3c34; background:#fff; padding:20px 20px 0 20px;}
.m-lc .uk-accordion-content{background:#fff;    margin-top: 2px;}
.m-lc .uk-accordion-title{font-size: 1rem; background:#fff; padding:15px 20px;}
.m-lc .uk-open .uk-accordion-title{color:#1a3c34; font-size: 24px; font-weight:bold;}
.m-lc .uk-accordion>:nth-child(n+2){margin-top:2px;}



/*zouziren*/
.zuocd{position: relative}
.tzpd{ padding-bottom:30px;}
.leftNav{border-bottom: 1px solid #ccc;}
.leftNav .uk-accordion-title{padding:12px 15px; font-size: 18px; color: #333; border-top: 1px solid #ccc}
.leftNav .uk-accordion-title:hover,.leftNav .tt:hover{color: #1a3c34}
.leftNav .uk-open>.uk-accordion-title{background:#1a3c34; color: #fff;}
.leftNav .uk-accordion-title::before {
    content: "";
    width:16px;
    height:1.4em;
    margin-left:0px;margin-right:0px;
    float: left;
    background-image: url(../images/jt_a.png);
    background-repeat: no-repeat;
    background-position: 0% 55%;
    background-size: 50%
}
.leftNav .uk-open>.uk-accordion-title::before {
    background-image:url(../images/jt_hover.png);
}

.leftNav .uk-accordion-content {margin-top: 0px;}
.leftNav .uk-accordion>:nth-child(n+2) { margin-top: 0px;}

.cpFl{padding:10px 0;}
.cpFl li{padding: 0px; border-bottom:0px solid #eee}
.leftNav .cpFl .uk-accordion-title.tt{font-weight: 300; padding:5px 0px 5px 35px;  border-bottom:1px solid #ddd; border-top:0}
.leftNav .cpFl .tt{display: block;  border-bottom:0px solid #ddd; border-top:0}
.leftNav .cpFl .uk-accordion-title::before{display: none;}
.leftNav .cpFl .uk-open>.uk-accordion-title,.leftNav .cpFl .tt{ font-weight: bold; color: #1a3c34;}
.leftNav .cpFl li a{display: block; padding:3px 0px 3px 30px; color:#666;}
.leftNav .cpFl li a:hover{color: #1a3c34;}
.leftNav .cpFl .cpS{padding:10px 35px 10px; background: #eee}
.leftNav .cpFl .cpS a{display: block; font-size: 14px;}
.leftNav .cpFl .cpS a.on{color:#1a3c34; font-weight: bold;}


.leftNav .uk-accordion-title.lvse{background:#1a3c34; color: #fff;}
.leftNav .uk-accordion-title.lvse::before{background-image:url(../images/jt_hover.png);}

.caibao {}
.caibao .uk-table{border: 1px solid #ddd}
.caibao .uk-table th { background: #c7ba9a;
    padding: 16px 12px;
    text-align: left;
    vertical-align: bottom;
    font-size:18px;
    color: #333;
    text-transform: uppercase;
}
.caibao .uk-table td span.fa{color: #c1272d; font-size: 20px;margin-right:3px;}
.caibao .uk-table td a:hover{color: #c1272d;}
.caibao .uk-table .bl{border-left: 1px solid #ddd}
.caibao .uk-table-striped tbody tr:nth-of-type(odd), .caibao .uk-table-striped>tr:nth-of-type(odd) {
  background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.caibao .uk-table-striped tbody tr:nth-of-type(odd):hover, .caibao .uk-table-striped>tr:nth-of-type(odd):hover,.caibao .uk-table tbody tr:hover{background: #f9f6e5;}

.sanNav .uk-button{border: 1px solid #ccc;}
.sanNav .uk-button:hover{border: 1px solid #1a3c34; background: #1a3c34; color: #fff;}
.sanNav .uk-active .uk-button{border: 1px solid #1a3c34; background: #1a3c34; color: #fff;}



/*news*/
.news .alb{border: 1px solid #ddd;}
.news .alb .bt h5{font-weight: bold;}
.news .alb .bt{ padding:20px;}
.news .alb .bt p{font-size: 14px; line-height:1.4; margin-top:10px;}
.news .alb .bt .uk-button{font-size: 14px;}
.news a:hover .alb .bt h5{color: #1a3c34}

.news .alb .bt .uk-button:hover{color: #fff; background: #1a3c34; border:1px solid #1a3c34;}

.sxt li{padding: 5px 0;}
.more{border:1px solid #ddd;}
.more:hover{color: #fff; background: #1a3c34; border:1px solid #1a3c34;}
.more1{border:1px solid #1a3c34;background: #1a3c34;color: #fff;}
.more1:hover{background:#277c66; color:#fff;}

.more2{border-bottom:3px solid #1a3c34; color: #1a3c34; font-weight: 700}
.more2:hover{ border-bottom:3px solid #000; color:#000;}


/*产品*/
.chanpin .mt15{margin-top:15px;}
.chanpin .mb15{margin-bottom:15px;}

.chanpin .pos{position: absolute; top: 0; left: 0; z-index: 1; padding:30px;}
.chanpin .pos .bk span{padding:2px 10px; color: #fff; background:#1a3c34;}
.chanpin .pos .ttt{margin-top:5px;}
.chanpin .pos .ttt h3{font-size:20px;}
.chanpin .pos.cc{top: 0; right:initial; left: 0}



.tzbox table td{padding:10px !important;}

/*made*/
.madegame{width:100%;overflow:hidden;}
.ho{position:relative !important;}
.ho li{float: left; width: 470px;}
.ho li .nr{padding:30px; background: #f5f5f5}
.ho li .nr .mt{margin-top:50px;}
.ho li .nr .mt .uk-icon-button{background: #c8bb9b; color: #1a3c34}
.ho li a:hover .nr .mt .uk-icon-button{background: #1a3c34; color: #fff}
.ho li a:hover .nr h4{color: #1a3c34}


.cpyoushi h3.bt{color: #1a3c34}
.cpyoushi h3.bt span{font-weight: bold;}

.cpyoushi .bian{border:1px solid #ddd;padding:28px 30px;}
.cpyoushi .bian .mc{padding-right: 50px; position: relative;}
.cpyoushi .bian .mc .jt{position: absolute; top:15%; right: 0px;}
.cpyoushi .bian .mc .jt span{color: #1a3c34}
.cpyoushi .bian .mc h4{color: #1a3c34}
.cpyoushi .bian .pic{font-size: 14px;}
.cpyoushi .bian:hover{background: #f5f5f5}



/*责任*/
.zeren .zrbg .pdf{padding:23px  30px;}
.zeren .t .jj{color: #666; font-size: 14px; line-height:24px;}
.zeren .box{padding: 30px;}
.zeren .uk-grid-small>*{padding-left: 20px;}

.zeren .uk-grid-small>.uk-grid-margin{margin-top:20px;}


/*lianxi*/
.lianxi .bj{background: #fff; padding: 30px;}
.lianxi .bj li h4{ line-height:30px; color: #1a3c34}
.lianxi .bj li h4 .uk-icon-button{float: left; width: 30px; height: 30px; background: #1a3c34; color: #fff}
.lianxi .bj li h5{float: initial; clear: left; margin-top:6px;}
.lianxi .bj .uk-list-divider>li:nth-child(n+2) {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e5e5e5;
}


/*fangye*/
.tcdPageCode {
  text-align: center;
  color: #808080;
  font-size: 14px;
}
.tcdPageCode li {
  display: inline;
}


.tcdPageCode span.disabled {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #808080;
  background: #fff;
  border: 1px solid #e6e3e3;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode span.current {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #fff;
  background-color: #1a3c34;
  border: 1px solid #1a3c34;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode a {
  display: inline-block;
  color: #1a3c34;
  height: 35px;
  line-height: 35px;
  background: #fff;
  padding: 0 14px;
  border: 1px solid #ddd;
  margin: 0 2px;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode a:hover{ background: #1a3c34; color: #fff; border: 1px solid #1a3c34;}