.menu{padding:0;margin:0 auto;min-height:100%;z-index:99999}
.menu>ul{margin:0;padding:0}
.menu>ul>li>a{padding:0 13px}
.nav_link a{ position:relative}
.nav_item{border-bottom:1px solid rgba(255,255,255,.3);line-height:50px;list-style:none}
.nav_item a{font-size:16px;text-decoration:none;transition:all .3s;display:block;position:relative;transform:translate(0,0)!important;color:#333}
.nav_item a:hover,.menu a.active-parent{color:#333;}
.nav_sub{margin:0;padding:0;text-align:left;background:#fff;pointer-events:none;top:0;display:none;opacity:1;visibility:visible;position:relative;}
.nav_sub.open{visibility:visible;opacity:1;display:block;pointer-events:auto;transform:translate(0,0)}
.nav_sub_list a{display:block;font-size:14px;font-weight:400;color:#333;}
.nav_sub_list a p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; width:100%; float:left;}
.nav_sub_list a:hover{color:#333;font-weight:400}
.nav_sub .nav_sub{top:0;left:0;position:relative}
.nav_sub .nav_sub.open{visibility:visible;opacity:1;transform:translate(0,0)}
.menu-button{padding:10px;border:none;cursor:pointer;transition:0s;border-radius:2px;width:auto;position:fixed;top:0;right:5%; z-index:8; top:3px;}
.burger-icon{position:relative;margin-top:10px;margin-bottom:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.burger-icon,.burger-icon::after,.burger-icon::before{display:block;width:26px;height:3px;background-color:#333;outline:1px solid transparent;-webkit-transition-property:background-color,-webkit-transform;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;transition-property:background-color,transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
.burger-icon::after,.burger-icon::before{position:absolute;content:""}
.burger-icon::before{top:-10px}
.burger-icon::after{top:10px}
.menu.open .burger-icon{position:relative;margin-top:10px;margin-bottom:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.menu.open .burger-icon,.menu.open .burger-icon::after,.menu.open .burger-icon::before{display:block;width:30px;height:4px;background-color:#222;outline:1px solid transparent;-webkit-transition-property:background-color,-webkit-transform;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;transition-property:background-color,transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
.menu.open .burger-icon::after,.menu.open .burger-icon::before{position:absolute;content:""}
.menu.open .burger-icon::before{top:-10px}
.menu.open .burger-icon::after{top:10px}
.menu-button.is-active .burger-icon{background-color:transparent}
.menu-button.is-active .burger-icon::before{-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.menu-button.is-active .burger-icon::after{-webkit-transform:translateY(-10px) rotate(-45deg);-moz-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);-o-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
.nav_content{height:100%;transform:translate(-100%,0);width:0;overflow-y:auto;z-index:1; background:#fff; border-bottom:1px solid #d8e0e6; position:fixed; top:0}
.nav_content.open{transform:translate(0,0);transition:all .5s;transition-timing-function:cubic-bezier(.62,.04,.82,.13);width:80%;box-shadow:5px 5px 15px 0 rgba(0,0,0,.1);min-height:100%!important}
.nav_content.close{transform:translate(-100%,0);transition:all .5s;transition-timing-function:cubic-bezier(.62,.04,.82,.13);text-shadow:none;width:0}
.nav_sub .container .nav_sub_list:hover p,.top-nav a:hover{ color:#d70c25}
.nav_sub .container .nav_sub_list{ padding-right:20px;}
@media screen and (min-width:769px){
.menu>ul>.nav_item.to-left>ul{right:0}
.menu ul>.nav_sub_list.to-left>ul{left:-300px}
.menu .nav_sub.to-left-ul>li>a .arrow{text-align:right;right:auto;left:0}
.nav_item{border-bottom:none;line-height:80px; display:table-cell; }
.nav_sub{position:absolute;visibility:hidden;opacity:0;top:80px;pointer-events:none;transition:all .3s;transform:translate(0,-0);z-index:99999;width:100%;left:0; padding:30px 0 30px;}
.menu-button.visible-xs{display:none}
.nav_content{width:100%;transform:translate(0,0);height:80px;overflow:visible; position:relative}
.nav_content.open{width:100%}
.nav_content.close{width:100%}
.nav_sub .container ul{width: 65%;display: flex;flex-direction: row;flex-wrap: wrap; text-align:center;}
.top-nav{ width:100%; display:block; margin-bottom:1rem; }
.top-nav{ line-height:30px !important;}
.top-nav .tit{ text-align:left; display:table; width:100%; font-size:15px;}
.top-nav .nav_sub_list{ float:left; line-height:40px;}
.common_nav .nav_sub .container .nav_sub_list,.top-nav .nav_sub_list{width: 31%; text-align: left; position:relative;border-bottom:1px solid #ddd; line-height:55px;}
.top-nav .nav_sub_list:nth-child(3){ margin:0 3.5% 0}
.common_nav .nav_sub .container .nav_sub_list:nth-child(1),.common_nav .nav_sub .container .nav_sub_list:nth-child(2),.common_nav .nav_sub .container .nav_sub_list:nth-child(3),.common_nav .nav_sub .container .nav_sub_list:nth-child(4){border-top:1px solid #ddd;}
.common_nav .nav_sub .container .nav_sub_list:hover,.top-nav .nav_sub_list:hover{ background:url(../images/icon/arrow_right.png) no-repeat right center; color:#d70c25}
.common_nav .nav_sub .container .nav_sub_list:nth-child(3n){ margin:0 3.5% 0}
.language_nav{ position:relative}
.language_nav .nav_sub{ padding:0; text-align:center; line-height:35px}
.language_nav .nav_sub a:hover{color:#d70c25}
.search-close.cd-search-trigger.search-is-visible{ display:none; margin:0 !important; padding:0; top:0}
.nav_item a.nav_link:hover::after{ position:absolute; background:#d70c25; width:100%; left:0; bottom:0px; display:block;content:""; height:3px;}
.nav_item .nav_link.on::after{ position:absolute;background:#d70c25; width:100%; left:0; bottom:0px; display:block;content:""; height:3px;}
}
@media screen and (max-width:768px){
.nav_item { line-height:45px;}
.nav_item,.nav_sub_list{ border-top:1px solid #e9eff2; overflow:hidden}
.nav_item a .arrow{width:100%;text-align:center;position:absolute;right:5px;display:inline-block;transition:transform .3s; background:url(../images/icon/nav_arrow.png) no-repeat center right;}
.nav_item a .arrow:before{display:inline-block;padding:2px;content:'';}
.nav_sub a .arrow{display:inline-block;margin-left:10px}
.nav_sub a .arrow:before{border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:2px;content:''}
.nav_sub_list a:hover .arrow:before{border:solid #fff;border-width:0 2px 2px 0;background:url(../images/icon/nav_arrow_down.png) no-repeat center right}
.nav_item a .arrow.open{background:url(../images/icon/nav_arrow_down.png) no-repeat center right}
.open .menuOverlay{display:none!important}
.nav_content.open{ z-index:12}
.nav_content.open .container{ width:100%;}
.nav_content.open .container ul.fr{ width:90%; margin:0 auto}
.wap-logo { background:#e9eff2; padding:1rem}
.wap-logo img{ width:240px; margin:0 auto}

.cd-search-trigger span{ background:#fff}
.cd-search-trigger::before{ border:2px solid #888; height:17px; width:17px; top:9px; left:19px;}
.cd-search-trigger::after,.cd-search-trigger span::before, .cd-search-trigger span::after{ background:#888}
.cd-search-trigger span::before, .cd-search-trigger span::after{ margin-left:-1px}
.cd-search{ top:75px; position:fixed; z-index:4}
.searchbox .import{ height:40px; background:#e9eff2; }
.cd-search-trigger::after{ bottom:13px; right:0}
.cd-search-trigger, .cd-nav-trigger{ height:40px; width:40px; margin-top:6px}
.cd-search.is-visible .mod_select,.cd-search.is-visible .btn-search{ display:none}
.cd-search form{ padding:15px 0}
.cd-search.is-visible .searchbox{ width:80%; padding:0 50px 0 0;border:none;height:40px;}
.nav_item a{ position:relative}
.nav_item a.nav_link::before{content: '';background: #d1d8dc;height: 0px;width: 3px;position: relative;left: -8px;top: 1px;padding-left: 3px;}
.nav_img_link,.nav_sub_list img{ display:none}
.cd-search.is-visible .search-close.cd-search-trigger{ background:url(../images/icon/close.png) center center no-repeat #fff; top:0; border:none; height:40px; width:40px; position:absolute; right:0;margin:0 !important; }
}
header{ position:relative; z-index:7}