@charset "UTF-8";

/* ****************** LAYOUT ********************** */
html,body,a,p,span,ul,img{padding:0;margin:0;list-style:none;border:none;font-family:"Microsoft Yahei","Arial";color:#666;}

ul{padding:0;}
h1{margin-top: 0;margin-bottom:.5rem}
*, ::after, ::before {box-sizing: border-box}
/* Á´½ÓÑùʽ */
a{text-decoration:none;outline:none;}
a:visited{text-decoration:none;outline:none;}
a:hover{text-decoration:none;outline:none;}
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;}
.tcenter{text-align:center;}
::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*/
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
/*.area{max-width:800px;}*/
#header{position:fixed;height:100px;top:0;background:#fff;left:0;text-align:center;width:100%;z-index:999;-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;border-bottom:1px solid rgba(255,255,255,.5);}
#header.white-bg{background-color:#fff;border-bottom:1px solid rgba(153,153,153,.3);}
#headerInnerWrap{position:relative;top:0px;left:0px;width:100%;height:100px;z-index:9999;background-color:transparent;-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{z-index:100;width: 15%;position:absolute;left:60px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
#header .logo a{display:block;}
#header .logo img{vertical-align:top;}
#header .logo img:nth-child(2){display:none;}
#header .logo img:nth-child(1){display:block;}
#header.white-bg .logo img:nth-child(2){display:block;}
#header.white-bg .logo img:nth-child(1){display:none;}

/* -------- Header-------- */
#header .header-util-box{position:absolute;right:0;top:0;height:100%;width:6%;border-left:1px solid rgba(236,236,228,.3);padding-left:12px;}
#header.white-bg .header-util-box{border-left:1px solid rgba(153,153,153,.3);}
.header-lang{position:relative;float:left;height:100%;z-index:100;width:46px;line-height:20px;padding-right:18px;margin-left:18px;}
/*#header .header-lang:before{width:0px;position:absolute;right:0;top:50%;margin-top:-5px;content:"";height:10px;border:1px solid #fff;opacity:0.3;}*/
#header.white-bg .header-lang:before{border:1px solid #999;}
.header-lang .lang-open-btn{overflow:hidden;}
.index-wrapper .header-lang .lang-open-btn{width:28px;height:23px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
#header .header-lang .lang-open-btn i{background-image: url("/images/tacn/wx1.png");background-position:center;background-repeat:no-repeat;/*background-size:28px 23px;*/width:100%;height:100%;display:block;}
#header.white-bg .header-lang .lang-open-btn i{background-image:url(/images/tacn/wx1.png);background-size:28px 23px;}
#header.white-bg .header-lang .lang-open-btn:hover i{background-image:url("/images/tacn/wxhover.png");background-position:center;background-repeat:no-repeat;background-size:28px 23px;}
.eng{display:none;background:#fff;box-shadow:0 1px 11px rgba(0,0,0,0.3);width:120px;padding:5px;position:absolute;top:100%;right:50%;margin-right:-52px;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%);}
.index-wrapper .header-lang .oa{width:28px;height:23px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
#header .header-lang .oa i{background-image:url("/images/oa.png");background-position:center;background-repeat:no-repeat;/*background-size:28px 23px;*/width:100%;height:100%;display:block;}
#header.white-bg .header-lang .oa i{background-image:url(/images/oa1.png);background-size:25px 23px;}
#header.white-bg .header-lang .oa:hover i{background-image:url("/images/oahover.png");background-position:center;background-repeat:no-repeat;background-size:25px 23px;}
.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;}
.eng a{line-height:35px;font-size:16px;display:block;width:100%;text-align:center;}
.eng a:hover{color:#333;}

/*search*/
.header_ser{width:22px;position:relative;height:100%;float:left;margin:0 18px;}
#header .header_ser:after{width:0px;position:absolute;right:-18px;top:50%;margin-top:-5px;content:"";height:10px;border:1px solid #fff;opacity:0.3;}
#header.white-bg .header_ser:after{border:1px solid #999;}
#header .sousuoend{background-image:url(/images/sear.png);background-repeat:no-repeat;/*background-size:22px 22px;*/width:22px;display:inline-block;height:22px;cursor:pointer;}
#header.white-bg .sousuoend{background-image:url(/images/sear1.png);background-size:22px 22px;}
#header.white-bg .sousuoend:hover{background-image:url(/images/searhover.png);}
.cuohao{color:#333;font-size:30px;}
.cuohaoa{color:#333;}
header #util-search-box{display:none;position:absolute;z-index:9999;background-color:#fff!important;top:0px;left:0;width:100%;height:100px;}
header #util-search-box .container{padding-right:0;padding-left:0;}
header #util-search-box .search-box-container{position:relative;}
header #util-search-box .search-box-container .search-area{position:relative;height:100px;padding-right:0;padding-left:0;}
header #util-search-box .search-box-container .search-area .search-prepend{position:absolute;top:0;left:0;width:62px;height:100%;padding:39px 20px;line-height:22px;}
header #util-search-box .search-box-container .search-area .search-prepend>i{display:inline-block;color:#000;background-image:url(/images/sear.png);width:22px;height:22px;background-size:100%;background-repeat:no-repeat;vertical-align:top;}
header #util-search-box .search-box-container .search-area .search-field{height:100%;padding-right:60px;padding-left:60px;}
header #util-search-box .search-box-container .search-area .search-field>input{width:100%;height:100px;padding-top:25px;padding-bottom:25px;background-color:transparent;border:none;outline:none;color:#000;font-size:18px;font-weight:600;line-height:30px;}
header #util-search-box .search-box-container .search-area .search-field>input::-webkit-input-placeholder{color:#999;opacity:1;}
header #util-search-box .search-box-container .search-area .search-field>input:-ms-input-placeholder{    /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#999;opacity:1;    /* Firefox */}
header #util-search-box .search-box-container .search-area .search-field>input::-ms-input-placeholder{    /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#999;opacity:1;    /* Firefox */}
header #util-search-box .search-box-container .search-area .search-field>input::placeholder{    /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#999;opacity:1;    /* Firefox */}
header #util-search-box .search-box-container .search-area .search-field>input:-ms-input-placeholder{    /* Internet Explorer 10-11 */
color:#999;}
header #util-search-box .search-box-container .search-area .search-field>input::-ms-input-placeholder{    /* Microsoft Edge */
color:#999;}
header #util-search-box .search-box-container .search-area .search-append{position:absolute;top:24px;cursor:pointer;right:0;}
header #util-search-box .search-box-container .auto-compile{overflow:hidden;display:block;position:absolute;top:100px;right:0;left:0;width:100%;text-align:left;background-color:#fff;box-shadow:0px 5px 6px rgba(0,0,0,0.16);border-bottom-right-radius:16px;border-bottom-left-radius:16px;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list{position:relative;padding:18px 20px;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list:last-child{padding-bottom:30px;display: none;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list strong{display:inline-block;margin-left:42px;vertical-align:top;font-weight:500;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul{padding-left:42px;overflow:hidden;padding-top:15px;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li{width:15%;float:left;padding-top:7px;padding-right:10px;padding-bottom:7px;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a{display:inline-block;font-size:16px;font-weight:500;line-height:22px;}
html.is-resize header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a{-webkit-transition:none!important;transition:none!important;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a:hover,
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a:active{color:#ca0202;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list+.auto-compile-list::before{content:'';display:block;position:absolute;top:0;right:0;left:0;width:100%;height:0;border-bottom:1px solid #e8e8e8;}

/* -------- 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{float:left;padding-left:300px;width:85%;}
#gnb>ul{}
#gnb>ul>li,
#gnb .li{display:inline-block;}
#header #gnb>ul>li>a,
#header #gnb .li>a{position:relative;z-index:100;display:block;height:100px;line-height:100px;padding:0 11px;text-align:center;font-size:18px;font-weight:500;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;color:#666;}
#header.white-bg #gnb>ul>li>a,
#header.white-bg #gnb .li>a{color:#666;}
#gnb>ul>li>a .kr{font-weight:400;}
#header.white-bg #gnb>ul>li>a:hover{color:#D81F27;}
#header.white-bg #gnb>ul>li.active>a{color:#D81F27;}

/* GNB */
#gnbBg{position:absolute;left:0;top:100px;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:365px;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:100px;min-height:365px;z-index:99;width:100%;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:left;width:46.7%;padding-top:38px;padding-left:60px;}
.gnb-2dep-menu-list .gnb_mleft{width:638px;max-width:100%;float:right;}
.gnb-2dep-menu-list .gnb_sub{display:block;font-size:22px;font-weight:bold;line-height:1.1;padding-bottom:21px;color:#333333;}
.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-right:40px}
.gnb-2dep-menu-list li a{display:table;position:relative;width:100%;height:64px;padding-bottom:12px;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:#D81F27;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:bottom;font-size:18px;}
.gnb-2dep-menu-list li a .gnb-icon{position:absolute;bottom:12px;right:0;font-size:18px;}
.gnb-2dep-menu-list li a:hover{color:#D81F27;}
.gnb-2dep-menu-list li a:hover:before{width:100%;}
.gnb-2dep-menu-list li.active a:hover{width:100%;}
.gnb-2dep-menu-list li a:hover .gnb-icon svg path{fill:#D81F27;}
.gnb-2dep-menu-txt{float:left;padding-left:60px;width:53.3%;background-color:#fff;}
.gnb-2dep-menu-txt .gnb-2dep-menu-img{width:55%;height:365px;float:right;background-size:cover;background-position:center;background-repeat:no-repeat;}
.gnb-2dep-menu-txt .gnb-left{float:left;width:45%;padding-right:15px;padding-top:38px;}
.gnb-2dep-menu-txt .gnb-left .gnb_text{font-size:26px;line-height:1.2;color:#D81F27;min-height:100px;margin-bottom:35px;}
.gnb-2dep-menu-txt .gnb-left p{font-size:16px;line-height:28px;}

/* -------- Header-------- */
.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 #gnb>ul>li.active>a,
#header.over #gnb>ul>li.on>a,
#header.over #gnb>ul>li>a:hover,
#header #gnb .li:hover a{color:#D81F27}
#header #gnb>ul>li.active>a:after,
#header.over #gnb>ul>li.on>a:after,
#header #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:#D81F27;opacity:1;}

/* -------- 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}
#header .menubtn{transition:0.4s;position:relative;margin-top:36px;display:inline-block;z-index:103;cursor:pointer;width:30px;height:26px;background:transparent url(../images/menu_btn.png) center no-repeat;}
#header.white-bg .menubtn{background-image:url(/images/menu_btn2.png);}
#header.white-bg .menubtn.active,
#header.white-bg .menubtn:hover{background-image:url(/images/menu_btn1.png);}

/*menu right*/
.header-right{z-index:999;float:left;height:100%;padding-left:18px;}
.navigate-mark{position:fixed;width:100%;left:0;top:0;opacity:0;height:100%;background:rgba(0,0,0,.6);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.show .navigate-mark{visibility:visible;opacity:1;}
.navigate{width:100%;height:100%;position:fixed;right:0;top:0;z-index:102;visibility:hidden;transition:0.7s;}
.navigate.show{visibility:visible;}
.navigate.show .navigate-item{opacity:1;visibility:visible;transform:translateX(0px);transition:0.6s 0.4s;}
.navigate.show .navigate-item:nth-child(2){transition-delay:0.6s;}
.navigate.show .navigate-item:nth-child(3){transition-delay:0.8s;}
.navigate-list{position:absolute;left:32.6%;top:20.83%;right:0;overflow:hidden;}
.navigate-item{width:33.3333%;float:left;opacity:0;visibility:hidden;transition:0.4s;transform:translateX(120px);}
.navigate-item dt{display:block;margin-bottom:18px;}
.navigate-item dt a{display:inline-block;color:#fff;font-size:34px;line-height:1;font-weight:lighter;}
.navigate-item dd{display:block;}
.navigate-item dd p a{display:inline-block;color:#a6c8f7;font-size:24px;font-weight:lighter;line-height:1.5;}
.navigate-item dd p a:hover{color:#fff;}
.lnb_area{position:fixed;right:0;top:0;width:448px;height:100vh;z-index:999;background:#000;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0);}
.show .lnb_area{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
.lnb_tab{background:#fff;width:100%;height:100px;padding:0 24px}
.lnb_tab .nav-link{display:inline-block;padding:0 8px;border:none;margin:0 10px;line-height:100px;font-size:18px;color:rgba(0,0,0,.42);position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.lnb_tab .nav-link:before{content:'';position:absolute;bottom:0;left:0;width:0%;height:2px;background:#D81F27;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-ms-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s;}
.lnb_tab .nav-link.active:before{width:100%}
.lnb_tab .nav-link:hover{color:#000}
.lnb_tab .nav-link:hover:before{width:100%}
.lnb_inner .tab-content{padding-top:30px;height:calc(100vh - 100px);overflow:hidden;overflow-y:auto;}
.lnb_inner .tab-content ul li{text-align:left;padding:10px 0;}
.lnb_inner .tab-content ul li a.kr_sd_500{color:#fff;line-height:30px;font-size:18px;display:block;width:100%;position:relative;padding-left:30px;font-weight:bold;}
.lnb_inner .tab-content ul li a.kr_sd_500 span{color:inherit;font-size:inherit;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.lnb_inner .tab-content ul li a:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.15);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;visibility:hidden;}
.lnb_inner .tab-content ul li a:after{content:'';position:absolute;right:40px;top:50%;margin-top:-8px;background:url(/images/ico_arrow_white_right.png) no-repeat 0 0 / contain;width:10px;height:16px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.lnb_inner .tab-content ul li a:hover span{padding-left:10px;}
.lnb_inner .tab-content ul li a:hover:before{visibility:visible;opacity:1;}
.lnb_inner .tab-content ul li a:hover:after{visibility:visible;opacity:1;}