@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; border-top: 7px solid #215eab; box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);}
.top-barC {margin:auto; max-width:1240px; height: 101px; padding: 0 20px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 50%; left: 20px; margin-top: -40px; line-height: 0; font-size: 0; z-index: 9977; transition: all 0.25s ease 0s;}
.logo a {display: flex; flex-wrap: wrap; align-items: center;}
.logo a img:nth-child(1) {height: 81px!important; transition: all 0.25s ease 0s;}
.logo a img:nth-child(2) {height: 81px!important; transition: all 0.25s ease 0s;}
.logo a span {font-size: 16px!important; color: #4c7a04; margin-left: 10px; transition: all 0.25s ease 0s;}
.logo a:link, .logo a:visited {text-decoration:none; color:#4c7a04; transition: all 0.5s ease 0s;}
.logo a:active, .logo a:hover {text-decoration:none; color:#4c7a04; cursor:pointer; transition: all 0.5s ease 0s;}

@media only screen and (min-width:993px){
    .links {position: absolute; top: 50%; right: 20px; margin-top: 1px; 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:#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 {position: relative; margin-left: 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .links > div:nth-child(5) {margin: 0 20px 0 5px;}
    .links > div:nth-child(5) a {position: relative;}
    .links > div:nth-child(5) a span {position: absolute; top: 0px; right: -20px; width: 20px; height: 20px; border-radius: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; background-color: #215eab; z-index: 1; filter:alpha(opacity=100); Opacity:1; transition: all 0.5s ease 0s;}
    .links > div:nth-child(5) a:hover span {position: absolute; top: 0px; right: -20px; width: 20px; height: 20px; border-radius: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; background-color: #215eab; z-index: 1; filter:alpha(opacity=60); Opacity:0.6; transition: all 0.5s ease 0s;}
    .links > div:nth-child(5) a span:before {border-color: transparent #215eab #215eab transparent; border-style: solid; border-width: 5px; content: ""; height: 1px; left: -7px; position: absolute; top: 6px; width: 0px; z-index: -1;}
    .links > div:nth-child(6) {margin-left: 10px;}
    .links > div:nth-child(7) {margin: 0 5px 0 32px;}

    .language {position: absolute; top: 29px; right: -13px; width:100px; border-radius: 10px; background-color:rgba(14, 103, 208, 1); z-index:99999; display: none; overflow: hidden; transition-property:right, top; -webkit-transition-property:right, top; -moz-transition-property:right, top; -o-transition-property:right, top; transition-duration: 0.25s, 0.25s; -webkit-transition-duration: 0.25s, 0.25s; -moz-transition-duration: 0.25s, 0.25s; -o-transition-duration: 0.25s, 0.25s; transition-timing-function: linear; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear;}
    .language a:link, .language a:visited {text-decoration:none; display:block; color:#fff; text-align: center; padding:10px 0px; font-weight:bold;transition: all 0.35s ease 0s;}
    .language a:active, .language a:hover {text-decoration:none; background-color:rgba(0, 0, 0, .15); color:#fff; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0); cursor:pointer; transition: all 0.35s ease 0s;}

    .search {width: 0; height: 30px; overflow: hidden; position: absolute; top: -15px; right: 27px; background-color: #fff; z-index: 10; 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:url("../images/search_b.png");}
    .search_btn:hover::before {content:url("../images/search_a.png");}
    .search_pic {position: absolute; top: -12px; right: 0px; background-color: #fff; cursor: pointer; z-index: 10;}
    .search_pic::before {content:url("../images/search_a.png");}
    .search_pic:hover::before {content:url("../images/search_b.png");}
    .search_open {width: 240px; transition: all 0.25s ease 0s;}
    .search_btn_open {z-index: 15;}
}
@media only screen and (max-width:992px){
    .links {position: fixed; top: 47px; right: -100%; width: 100%; height: 80px; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: #e7e7e7; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2) inset; 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 {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 14.28%;}
    .links > div.links_c {position: fixed; top: -31px; right: calc(100% + 80px); width: 22px!important; transition: all 0s ease 0s!important;}
    .links > div.links_c a {position: relative;}
    .links > div.links_c span {position: absolute; top: 0px; right: -20px; width: 20px; height: 20px; border-radius: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; background-color: #215eab; z-index: 1;}
    .links > div.links_c span:before {border-color: transparent #215eab #215eab transparent; border-style: solid; border-width: 5px; content: ""; height: 1px; left: -7px; position: absolute; top: 6px; width: 0px; z-index: -1;}
    .links > div:nth-child(6) {width: 7%;}
    .links > div:nth-child(7) {justify-content: flex-start; width: 7%;}
    .links_show {right: 0;}
	.links_c_show {right: 80px!important; transition: all 0s ease 0s!important;}

    .language {position: absolute; top: 29px; right: -13px; width:100px; border-radius: 10px; background-color:rgba(14, 103, 208, 1); z-index:99999; display: none; overflow: hidden; transition-property:right, top; -webkit-transition-property:right, top; -moz-transition-property:right, top; -o-transition-property:right, top; transition-duration: 0.25s, 0.25s; -webkit-transition-duration: 0.25s, 0.25s; -moz-transition-duration: 0.25s, 0.25s; -o-transition-duration: 0.25s, 0.25s; transition-timing-function: linear; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear;}
    .language a:link, .language a:visited {text-decoration:none; display:block; color:#fff; text-align: center; padding:10px 0px; font-weight:bold;transition: all 0.35s ease 0s;}
    .language a:active, .language a:hover {text-decoration:none; background-color:rgba(0, 0, 0, .15); color:#fff; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0); cursor:pointer; transition: all 0.35s ease 0s;}

    .search {width: 0; height: 30px; overflow: hidden; position: absolute; top: -15px; right: 27px; background-color: #fff; z-index: 10; transition: all 0.25s ease 0s;}
    .search_btn {position: absolute; top: -12px; right: 0px; background-color: #e7e7e7; display: block; z-index: 5;}
    .search_btn::before {content:url("../images/search_b.png");}
    .search_btn:hover::before {content:url("../images/search_a.png");}
    .search_pic {position: absolute; top: -12px; right: 0px; background-color: #e7e7e7; cursor: pointer; z-index: 10;}
    .search_pic::before {content:url("../images/search_a.png");}
    .search_pic:hover::before {content:url("../images/search_b.png");}
    .search_open {width: 274px; transition: all 0.25s ease 0s;}
    .search_btn_open {z-index: 15;}
}
.menu {position: relative; letter-spacing: 1.2px; margin: 16px 0;}