@charset "utf-8";
/* CSS Document */
.top-bar {background-color: rgba(255, 255, 255, 1); position: fixed; top: 0px; left: 0px; width: 100%; z-index: 8888; transition: all 0.25s ease 0s;}
.top-barC {margin: 0 0 0 auto; max-width:1690px; height: 109px; padding: 0 50px 0 20px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 50%; left: 20px; width: 137px; margin-top: -27px; line-height: 0; font-size: 0; z-index: 9977; transition: all 0.25s ease 0s;}

@media only screen and (min-width:993px){
    .links {position: absolute; top: 50%; right: 40px; margin-top: -11px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; transition: all 0.25s ease 0s;}
    .links a:link, .links a:visited {text-decoration:none; color:#fff; transition: all 0.25s ease 0s;}
    .links a:active, .links a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
	.links > div > a {font-size: 0;}
    .links > div {position: relative; margin-left: 16px; padding-right: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .links > div:first-child {margin-right: 16px;}

    .search {width: 0; height: 30px; overflow: hidden; position: absolute; top: -17px; right: 33px; background-color: #fff; z-index: 9955; transition: all 0.25s ease 0s;}
    .search_btn {position: absolute; top: -12px; right: 0px; background-color: #fff; display: block; z-index: 5;}
    .search_btn::before {content: ''; background: url("../images/icon_01ao.png") no-repeat center; background-size: cover; width: 22px; height: 22px; display: block;}
    .search_btn:hover::before {content:url("../images/icon_01a.png");}
    .search_pic {position: absolute; top: -12px; right: 0px; background-color: #fff; cursor: pointer; z-index: 10;}
    .search_pic::before {content:url("../images/icon_01a.png");}
    .search_pic:hover::before {content:url("../images/icon_01ao.png");}
    .search_open {width: 200px; transition: all 0.25s ease 0s;}
    .search_btn_open {z-index: 15;}
	
	.inq  > a {position: relative;}
	.inq  > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01f.png") no-repeat center; background-size: cover; display: block;}
	.inq > a span {position: absolute; top: -4px; right: -14px; width: 22px; height: 22px; border-radius: 22px; background-color: #e2570d; color: #fff; font-size: 12px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
	
	.sitemap > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01b.png") no-repeat center; background-size: cover; display: block;}

    .language {position: relative;}
	.language > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01c.png") no-repeat center; background-size: cover; display: block;}
	.language > ul {position: absolute; right: -24px; top: 150%; width: 100px; background-color: #e2570d; color: #fff; display: none;}
	.language > ul > li {line-height: 100%; padding: 7px 20px;}
	.language > ul > li:first-child {margin-top: 13px;}
	.language > ul > li:last-child {margin-bottom: 13px;}
	.language > ul > li:hover {background-color:rgba(0, 0, 0, .2); transition: all 0.75s ease 0s;}
	.language > ul > li a:link, .language > ul > li a:visited {text-decoration:none; color:#fff; position: relative; transition: all 0.5s ease 0s;}
	.language > ul > li a:active, .language > ul > li a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
	
	.facebook > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01d.png") no-repeat center; background-size: cover; display: block;}
	
	.youtube > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01e.png") no-repeat center; background-size: cover; display: block;}
}
@media only screen and (max-width:992px){
    .links {position: fixed; top: 50px; right: -100%!important; width: 100%; height: 80px; padding-left: 20px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; background-color: #ea5404; z-index: 9999; transition: all 0.25s ease 0s;}
    .links a:link, .links a:visited {text-decoration:none; color:#a0a6a9; transition: all 0.25s ease 0s;}
    .links a:active, .links a:hover {text-decoration:none; color:#0e67d0; text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.7); cursor:pointer; transition: all 0.5s ease 0s;}
	.links > div > a {font-size: 0;}
    .links > div {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .links > div:first-child {justify-content: flex-start; margin-left: 20px;}
    .links > div:last-child {margin-right: 20px;}
    .links_show {right: 0;}
	
	.language {position: fixed!important; top: 15px; right: 60px;}
	.language > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01c.png") no-repeat center; background-size: cover; display: block;}
	.language > ul {position: absolute; right: -24px; top: 150%; width: 103px; background-color: #e2570d; color: #fff; display: none;}
	.language > ul > li {line-height: 100%; padding: 7px 20px;}
	.language > ul > li:first-child {margin-top: 13px;}
	.language > ul > li:last-child {margin-bottom: 13px;}
	.language > ul > li:hover {background-color:rgba(0, 0, 0, .2); transition: all 0.75s ease 0s;}
	.language > ul > li a:link, .language > ul > li a:visited {text-decoration:none; color:#fff; position: relative; transition: all 0.5s ease 0s;}
	.language > ul > li a:active, .language > ul > li a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
	/*.language > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01cw.png") no-repeat center; background-size: cover; display: block;}
	.language > ul {position: absolute; right: -24px; top: 150%; width: 110px; background-color: #fff; color: #e2570d; display: none;}
	.language > ul > li {line-height: 100%; padding: 7px 20px;}
	.language > ul > li:first-child {margin-top: 13px;}
	.language > ul > li:last-child {margin-bottom: 13px;}
	.language > ul > li:hover {background-color:rgba(0, 0, 0, .2); transition: all 0.75s ease 0s;}
	.language > ul > li a:link, .language > ul > li a:visited {text-decoration:none; color:#e2570d; position: relative; transition: all 0.5s ease 0s;}
	.language > ul > li a:active, .language > ul > li a:hover {text-decoration:none; color:#e2570d; cursor:pointer; transition: all 0.5s ease 0s;}*/
	
	.inq {position: fixed!important; top: 15px; right: 110px;}
	.inq  > a {position: relative;}
	.inq  > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01f.png") no-repeat center; background-size: cover; display: block;}
	.inq > a span {position: absolute; top: -4px; right: -14px; width: 22px; height: 22px; border-radius: 22px; background-color: #e2570d; color: #fff; font-size: 12px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
	/*.inq  > a {position: relative;}
	.inq  > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01fw.png") no-repeat center; background-size: cover; display: block;}
	.inq > a span {position: absolute; top: -4px; right: -14px; width: 22px; height: 22px; border-radius: 22px; background-color: #fff; color: #e2570d; font-size: 12px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}*/
	
	.sitemap > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01bw.png") no-repeat center; background-size: cover; display: block;}
	
	.facebook > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01dw.png") no-repeat center; background-size: cover; display: block;}
	
	.youtube > a::after {content: ''; width: 22px; height: 22px; background: url("../images/icon_01ew.png") no-repeat center; background-size: cover; display: block;}
	
	.links > div:first-child {position: fixed!important; top: 26px; right: 160px; z-index: 1;}
	.search {width: 0; height: 30px; overflow: hidden; position: absolute; top: -17px; left: 21px; z-index: 9955; transition: all 0.25s ease 0s;}
    .search_btn {position: absolute; top: -12px; right: 0px; display: block; z-index: 5;}
    .search_btn::before {content: ''; background: url("../images/icon_01ao.png") no-repeat center; background-size: cover; width: 22px; height: 22px; display: block;}
    .search_btn:hover::before {content:url("../images/icon_01a.png");}
    .search_pic {position: absolute; top: -12px; right: 0px; cursor: pointer; z-index: 10;}
    .search_pic::before {content:url("../images/icon_01a.png");}
    .search_pic:hover::before {content:url("../images/icon_01ao.png");}
    .search_open {width: 160px; transition: all 0.25s ease 0s;}
    .search_btn_open {z-index: 15;}
    /*.search {width: 0; height: 30px; overflow: hidden; position: absolute; top: -17px; left: 21px; z-index: 9955; transition: all 0.25s ease 0s;}
    .search_btn {position: absolute; top: -12px; right: 0px; display: block; z-index: 5;}
    .search_btn::before {content: ''; background: url("../images/icon_01aw.png") no-repeat center; background-size: cover; width: 22px; height: 22px; display: block;}
    .search_btn:hover::before {content:url("../images/icon_01aw.png");}
    .search_pic {position: absolute; top: -12px; right: 0px; cursor: pointer; z-index: 10;}
    .search_pic::before {content:url("../images/icon_01aw.png");}
    .search_pic:hover::before {content:url("../images/icon_01aw.png");}
    .search_open {width: 200px; transition: all 0.25s ease 0s;}
    .search_btn_open {z-index: 15;}*/
	
	.links_show {right: 0!important;}
}
