/***** header ******/
.header {
width: 100%;
display: table;
position: relative;
background: #fff;
border-bottom: solid 1px #e0e0e0;
z-index: 500;
}
.header .global-inner {
display: table;
padding: 0.875em 0 0.9375em;
}
.header.fixed {
position: fixed;
left: 0;
top: 0;
}
@media screen and (max-width: 991px) {
.header .global-inner {
padding: 0.875em 0 0.875em 1em;
}
}
.head-logo img {
height: 50px;
display: block;
}
@media screen and (max-width: 991px) {
.head-logo img {
height: 3em;
}
}
.head-tool-box {
padding-left: 1em;
border-left: solid 1px #e6e6e6;
overflow: hidden;
position: absolute;
right: 0;
top: 50%;
margin-top: -1em;
}
.head-tool-box .tool {
width: 2em;
height: 2em;
display: block;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
overflow: hidden;
background-color: #b3b3b3;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
text-align: center;
float: left;
margin: 0 0 0 4px;
}
.head-tool-box .tool.head-btn-language {
width: 32px;
height: 32px;
font-size: 14px;
line-height: 32px;
color: #fff;
}
.head-tool-box .tool:hover {
color: #fff;
background-color: #00a0ea;
}
@media screen and (max-width: 991px) {
.head-tool-box {
padding-left: 0;
border: none;
}
}
.head-btn-sch {
background-image: url(../images/btn_01.png);
}
.head-sch-box {
display: none;
overflow: hidden;
background: #fff;
margin-top: 4px;
padding: 0.5em 3.25em 0.5em 1em;
box-shadow: 0 2px 4px rgba(110, 110, 110, 0.2);
-moz-box-shadow: 0 2px 4px rgba(110, 110, 110, 0.2);
-webkit-box-shadow: 0 2px 4px rgba(110, 110, 110, 0.2);
position: absolute;
top: 100%;
z-index: 400;
}
.head-sch-box .btn-sch {
width: 3.25em;
height: 100%;
display: block;
background: url(../images/btn_02.png) no-repeat center center;
background-size: 18px auto;
position: absolute;
right: 0;
top: 0;
}
.head-sch-box .frm-ctrl {
width: 100%;
height: 2em;
display: block;
border: none;
font-size: 14px;
line-height: 2em;
color: #333;
}
@media screen and (max-width: 991px) {
.head-sch-box {
width: 97%;
}
}
@media screen and (max-width: 768px) {
.head-sch-box {
width: 93%;
}
}
.head-btn-nav {
margin: 0 1em 0 0.625em;
position: relative;
overflow: hidden;
}
.head-nav-open {
width: 2em;
height: 2em;
display: block;
overflow: hidden;
line-height: 2em;
position: relative;
}
.head-nav-open .inner {
width: 100%;
display: inline-block;
vertical-align: middle;
}
.head-nav-close {
width: 100%;
height: 100%;
display: none;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 50;
}
.icon-hamburger {
overflow: hidden;
text-align: center;
}
.icon-hamburger .line {
width: 100%;
height: 3px;
display: block;
background: #4d4d4d;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.icon-hamburger .line:nth-child(2) {
margin: 5px 0;
}
.icon-hamburger.active .line:nth-child(1) {
-webkit-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
.icon-hamburger.active .line:nth-child(2) {
opacity: 0;
}
.icon-hamburger.active .line:nth-child(3) {
-webkit-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}
.pc-nav-list {
width: 100%;
display: table-cell;
vertical-align: middle;
padding: 0 6.875em 0 1.25em;
text-align: right;
white-space: nowrap;
}
.pc-nav-list li {
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 42px;
color: #4c4c4c;
margin-left: 5.6%;
}
.pc-nav-list li:first-child {
margin-left: 0;
}
.pc-nav-list li:hover a,
.pc-nav-list li.current a {
color: #0793d4;
}
.pc-nav-list a {
color: #4c4c4c;
}
@media screen and (max-width: 1000px) {
.pc-nav-list li {
margin-left: 3%;
}
}
.pop-nav-box {
width: 100%;
height: 100%;
display: none;
background: #fff;
overflow: hidden;
position: fixed;
left: 0;
top: 0;
z-index: 400;
}
.pop-nav-box .inner {
width: 100%;
height: 100%;
overflow: hidden;
padding: 1.125em 0 4em;
}
.pop-nav-box .btn-language {
width: 100%;
display: block;
font-size: 1.125em;
line-height: 1.56em;
color: #333;
padding: 1em 4%;
}
.pop-nav-list {
width: 100%;
overflow: hidden;
position: relative;
}
.pop-nav-list > li {
width: 100%;
overflow: hidden;
position: relative;
}
.pop-nav-list > li.active .menu-level1 .arrow {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.pop-nav-list > li.has-subnav .menu-level1 .arrow {
display: block;
}
.pop-nav-list a {
font-size: 1.125em;
float: left;
}
.pop-nav-list .menu-level1 {
width: 100%;
display: block;
overflow: hidden;
position: relative;
background: #fff;
padding: 0 4%;
border-bottom: solid 1px #e6e6e6;
}
.pop-nav-list .menu-level1 a {
float: left;
font-size: 1.125em;
line-height: 1.56em;
color: #333;
padding: 1em 0;
}
.pop-nav-list .menu-level1 .arrow {
width: 10%;
height: 100%;
display: none;
overflow: hidden;
background: url(../images/arrow_01.png) no-repeat center center;
background-size: 0.5em auto;
position: absolute;
right: 0;
top: 0;
z-index: 20;
}
.pop-subnav-list {
width: 100%;
display: none;
overflow: hidden;
background: #f2f2f2;
padding: 5px 0 2em;
}
.pop-subnav-list li {
width: 100%;
overflow: hidden;
padding: 0 4%;
}
.pop-subnav-list a {
font-size: 1em;
line-height: 2.875em;
color: #333;
float: left;
}
/**** pop-tips-box ****/
.pop-tips-box .pop-bd {
padding: 2.25em 16.25% 2.625em;
text-align: center;
}
.pop-tips-box .tips-icon {
width: 5em;
height: 5em;
display: block;
overflow: hidden;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
margin: 0 auto 1em;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.pop-tips-box .tip-desc {
font-size: 14px;
line-height: 20px;
color: #333;
}
.pop-tips-box .tips-tool {
overflow: hidden;
margin-top: 1.875em;
text-align: center;
}
.pop-tips-box .tips-tool .btn {
width: 6.429em;
min-width: 0;
height: 2.5em;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 14px;
line-height: 2.35em;
margin: 0 5px;
}
.pop-tips-box.success .tips-icon {
background-image: url(../images/icon_12.png);
}
.pop-tips-box.success .tips-tool .btn.btn-sure {
border-color: #0089d9;
background: #0089d9;
color: #fff;
}
.pop-tips-box.error .tips-icon {
background-image: url(../images/icon_13.png);
}
.pop-tips-box.error .tips-tool .btn.btn-sure {
border-color: #eb1729;
background: #eb1729;
color: #fff;
}