@charset "UTF-8";

/********头部***************/
.page-header { position:fixed; z-index:9999; left:0px; padding:0px 6.25%; top:6%; width:100%; right:0px; }
.page-header .page-logo { position:relative; z-index:2; width:285px; }
.page-header .page-logo img { height:60px; }
.page-header .page-language { position:absolute; top:15px; right:6.25%; background:#fff;  border-radius:15px; padding:3px; }
.page-header .page-language a { display:inline-block; line-height:2; color:#999; padding:0px 1em; border-radius:1em;}
.page-header .page-language a.on,.page-header .page-language a:hover { background:#e6002d; color:#fff; }
.page-header .page-nav { position:absolute; height:100%; top:0px; right:6.25%; padding:0px 0px 0px 300px; left:6.25%; }
.page-header .page-nav:before { position:absolute; right:20px; height:10px; width:1px; content:""; background:#fff; top:50%; margin-top:-5px; }
.page-header .page-nav  .page-nav-btn { position:absolute; z-index:5; cursor:pointer; top:50%; margin-top:-12px; right:148px; width:24px; height:24px; background:#e6002d; border-radius:50%; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }
.page-header .page-nav  .page-nav-btn:hover { opacity:0.7; filter:alpha(opacity=70); }
.page-header .page-nav  .page-nav-btn span {position:absolute; width:10px; height:1px; background:#fff; left:7px; top:8px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg); }
.page-header .page-nav  .page-nav-btn:before { position:absolute; width:8px; left:5px; top:12px; background-color: transparent; height:1px; content:"";  }
.page-header .page-nav  .page-nav-btn:after { position:absolute; width:10px; left:7px; top:15px; background:#fff; height:1px; content:""; transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg); }

.page-header .page-nav .visible_nav.page-nav-btn:before {background-color: #fff;}
.page-header .page-nav .visible_nav.page-nav-btn span {top:8px;left:5px; width:14px; transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);}
.page-header .page-nav .visible_nav.page-nav-btn:after{top:16px; left:5px; width:11px;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);}


.page-header .page-nav-con { position:absolute; transform:translateX(0%); right:173px; }
.page-header .page-nav-con>ul {  }
.page-header .page-nav-con>ul>li{ display:inline-block; }
.page-header .page-nav-con>ul>li>a{display: block; padding:0px 1.388em; line-height:60px; height:60px; color:#fff;  position: relative; }
.page-header .page-nav-con>ul>li>a>em{position:absolute; opacity:0; filter:alpha(opacity=0); left: 50%; margin-left:-0.75em; bottom:0px; z-index:101;  border:0.75em solid rgba(255,255,255,0.7); border-color:transparent transparent rgba(255,255,255,0.8) transparent; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.page-header .page-nav-con>ul>li:hover>a>em{ opacity:0; filter:alpha(opacity=0); }
.page-header .page-nav-con>ul>li:first-child { margin-left:0px; }
.page-header .page-nav-con>ul>li.on>a>em { opacity:0; filter:alpha(opacity=0); }
.page-header .page-nav-con .page-img { float:left; width:28.889%; }
.page-header .page-nav-con .page-img .bg_container { padding-bottom:57.69%; border-radius:0.5em; }
.page-header .page-nav-con>ul>li:hover>a { color:#e6002d; }
.page-header .page-nav-con>ul>li>a on { color:#e6002d }


.page-header .navlist { position: absolute; z-index: 100; background:rgba(255,255,255,1); top:100%; display:none; left:50%; margin-left:-26.665em; width:53.33em; opacity:1; border-radius:0.5em;  padding:1.3889em 1.667em; box-shadow:0px 0px 1em rgba(0,0,0,0.1);}
.page-header .navlist ul {overflow:hidden; padding-right:2em; padding-top:0.875em; }
.page-header .navlist ul li { padding:0px; display:inline-block; padding-left:3.375em; }
.page-header .navlist ul li a{display:block; padding-left:1em; color:#333;  position:relative; text-align:center; line-height:3;  }
.page-header .navlist ul li a:before { position:absolute; content:""; left:0px; width:0.5em; height:0.5em; border-radius:50%; background:#fff; top:50%; margin-top:-0.25em; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.page-header .navlist ul li a:hover { color:#e6002d; text-decoration:underline;  }
.page-header .navlist ul li a:hover:before { background:#e6002d; }

.body_nav_phone .page-header .page-nav-con { transform:translateX(200%);  }

.scrollHeader .page-header { background:rgba(0,0,0,0.6); top:0px; }
.scrollHeader .page-header .page-logo { padding:10px 0px; }
.scrollHeader .page-header .page-logo img { height:40px; }



@media only screen and (max-width:1540px){
.page-header .page-nav-con>ul>li>a { padding:0px 1em; }
}

@media only screen and (max-width:1440px){
.page-header .page-nav-con>ul>li>a { padding:0px 0.75em; }
.page-header { padding:0px 2.5%;}
.page-header .page-nav { right:2.5%; }
.page-header .page-language { right:2.5%; }
.page-header .page-nav .page-nav-btn { right:58px; }
.page-header .page-nav:before { right:109px; }
}
@media only screen and (max-width:1340px){
.page-header .page-nav-con>ul>li>a { padding:0px 0.5em; }
}

@media only screen and (max-width:1240px){
.page-header .page-logo { padding:10px 0px; }
.page-header .page-logo img { height:40px; }
}
@media only screen and (max-width:1050px){

.page-header { top:0px; }
.page-header .page-nav-con { transform:translateX(0); position:fixed; top:60px; left:0px; right:0px; height:0px; overflow:hidden;  width:100%;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; background:#fff;   }
.body_nav_phone  .page-header .page-nav-con {height:calc(100vh - 60px); overflow-y:auto; }
.body_nav_phone .page-header { background:rgba(0,0,0,0.6); top:0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.body_nav_phone .page-header .page-logo { padding:10px 0px; }
.body_nav_phone .page-header .page-logo img { height:40px; }
.page-header .page-nav-con>ul>li { display:block; border-bottom:1px solid #ddd; }
.page-header .page-nav-con>ul>li>a { color:#000; }
.page-header .navlist { position:relative; width:100%; left:auto; top:auto; margin-left:0px; }
.page-header .navlist ul li a { text-align:left; padding:0px 10%; }
.page-header .page-nav-con>ul>li>a>em { opacity:1; margin-top:-3.5px; filter:alpha(opacity=100); left:auto; right:5%; bottom:auto; top:50%;  border:7px solid #666; border-color:#666 transparent transparent transparent;  }

.page-header .page-nav-con .page-img  { display:none; }
.page-header .navlist ul { padding:0px; }
.page-header .navlist ul li { padding-left:0px; display:block; }
.page-header .navlist { padding:0px; }


.page-header .page-nav  .page-nav-btn { position:absolute; z-index:5; cursor:pointer; top:50%; margin-top:-12px; right:148px; width:24px; height:24px; background:#e6002d; border-radius:50%; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }
.page-header .page-nav  .page-nav-btn span {position:absolute; width:14px; height:1px; background:#fff; left:5px; top:8px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg); }
.page-header .page-nav  .page-nav-btn:before { position:absolute; width:8px; left:5px; top:12px; background:#fff; height:1px; content:"";  }
.page-header .page-nav  .page-nav-btn:after { position:absolute; width:11px; left:5px; top:16px; background:#fff; height:1px; content:""; transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg); }

.page-header .page-nav .visible_nav.page-nav-btn:before {background-color: transparent;}
.page-header .page-nav .visible_nav.page-nav-btn span {top:12px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.page-header .page-nav .visible_nav.page-nav-btn:after{top:12px; width:14px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}

.page-header .page-nav-con { transform:translateY(200%);transform:translateX(0%); }
.body_nav_phone .page-header .page-nav-con { transform:translateY(0%); }


.phone_hidden { overflow:hidden; }
}
@media only screen and (max-width:767px){
.page-header .page-nav .page-nav-btn { right:122px; }
}

@media only screen and (max-width:374px){


}


@media only screen and (max-width:1200px){

}

@media only screen and (max-width:1100px){

}
@media only screen and (max-width:767px){

}
@media only screen and (max-width:414px){

}





@media only screen and (max-width:1640px){

}





@media only screen and (max-width:767px){
.page-er-bn .bg_container { padding-bottom:50%; }
.page-er-bn .page-text h3 { padding-top:0px; }
}



@media only screen and (max-width:1280px){

}
@media only screen and (max-width:980px){

}
@media only screen and (max-width:767px){


}


@media only screen and (max-width:1340px){
.er-page-key ul li  a { padding:0px 1.5em; }
}
@media only screen and (max-width:1280px){
.er-page-key ul li  a { padding:0px 1.25em; }
}
@media only screen and (max-width:1200px){
.er-page-key ul li  a { padding:0px 1em; }
}
@media only screen and (max-width:980px){
.er-page-key ul li  a { padding:0px 0.75em; }
}
@media only screen and (max-width:767px){
.er-page-key { margin-top:2em; }
}