@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:auto; max-width:1575px; height: 156px; padding: 0 100px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 12px; left: 100px; width: 121px; line-height: 0; font-size: 0; z-index: 9977; transition: all 0.25s ease 0s;}
/*.logo:hover::before {content: ''; width: 100px; height: 400px; position: absolute; top: -200px; right: 300%; -moz-transform:rotate(-35deg); -webkit-transform:rotate(-35deg); -o-transform:rotate(-35deg); -ms-transform:rotate(-35deg); transform:rotate(-35deg); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); -webkit-animation-name: flash-line-hover; animation-name: flash-line-hover; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}*/


.links {position: absolute; top: 20px; right: 100px; 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:#676767; position: relative; display: flex!important; flex-wrap: wrap; align-items: center; transition: all 0.25s ease 0s;}
.links a:active, .links a:hover {text-decoration:none; color:#676767; text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.7); cursor:pointer; transition: all 0.5s ease 0s;}
.links > div {position: relative; margin-left: 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.links > div:nth-child(1), .links > div:nth-child(2), .links > div:nth-child(3) {margin-right: 22px;}
.links > div:nth-child(2) img {margin-right: 10px;}

.search {display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.search input {margin-right: 10px;}
.search_btn {position: relative; z-index: 10;}
.search_pic {position: absolute; top: 0; right: 0; width: 17px; height: 17px; z-index: -10;}

@media only screen and (max-width:992px){
    .links {position: fixed; top: 60px!important; right: -100%; z-index: 9978; width: 100%; height: 75px; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: #fff; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2) inset; transition: all 0.25s ease 0s;}
    .links_show {right: 0;}
	
	.logo {top: 5px; left: 20px!important; width: 50px!important; margin: 0;}
    .top-barC {height: 60px!important; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);}
	
	.links_order {position: fixed!important; top: 20px!important; right: 90px !important;}
	.links > div:nth-child(2) img {margin-right: 5px!important;}
	.links > div:nth-child(1), .links > div:nth-child(2), .links > div:nth-child(3) {margin-right: 10px!important; margin-left: 0!important;}
	
	.links_search {position: fixed!important; right: 55px; top: 24px; z-index: 9;}
	.search_input {width: 0; height: 30px; margin: -4px 5px 0 0; position: absolute; right: 20px; overflow: hidden; transition: all 0.5s ease 0s;}
	.search_open {width: 120px; transition: all 0.5s ease 0s;}
	.search input {width: 100%; margin: 0;}
	.search_pic {z-index: 20; cursor: pointer;}
	.search_btn_open {z-index: 30;}
}